@charset "UTF-8";
/*
	Author  : Somi Park, hyojeong yang
    Date    : 2023-04-15
    Project : hke
*/
/* abstracts */
@import url("vendors/animate.css");
@import url("vendors/swiper-bundle.css");
.learn-nav li a:focus::before, .tabs-nav li a:focus::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0.2rem solid #0A0A0A;
}

/* base */
@font-face {
  font-family: "NanumSquare Neo";
  src: url("font/NanumSquareNeo-aLt.woff2") format("woff2"), url("font/NanumSquareNeo-aLt.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NanumSquare Neo";
  src: url("font/NanumSquareNeo-bRg.woff2") format("woff2"), url("font/NanumSquareNeo-bRg.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NanumSquare Neo";
  src: url("font/NanumSquareNeo-cBd.woff2") format("woff2"), url("font/NanumSquareNeo-cBd.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NanumSquare Neo";
  src: url("font/NanumSquareNeo-dEb.woff2") format("woff2"), url("font/NanumSquareNeo-dEb.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NanumSquare Neo";
  src: url("font/NanumSquareNeo-eHv.woff2") format("woff2"), url("font/NanumSquareNeo-eHv.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --wrap-gap: 0;
  --fs-3xlg: 4.4rem;
  --fs-2xlg: 3.2rem;
  --fs-xlg: 2.4rem;
  --fs-lg: 1.8rem;
  --fs-md: 1.6rem;
  --fs-sm: 1.4rem;
  --fs-xsm: 1.2rem;
  --type-a-header-h: 16.8rem;
  --type-b-header-h: 16rem;
  --type-c-header-h:17.6rem;
  --contents-spacing: 6.4rem;
  --item-view-header-h: 10rem;
  --item-view-nav-h:6.4rem;
}

html, body {
  height: 100%;
}

html {
  border: 0;
  outline: 0;
  font-size: 62.5%;
}

body {
  font-family: "NanumSquare Neo", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  background-color: transparent;
  font-size: var(--fs-md);
  font-weight: 400;
  color: #333333;
  line-height: 1.3;
  letter-spacing: -0.02em;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  width: 100%;
}
body * {
  box-sizing: border-box;
}
body *::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6rem;
  box-sizing: border-box;
}
body *::-webkit-scrollbar-thumb {
  background-color: rgba(10, 10, 10, 0.1);
  border-radius: 2em;
}
body *::-webkit-scrollbar-track {
  width: 1.6rem;
  background-color: transparent;
}
body *::before, body *::after {
  box-sizing: border-box;
}

@media (pointer: coarse) {
  body * {
    scrollbar-width: none;
  }
  body *::-webkit-scrollbar {
    display: none;
  }
}
body.noscroll {
  overflow: hidden;
}

::selection {
  color: #fff;
  background-color: #0A0A0A;
}

::-moz-selection {
  color: #fff;
  background-color: #0A0A0A;
}

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;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.1em;
}

img {
  margin: 0;
  border: none;
}

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

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

em {
  color: #100380;
}
em.spot, em.secondary {
  color: #00B6ED;
}

em,
b, strong {
  font-weight: 800;
}

i {
  font-style: normal;
}

iframe {
  border: none;
  outline: 0;
}

a > span {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: #0A0A0A;
}

a:hover,
a:focus {
  text-decoration: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

table caption {
  height: 0;
  font-size: 0.1em;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
}

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

fieldset legend {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

button,
input:not([type=checkbox]),
input:not([type=radio]),
textarea,
select {
  font-family: "NanumSquare Neo", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: var(--fs-md);
  font-weight: 400;
  color: #333333;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  vertical-align: middle;
  letter-spacing: -0.01em;
}

button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}
button:focus {
  outline: auto;
}

pre {
  white-space: pre-wrap;
}

small {
  color: #727077;
}

@media (max-width: 1279px) {
  :root {
    --wrap-gap: 2.4rem;
    --type-a-header-h: 5.6rem;
    --type-b-header-h: 5.6rem;
    --type-c-header-h: 5.6rem;
    --contents-spacing: 4.8rem;
  }
}
@media (max-width: 1023px) {
  :root {
    --fs-3xlg: 2.8rem;
    --fs-2xlg: 2.4rem;
    --fs-xlg: 2.2rem;
  }
}
@media (max-width: 767px) {
  :root {
    --wrap-gap: 1.6rem;
    --fs-3xlg: 2.4rem;
    --fs-2xlg: 2.2rem;
    --fs-xlg: 2rem;
    --fs-lg: 1.5rem;
    --fs-md: 1.4rem;
    --fs-sm: 1.2rem;
    --fs-xsm: 1rem;
    --contents-spacing: 3.2rem;
  }
}
/* animation */
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/*vendors*/
/* -------------------------------------------------
    SORT
------------------------------------------------- */
/* 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: 0.4rem;
}

/*.datepicker + .ui-datepicker-trigger {
    position:relative;
    vertical-align:middle;
}*/
.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: #fff;
  margin-top: -0.2rem;
  border: 0.1rem solid #C1BFC8;
  width: 100%;
  max-width: 30rem;
  padding: 2rem 1rem 1rem;
  display: none;
  box-shadow: 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.1);
  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: -99.9rem;
  background-repeat: no-repeat;
  cursor: pointer;
  background: #0A0A0A;
  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-left: 0.2rem solid #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

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

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

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 8rem;
  vertical-align: middle;
  min-height: 3.2rem;
  height: 3.2rem;
  font-size: 1.5rem;
  padding-left: 1rem;
  padding-right: 2.4rem;
  background-position: calc(100% - 0.2rem) center;
}

.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.2em;
  text-align: center;
}

.ui-datepicker th {
  padding: 0.3em 0.3em;
  color: #0A0A0A;
  text-align: center;
  /*height:1.4rem;*/
  font-size: 1.4rem;
  font-weight: bold;
  border: 0;
}

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

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

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

.ui-datepicker td {
  text-align: center;
  padding: 0.2em 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: #0A0A0A;
  font-size: 1.4rem;
}

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

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  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: #0A0A0A;
  position: relative;
  top: 0.3rem;
}

.ui-datepicker .ui-state-highlight {
  background: #DDDAE3;
  color: #000;
  border-radius: 50%;
}

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

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

/* jquery-plugin dialog */
.ui-widget-overlay {
  position: fixed;
  width: 100%;
  height: 500%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(1rem);
  z-index: 99999;
}

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

.ui-dialog .ui-dialog-titlebar {
  position: relative;
  padding: 5rem 2rem 2rem;
  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;
    top:0;
    right:1rem;
    text-indent:-99.9rem;
}
.ui-dialog .ui-dialog-titlebar-close  {
    position: absolute;
	top:2rem;
	right:2rem;
    width: 3rem;
    height: 3rem;
    text-indent: -9999rem;
    overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar-close:before,
.ui-dialog .ui-dialog-titlebar-close:after {
    content: "";
    position: absolute;
    width: 140%;
    height: 2px;
    background: $bk;
	top:50%;
	left:50%;
	margin-left:-70%;
	margin-top:-0.1rem;
}*/
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  text-indent: -99.9rem;
  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: 100%;
  height: 2px;
  background: #0A0A0A;
  top: 50%;
  left: 50%;
  margin-left: -50%;
  margin-top: -1px;
}

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

.ui-dialog .ui-dialog-titlebar-close:after {
  -webkit-transform: rotate(-45deg);
  -moz-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;
  border: 0.1rem solid #DDDAE3;
  padding: 0 5rem;
  height: 6rem;
  line-height: 5.8rem;
  font-size: 2rem;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .spot {
  background-color: #100380;
  border-color: #100380;
  color: #fff;
}

.ui-dialog .ui-resizable-se {
  width: 1.2rem;
  height: 1.2rem;
  right: -0.5rem;
  bottom: -0.5rem;
  background-position: var(--fs);
}

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

/* ui-autocomplete */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  z-index: 10;
  max-height: 48rem;
  overflow-y: auto;
  box-sizing: border-box;
  box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
  border-radius: var(--radius);
  background-color: #fff;
  padding: 2rem;
}

.ui-autocomplete .ui-menu-item:hover,
.ui-autocomplete .ui-menu-item:focus {
  cursor: pointer;
}

.ui-autocomplete .ui-menu-item > div {
  padding: 0.8rem 2rem;
  border-radius: 2em;
}

.ui-autocomplete .ui-menu-item .ui-state-hover,
.ui-autocomplete .ui-menu-item .ui-state-focus,
.ui-autocomplete .ui-menu-item .ui-state-active {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}

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

.autocomplete-area {
  position: relative;
}

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

/* swiper */
.swiper {
  position: relative;
}

.swiper-pagination {
  z-index: 1;
}

.swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100%;
}

.swiper-pagination-bullet-active {
  background-color: #FFD200;
}

.swiper-fnc-area {
  position: absolute;
  inset: 50% 0;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}

.swiper-fnc {
  display: inline-flex;
  padding: 0 2.4rem;
  height: 4rem;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  font-size: var(--fs-xsm);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 2rem;
}
.swiper-fnc .swiper-pagination {
  position: static;
  width: auto;
  display: inherit;
}

.swiper-fnc-inline {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.swiper-fnc-inline .swiper-button-prev,
.swiper-fnc-inline .swiper-button-next {
  position: relative;
  inset: auto;
  transform: none;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  display: block;
  width: 8rem;
  height: 8rem;
  text-indent: -99999rem;
  font-size: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
  transition: background-color 0.3s;
  z-index: 3;
  border: 0.1rem solid #DDDAE3;
  backdrop-filter: blur(2rem);
}
.swiper-button-prev:hover, .swiper-button-prev:focus,
.swiper-button-next:hover,
.swiper-button-next:focus {
  background-color: rgba(255, 255, 255, 0.9);
}
.swiper-button-prev:after,
.swiper-button-next:after {
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 4rem;
  height: 4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(4rem * 20) auto;
  mask-position: -36rem -8rem;
  background: #1A1A1A;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  display: none;
}
.swiper-button-prev.sm,
.swiper-button-next.sm {
  width: 4.8rem;
  height: 4.8rem;
}
.swiper-button-prev.sm::after,
.swiper-button-next.sm::after {
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-position: -18rem -4rem;
  background: gr;
  background-color: #727077;
}
.swiper-button-prev.none,
.swiper-button-next.none {
  width: 2.4rem;
  height: 2.4rem;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.swiper-button-prev.none::after,
.swiper-button-next.none::after {
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-position: -18rem -4rem;
  background: #1A1A1A;
}

.swiper-button-prev {
  left: 0;
}
.swiper-button-prev::after {
  width: 4rem;
  height: 4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(4rem * 20) auto;
  mask-position: -32rem -8rem;
  background: #1A1A1A;
}
.swiper-button-prev.sm::after {
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-position: -16rem -4rem;
  background: gr;
  background-color: #727077;
}
.swiper-button-prev.none::after {
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-position: -16rem -4rem;
  background: #1A1A1A;
}

.swiper-button-next {
  right: 0;
}

.btn-playStop {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  text-indent: -99999rem;
  border-radius: 0.4rem;
}
.btn-playStop::before {
  content: " ";
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-position: -28.8rem -9.6rem;
  background: #1A1A1A;
}
.btn-playStop.stop::before {
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-position: -22.4rem -1.6rem;
  background: #1A1A1A;
}

/* -------------------------------------------------    
	- TABLET
------------------------------------------------- */
@media (max-width: 1279px) {
  .swiper-fnc-area .wrap .swiper-button-prev,
  .swiper-fnc-area .wrap .swiper-button-next {
    display: none;
  }
  /* .swiper */
}
/* -------------------------------------------------    
	- mobile
------------------------------------------------- */
/*component*/
.btn-cont,
.btn-flex-cont {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  text-align: center;
  gap: 0.8rem;
  margin: 8rem 0;
}

.btn-cont {
  justify-content: center;
}
.btn-cont.al {
  justify-content: flex-start;
}
.btn-cont.ar {
  justify-content: flex-end;
}

.btn-flex-cont {
  justify-content: space-between;
}
.btn-flex-cont .l-area,
.btn-flex-cont .r-area {
  display: flex;
  gap: 0.8rem;
}
.btn-flex-cont .l-area > .btn, .btn-flex-cont .type-b .mn-visual .slide-guide .guide-fnc-area .l-area > a, .type-b .mn-visual .slide-guide .guide-fnc-area .btn-flex-cont .l-area > a,
.btn-flex-cont .l-area > .btn-sm,
.btn-flex-cont .l-area > .btn-lg,
.btn-flex-cont .type-c .mn-visual .slide-guide .guide-fnc-area .l-area > a,
.type-c .mn-visual .slide-guide .guide-fnc-area .btn-flex-cont .l-area > a,
.btn-flex-cont .type-a .mn-visual .slide-guide .guide-fnc-area .l-area > a,
.type-a .mn-visual .slide-guide .guide-fnc-area .btn-flex-cont .l-area > a,
.btn-flex-cont .l-area > .btn-xlg,
.btn-flex-cont .l-area > .btn-ico,
.btn-flex-cont .r-area > .btn,
.btn-flex-cont .type-b .mn-visual .slide-guide .guide-fnc-area .r-area > a,
.type-b .mn-visual .slide-guide .guide-fnc-area .btn-flex-cont .r-area > a,
.btn-flex-cont .r-area > .btn-sm,
.btn-flex-cont .r-area > .btn-lg,
.btn-flex-cont .type-c .mn-visual .slide-guide .guide-fnc-area .r-area > a,
.type-c .mn-visual .slide-guide .guide-fnc-area .btn-flex-cont .r-area > a,
.btn-flex-cont .type-a .mn-visual .slide-guide .guide-fnc-area .r-area > a,
.type-a .mn-visual .slide-guide .guide-fnc-area .btn-flex-cont .r-area > a,
.btn-flex-cont .r-area > .btn-xlg,
.btn-flex-cont .r-area > .btn-ico {
  flex: none;
}
.btn-flex-cont .r-area {
  justify-content: flex-end;
  margin-left: auto;
}
.btn-flex-cont .btn, .btn-flex-cont .type-b .mn-visual .slide-guide .guide-fnc-area a, .type-b .mn-visual .slide-guide .guide-fnc-area .btn-flex-cont a,
.btn-flex-cont .btn-sm,
.btn-flex-cont .btn-lg,
.btn-flex-cont .type-c .mn-visual .slide-guide .guide-fnc-area a,
.type-c .mn-visual .slide-guide .guide-fnc-area .btn-flex-cont a,
.btn-flex-cont .type-a .mn-visual .slide-guide .guide-fnc-area a,
.type-a .mn-visual .slide-guide .guide-fnc-area .btn-flex-cont a,
.btn-flex-cont .btn-xlg,
.btn-flex-cont .btn-ico {
  flex: 1;
}

.btn, .type-b .mn-visual .slide-guide .guide-fnc-area a {
  padding: 0 2.4rem;
  height: 4.8rem;
  font-size: 1.6rem;
}

.btn-sm {
  padding: 0 1.6rem;
  height: 3.6rem;
  font-size: 1.4rem;
}

.btn-lg, .type-c .mn-visual .slide-guide .guide-fnc-area a, .type-a .mn-visual .slide-guide .guide-fnc-area a {
  padding: 0 4rem;
  height: 6.4rem;
  font-size: 1.8rem;
}

.btn-xlg {
  padding: 0 4rem;
  height: 8rem;
  font-size: 2.4rem;
  font-weight: 800;
}

.btn, .type-b .mn-visual .slide-guide .guide-fnc-area a {
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, filter;
  transition-property: color, filter;
  border-radius: 0.4rem;
  font-weight: 700;
  gap: 0.4rem;
  background: #333333;
  color: #fff;
  filter: brightness(1);
  transition: background 0.3s;
}
.btn:disabled, .type-b .mn-visual .slide-guide .guide-fnc-area a:disabled, .btn.is-disabled, .type-b .mn-visual .slide-guide .guide-fnc-area a.is-disabled {
  background: #727077;
  color: #F8F8FB;
  cursor: default;
}
.btn.spot, .type-b .mn-visual .slide-guide .guide-fnc-area a.spot {
  background: #100380;
}
.btn.spot:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.spot:not(:disabled, .is-disabled):hover {
  background: rgb(13.5083969466, 2.5328244275, 108.0671755725);
}
.btn.primary, .type-b .mn-visual .slide-guide .guide-fnc-area a.primary {
  background: #100380;
}
.btn.primary:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.primary:not(:disabled, .is-disabled):hover {
  background: rgb(13.5083969466, 2.5328244275, 108.0671755725);
}
.btn.spot2, .type-b .mn-visual .slide-guide .guide-fnc-area a.spot2 {
  background: #00B6ED;
}
.btn.spot2:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.spot2:not(:disabled, .is-disabled):hover {
  background: rgb(0, 166.3341772152, 216.6);
}
.btn.secondary, .type-b .mn-visual .slide-guide .guide-fnc-area a.secondary {
  background: #00B6ED;
}
.btn.secondary:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.secondary:not(:disabled, .is-disabled):hover {
  background: rgb(0, 166.3341772152, 216.6);
}
.btn.spot3, .type-b .mn-visual .slide-guide .guide-fnc-area a.spot3 {
  background-image: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn.spot3:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.spot3:not(:disabled, .is-disabled):hover {
  filter: brightness(95%);
}
.btn.accent, .type-b .mn-visual .slide-guide .guide-fnc-area a.accent {
  background-image: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn.accent:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.accent:not(:disabled, .is-disabled):hover {
  filter: brightness(95%);
}
.btn.negative, .type-b .mn-visual .slide-guide .guide-fnc-area a.negative {
  background: #F94868;
}
.btn.negative:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.negative:not(:disabled, .is-disabled):hover {
  background: rgb(248.3523809524, 52.2476190476, 87.7015873016);
}
.btn.positive, .type-b .mn-visual .slide-guide .guide-fnc-area a.positive {
  background: #78BF26;
}
.btn.positive:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.positive:not(:disabled, .is-disabled):hover {
  background: rgb(109.3100436681, 173.9851528384, 34.6148471616);
}
.btn.line, .type-b .mn-visual .slide-guide .guide-fnc-area a.line {
  background: #fff;
  border-width: 0.1rem;
  border: 0.1rem solid #333333;
  color: #333333;
}
.btn.line:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.line:not(:disabled, .is-disabled):hover {
  background: rgba(51, 51, 51, 0.1);
}
.btn.line:disabled, .type-b .mn-visual .slide-guide .guide-fnc-area a.line:disabled, .btn.line.is-disabled, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.is-disabled {
  border-color: #DDDAE3;
  color: #727077;
}
.btn.line.spot, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.spot {
  border-color: #100380;
  color: #100380;
}
.btn.line.spot:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.spot:not(:disabled, .is-disabled):hover {
  background: rgba(16, 3, 128, 0.08);
}
.btn.line.primary, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.primary {
  border-color: #100380;
  color: #100380;
}
.btn.line.primary:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.primary:not(:disabled, .is-disabled):hover {
  background: rgba(16, 3, 128, 0.08);
}
.btn.line.spot2, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.spot2 {
  border-color: #00B6ED;
  color: #00B6ED;
}
.btn.line.spot2:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.spot2:not(:disabled, .is-disabled):hover {
  background: rgba(0, 182, 237, 0.08);
}
.btn.line.secondary, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.secondary {
  border-color: #00B6ED;
  color: #00B6ED;
}
.btn.line.secondary:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.secondary:not(:disabled, .is-disabled):hover {
  background: rgba(0, 182, 237, 0.08);
}
.btn.line.spot3, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.spot3 {
  border-color: transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn.line.spot3:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.spot3:not(:disabled, .is-disabled):hover {
  background: linear-gradient(0deg, #EFEEF3, #EFEEF3), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn.line.accent, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.accent {
  border-color: transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn.line.accent:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.accent:not(:disabled, .is-disabled):hover {
  background: linear-gradient(0deg, #EFEEF3, #EFEEF3), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn.line.negative, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.negative {
  border-color: #F94868;
  color: #F94868;
}
.btn.line.negative:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.negative:not(:disabled, .is-disabled):hover {
  background: rgba(249, 72, 104, 0.08);
}
.btn.line.positive, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.positive {
  border-color: #78BF26;
  color: #78BF26;
}
.btn.line.positive:not(:disabled, .is-disabled):hover, .type-b .mn-visual .slide-guide .guide-fnc-area a.line.positive:not(:disabled, .is-disabled):hover {
  background: rgba(120, 191, 38, 0.08);
}
.btn[class*=ico]::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico]::before {
  background: #fff;
}
.btn[class*=ico].ico-add::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem 0rem;
}
.btn[class*=ico].ico-add-large::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-add-large::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem 0rem;
}
.btn[class*=ico].ico-add-alt::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-add-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem 0rem;
}
.btn[class*=ico].ico-add-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-add-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem 0rem;
}
.btn[class*=ico].ico-alarm::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-alarm::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem 0rem;
}
.btn[class*=ico].ico-alarm-add::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-alarm-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem 0rem;
}
.btn[class*=ico].ico-alarm-subtract::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-alarm-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem 0rem;
}
.btn[class*=ico].ico-arrow-down::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem 0rem;
}
.btn[class*=ico].ico-arrow-down-left::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-down-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem 0rem;
}
.btn[class*=ico].ico-arrow-down-right::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-down-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem 0rem;
}
.btn[class*=ico].ico-arrow-left::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem 0rem;
}
.btn[class*=ico].ico-arrow-right::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem 0rem;
}
.btn[class*=ico].ico-arrow-up::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem 0rem;
}
.btn[class*=ico].ico-arrow-up-left::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-up-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem 0rem;
}
.btn[class*=ico].ico-arrow-up-right::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-up-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem 0rem;
}
.btn[class*=ico].ico-arrows-horizontal::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrows-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem 0rem;
}
.btn[class*=ico].ico-arrows-vertical::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrows-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem 0rem;
}
.btn[class*=ico].ico-at::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-at::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem 0rem;
}
.btn[class*=ico].ico-attachment::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-attachment::before, .btn[class*=ico].ico-file::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-file::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem 0rem;
}
.btn[class*=ico].ico-book::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-book::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem 0rem;
}
.btn[class*=ico].ico-bookmark::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bookmark::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -2.4rem;
}
.btn[class*=ico].ico-bookmark-add::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bookmark-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -2.4rem;
}
.btn[class*=ico].ico-bookmark-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bookmark-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -2.4rem;
}
.btn[class*=ico].ico-calendar::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-calendar::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -2.4rem;
}
.btn[class*=ico].ico-calendar-add::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-calendar-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -2.4rem;
}
.btn[class*=ico].ico-calendar-add-alt::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-calendar-add-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -2.4rem;
}
.btn[class*=ico].ico-calendar-settings::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-calendar-settings::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -2.4rem;
}
.btn[class*=ico].ico-camera::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-camera::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -2.4rem;
}
.btn[class*=ico].ico-bullhorn::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bullhorn::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -2.4rem;
}
.btn[class*=ico].ico-building::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-building::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -2.4rem;
}
.btn[class*=ico].ico-bus::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bus::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -2.4rem;
}
.btn[class*=ico].ico-car-front::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-car-front::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -2.4rem;
}
.btn[class*=ico].ico-caret-down::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -2.4rem;
}
.btn[class*=ico].ico-caret-left::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -2.4rem;
}
.btn[class*=ico].ico-caret-right::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -2.4rem;
}
.btn[class*=ico].ico-caret-up::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -2.4rem;
}
.btn[class*=ico].ico-caret-sort::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-sort::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -2.4rem;
}
.btn[class*=ico].ico-center-circle::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-center-circle::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -2.4rem;
}
.btn[class*=ico].ico-chat::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chat::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -2.4rem;
}
.btn[class*=ico].ico-chat-off::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chat-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -2.4rem;
}
.btn[class*=ico].ico-checkbox::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -4.8rem;
}
.btn[class*=ico].ico-checkbox-checked::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox-checked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -4.8rem;
}
.btn[class*=ico].ico-checkbox-checked-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox-checked-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -4.8rem;
}
.btn[class*=ico].ico-checkbox-indeterminate::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox-indeterminate::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -4.8rem;
}
.btn[class*=ico].ico-checkbox-indeterminate-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox-indeterminate-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -4.8rem;
}
.btn[class*=ico].ico-checkmark::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkmark::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -4.8rem;
}
.btn[class*=ico].ico-checkmark-outline::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkmark-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -4.8rem;
}
.btn[class*=ico].ico-checkmark-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkmark-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -4.8rem;
}
.btn[class*=ico].ico-chevron-left::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -4.8rem;
}
.btn[class*=ico].ico-chevron-right::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -4.8rem;
}
.btn[class*=ico].ico-chevron-up::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -4.8rem;
}
.btn[class*=ico].ico-chevron-down::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -4.8rem;
}
.btn[class*=ico].ico-chevron-sort::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-sort::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -4.8rem;
}
.btn[class*=ico].ico-chevron-up-outline::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-up-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -4.8rem;
}
.btn[class*=ico].ico-chevron-down-outline::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-down-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -4.8rem;
}
.btn[class*=ico].ico-close::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-close::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -4.8rem;
}
.btn[class*=ico].ico-close-large::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-close-large::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -4.8rem;
}
.btn[class*=ico].ico-close-outline::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-close-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -4.8rem;
}
.btn[class*=ico].ico-close-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-close-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -4.8rem;
}
.btn[class*=ico].ico-copy::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-copy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -4.8rem;
}
.btn[class*=ico].ico-copy-file::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-copy-file::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -7.2rem;
}
.btn[class*=ico].ico-cube::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-cube::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -7.2rem;
}
.btn[class*=ico].ico-document::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -7.2rem;
}
.btn[class*=ico].ico-document-add::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -7.2rem;
}
.btn[class*=ico].ico-document-attachment::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-attachment::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -7.2rem;
}
.btn[class*=ico].ico-document-audio::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-audio::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -7.2rem;
}
.btn[class*=ico].ico-document-blank::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-blank::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -7.2rem;
}
.btn[class*=ico].ico-document-configuration::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-configuration::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -7.2rem;
}
.btn[class*=ico].ico-document-download::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-download::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -7.2rem;
}
.btn[class*=ico].ico-document-export::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -7.2rem;
}
.btn[class*=ico].ico-document-subtract::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -7.2rem;
}
.btn[class*=ico].ico-document-tasks::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-tasks::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -7.2rem;
}
.btn[class*=ico].ico-document-unknown::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-unknown::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -7.2rem;
}
.btn[class*=ico].ico-draggable::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-draggable::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -7.2rem;
}
.btn[class*=ico].ico-download::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-download::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -7.2rem;
}
.btn[class*=ico].ico-edit::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-edit::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -7.2rem;
}
.btn[class*=ico].ico-edit-off::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-edit-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -7.2rem;
}
.btn[class*=ico].ico-email::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-email::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -7.2rem;
}
.btn[class*=ico].ico-erase::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-erase::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -7.2rem;
}
.btn[class*=ico].ico-error::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-error::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -7.2rem;
}
.btn[class*=ico].ico-error-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-error-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -9.6rem;
}
.btn[class*=ico].ico-export::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -9.6rem;
}
.btn[class*=ico].ico-favorite::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-favorite::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -9.6rem;
}
.btn[class*=ico].ico-favorite-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-favorite-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -9.6rem;
}
.btn[class*=ico].ico-filter::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-filter::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -9.6rem;
}
.btn[class*=ico].ico-filter-remove::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-filter-remove::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -9.6rem;
}
.btn[class*=ico].ico-flag::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-flag::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -9.6rem;
}
.btn[class*=ico].ico-flag-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-flag-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -9.6rem;
}
.btn[class*=ico].ico-folder::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-folder::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -9.6rem;
}
.btn[class*=ico].ico-folder-add::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-folder-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -9.6rem;
}
.btn[class*=ico].ico-folder-off::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-folder-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -9.6rem;
}
.btn[class*=ico].ico-gift::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-gift::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -9.6rem;
}
.btn[class*=ico].ico-grid::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-grid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -9.6rem;
}
.btn[class*=ico].ico-headphones::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-headphones::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -9.6rem;
}
.btn[class*=ico].ico-headset::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-headset::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -9.6rem;
}
.btn[class*=ico].ico-home::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-home::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -9.6rem;
}
.btn[class*=ico].ico-idea::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-idea::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -9.6rem;
}
.btn[class*=ico].ico-identification::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-identification::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -9.6rem;
}
.btn[class*=ico].ico-image::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-image::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -9.6rem;
}
.btn[class*=ico].ico-image-copy::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-image-copy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -9.6rem;
}
.btn[class*=ico].ico-image-search::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-image-search::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -12rem;
}
.btn[class*=ico].ico-image-search-alt::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-image-search-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -12rem;
}
.btn[class*=ico].ico-import-export::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-import-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -12rem;
}
.btn[class*=ico].ico-information::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -12rem;
}
.btn[class*=ico].ico-information-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -12rem;
}
.btn[class*=ico].ico-information-disabled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information-disabled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -12rem;
}
.btn[class*=ico].ico-information-square::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information-square::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -12rem;
}
.btn[class*=ico].ico-information-square-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information-square-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -12rem;
}
.btn[class*=ico].ico-keyboard::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-keyboard::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -12rem;
}
.btn[class*=ico].ico-keyboard-off::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-keyboard-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -12rem;
}
.btn[class*=ico].ico-launch::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-launch::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -12rem;
}
.btn[class*=ico].ico-layers::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-layers::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -12rem;
}
.btn[class*=ico].ico-location::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-location::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -12rem;
}
.btn[class*=ico].ico-location-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-location-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -12rem;
}
.btn[class*=ico].ico-locked::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-locked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -12rem;
}
.btn[class*=ico].ico-list-boxes::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-list-boxes::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -12rem;
}
.btn[class*=ico].ico-list::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-list::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -12rem;
}
.btn[class*=ico].ico-link::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-link::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -12rem;
}
.btn[class*=ico].ico-menu::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-menu::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -12rem;
}
.btn[class*=ico].ico-microphone::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-microphone::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -12rem;
}
.btn[class*=ico].ico-microphone-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-microphone-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -14.4rem;
}
.btn[class*=ico].ico-microphone-off::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-microphone-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -14.4rem;
}
.btn[class*=ico].ico-microphone-off-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-microphone-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -14.4rem;
}
.btn[class*=ico].ico-music::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-music::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -14.4rem;
}
.btn[class*=ico].ico-next-outline::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-next-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -14.4rem;
}
.btn[class*=ico].ico-next-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-next-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -14.4rem;
}
.btn[class*=ico].ico-no-image::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-no-image::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -14.4rem;
}
.btn[class*=ico].ico-notebook::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notebook::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -14.4rem;
}
.btn[class*=ico].ico-notification::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notification::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -14.4rem;
}
.btn[class*=ico].ico-notification-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notification-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -14.4rem;
}
.btn[class*=ico].ico-notification-off::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notification-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -14.4rem;
}
.btn[class*=ico].ico-notification-off-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notification-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -14.4rem;
}
.btn[class*=ico].ico-ordinal::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-ordinal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -14.4rem;
}
.btn[class*=ico].ico-overflow-menu-horizontal::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-overflow-menu-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -14.4rem;
}
.btn[class*=ico].ico-overflow-menu-vertical::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-overflow-menu-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -14.4rem;
}
.btn[class*=ico].ico-pan-horizontal::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pan-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -14.4rem;
}
.btn[class*=ico].ico-pan-vertical::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pan-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -14.4rem;
}
.btn[class*=ico].ico-pause::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pause::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -14.4rem;
}
.btn[class*=ico].ico-pause-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pause-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -14.4rem;
}
.btn[class*=ico].ico-pause-outline::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pause-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -14.4rem;
}
.btn[class*=ico].ico-pause-outline-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pause-outline-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -16.8rem;
}
.btn[class*=ico].ico-pen::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pen::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -16.8rem;
}
.btn[class*=ico].ico-pending::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pending::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -16.8rem;
}
.btn[class*=ico].ico-pending-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pending-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -16.8rem;
}
.btn[class*=ico].ico-phone::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-phone::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -16.8rem;
}
.btn[class*=ico].ico-phone-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-phone-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -16.8rem;
}
.btn[class*=ico].ico-phone-off::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-phone-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -16.8rem;
}
.btn[class*=ico].ico-phone-off-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-phone-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -16.8rem;
}
.btn[class*=ico].ico-pin::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pin::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -16.8rem;
}
.btn[class*=ico].ico-pin-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pin-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -16.8rem;
}
.btn[class*=ico].ico-plan::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-plan::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -16.8rem;
}
.btn[class*=ico].ico-play::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-play::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -16.8rem;
}
.btn[class*=ico].ico-play-filled-alt::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-play-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -16.8rem;
}
.btn[class*=ico].ico-play-outline::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-play-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -16.8rem;
}
.btn[class*=ico].ico-play-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-play-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -16.8rem;
}
.btn[class*=ico].ico-policy::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-policy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -16.8rem;
}
.btn[class*=ico].ico-popup::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-popup::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -16.8rem;
}
.btn[class*=ico].ico-power::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-power::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -16.8rem;
}
.btn[class*=ico].ico-previous-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-previous-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -16.8rem;
}
.btn[class*=ico].ico-previous-outline::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-previous-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -16.8rem;
}
.btn[class*=ico].ico-printer::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-printer::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -19.2rem;
}
.btn[class*=ico].ico-radio-button::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-radio-button::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -19.2rem;
}
.btn[class*=ico].ico-radio-button-checked::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-radio-button-checked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -19.2rem;
}
.btn[class*=ico].ico-recently-viewed::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-recently-viewed::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -19.2rem;
}
.btn[class*=ico].ico-redo::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-redo::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -19.2rem;
}
.btn[class*=ico].ico-renew::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-renew::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -19.2rem;
}
.btn[class*=ico].ico-repeat::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-repeat::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -19.2rem;
}
.btn[class*=ico].ico-restart::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-restart::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -19.2rem;
}
.btn[class*=ico].ico-reset::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-reset::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -19.2rem;
}
.btn[class*=ico].ico-save::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-save::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -19.2rem;
}
.btn[class*=ico].ico-screen::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-screen::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -19.2rem;
}
.btn[class*=ico].ico-screen-off::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-screen-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -19.2rem;
}
.btn[class*=ico].ico-search::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-search::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -19.2rem;
}
.btn[class*=ico].ico-search-advanced::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-search-advanced::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -19.2rem;
}
.btn[class*=ico].ico-search-locate::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-search-locate::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -19.2rem;
}
.btn[class*=ico].ico-security::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-security::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -19.2rem;
}
.btn[class*=ico].ico-send-alt::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-send-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -19.2rem;
}
.btn[class*=ico].ico-send-alt-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-send-alt-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -19.2rem;
}
.btn[class*=ico].ico-settings::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-settings::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -19.2rem;
}
.btn[class*=ico].ico-settings-adjust::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-settings-adjust::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -19.2rem;
}
.btn[class*=ico].ico-share::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-share::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -21.6rem;
}
.btn[class*=ico].ico-shopping-cart::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-shopping-cart::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -21.6rem;
}
.btn[class*=ico].ico-shuffle::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-shuffle::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -21.6rem;
}
.btn[class*=ico].ico-star::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-star::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -21.6rem;
}
.btn[class*=ico].ico-star-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-star-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -21.6rem;
}
.btn[class*=ico].ico-star-half::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-star-half::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -21.6rem;
}
.btn[class*=ico].ico-stay-inside::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stay-inside::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -21.6rem;
}
.btn[class*=ico].ico-stop::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stop::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -21.6rem;
}
.btn[class*=ico].ico-stop-filled-alt::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stop-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -21.6rem;
}
.btn[class*=ico].ico-stop-outline::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stop-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -21.6rem;
}
.btn[class*=ico].ico-stop-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stop-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -21.6rem;
}
.btn[class*=ico].ico-subtract::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -21.6rem;
}
.btn[class*=ico].ico-subtract-alt::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-subtract-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -21.6rem;
}
.btn[class*=ico].ico-subtract-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-subtract-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -21.6rem;
}
.btn[class*=ico].ico-switcher::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-switcher::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -21.6rem;
}
.btn[class*=ico].ico-tag::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-tag::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -21.6rem;
}
.btn[class*=ico].ico-thumbs-down::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-thumbs-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -21.6rem;
}
.btn[class*=ico].ico-thumbs-down-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-thumbs-down-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -21.6rem;
}
.btn[class*=ico].ico-thumbs-up::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-thumbs-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -21.6rem;
}
.btn[class*=ico].ico-thumbs-up-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-thumbs-up-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -21.6rem;
}
.btn[class*=ico].ico-ticket::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-ticket::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -24rem;
}
.btn[class*=ico].ico-time::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-time::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -24rem;
}
.btn[class*=ico].ico-time-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-time-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -24rem;
}
.btn[class*=ico].ico-triangle-down-outline::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-down-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -24rem;
}
.btn[class*=ico].ico-triangle-down-solid::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-down-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -24rem;
}
.btn[class*=ico].ico-triangle-left-outline::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-left-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -24rem;
}
.btn[class*=ico].ico-triangle-left-solid::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-left-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -24rem;
}
.btn[class*=ico].ico-triangle-outline::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -24rem;
}
.btn[class*=ico].ico-triangle-right-outline::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-right-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -24rem;
}
.btn[class*=ico].ico-triangle-right-solid::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-right-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -24rem;
}
.btn[class*=ico].ico-triangle-solid::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -24rem;
}
.btn[class*=ico].ico-unlocked::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-unlocked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -24rem;
}
.btn[class*=ico].ico-undo::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-undo::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -24rem;
}
.btn[class*=ico].ico-upload::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-upload::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -24rem;
}
.btn[class*=ico].ico-user::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-user::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -24rem;
}
.btn[class*=ico].ico-user-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-user-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -24rem;
}
.btn[class*=ico].ico-user-avatar::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-user-avatar::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -24rem;
}
.btn[class*=ico].ico-user-avatar-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-user-avatar-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -24rem;
}
.btn[class*=ico].ico-video::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-video::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -24rem;
}
.btn[class*=ico].ico-video-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-video-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -24rem;
}
.btn[class*=ico].ico-video-off::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-video-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -26.4rem;
}
.btn[class*=ico].ico-video-off-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-video-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -26.4rem;
}
.btn[class*=ico].ico-view::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-view::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -26.4rem;
}
.btn[class*=ico].ico-view-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-view-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -26.4rem;
}
.btn[class*=ico].ico-view-off::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-view-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -26.4rem;
}
.btn[class*=ico].ico-view-off-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-view-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -26.4rem;
}
.btn[class*=ico].ico-volume-down::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -26.4rem;
}
.btn[class*=ico].ico-volume-down-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-down-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -26.4rem;
}
.btn[class*=ico].ico-volume-down-alt::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-down-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -26.4rem;
}
.btn[class*=ico].ico-volume-down-filled-alt::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-down-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -26.4rem;
}
.btn[class*=ico].ico-volume-mute::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-mute::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -26.4rem;
}
.btn[class*=ico].ico-volume-mute-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-mute-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -26.4rem;
}
.btn[class*=ico].ico-volume-up::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -26.4rem;
}
.btn[class*=ico].ico-volume-up-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-up-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -26.4rem;
}
.btn[class*=ico].ico-volume-up-alt::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-up-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -26.4rem;
}
.btn[class*=ico].ico-volume-up-filled-alt::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-up-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -26.4rem;
}
.btn[class*=ico].ico-warning::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-warning::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -26.4rem;
}
.btn[class*=ico].ico-warning-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-warning-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -26.4rem;
}
.btn[class*=ico].ico-warning-alt::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-warning-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -26.4rem;
}
.btn[class*=ico].ico-warning-alt-filled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-warning-alt-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -26.4rem;
}
.btn[class*=ico].ico-zoom-in::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-zoom-in::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -28.8rem;
}
.btn[class*=ico].ico-zoom-out::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-zoom-out::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -28.8rem;
}
.btn[class*=ico].is-disabled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].is-disabled::before, .btn[class*=ico]:disabled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico]:disabled::before {
  background: #DDDAE3;
}
.btn[class*=ico].back::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].back::before {
  order: 1;
}
.btn[class*=ico].line::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line::before {
  background: #1A1A1A;
}
.btn[class*=ico].line.spot::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.spot::before {
  background: #100380;
}
.btn[class*=ico].line.primary::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.primary::before {
  background: #100380;
}
.btn[class*=ico].line.spot2::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.spot2::before {
  background: #00B6ED;
}
.btn[class*=ico].line.secondary::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.secondary::before {
  background: #00B6ED;
}
.btn[class*=ico].line.spot3::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.spot3::before {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn[class*=ico].line.accent::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.accent::before {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn[class*=ico].line.negative::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.negative::before {
  background: #F94868;
}
.btn[class*=ico].line.positive::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.positive::before {
  background: #78BF26;
}
.btn[class*=ico].line.is-disabled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.is-disabled::before, .btn[class*=ico].line:disabled::before, .type-b .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line:disabled::before {
  background: #727077;
}
.btn.ico-only, .type-b .mn-visual .slide-guide .guide-fnc-area a.ico-only {
  font-size: 0;
  padding: 0;
  gap: 0;
}
.btn.ico-only.btn, .type-b .mn-visual .slide-guide .guide-fnc-area a.ico-only {
  width: 4.8rem;
}
.btn.ico-only.btn-sm, .type-b .mn-visual .slide-guide .guide-fnc-area a.ico-only.btn-sm {
  width: 3.6rem;
}
.btn.ico-only.btn-lg, .type-c .mn-visual .slide-guide .guide-fnc-area a.btn.ico-only, .type-b .mn-visual .slide-guide .guide-fnc-area a.ico-only.btn-lg, .type-b .type-c .mn-visual .slide-guide .guide-fnc-area a.ico-only, .type-c .type-b .mn-visual .slide-guide .guide-fnc-area a.ico-only, .type-a .mn-visual .slide-guide .guide-fnc-area a.btn.ico-only, .type-a .type-b .mn-visual .slide-guide .guide-fnc-area a.ico-only, .type-b .type-a .mn-visual .slide-guide .guide-fnc-area a.ico-only {
  width: 6.4rem;
}
.btn.ico-only.btn-xlg, .type-b .mn-visual .slide-guide .guide-fnc-area a.ico-only.btn-xlg {
  width: 8rem;
}

.btn-sm {
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, filter;
  transition-property: color, filter;
  border-radius: 0.4rem;
  font-weight: 700;
  gap: 0.4rem;
  background: #333333;
  color: #fff;
  filter: brightness(1);
  transition: background 0.3s;
}
.btn-sm:disabled, .btn-sm.is-disabled {
  background: #727077;
  color: #F8F8FB;
  cursor: default;
}
.btn-sm.spot {
  background: #100380;
}
.btn-sm.spot:not(:disabled, .is-disabled):hover {
  background: rgb(13.5083969466, 2.5328244275, 108.0671755725);
}
.btn-sm.primary {
  background: #100380;
}
.btn-sm.primary:not(:disabled, .is-disabled):hover {
  background: rgb(13.5083969466, 2.5328244275, 108.0671755725);
}
.btn-sm.spot2 {
  background: #00B6ED;
}
.btn-sm.spot2:not(:disabled, .is-disabled):hover {
  background: rgb(0, 166.3341772152, 216.6);
}
.btn-sm.secondary {
  background: #00B6ED;
}
.btn-sm.secondary:not(:disabled, .is-disabled):hover {
  background: rgb(0, 166.3341772152, 216.6);
}
.btn-sm.spot3 {
  background-image: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-sm.spot3:not(:disabled, .is-disabled):hover {
  filter: brightness(95%);
}
.btn-sm.accent {
  background-image: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-sm.accent:not(:disabled, .is-disabled):hover {
  filter: brightness(95%);
}
.btn-sm.negative {
  background: #F94868;
}
.btn-sm.negative:not(:disabled, .is-disabled):hover {
  background: rgb(248.3523809524, 52.2476190476, 87.7015873016);
}
.btn-sm.positive {
  background: #78BF26;
}
.btn-sm.positive:not(:disabled, .is-disabled):hover {
  background: rgb(109.3100436681, 173.9851528384, 34.6148471616);
}
.btn-sm.line {
  background: #fff;
  border-width: 0.1rem;
  border: 0.1rem solid #333333;
  color: #333333;
}
.btn-sm.line:not(:disabled, .is-disabled):hover {
  background: rgba(51, 51, 51, 0.1);
}
.btn-sm.line:disabled, .btn-sm.line.is-disabled {
  border-color: #DDDAE3;
  color: #727077;
}
.btn-sm.line.spot {
  border-color: #100380;
  color: #100380;
}
.btn-sm.line.spot:not(:disabled, .is-disabled):hover {
  background: rgba(16, 3, 128, 0.08);
}
.btn-sm.line.primary {
  border-color: #100380;
  color: #100380;
}
.btn-sm.line.primary:not(:disabled, .is-disabled):hover {
  background: rgba(16, 3, 128, 0.08);
}
.btn-sm.line.spot2 {
  border-color: #00B6ED;
  color: #00B6ED;
}
.btn-sm.line.spot2:not(:disabled, .is-disabled):hover {
  background: rgba(0, 182, 237, 0.08);
}
.btn-sm.line.secondary {
  border-color: #00B6ED;
  color: #00B6ED;
}
.btn-sm.line.secondary:not(:disabled, .is-disabled):hover {
  background: rgba(0, 182, 237, 0.08);
}
.btn-sm.line.spot3 {
  border-color: transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn-sm.line.spot3:not(:disabled, .is-disabled):hover {
  background: linear-gradient(0deg, #EFEEF3, #EFEEF3), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn-sm.line.accent {
  border-color: transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn-sm.line.accent:not(:disabled, .is-disabled):hover {
  background: linear-gradient(0deg, #EFEEF3, #EFEEF3), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn-sm.line.negative {
  border-color: #F94868;
  color: #F94868;
}
.btn-sm.line.negative:not(:disabled, .is-disabled):hover {
  background: rgba(249, 72, 104, 0.08);
}
.btn-sm.line.positive {
  border-color: #78BF26;
  color: #78BF26;
}
.btn-sm.line.positive:not(:disabled, .is-disabled):hover {
  background: rgba(120, 191, 38, 0.08);
}
.btn-sm[class*=ico]::before {
  background: #fff;
}
.btn-sm[class*=ico].ico-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem 0rem;
}
.btn-sm[class*=ico].ico-add-large::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem 0rem;
}
.btn-sm[class*=ico].ico-add-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem 0rem;
}
.btn-sm[class*=ico].ico-add-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem 0rem;
}
.btn-sm[class*=ico].ico-alarm::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem 0rem;
}
.btn-sm[class*=ico].ico-alarm-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem 0rem;
}
.btn-sm[class*=ico].ico-alarm-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-down-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-down-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-up-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-up-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem 0rem;
}
.btn-sm[class*=ico].ico-arrows-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem 0rem;
}
.btn-sm[class*=ico].ico-arrows-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem 0rem;
}
.btn-sm[class*=ico].ico-at::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem 0rem;
}
.btn-sm[class*=ico].ico-attachment::before, .btn-sm[class*=ico].ico-file::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem 0rem;
}
.btn-sm[class*=ico].ico-book::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem 0rem;
}
.btn-sm[class*=ico].ico-bookmark::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -2.4rem;
}
.btn-sm[class*=ico].ico-bookmark-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -2.4rem;
}
.btn-sm[class*=ico].ico-bookmark-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -2.4rem;
}
.btn-sm[class*=ico].ico-calendar::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -2.4rem;
}
.btn-sm[class*=ico].ico-calendar-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -2.4rem;
}
.btn-sm[class*=ico].ico-calendar-add-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -2.4rem;
}
.btn-sm[class*=ico].ico-calendar-settings::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -2.4rem;
}
.btn-sm[class*=ico].ico-camera::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -2.4rem;
}
.btn-sm[class*=ico].ico-bullhorn::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -2.4rem;
}
.btn-sm[class*=ico].ico-building::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -2.4rem;
}
.btn-sm[class*=ico].ico-bus::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -2.4rem;
}
.btn-sm[class*=ico].ico-car-front::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -2.4rem;
}
.btn-sm[class*=ico].ico-caret-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -2.4rem;
}
.btn-sm[class*=ico].ico-caret-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -2.4rem;
}
.btn-sm[class*=ico].ico-caret-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -2.4rem;
}
.btn-sm[class*=ico].ico-caret-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -2.4rem;
}
.btn-sm[class*=ico].ico-caret-sort::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -2.4rem;
}
.btn-sm[class*=ico].ico-center-circle::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -2.4rem;
}
.btn-sm[class*=ico].ico-chat::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -2.4rem;
}
.btn-sm[class*=ico].ico-chat-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -2.4rem;
}
.btn-sm[class*=ico].ico-checkbox::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -4.8rem;
}
.btn-sm[class*=ico].ico-checkbox-checked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -4.8rem;
}
.btn-sm[class*=ico].ico-checkbox-checked-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -4.8rem;
}
.btn-sm[class*=ico].ico-checkbox-indeterminate::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -4.8rem;
}
.btn-sm[class*=ico].ico-checkbox-indeterminate-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -4.8rem;
}
.btn-sm[class*=ico].ico-checkmark::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -4.8rem;
}
.btn-sm[class*=ico].ico-checkmark-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -4.8rem;
}
.btn-sm[class*=ico].ico-checkmark-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -4.8rem;
}
.btn-sm[class*=ico].ico-chevron-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -4.8rem;
}
.btn-sm[class*=ico].ico-chevron-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -4.8rem;
}
.btn-sm[class*=ico].ico-chevron-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -4.8rem;
}
.btn-sm[class*=ico].ico-chevron-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -4.8rem;
}
.btn-sm[class*=ico].ico-chevron-sort::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -4.8rem;
}
.btn-sm[class*=ico].ico-chevron-up-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -4.8rem;
}
.btn-sm[class*=ico].ico-chevron-down-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -4.8rem;
}
.btn-sm[class*=ico].ico-close::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -4.8rem;
}
.btn-sm[class*=ico].ico-close-large::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -4.8rem;
}
.btn-sm[class*=ico].ico-close-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -4.8rem;
}
.btn-sm[class*=ico].ico-close-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -4.8rem;
}
.btn-sm[class*=ico].ico-copy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -4.8rem;
}
.btn-sm[class*=ico].ico-copy-file::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -7.2rem;
}
.btn-sm[class*=ico].ico-cube::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -7.2rem;
}
.btn-sm[class*=ico].ico-document::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -7.2rem;
}
.btn-sm[class*=ico].ico-document-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -7.2rem;
}
.btn-sm[class*=ico].ico-document-attachment::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -7.2rem;
}
.btn-sm[class*=ico].ico-document-audio::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -7.2rem;
}
.btn-sm[class*=ico].ico-document-blank::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -7.2rem;
}
.btn-sm[class*=ico].ico-document-configuration::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -7.2rem;
}
.btn-sm[class*=ico].ico-document-download::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -7.2rem;
}
.btn-sm[class*=ico].ico-document-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -7.2rem;
}
.btn-sm[class*=ico].ico-document-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -7.2rem;
}
.btn-sm[class*=ico].ico-document-tasks::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -7.2rem;
}
.btn-sm[class*=ico].ico-document-unknown::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -7.2rem;
}
.btn-sm[class*=ico].ico-draggable::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -7.2rem;
}
.btn-sm[class*=ico].ico-download::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -7.2rem;
}
.btn-sm[class*=ico].ico-edit::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -7.2rem;
}
.btn-sm[class*=ico].ico-edit-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -7.2rem;
}
.btn-sm[class*=ico].ico-email::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -7.2rem;
}
.btn-sm[class*=ico].ico-erase::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -7.2rem;
}
.btn-sm[class*=ico].ico-error::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -7.2rem;
}
.btn-sm[class*=ico].ico-error-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -9.6rem;
}
.btn-sm[class*=ico].ico-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -9.6rem;
}
.btn-sm[class*=ico].ico-favorite::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -9.6rem;
}
.btn-sm[class*=ico].ico-favorite-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -9.6rem;
}
.btn-sm[class*=ico].ico-filter::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -9.6rem;
}
.btn-sm[class*=ico].ico-filter-remove::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -9.6rem;
}
.btn-sm[class*=ico].ico-flag::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -9.6rem;
}
.btn-sm[class*=ico].ico-flag-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -9.6rem;
}
.btn-sm[class*=ico].ico-folder::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -9.6rem;
}
.btn-sm[class*=ico].ico-folder-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -9.6rem;
}
.btn-sm[class*=ico].ico-folder-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -9.6rem;
}
.btn-sm[class*=ico].ico-gift::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -9.6rem;
}
.btn-sm[class*=ico].ico-grid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -9.6rem;
}
.btn-sm[class*=ico].ico-headphones::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -9.6rem;
}
.btn-sm[class*=ico].ico-headset::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -9.6rem;
}
.btn-sm[class*=ico].ico-home::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -9.6rem;
}
.btn-sm[class*=ico].ico-idea::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -9.6rem;
}
.btn-sm[class*=ico].ico-identification::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -9.6rem;
}
.btn-sm[class*=ico].ico-image::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -9.6rem;
}
.btn-sm[class*=ico].ico-image-copy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -9.6rem;
}
.btn-sm[class*=ico].ico-image-search::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -12rem;
}
.btn-sm[class*=ico].ico-image-search-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -12rem;
}
.btn-sm[class*=ico].ico-import-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -12rem;
}
.btn-sm[class*=ico].ico-information::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -12rem;
}
.btn-sm[class*=ico].ico-information-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -12rem;
}
.btn-sm[class*=ico].ico-information-disabled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -12rem;
}
.btn-sm[class*=ico].ico-information-square::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -12rem;
}
.btn-sm[class*=ico].ico-information-square-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -12rem;
}
.btn-sm[class*=ico].ico-keyboard::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -12rem;
}
.btn-sm[class*=ico].ico-keyboard-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -12rem;
}
.btn-sm[class*=ico].ico-launch::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -12rem;
}
.btn-sm[class*=ico].ico-layers::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -12rem;
}
.btn-sm[class*=ico].ico-location::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -12rem;
}
.btn-sm[class*=ico].ico-location-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -12rem;
}
.btn-sm[class*=ico].ico-locked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -12rem;
}
.btn-sm[class*=ico].ico-list-boxes::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -12rem;
}
.btn-sm[class*=ico].ico-list::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -12rem;
}
.btn-sm[class*=ico].ico-link::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -12rem;
}
.btn-sm[class*=ico].ico-menu::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -12rem;
}
.btn-sm[class*=ico].ico-microphone::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -12rem;
}
.btn-sm[class*=ico].ico-microphone-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -14.4rem;
}
.btn-sm[class*=ico].ico-microphone-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -14.4rem;
}
.btn-sm[class*=ico].ico-microphone-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -14.4rem;
}
.btn-sm[class*=ico].ico-music::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -14.4rem;
}
.btn-sm[class*=ico].ico-next-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -14.4rem;
}
.btn-sm[class*=ico].ico-next-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -14.4rem;
}
.btn-sm[class*=ico].ico-no-image::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -14.4rem;
}
.btn-sm[class*=ico].ico-notebook::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -14.4rem;
}
.btn-sm[class*=ico].ico-notification::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -14.4rem;
}
.btn-sm[class*=ico].ico-notification-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -14.4rem;
}
.btn-sm[class*=ico].ico-notification-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -14.4rem;
}
.btn-sm[class*=ico].ico-notification-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -14.4rem;
}
.btn-sm[class*=ico].ico-ordinal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -14.4rem;
}
.btn-sm[class*=ico].ico-overflow-menu-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -14.4rem;
}
.btn-sm[class*=ico].ico-overflow-menu-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -14.4rem;
}
.btn-sm[class*=ico].ico-pan-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -14.4rem;
}
.btn-sm[class*=ico].ico-pan-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -14.4rem;
}
.btn-sm[class*=ico].ico-pause::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -14.4rem;
}
.btn-sm[class*=ico].ico-pause-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -14.4rem;
}
.btn-sm[class*=ico].ico-pause-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -14.4rem;
}
.btn-sm[class*=ico].ico-pause-outline-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -16.8rem;
}
.btn-sm[class*=ico].ico-pen::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -16.8rem;
}
.btn-sm[class*=ico].ico-pending::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -16.8rem;
}
.btn-sm[class*=ico].ico-pending-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -16.8rem;
}
.btn-sm[class*=ico].ico-phone::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -16.8rem;
}
.btn-sm[class*=ico].ico-phone-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -16.8rem;
}
.btn-sm[class*=ico].ico-phone-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -16.8rem;
}
.btn-sm[class*=ico].ico-phone-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -16.8rem;
}
.btn-sm[class*=ico].ico-pin::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -16.8rem;
}
.btn-sm[class*=ico].ico-pin-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -16.8rem;
}
.btn-sm[class*=ico].ico-plan::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -16.8rem;
}
.btn-sm[class*=ico].ico-play::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -16.8rem;
}
.btn-sm[class*=ico].ico-play-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -16.8rem;
}
.btn-sm[class*=ico].ico-play-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -16.8rem;
}
.btn-sm[class*=ico].ico-play-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -16.8rem;
}
.btn-sm[class*=ico].ico-policy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -16.8rem;
}
.btn-sm[class*=ico].ico-popup::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -16.8rem;
}
.btn-sm[class*=ico].ico-power::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -16.8rem;
}
.btn-sm[class*=ico].ico-previous-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -16.8rem;
}
.btn-sm[class*=ico].ico-previous-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -16.8rem;
}
.btn-sm[class*=ico].ico-printer::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -19.2rem;
}
.btn-sm[class*=ico].ico-radio-button::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -19.2rem;
}
.btn-sm[class*=ico].ico-radio-button-checked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -19.2rem;
}
.btn-sm[class*=ico].ico-recently-viewed::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -19.2rem;
}
.btn-sm[class*=ico].ico-redo::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -19.2rem;
}
.btn-sm[class*=ico].ico-renew::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -19.2rem;
}
.btn-sm[class*=ico].ico-repeat::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -19.2rem;
}
.btn-sm[class*=ico].ico-restart::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -19.2rem;
}
.btn-sm[class*=ico].ico-reset::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -19.2rem;
}
.btn-sm[class*=ico].ico-save::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -19.2rem;
}
.btn-sm[class*=ico].ico-screen::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -19.2rem;
}
.btn-sm[class*=ico].ico-screen-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -19.2rem;
}
.btn-sm[class*=ico].ico-search::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -19.2rem;
}
.btn-sm[class*=ico].ico-search-advanced::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -19.2rem;
}
.btn-sm[class*=ico].ico-search-locate::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -19.2rem;
}
.btn-sm[class*=ico].ico-security::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -19.2rem;
}
.btn-sm[class*=ico].ico-send-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -19.2rem;
}
.btn-sm[class*=ico].ico-send-alt-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -19.2rem;
}
.btn-sm[class*=ico].ico-settings::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -19.2rem;
}
.btn-sm[class*=ico].ico-settings-adjust::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -19.2rem;
}
.btn-sm[class*=ico].ico-share::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -21.6rem;
}
.btn-sm[class*=ico].ico-shopping-cart::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -21.6rem;
}
.btn-sm[class*=ico].ico-shuffle::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -21.6rem;
}
.btn-sm[class*=ico].ico-star::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -21.6rem;
}
.btn-sm[class*=ico].ico-star-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -21.6rem;
}
.btn-sm[class*=ico].ico-star-half::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -21.6rem;
}
.btn-sm[class*=ico].ico-stay-inside::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -21.6rem;
}
.btn-sm[class*=ico].ico-stop::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -21.6rem;
}
.btn-sm[class*=ico].ico-stop-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -21.6rem;
}
.btn-sm[class*=ico].ico-stop-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -21.6rem;
}
.btn-sm[class*=ico].ico-stop-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -21.6rem;
}
.btn-sm[class*=ico].ico-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -21.6rem;
}
.btn-sm[class*=ico].ico-subtract-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -21.6rem;
}
.btn-sm[class*=ico].ico-subtract-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -21.6rem;
}
.btn-sm[class*=ico].ico-switcher::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -21.6rem;
}
.btn-sm[class*=ico].ico-tag::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -21.6rem;
}
.btn-sm[class*=ico].ico-thumbs-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -21.6rem;
}
.btn-sm[class*=ico].ico-thumbs-down-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -21.6rem;
}
.btn-sm[class*=ico].ico-thumbs-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -21.6rem;
}
.btn-sm[class*=ico].ico-thumbs-up-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -21.6rem;
}
.btn-sm[class*=ico].ico-ticket::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -24rem;
}
.btn-sm[class*=ico].ico-time::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -24rem;
}
.btn-sm[class*=ico].ico-time-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -24rem;
}
.btn-sm[class*=ico].ico-triangle-down-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -24rem;
}
.btn-sm[class*=ico].ico-triangle-down-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -24rem;
}
.btn-sm[class*=ico].ico-triangle-left-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -24rem;
}
.btn-sm[class*=ico].ico-triangle-left-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -24rem;
}
.btn-sm[class*=ico].ico-triangle-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -24rem;
}
.btn-sm[class*=ico].ico-triangle-right-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -24rem;
}
.btn-sm[class*=ico].ico-triangle-right-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -24rem;
}
.btn-sm[class*=ico].ico-triangle-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -24rem;
}
.btn-sm[class*=ico].ico-unlocked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -24rem;
}
.btn-sm[class*=ico].ico-undo::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -24rem;
}
.btn-sm[class*=ico].ico-upload::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -24rem;
}
.btn-sm[class*=ico].ico-user::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -24rem;
}
.btn-sm[class*=ico].ico-user-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -24rem;
}
.btn-sm[class*=ico].ico-user-avatar::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -24rem;
}
.btn-sm[class*=ico].ico-user-avatar-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -24rem;
}
.btn-sm[class*=ico].ico-video::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -24rem;
}
.btn-sm[class*=ico].ico-video-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -24rem;
}
.btn-sm[class*=ico].ico-video-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -26.4rem;
}
.btn-sm[class*=ico].ico-video-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -26.4rem;
}
.btn-sm[class*=ico].ico-view::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -26.4rem;
}
.btn-sm[class*=ico].ico-view-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -26.4rem;
}
.btn-sm[class*=ico].ico-view-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -26.4rem;
}
.btn-sm[class*=ico].ico-view-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -26.4rem;
}
.btn-sm[class*=ico].ico-volume-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -26.4rem;
}
.btn-sm[class*=ico].ico-volume-down-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -26.4rem;
}
.btn-sm[class*=ico].ico-volume-down-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -26.4rem;
}
.btn-sm[class*=ico].ico-volume-down-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -26.4rem;
}
.btn-sm[class*=ico].ico-volume-mute::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -26.4rem;
}
.btn-sm[class*=ico].ico-volume-mute-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -26.4rem;
}
.btn-sm[class*=ico].ico-volume-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -26.4rem;
}
.btn-sm[class*=ico].ico-volume-up-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -26.4rem;
}
.btn-sm[class*=ico].ico-volume-up-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -26.4rem;
}
.btn-sm[class*=ico].ico-volume-up-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -26.4rem;
}
.btn-sm[class*=ico].ico-warning::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -26.4rem;
}
.btn-sm[class*=ico].ico-warning-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -26.4rem;
}
.btn-sm[class*=ico].ico-warning-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -26.4rem;
}
.btn-sm[class*=ico].ico-warning-alt-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -26.4rem;
}
.btn-sm[class*=ico].ico-zoom-in::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -28.8rem;
}
.btn-sm[class*=ico].ico-zoom-out::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -28.8rem;
}
.btn-sm[class*=ico].is-disabled::before, .btn-sm[class*=ico]:disabled::before {
  background: #DDDAE3;
}
.btn-sm[class*=ico].back::before {
  order: 1;
}
.btn-sm[class*=ico].line::before {
  background: #1A1A1A;
}
.btn-sm[class*=ico].line.spot::before {
  background: #100380;
}
.btn-sm[class*=ico].line.primary::before {
  background: #100380;
}
.btn-sm[class*=ico].line.spot2::before {
  background: #00B6ED;
}
.btn-sm[class*=ico].line.secondary::before {
  background: #00B6ED;
}
.btn-sm[class*=ico].line.spot3::before {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-sm[class*=ico].line.accent::before {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-sm[class*=ico].line.negative::before {
  background: #F94868;
}
.btn-sm[class*=ico].line.positive::before {
  background: #78BF26;
}
.btn-sm[class*=ico].line.is-disabled::before, .btn-sm[class*=ico].line:disabled::before {
  background: #727077;
}
.btn-sm.ico-only {
  font-size: 0;
  padding: 0;
  gap: 0;
}
.btn-sm.ico-only.btn, .type-b .mn-visual .slide-guide .guide-fnc-area a.btn-sm.ico-only {
  width: 4.8rem;
}
.btn-sm.ico-only.btn-sm {
  width: 3.6rem;
}
.btn-sm.ico-only.btn-lg, .type-c .mn-visual .slide-guide .guide-fnc-area a.btn-sm.ico-only, .type-a .mn-visual .slide-guide .guide-fnc-area a.btn-sm.ico-only {
  width: 6.4rem;
}
.btn-sm.ico-only.btn-xlg {
  width: 8rem;
}

.btn-lg, .type-c .mn-visual .slide-guide .guide-fnc-area a, .type-a .mn-visual .slide-guide .guide-fnc-area a {
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, filter;
  transition-property: color, filter;
  border-radius: 0.4rem;
  font-weight: 700;
  gap: 0.4rem;
  background: #333333;
  color: #fff;
  filter: brightness(1);
  transition: background 0.3s;
}
.btn-lg:disabled, .type-c .mn-visual .slide-guide .guide-fnc-area a:disabled, .type-a .mn-visual .slide-guide .guide-fnc-area a:disabled, .btn-lg.is-disabled, .type-c .mn-visual .slide-guide .guide-fnc-area a.is-disabled, .type-a .mn-visual .slide-guide .guide-fnc-area a.is-disabled {
  background: #727077;
  color: #F8F8FB;
  cursor: default;
}
.btn-lg.spot, .type-c .mn-visual .slide-guide .guide-fnc-area a.spot, .type-a .mn-visual .slide-guide .guide-fnc-area a.spot {
  background: #100380;
}
.btn-lg.spot:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.spot:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.spot:not(:disabled, .is-disabled):hover {
  background: rgb(13.5083969466, 2.5328244275, 108.0671755725);
}
.btn-lg.primary, .type-c .mn-visual .slide-guide .guide-fnc-area a.primary, .type-a .mn-visual .slide-guide .guide-fnc-area a.primary {
  background: #100380;
}
.btn-lg.primary:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.primary:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.primary:not(:disabled, .is-disabled):hover {
  background: rgb(13.5083969466, 2.5328244275, 108.0671755725);
}
.btn-lg.spot2, .type-c .mn-visual .slide-guide .guide-fnc-area a.spot2, .type-a .mn-visual .slide-guide .guide-fnc-area a.spot2 {
  background: #00B6ED;
}
.btn-lg.spot2:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.spot2:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.spot2:not(:disabled, .is-disabled):hover {
  background: rgb(0, 166.3341772152, 216.6);
}
.btn-lg.secondary, .type-c .mn-visual .slide-guide .guide-fnc-area a.secondary, .type-a .mn-visual .slide-guide .guide-fnc-area a.secondary {
  background: #00B6ED;
}
.btn-lg.secondary:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.secondary:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.secondary:not(:disabled, .is-disabled):hover {
  background: rgb(0, 166.3341772152, 216.6);
}
.btn-lg.spot3, .type-c .mn-visual .slide-guide .guide-fnc-area a.spot3, .type-a .mn-visual .slide-guide .guide-fnc-area a.spot3 {
  background-image: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-lg.spot3:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.spot3:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.spot3:not(:disabled, .is-disabled):hover {
  filter: brightness(95%);
}
.btn-lg.accent, .type-c .mn-visual .slide-guide .guide-fnc-area a.accent, .type-a .mn-visual .slide-guide .guide-fnc-area a.accent {
  background-image: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-lg.accent:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.accent:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.accent:not(:disabled, .is-disabled):hover {
  filter: brightness(95%);
}
.btn-lg.negative, .type-c .mn-visual .slide-guide .guide-fnc-area a.negative, .type-a .mn-visual .slide-guide .guide-fnc-area a.negative {
  background: #F94868;
}
.btn-lg.negative:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.negative:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.negative:not(:disabled, .is-disabled):hover {
  background: rgb(248.3523809524, 52.2476190476, 87.7015873016);
}
.btn-lg.positive, .type-c .mn-visual .slide-guide .guide-fnc-area a.positive, .type-a .mn-visual .slide-guide .guide-fnc-area a.positive {
  background: #78BF26;
}
.btn-lg.positive:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.positive:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.positive:not(:disabled, .is-disabled):hover {
  background: rgb(109.3100436681, 173.9851528384, 34.6148471616);
}
.btn-lg.line, .type-c .mn-visual .slide-guide .guide-fnc-area a.line, .type-a .mn-visual .slide-guide .guide-fnc-area a.line {
  background: #fff;
  border-width: 0.1rem;
  border: 0.1rem solid #333333;
  color: #333333;
}
.btn-lg.line:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.line:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.line:not(:disabled, .is-disabled):hover {
  background: rgba(51, 51, 51, 0.1);
}
.btn-lg.line:disabled, .type-c .mn-visual .slide-guide .guide-fnc-area a.line:disabled, .type-a .mn-visual .slide-guide .guide-fnc-area a.line:disabled, .btn-lg.line.is-disabled, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.is-disabled, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.is-disabled {
  border-color: #DDDAE3;
  color: #727077;
}
.btn-lg.line.spot, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.spot, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.spot {
  border-color: #100380;
  color: #100380;
}
.btn-lg.line.spot:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.spot:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.spot:not(:disabled, .is-disabled):hover {
  background: rgba(16, 3, 128, 0.08);
}
.btn-lg.line.primary, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.primary, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.primary {
  border-color: #100380;
  color: #100380;
}
.btn-lg.line.primary:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.primary:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.primary:not(:disabled, .is-disabled):hover {
  background: rgba(16, 3, 128, 0.08);
}
.btn-lg.line.spot2, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.spot2, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.spot2 {
  border-color: #00B6ED;
  color: #00B6ED;
}
.btn-lg.line.spot2:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.spot2:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.spot2:not(:disabled, .is-disabled):hover {
  background: rgba(0, 182, 237, 0.08);
}
.btn-lg.line.secondary, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.secondary, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.secondary {
  border-color: #00B6ED;
  color: #00B6ED;
}
.btn-lg.line.secondary:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.secondary:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.secondary:not(:disabled, .is-disabled):hover {
  background: rgba(0, 182, 237, 0.08);
}
.btn-lg.line.spot3, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.spot3, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.spot3 {
  border-color: transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn-lg.line.spot3:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.spot3:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.spot3:not(:disabled, .is-disabled):hover {
  background: linear-gradient(0deg, #EFEEF3, #EFEEF3), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn-lg.line.accent, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.accent, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.accent {
  border-color: transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn-lg.line.accent:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.accent:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.accent:not(:disabled, .is-disabled):hover {
  background: linear-gradient(0deg, #EFEEF3, #EFEEF3), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn-lg.line.negative, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.negative, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.negative {
  border-color: #F94868;
  color: #F94868;
}
.btn-lg.line.negative:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.negative:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.negative:not(:disabled, .is-disabled):hover {
  background: rgba(249, 72, 104, 0.08);
}
.btn-lg.line.positive, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.positive, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.positive {
  border-color: #78BF26;
  color: #78BF26;
}
.btn-lg.line.positive:not(:disabled, .is-disabled):hover, .type-c .mn-visual .slide-guide .guide-fnc-area a.line.positive:not(:disabled, .is-disabled):hover, .type-a .mn-visual .slide-guide .guide-fnc-area a.line.positive:not(:disabled, .is-disabled):hover {
  background: rgba(120, 191, 38, 0.08);
}
.btn-lg[class*=ico]::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico]::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico]::before {
  background: #fff;
}
.btn-lg[class*=ico].ico-add::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-add::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem 0rem;
}
.btn-lg[class*=ico].ico-add-large::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-add-large::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-add-large::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem 0rem;
}
.btn-lg[class*=ico].ico-add-alt::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-add-alt::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-add-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem 0rem;
}
.btn-lg[class*=ico].ico-add-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-add-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-add-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem 0rem;
}
.btn-lg[class*=ico].ico-alarm::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-alarm::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-alarm::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem 0rem;
}
.btn-lg[class*=ico].ico-alarm-add::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-alarm-add::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-alarm-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem 0rem;
}
.btn-lg[class*=ico].ico-alarm-subtract::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-alarm-subtract::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-alarm-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem 0rem;
}
.btn-lg[class*=ico].ico-arrow-down::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-down::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem 0rem;
}
.btn-lg[class*=ico].ico-arrow-down-left::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-down-left::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-down-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem 0rem;
}
.btn-lg[class*=ico].ico-arrow-down-right::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-down-right::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-down-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem 0rem;
}
.btn-lg[class*=ico].ico-arrow-left::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-left::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem 0rem;
}
.btn-lg[class*=ico].ico-arrow-right::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-right::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem 0rem;
}
.btn-lg[class*=ico].ico-arrow-up::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-up::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem 0rem;
}
.btn-lg[class*=ico].ico-arrow-up-left::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-up-left::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-up-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem 0rem;
}
.btn-lg[class*=ico].ico-arrow-up-right::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-up-right::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrow-up-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem 0rem;
}
.btn-lg[class*=ico].ico-arrows-horizontal::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrows-horizontal::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrows-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem 0rem;
}
.btn-lg[class*=ico].ico-arrows-vertical::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrows-vertical::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-arrows-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem 0rem;
}
.btn-lg[class*=ico].ico-at::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-at::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-at::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem 0rem;
}
.btn-lg[class*=ico].ico-attachment::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-attachment::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-attachment::before, .btn-lg[class*=ico].ico-file::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-file::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-file::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem 0rem;
}
.btn-lg[class*=ico].ico-book::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-book::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-book::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem 0rem;
}
.btn-lg[class*=ico].ico-bookmark::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bookmark::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bookmark::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -2.4rem;
}
.btn-lg[class*=ico].ico-bookmark-add::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bookmark-add::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bookmark-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -2.4rem;
}
.btn-lg[class*=ico].ico-bookmark-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bookmark-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bookmark-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -2.4rem;
}
.btn-lg[class*=ico].ico-calendar::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-calendar::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-calendar::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -2.4rem;
}
.btn-lg[class*=ico].ico-calendar-add::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-calendar-add::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-calendar-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -2.4rem;
}
.btn-lg[class*=ico].ico-calendar-add-alt::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-calendar-add-alt::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-calendar-add-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -2.4rem;
}
.btn-lg[class*=ico].ico-calendar-settings::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-calendar-settings::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-calendar-settings::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -2.4rem;
}
.btn-lg[class*=ico].ico-camera::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-camera::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-camera::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -2.4rem;
}
.btn-lg[class*=ico].ico-bullhorn::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bullhorn::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bullhorn::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -2.4rem;
}
.btn-lg[class*=ico].ico-building::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-building::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-building::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -2.4rem;
}
.btn-lg[class*=ico].ico-bus::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bus::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-bus::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -2.4rem;
}
.btn-lg[class*=ico].ico-car-front::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-car-front::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-car-front::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -2.4rem;
}
.btn-lg[class*=ico].ico-caret-down::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-down::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -2.4rem;
}
.btn-lg[class*=ico].ico-caret-left::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-left::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -2.4rem;
}
.btn-lg[class*=ico].ico-caret-right::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-right::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -2.4rem;
}
.btn-lg[class*=ico].ico-caret-up::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-up::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -2.4rem;
}
.btn-lg[class*=ico].ico-caret-sort::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-sort::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-caret-sort::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -2.4rem;
}
.btn-lg[class*=ico].ico-center-circle::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-center-circle::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-center-circle::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -2.4rem;
}
.btn-lg[class*=ico].ico-chat::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chat::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chat::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -2.4rem;
}
.btn-lg[class*=ico].ico-chat-off::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chat-off::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chat-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -2.4rem;
}
.btn-lg[class*=ico].ico-checkbox::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -4.8rem;
}
.btn-lg[class*=ico].ico-checkbox-checked::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox-checked::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox-checked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -4.8rem;
}
.btn-lg[class*=ico].ico-checkbox-checked-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox-checked-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox-checked-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -4.8rem;
}
.btn-lg[class*=ico].ico-checkbox-indeterminate::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox-indeterminate::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox-indeterminate::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -4.8rem;
}
.btn-lg[class*=ico].ico-checkbox-indeterminate-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox-indeterminate-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkbox-indeterminate-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -4.8rem;
}
.btn-lg[class*=ico].ico-checkmark::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkmark::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkmark::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -4.8rem;
}
.btn-lg[class*=ico].ico-checkmark-outline::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkmark-outline::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkmark-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -4.8rem;
}
.btn-lg[class*=ico].ico-checkmark-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkmark-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-checkmark-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -4.8rem;
}
.btn-lg[class*=ico].ico-chevron-left::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-left::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -4.8rem;
}
.btn-lg[class*=ico].ico-chevron-right::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-right::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -4.8rem;
}
.btn-lg[class*=ico].ico-chevron-up::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-up::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -4.8rem;
}
.btn-lg[class*=ico].ico-chevron-down::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-down::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -4.8rem;
}
.btn-lg[class*=ico].ico-chevron-sort::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-sort::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-sort::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -4.8rem;
}
.btn-lg[class*=ico].ico-chevron-up-outline::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-up-outline::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-up-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -4.8rem;
}
.btn-lg[class*=ico].ico-chevron-down-outline::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-down-outline::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-chevron-down-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -4.8rem;
}
.btn-lg[class*=ico].ico-close::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-close::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-close::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -4.8rem;
}
.btn-lg[class*=ico].ico-close-large::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-close-large::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-close-large::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -4.8rem;
}
.btn-lg[class*=ico].ico-close-outline::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-close-outline::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-close-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -4.8rem;
}
.btn-lg[class*=ico].ico-close-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-close-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-close-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -4.8rem;
}
.btn-lg[class*=ico].ico-copy::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-copy::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-copy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -4.8rem;
}
.btn-lg[class*=ico].ico-copy-file::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-copy-file::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-copy-file::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -7.2rem;
}
.btn-lg[class*=ico].ico-cube::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-cube::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-cube::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -7.2rem;
}
.btn-lg[class*=ico].ico-document::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -7.2rem;
}
.btn-lg[class*=ico].ico-document-add::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-add::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -7.2rem;
}
.btn-lg[class*=ico].ico-document-attachment::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-attachment::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-attachment::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -7.2rem;
}
.btn-lg[class*=ico].ico-document-audio::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-audio::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-audio::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -7.2rem;
}
.btn-lg[class*=ico].ico-document-blank::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-blank::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-blank::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -7.2rem;
}
.btn-lg[class*=ico].ico-document-configuration::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-configuration::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-configuration::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -7.2rem;
}
.btn-lg[class*=ico].ico-document-download::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-download::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-download::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -7.2rem;
}
.btn-lg[class*=ico].ico-document-export::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-export::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -7.2rem;
}
.btn-lg[class*=ico].ico-document-subtract::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-subtract::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -7.2rem;
}
.btn-lg[class*=ico].ico-document-tasks::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-tasks::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-tasks::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -7.2rem;
}
.btn-lg[class*=ico].ico-document-unknown::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-unknown::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-document-unknown::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -7.2rem;
}
.btn-lg[class*=ico].ico-draggable::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-draggable::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-draggable::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -7.2rem;
}
.btn-lg[class*=ico].ico-download::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-download::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-download::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -7.2rem;
}
.btn-lg[class*=ico].ico-edit::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-edit::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-edit::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -7.2rem;
}
.btn-lg[class*=ico].ico-edit-off::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-edit-off::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-edit-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -7.2rem;
}
.btn-lg[class*=ico].ico-email::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-email::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-email::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -7.2rem;
}
.btn-lg[class*=ico].ico-erase::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-erase::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-erase::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -7.2rem;
}
.btn-lg[class*=ico].ico-error::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-error::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-error::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -7.2rem;
}
.btn-lg[class*=ico].ico-error-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-error-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-error-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -9.6rem;
}
.btn-lg[class*=ico].ico-export::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-export::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -9.6rem;
}
.btn-lg[class*=ico].ico-favorite::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-favorite::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-favorite::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -9.6rem;
}
.btn-lg[class*=ico].ico-favorite-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-favorite-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-favorite-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -9.6rem;
}
.btn-lg[class*=ico].ico-filter::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-filter::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-filter::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -9.6rem;
}
.btn-lg[class*=ico].ico-filter-remove::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-filter-remove::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-filter-remove::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -9.6rem;
}
.btn-lg[class*=ico].ico-flag::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-flag::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-flag::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -9.6rem;
}
.btn-lg[class*=ico].ico-flag-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-flag-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-flag-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -9.6rem;
}
.btn-lg[class*=ico].ico-folder::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-folder::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-folder::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -9.6rem;
}
.btn-lg[class*=ico].ico-folder-add::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-folder-add::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-folder-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -9.6rem;
}
.btn-lg[class*=ico].ico-folder-off::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-folder-off::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-folder-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -9.6rem;
}
.btn-lg[class*=ico].ico-gift::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-gift::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-gift::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -9.6rem;
}
.btn-lg[class*=ico].ico-grid::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-grid::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-grid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -9.6rem;
}
.btn-lg[class*=ico].ico-headphones::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-headphones::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-headphones::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -9.6rem;
}
.btn-lg[class*=ico].ico-headset::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-headset::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-headset::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -9.6rem;
}
.btn-lg[class*=ico].ico-home::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-home::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-home::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -9.6rem;
}
.btn-lg[class*=ico].ico-idea::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-idea::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-idea::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -9.6rem;
}
.btn-lg[class*=ico].ico-identification::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-identification::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-identification::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -9.6rem;
}
.btn-lg[class*=ico].ico-image::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-image::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-image::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -9.6rem;
}
.btn-lg[class*=ico].ico-image-copy::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-image-copy::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-image-copy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -9.6rem;
}
.btn-lg[class*=ico].ico-image-search::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-image-search::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-image-search::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -12rem;
}
.btn-lg[class*=ico].ico-image-search-alt::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-image-search-alt::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-image-search-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -12rem;
}
.btn-lg[class*=ico].ico-import-export::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-import-export::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-import-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -12rem;
}
.btn-lg[class*=ico].ico-information::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -12rem;
}
.btn-lg[class*=ico].ico-information-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -12rem;
}
.btn-lg[class*=ico].ico-information-disabled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information-disabled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information-disabled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -12rem;
}
.btn-lg[class*=ico].ico-information-square::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information-square::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information-square::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -12rem;
}
.btn-lg[class*=ico].ico-information-square-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information-square-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-information-square-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -12rem;
}
.btn-lg[class*=ico].ico-keyboard::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-keyboard::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-keyboard::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -12rem;
}
.btn-lg[class*=ico].ico-keyboard-off::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-keyboard-off::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-keyboard-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -12rem;
}
.btn-lg[class*=ico].ico-launch::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-launch::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-launch::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -12rem;
}
.btn-lg[class*=ico].ico-layers::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-layers::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-layers::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -12rem;
}
.btn-lg[class*=ico].ico-location::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-location::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-location::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -12rem;
}
.btn-lg[class*=ico].ico-location-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-location-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-location-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -12rem;
}
.btn-lg[class*=ico].ico-locked::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-locked::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-locked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -12rem;
}
.btn-lg[class*=ico].ico-list-boxes::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-list-boxes::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-list-boxes::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -12rem;
}
.btn-lg[class*=ico].ico-list::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-list::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-list::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -12rem;
}
.btn-lg[class*=ico].ico-link::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-link::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-link::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -12rem;
}
.btn-lg[class*=ico].ico-menu::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-menu::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-menu::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -12rem;
}
.btn-lg[class*=ico].ico-microphone::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-microphone::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-microphone::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -12rem;
}
.btn-lg[class*=ico].ico-microphone-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-microphone-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-microphone-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -14.4rem;
}
.btn-lg[class*=ico].ico-microphone-off::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-microphone-off::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-microphone-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -14.4rem;
}
.btn-lg[class*=ico].ico-microphone-off-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-microphone-off-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-microphone-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -14.4rem;
}
.btn-lg[class*=ico].ico-music::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-music::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-music::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -14.4rem;
}
.btn-lg[class*=ico].ico-next-outline::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-next-outline::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-next-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -14.4rem;
}
.btn-lg[class*=ico].ico-next-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-next-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-next-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -14.4rem;
}
.btn-lg[class*=ico].ico-no-image::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-no-image::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-no-image::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -14.4rem;
}
.btn-lg[class*=ico].ico-notebook::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notebook::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notebook::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -14.4rem;
}
.btn-lg[class*=ico].ico-notification::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notification::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notification::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -14.4rem;
}
.btn-lg[class*=ico].ico-notification-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notification-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notification-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -14.4rem;
}
.btn-lg[class*=ico].ico-notification-off::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notification-off::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notification-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -14.4rem;
}
.btn-lg[class*=ico].ico-notification-off-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notification-off-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-notification-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -14.4rem;
}
.btn-lg[class*=ico].ico-ordinal::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-ordinal::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-ordinal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -14.4rem;
}
.btn-lg[class*=ico].ico-overflow-menu-horizontal::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-overflow-menu-horizontal::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-overflow-menu-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -14.4rem;
}
.btn-lg[class*=ico].ico-overflow-menu-vertical::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-overflow-menu-vertical::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-overflow-menu-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -14.4rem;
}
.btn-lg[class*=ico].ico-pan-horizontal::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pan-horizontal::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pan-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -14.4rem;
}
.btn-lg[class*=ico].ico-pan-vertical::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pan-vertical::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pan-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -14.4rem;
}
.btn-lg[class*=ico].ico-pause::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pause::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pause::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -14.4rem;
}
.btn-lg[class*=ico].ico-pause-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pause-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pause-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -14.4rem;
}
.btn-lg[class*=ico].ico-pause-outline::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pause-outline::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pause-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -14.4rem;
}
.btn-lg[class*=ico].ico-pause-outline-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pause-outline-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pause-outline-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -16.8rem;
}
.btn-lg[class*=ico].ico-pen::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pen::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pen::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -16.8rem;
}
.btn-lg[class*=ico].ico-pending::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pending::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pending::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -16.8rem;
}
.btn-lg[class*=ico].ico-pending-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pending-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pending-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -16.8rem;
}
.btn-lg[class*=ico].ico-phone::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-phone::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-phone::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -16.8rem;
}
.btn-lg[class*=ico].ico-phone-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-phone-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-phone-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -16.8rem;
}
.btn-lg[class*=ico].ico-phone-off::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-phone-off::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-phone-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -16.8rem;
}
.btn-lg[class*=ico].ico-phone-off-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-phone-off-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-phone-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -16.8rem;
}
.btn-lg[class*=ico].ico-pin::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pin::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pin::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -16.8rem;
}
.btn-lg[class*=ico].ico-pin-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pin-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-pin-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -16.8rem;
}
.btn-lg[class*=ico].ico-plan::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-plan::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-plan::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -16.8rem;
}
.btn-lg[class*=ico].ico-play::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-play::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-play::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -16.8rem;
}
.btn-lg[class*=ico].ico-play-filled-alt::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-play-filled-alt::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-play-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -16.8rem;
}
.btn-lg[class*=ico].ico-play-outline::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-play-outline::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-play-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -16.8rem;
}
.btn-lg[class*=ico].ico-play-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-play-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-play-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -16.8rem;
}
.btn-lg[class*=ico].ico-policy::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-policy::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-policy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -16.8rem;
}
.btn-lg[class*=ico].ico-popup::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-popup::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-popup::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -16.8rem;
}
.btn-lg[class*=ico].ico-power::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-power::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-power::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -16.8rem;
}
.btn-lg[class*=ico].ico-previous-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-previous-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-previous-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -16.8rem;
}
.btn-lg[class*=ico].ico-previous-outline::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-previous-outline::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-previous-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -16.8rem;
}
.btn-lg[class*=ico].ico-printer::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-printer::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-printer::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -19.2rem;
}
.btn-lg[class*=ico].ico-radio-button::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-radio-button::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-radio-button::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -19.2rem;
}
.btn-lg[class*=ico].ico-radio-button-checked::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-radio-button-checked::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-radio-button-checked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -19.2rem;
}
.btn-lg[class*=ico].ico-recently-viewed::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-recently-viewed::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-recently-viewed::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -19.2rem;
}
.btn-lg[class*=ico].ico-redo::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-redo::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-redo::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -19.2rem;
}
.btn-lg[class*=ico].ico-renew::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-renew::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-renew::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -19.2rem;
}
.btn-lg[class*=ico].ico-repeat::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-repeat::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-repeat::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -19.2rem;
}
.btn-lg[class*=ico].ico-restart::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-restart::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-restart::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -19.2rem;
}
.btn-lg[class*=ico].ico-reset::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-reset::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-reset::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -19.2rem;
}
.btn-lg[class*=ico].ico-save::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-save::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-save::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -19.2rem;
}
.btn-lg[class*=ico].ico-screen::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-screen::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-screen::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -19.2rem;
}
.btn-lg[class*=ico].ico-screen-off::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-screen-off::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-screen-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -19.2rem;
}
.btn-lg[class*=ico].ico-search::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-search::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-search::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -19.2rem;
}
.btn-lg[class*=ico].ico-search-advanced::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-search-advanced::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-search-advanced::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -19.2rem;
}
.btn-lg[class*=ico].ico-search-locate::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-search-locate::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-search-locate::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -19.2rem;
}
.btn-lg[class*=ico].ico-security::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-security::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-security::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -19.2rem;
}
.btn-lg[class*=ico].ico-send-alt::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-send-alt::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-send-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -19.2rem;
}
.btn-lg[class*=ico].ico-send-alt-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-send-alt-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-send-alt-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -19.2rem;
}
.btn-lg[class*=ico].ico-settings::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-settings::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-settings::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -19.2rem;
}
.btn-lg[class*=ico].ico-settings-adjust::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-settings-adjust::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-settings-adjust::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -19.2rem;
}
.btn-lg[class*=ico].ico-share::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-share::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-share::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -21.6rem;
}
.btn-lg[class*=ico].ico-shopping-cart::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-shopping-cart::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-shopping-cart::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -21.6rem;
}
.btn-lg[class*=ico].ico-shuffle::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-shuffle::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-shuffle::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -21.6rem;
}
.btn-lg[class*=ico].ico-star::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-star::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-star::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -21.6rem;
}
.btn-lg[class*=ico].ico-star-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-star-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-star-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -21.6rem;
}
.btn-lg[class*=ico].ico-star-half::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-star-half::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-star-half::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -21.6rem;
}
.btn-lg[class*=ico].ico-stay-inside::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stay-inside::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stay-inside::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -21.6rem;
}
.btn-lg[class*=ico].ico-stop::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stop::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stop::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -21.6rem;
}
.btn-lg[class*=ico].ico-stop-filled-alt::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stop-filled-alt::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stop-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -21.6rem;
}
.btn-lg[class*=ico].ico-stop-outline::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stop-outline::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stop-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -21.6rem;
}
.btn-lg[class*=ico].ico-stop-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stop-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-stop-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -21.6rem;
}
.btn-lg[class*=ico].ico-subtract::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-subtract::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -21.6rem;
}
.btn-lg[class*=ico].ico-subtract-alt::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-subtract-alt::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-subtract-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -21.6rem;
}
.btn-lg[class*=ico].ico-subtract-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-subtract-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-subtract-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -21.6rem;
}
.btn-lg[class*=ico].ico-switcher::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-switcher::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-switcher::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -21.6rem;
}
.btn-lg[class*=ico].ico-tag::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-tag::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-tag::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -21.6rem;
}
.btn-lg[class*=ico].ico-thumbs-down::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-thumbs-down::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-thumbs-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -21.6rem;
}
.btn-lg[class*=ico].ico-thumbs-down-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-thumbs-down-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-thumbs-down-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -21.6rem;
}
.btn-lg[class*=ico].ico-thumbs-up::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-thumbs-up::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-thumbs-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -21.6rem;
}
.btn-lg[class*=ico].ico-thumbs-up-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-thumbs-up-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-thumbs-up-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -21.6rem;
}
.btn-lg[class*=ico].ico-ticket::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-ticket::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-ticket::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -24rem;
}
.btn-lg[class*=ico].ico-time::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-time::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-time::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -24rem;
}
.btn-lg[class*=ico].ico-time-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-time-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-time-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -24rem;
}
.btn-lg[class*=ico].ico-triangle-down-outline::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-down-outline::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-down-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -24rem;
}
.btn-lg[class*=ico].ico-triangle-down-solid::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-down-solid::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-down-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -24rem;
}
.btn-lg[class*=ico].ico-triangle-left-outline::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-left-outline::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-left-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -24rem;
}
.btn-lg[class*=ico].ico-triangle-left-solid::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-left-solid::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-left-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -24rem;
}
.btn-lg[class*=ico].ico-triangle-outline::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-outline::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -24rem;
}
.btn-lg[class*=ico].ico-triangle-right-outline::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-right-outline::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-right-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -24rem;
}
.btn-lg[class*=ico].ico-triangle-right-solid::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-right-solid::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-right-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -24rem;
}
.btn-lg[class*=ico].ico-triangle-solid::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-solid::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-triangle-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -24rem;
}
.btn-lg[class*=ico].ico-unlocked::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-unlocked::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-unlocked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -24rem;
}
.btn-lg[class*=ico].ico-undo::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-undo::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-undo::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -24rem;
}
.btn-lg[class*=ico].ico-upload::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-upload::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-upload::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -24rem;
}
.btn-lg[class*=ico].ico-user::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-user::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-user::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -24rem;
}
.btn-lg[class*=ico].ico-user-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-user-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-user-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -24rem;
}
.btn-lg[class*=ico].ico-user-avatar::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-user-avatar::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-user-avatar::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -24rem;
}
.btn-lg[class*=ico].ico-user-avatar-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-user-avatar-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-user-avatar-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -24rem;
}
.btn-lg[class*=ico].ico-video::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-video::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-video::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -24rem;
}
.btn-lg[class*=ico].ico-video-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-video-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-video-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -24rem;
}
.btn-lg[class*=ico].ico-video-off::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-video-off::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-video-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -26.4rem;
}
.btn-lg[class*=ico].ico-video-off-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-video-off-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-video-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -26.4rem;
}
.btn-lg[class*=ico].ico-view::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-view::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-view::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -26.4rem;
}
.btn-lg[class*=ico].ico-view-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-view-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-view-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -26.4rem;
}
.btn-lg[class*=ico].ico-view-off::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-view-off::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-view-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -26.4rem;
}
.btn-lg[class*=ico].ico-view-off-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-view-off-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-view-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -26.4rem;
}
.btn-lg[class*=ico].ico-volume-down::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-down::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -26.4rem;
}
.btn-lg[class*=ico].ico-volume-down-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-down-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-down-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -26.4rem;
}
.btn-lg[class*=ico].ico-volume-down-alt::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-down-alt::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-down-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -26.4rem;
}
.btn-lg[class*=ico].ico-volume-down-filled-alt::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-down-filled-alt::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-down-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -26.4rem;
}
.btn-lg[class*=ico].ico-volume-mute::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-mute::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-mute::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -26.4rem;
}
.btn-lg[class*=ico].ico-volume-mute-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-mute-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-mute-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -26.4rem;
}
.btn-lg[class*=ico].ico-volume-up::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-up::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -26.4rem;
}
.btn-lg[class*=ico].ico-volume-up-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-up-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-up-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -26.4rem;
}
.btn-lg[class*=ico].ico-volume-up-alt::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-up-alt::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-up-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -26.4rem;
}
.btn-lg[class*=ico].ico-volume-up-filled-alt::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-up-filled-alt::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-volume-up-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -26.4rem;
}
.btn-lg[class*=ico].ico-warning::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-warning::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-warning::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -26.4rem;
}
.btn-lg[class*=ico].ico-warning-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-warning-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-warning-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -26.4rem;
}
.btn-lg[class*=ico].ico-warning-alt::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-warning-alt::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-warning-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -26.4rem;
}
.btn-lg[class*=ico].ico-warning-alt-filled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-warning-alt-filled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-warning-alt-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -26.4rem;
}
.btn-lg[class*=ico].ico-zoom-in::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-zoom-in::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-zoom-in::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -28.8rem;
}
.btn-lg[class*=ico].ico-zoom-out::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-zoom-out::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].ico-zoom-out::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -28.8rem;
}
.btn-lg[class*=ico].is-disabled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].is-disabled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].is-disabled::before, .btn-lg[class*=ico]:disabled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico]:disabled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico]:disabled::before {
  background: #DDDAE3;
}
.btn-lg[class*=ico].back::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].back::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].back::before {
  order: 1;
}
.btn-lg[class*=ico].line::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line::before {
  background: #1A1A1A;
}
.btn-lg[class*=ico].line.spot::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.spot::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.spot::before {
  background: #100380;
}
.btn-lg[class*=ico].line.primary::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.primary::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.primary::before {
  background: #100380;
}
.btn-lg[class*=ico].line.spot2::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.spot2::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.spot2::before {
  background: #00B6ED;
}
.btn-lg[class*=ico].line.secondary::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.secondary::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.secondary::before {
  background: #00B6ED;
}
.btn-lg[class*=ico].line.spot3::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.spot3::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.spot3::before {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-lg[class*=ico].line.accent::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.accent::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.accent::before {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-lg[class*=ico].line.negative::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.negative::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.negative::before {
  background: #F94868;
}
.btn-lg[class*=ico].line.positive::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.positive::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.positive::before {
  background: #78BF26;
}
.btn-lg[class*=ico].line.is-disabled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.is-disabled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line.is-disabled::before, .btn-lg[class*=ico].line:disabled::before, .type-c .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line:disabled::before, .type-a .mn-visual .slide-guide .guide-fnc-area a[class*=ico].line:disabled::before {
  background: #727077;
}
.btn-lg.ico-only, .type-c .mn-visual .slide-guide .guide-fnc-area a.ico-only, .type-a .mn-visual .slide-guide .guide-fnc-area a.ico-only {
  font-size: 0;
  padding: 0;
  gap: 0;
}
.btn-lg.ico-only.btn, .type-c .mn-visual .slide-guide .guide-fnc-area a.ico-only.btn, .type-b .mn-visual .slide-guide .guide-fnc-area a.btn-lg.ico-only, .type-b .type-c .mn-visual .slide-guide .guide-fnc-area a.ico-only, .type-c .type-b .mn-visual .slide-guide .guide-fnc-area a.ico-only, .type-a .mn-visual .slide-guide .guide-fnc-area a.ico-only.btn, .type-a .type-b .mn-visual .slide-guide .guide-fnc-area a.ico-only, .type-b .type-a .mn-visual .slide-guide .guide-fnc-area a.ico-only {
  width: 4.8rem;
}
.btn-lg.ico-only.btn-sm, .type-c .mn-visual .slide-guide .guide-fnc-area a.ico-only.btn-sm, .type-a .mn-visual .slide-guide .guide-fnc-area a.ico-only.btn-sm {
  width: 3.6rem;
}
.btn-lg.ico-only.btn-lg, .type-c .mn-visual .slide-guide .guide-fnc-area a.ico-only, .type-a .mn-visual .slide-guide .guide-fnc-area a.ico-only {
  width: 6.4rem;
}
.btn-lg.ico-only.btn-xlg, .type-c .mn-visual .slide-guide .guide-fnc-area a.ico-only.btn-xlg, .type-a .mn-visual .slide-guide .guide-fnc-area a.ico-only.btn-xlg {
  width: 8rem;
}

.btn-xlg {
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, filter;
  transition-property: color, filter;
  border-radius: 0.4rem;
  font-weight: 700;
  gap: 0.4rem;
  background: #333333;
  color: #fff;
  filter: brightness(1);
  transition: background 0.3s;
}
.btn-xlg:disabled, .btn-xlg.is-disabled {
  background: #727077;
  color: #F8F8FB;
  cursor: default;
}
.btn-xlg.spot {
  background: #100380;
}
.btn-xlg.spot:not(:disabled, .is-disabled):hover {
  background: rgb(13.5083969466, 2.5328244275, 108.0671755725);
}
.btn-xlg.primary {
  background: #100380;
}
.btn-xlg.primary:not(:disabled, .is-disabled):hover {
  background: rgb(13.5083969466, 2.5328244275, 108.0671755725);
}
.btn-xlg.spot2 {
  background: #00B6ED;
}
.btn-xlg.spot2:not(:disabled, .is-disabled):hover {
  background: rgb(0, 166.3341772152, 216.6);
}
.btn-xlg.secondary {
  background: #00B6ED;
}
.btn-xlg.secondary:not(:disabled, .is-disabled):hover {
  background: rgb(0, 166.3341772152, 216.6);
}
.btn-xlg.spot3 {
  background-image: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-xlg.spot3:not(:disabled, .is-disabled):hover {
  filter: brightness(95%);
}
.btn-xlg.accent {
  background-image: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-xlg.accent:not(:disabled, .is-disabled):hover {
  filter: brightness(95%);
}
.btn-xlg.negative {
  background: #F94868;
}
.btn-xlg.negative:not(:disabled, .is-disabled):hover {
  background: rgb(248.3523809524, 52.2476190476, 87.7015873016);
}
.btn-xlg.positive {
  background: #78BF26;
}
.btn-xlg.positive:not(:disabled, .is-disabled):hover {
  background: rgb(109.3100436681, 173.9851528384, 34.6148471616);
}
.btn-xlg.line {
  background: #fff;
  border-width: 0.1rem;
  border: 0.1rem solid #333333;
  color: #333333;
}
.btn-xlg.line:not(:disabled, .is-disabled):hover {
  background: rgba(51, 51, 51, 0.1);
}
.btn-xlg.line:disabled, .btn-xlg.line.is-disabled {
  border-color: #DDDAE3;
  color: #727077;
}
.btn-xlg.line.spot {
  border-color: #100380;
  color: #100380;
}
.btn-xlg.line.spot:not(:disabled, .is-disabled):hover {
  background: rgba(16, 3, 128, 0.08);
}
.btn-xlg.line.primary {
  border-color: #100380;
  color: #100380;
}
.btn-xlg.line.primary:not(:disabled, .is-disabled):hover {
  background: rgba(16, 3, 128, 0.08);
}
.btn-xlg.line.spot2 {
  border-color: #00B6ED;
  color: #00B6ED;
}
.btn-xlg.line.spot2:not(:disabled, .is-disabled):hover {
  background: rgba(0, 182, 237, 0.08);
}
.btn-xlg.line.secondary {
  border-color: #00B6ED;
  color: #00B6ED;
}
.btn-xlg.line.secondary:not(:disabled, .is-disabled):hover {
  background: rgba(0, 182, 237, 0.08);
}
.btn-xlg.line.spot3 {
  border-color: transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn-xlg.line.spot3:not(:disabled, .is-disabled):hover {
  background: linear-gradient(0deg, #EFEEF3, #EFEEF3), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn-xlg.line.accent {
  border-color: transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn-xlg.line.accent:not(:disabled, .is-disabled):hover {
  background: linear-gradient(0deg, #EFEEF3, #EFEEF3), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.btn-xlg.line.negative {
  border-color: #F94868;
  color: #F94868;
}
.btn-xlg.line.negative:not(:disabled, .is-disabled):hover {
  background: rgba(249, 72, 104, 0.08);
}
.btn-xlg.line.positive {
  border-color: #78BF26;
  color: #78BF26;
}
.btn-xlg.line.positive:not(:disabled, .is-disabled):hover {
  background: rgba(120, 191, 38, 0.08);
}
.btn-xlg[class*=ico]::before {
  background: #fff;
}
.btn-xlg[class*=ico].ico-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem 0rem;
}
.btn-xlg[class*=ico].ico-add-large::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem 0rem;
}
.btn-xlg[class*=ico].ico-add-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem 0rem;
}
.btn-xlg[class*=ico].ico-add-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem 0rem;
}
.btn-xlg[class*=ico].ico-alarm::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem 0rem;
}
.btn-xlg[class*=ico].ico-alarm-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem 0rem;
}
.btn-xlg[class*=ico].ico-alarm-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem 0rem;
}
.btn-xlg[class*=ico].ico-arrow-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem 0rem;
}
.btn-xlg[class*=ico].ico-arrow-down-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem 0rem;
}
.btn-xlg[class*=ico].ico-arrow-down-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem 0rem;
}
.btn-xlg[class*=ico].ico-arrow-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem 0rem;
}
.btn-xlg[class*=ico].ico-arrow-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem 0rem;
}
.btn-xlg[class*=ico].ico-arrow-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem 0rem;
}
.btn-xlg[class*=ico].ico-arrow-up-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem 0rem;
}
.btn-xlg[class*=ico].ico-arrow-up-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem 0rem;
}
.btn-xlg[class*=ico].ico-arrows-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem 0rem;
}
.btn-xlg[class*=ico].ico-arrows-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem 0rem;
}
.btn-xlg[class*=ico].ico-at::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem 0rem;
}
.btn-xlg[class*=ico].ico-attachment::before, .btn-xlg[class*=ico].ico-file::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem 0rem;
}
.btn-xlg[class*=ico].ico-book::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem 0rem;
}
.btn-xlg[class*=ico].ico-bookmark::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -2.4rem;
}
.btn-xlg[class*=ico].ico-bookmark-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -2.4rem;
}
.btn-xlg[class*=ico].ico-bookmark-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -2.4rem;
}
.btn-xlg[class*=ico].ico-calendar::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -2.4rem;
}
.btn-xlg[class*=ico].ico-calendar-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -2.4rem;
}
.btn-xlg[class*=ico].ico-calendar-add-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -2.4rem;
}
.btn-xlg[class*=ico].ico-calendar-settings::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -2.4rem;
}
.btn-xlg[class*=ico].ico-camera::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -2.4rem;
}
.btn-xlg[class*=ico].ico-bullhorn::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -2.4rem;
}
.btn-xlg[class*=ico].ico-building::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -2.4rem;
}
.btn-xlg[class*=ico].ico-bus::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -2.4rem;
}
.btn-xlg[class*=ico].ico-car-front::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -2.4rem;
}
.btn-xlg[class*=ico].ico-caret-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -2.4rem;
}
.btn-xlg[class*=ico].ico-caret-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -2.4rem;
}
.btn-xlg[class*=ico].ico-caret-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -2.4rem;
}
.btn-xlg[class*=ico].ico-caret-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -2.4rem;
}
.btn-xlg[class*=ico].ico-caret-sort::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -2.4rem;
}
.btn-xlg[class*=ico].ico-center-circle::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -2.4rem;
}
.btn-xlg[class*=ico].ico-chat::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -2.4rem;
}
.btn-xlg[class*=ico].ico-chat-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -2.4rem;
}
.btn-xlg[class*=ico].ico-checkbox::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -4.8rem;
}
.btn-xlg[class*=ico].ico-checkbox-checked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -4.8rem;
}
.btn-xlg[class*=ico].ico-checkbox-checked-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -4.8rem;
}
.btn-xlg[class*=ico].ico-checkbox-indeterminate::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -4.8rem;
}
.btn-xlg[class*=ico].ico-checkbox-indeterminate-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -4.8rem;
}
.btn-xlg[class*=ico].ico-checkmark::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -4.8rem;
}
.btn-xlg[class*=ico].ico-checkmark-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -4.8rem;
}
.btn-xlg[class*=ico].ico-checkmark-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -4.8rem;
}
.btn-xlg[class*=ico].ico-chevron-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -4.8rem;
}
.btn-xlg[class*=ico].ico-chevron-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -4.8rem;
}
.btn-xlg[class*=ico].ico-chevron-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -4.8rem;
}
.btn-xlg[class*=ico].ico-chevron-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -4.8rem;
}
.btn-xlg[class*=ico].ico-chevron-sort::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -4.8rem;
}
.btn-xlg[class*=ico].ico-chevron-up-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -4.8rem;
}
.btn-xlg[class*=ico].ico-chevron-down-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -4.8rem;
}
.btn-xlg[class*=ico].ico-close::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -4.8rem;
}
.btn-xlg[class*=ico].ico-close-large::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -4.8rem;
}
.btn-xlg[class*=ico].ico-close-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -4.8rem;
}
.btn-xlg[class*=ico].ico-close-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -4.8rem;
}
.btn-xlg[class*=ico].ico-copy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -4.8rem;
}
.btn-xlg[class*=ico].ico-copy-file::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -7.2rem;
}
.btn-xlg[class*=ico].ico-cube::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -7.2rem;
}
.btn-xlg[class*=ico].ico-document::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -7.2rem;
}
.btn-xlg[class*=ico].ico-document-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -7.2rem;
}
.btn-xlg[class*=ico].ico-document-attachment::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -7.2rem;
}
.btn-xlg[class*=ico].ico-document-audio::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -7.2rem;
}
.btn-xlg[class*=ico].ico-document-blank::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -7.2rem;
}
.btn-xlg[class*=ico].ico-document-configuration::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -7.2rem;
}
.btn-xlg[class*=ico].ico-document-download::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -7.2rem;
}
.btn-xlg[class*=ico].ico-document-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -7.2rem;
}
.btn-xlg[class*=ico].ico-document-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -7.2rem;
}
.btn-xlg[class*=ico].ico-document-tasks::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -7.2rem;
}
.btn-xlg[class*=ico].ico-document-unknown::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -7.2rem;
}
.btn-xlg[class*=ico].ico-draggable::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -7.2rem;
}
.btn-xlg[class*=ico].ico-download::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -7.2rem;
}
.btn-xlg[class*=ico].ico-edit::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -7.2rem;
}
.btn-xlg[class*=ico].ico-edit-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -7.2rem;
}
.btn-xlg[class*=ico].ico-email::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -7.2rem;
}
.btn-xlg[class*=ico].ico-erase::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -7.2rem;
}
.btn-xlg[class*=ico].ico-error::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -7.2rem;
}
.btn-xlg[class*=ico].ico-error-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -9.6rem;
}
.btn-xlg[class*=ico].ico-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -9.6rem;
}
.btn-xlg[class*=ico].ico-favorite::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -9.6rem;
}
.btn-xlg[class*=ico].ico-favorite-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -9.6rem;
}
.btn-xlg[class*=ico].ico-filter::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -9.6rem;
}
.btn-xlg[class*=ico].ico-filter-remove::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -9.6rem;
}
.btn-xlg[class*=ico].ico-flag::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -9.6rem;
}
.btn-xlg[class*=ico].ico-flag-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -9.6rem;
}
.btn-xlg[class*=ico].ico-folder::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -9.6rem;
}
.btn-xlg[class*=ico].ico-folder-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -9.6rem;
}
.btn-xlg[class*=ico].ico-folder-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -9.6rem;
}
.btn-xlg[class*=ico].ico-gift::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -9.6rem;
}
.btn-xlg[class*=ico].ico-grid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -9.6rem;
}
.btn-xlg[class*=ico].ico-headphones::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -9.6rem;
}
.btn-xlg[class*=ico].ico-headset::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -9.6rem;
}
.btn-xlg[class*=ico].ico-home::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -9.6rem;
}
.btn-xlg[class*=ico].ico-idea::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -9.6rem;
}
.btn-xlg[class*=ico].ico-identification::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -9.6rem;
}
.btn-xlg[class*=ico].ico-image::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -9.6rem;
}
.btn-xlg[class*=ico].ico-image-copy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -9.6rem;
}
.btn-xlg[class*=ico].ico-image-search::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -12rem;
}
.btn-xlg[class*=ico].ico-image-search-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -12rem;
}
.btn-xlg[class*=ico].ico-import-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -12rem;
}
.btn-xlg[class*=ico].ico-information::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -12rem;
}
.btn-xlg[class*=ico].ico-information-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -12rem;
}
.btn-xlg[class*=ico].ico-information-disabled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -12rem;
}
.btn-xlg[class*=ico].ico-information-square::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -12rem;
}
.btn-xlg[class*=ico].ico-information-square-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -12rem;
}
.btn-xlg[class*=ico].ico-keyboard::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -12rem;
}
.btn-xlg[class*=ico].ico-keyboard-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -12rem;
}
.btn-xlg[class*=ico].ico-launch::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -12rem;
}
.btn-xlg[class*=ico].ico-layers::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -12rem;
}
.btn-xlg[class*=ico].ico-location::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -12rem;
}
.btn-xlg[class*=ico].ico-location-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -12rem;
}
.btn-xlg[class*=ico].ico-locked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -12rem;
}
.btn-xlg[class*=ico].ico-list-boxes::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -12rem;
}
.btn-xlg[class*=ico].ico-list::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -12rem;
}
.btn-xlg[class*=ico].ico-link::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -12rem;
}
.btn-xlg[class*=ico].ico-menu::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -12rem;
}
.btn-xlg[class*=ico].ico-microphone::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -12rem;
}
.btn-xlg[class*=ico].ico-microphone-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -14.4rem;
}
.btn-xlg[class*=ico].ico-microphone-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -14.4rem;
}
.btn-xlg[class*=ico].ico-microphone-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -14.4rem;
}
.btn-xlg[class*=ico].ico-music::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -14.4rem;
}
.btn-xlg[class*=ico].ico-next-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -14.4rem;
}
.btn-xlg[class*=ico].ico-next-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -14.4rem;
}
.btn-xlg[class*=ico].ico-no-image::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -14.4rem;
}
.btn-xlg[class*=ico].ico-notebook::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -14.4rem;
}
.btn-xlg[class*=ico].ico-notification::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -14.4rem;
}
.btn-xlg[class*=ico].ico-notification-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -14.4rem;
}
.btn-xlg[class*=ico].ico-notification-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -14.4rem;
}
.btn-xlg[class*=ico].ico-notification-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -14.4rem;
}
.btn-xlg[class*=ico].ico-ordinal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -14.4rem;
}
.btn-xlg[class*=ico].ico-overflow-menu-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -14.4rem;
}
.btn-xlg[class*=ico].ico-overflow-menu-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -14.4rem;
}
.btn-xlg[class*=ico].ico-pan-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -14.4rem;
}
.btn-xlg[class*=ico].ico-pan-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -14.4rem;
}
.btn-xlg[class*=ico].ico-pause::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -14.4rem;
}
.btn-xlg[class*=ico].ico-pause-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -14.4rem;
}
.btn-xlg[class*=ico].ico-pause-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -14.4rem;
}
.btn-xlg[class*=ico].ico-pause-outline-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -16.8rem;
}
.btn-xlg[class*=ico].ico-pen::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -16.8rem;
}
.btn-xlg[class*=ico].ico-pending::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -16.8rem;
}
.btn-xlg[class*=ico].ico-pending-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -16.8rem;
}
.btn-xlg[class*=ico].ico-phone::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -16.8rem;
}
.btn-xlg[class*=ico].ico-phone-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -16.8rem;
}
.btn-xlg[class*=ico].ico-phone-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -16.8rem;
}
.btn-xlg[class*=ico].ico-phone-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -16.8rem;
}
.btn-xlg[class*=ico].ico-pin::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -16.8rem;
}
.btn-xlg[class*=ico].ico-pin-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -16.8rem;
}
.btn-xlg[class*=ico].ico-plan::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -16.8rem;
}
.btn-xlg[class*=ico].ico-play::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -16.8rem;
}
.btn-xlg[class*=ico].ico-play-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -16.8rem;
}
.btn-xlg[class*=ico].ico-play-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -16.8rem;
}
.btn-xlg[class*=ico].ico-play-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -16.8rem;
}
.btn-xlg[class*=ico].ico-policy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -16.8rem;
}
.btn-xlg[class*=ico].ico-popup::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -16.8rem;
}
.btn-xlg[class*=ico].ico-power::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -16.8rem;
}
.btn-xlg[class*=ico].ico-previous-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -16.8rem;
}
.btn-xlg[class*=ico].ico-previous-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -16.8rem;
}
.btn-xlg[class*=ico].ico-printer::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -19.2rem;
}
.btn-xlg[class*=ico].ico-radio-button::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -19.2rem;
}
.btn-xlg[class*=ico].ico-radio-button-checked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -19.2rem;
}
.btn-xlg[class*=ico].ico-recently-viewed::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -19.2rem;
}
.btn-xlg[class*=ico].ico-redo::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -19.2rem;
}
.btn-xlg[class*=ico].ico-renew::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -19.2rem;
}
.btn-xlg[class*=ico].ico-repeat::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -19.2rem;
}
.btn-xlg[class*=ico].ico-restart::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -19.2rem;
}
.btn-xlg[class*=ico].ico-reset::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -19.2rem;
}
.btn-xlg[class*=ico].ico-save::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -19.2rem;
}
.btn-xlg[class*=ico].ico-screen::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -19.2rem;
}
.btn-xlg[class*=ico].ico-screen-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -19.2rem;
}
.btn-xlg[class*=ico].ico-search::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -19.2rem;
}
.btn-xlg[class*=ico].ico-search-advanced::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -19.2rem;
}
.btn-xlg[class*=ico].ico-search-locate::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -19.2rem;
}
.btn-xlg[class*=ico].ico-security::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -19.2rem;
}
.btn-xlg[class*=ico].ico-send-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -19.2rem;
}
.btn-xlg[class*=ico].ico-send-alt-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -19.2rem;
}
.btn-xlg[class*=ico].ico-settings::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -19.2rem;
}
.btn-xlg[class*=ico].ico-settings-adjust::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -19.2rem;
}
.btn-xlg[class*=ico].ico-share::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -21.6rem;
}
.btn-xlg[class*=ico].ico-shopping-cart::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -21.6rem;
}
.btn-xlg[class*=ico].ico-shuffle::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -21.6rem;
}
.btn-xlg[class*=ico].ico-star::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -21.6rem;
}
.btn-xlg[class*=ico].ico-star-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -21.6rem;
}
.btn-xlg[class*=ico].ico-star-half::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -21.6rem;
}
.btn-xlg[class*=ico].ico-stay-inside::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -21.6rem;
}
.btn-xlg[class*=ico].ico-stop::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -21.6rem;
}
.btn-xlg[class*=ico].ico-stop-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -21.6rem;
}
.btn-xlg[class*=ico].ico-stop-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -21.6rem;
}
.btn-xlg[class*=ico].ico-stop-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -21.6rem;
}
.btn-xlg[class*=ico].ico-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -21.6rem;
}
.btn-xlg[class*=ico].ico-subtract-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -21.6rem;
}
.btn-xlg[class*=ico].ico-subtract-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -21.6rem;
}
.btn-xlg[class*=ico].ico-switcher::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -21.6rem;
}
.btn-xlg[class*=ico].ico-tag::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -21.6rem;
}
.btn-xlg[class*=ico].ico-thumbs-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -21.6rem;
}
.btn-xlg[class*=ico].ico-thumbs-down-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -21.6rem;
}
.btn-xlg[class*=ico].ico-thumbs-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -21.6rem;
}
.btn-xlg[class*=ico].ico-thumbs-up-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -21.6rem;
}
.btn-xlg[class*=ico].ico-ticket::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -24rem;
}
.btn-xlg[class*=ico].ico-time::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -24rem;
}
.btn-xlg[class*=ico].ico-time-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -24rem;
}
.btn-xlg[class*=ico].ico-triangle-down-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -24rem;
}
.btn-xlg[class*=ico].ico-triangle-down-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -24rem;
}
.btn-xlg[class*=ico].ico-triangle-left-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -24rem;
}
.btn-xlg[class*=ico].ico-triangle-left-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -24rem;
}
.btn-xlg[class*=ico].ico-triangle-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -24rem;
}
.btn-xlg[class*=ico].ico-triangle-right-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -24rem;
}
.btn-xlg[class*=ico].ico-triangle-right-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -24rem;
}
.btn-xlg[class*=ico].ico-triangle-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -24rem;
}
.btn-xlg[class*=ico].ico-unlocked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -24rem;
}
.btn-xlg[class*=ico].ico-undo::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -24rem;
}
.btn-xlg[class*=ico].ico-upload::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -24rem;
}
.btn-xlg[class*=ico].ico-user::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -24rem;
}
.btn-xlg[class*=ico].ico-user-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -24rem;
}
.btn-xlg[class*=ico].ico-user-avatar::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -24rem;
}
.btn-xlg[class*=ico].ico-user-avatar-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -24rem;
}
.btn-xlg[class*=ico].ico-video::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -24rem;
}
.btn-xlg[class*=ico].ico-video-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -24rem;
}
.btn-xlg[class*=ico].ico-video-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -26.4rem;
}
.btn-xlg[class*=ico].ico-video-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -26.4rem;
}
.btn-xlg[class*=ico].ico-view::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -26.4rem;
}
.btn-xlg[class*=ico].ico-view-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -7.2rem -26.4rem;
}
.btn-xlg[class*=ico].ico-view-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -26.4rem;
}
.btn-xlg[class*=ico].ico-view-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -26.4rem;
}
.btn-xlg[class*=ico].ico-volume-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -26.4rem;
}
.btn-xlg[class*=ico].ico-volume-down-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16.8rem -26.4rem;
}
.btn-xlg[class*=ico].ico-volume-down-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -26.4rem;
}
.btn-xlg[class*=ico].ico-volume-down-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -21.6rem -26.4rem;
}
.btn-xlg[class*=ico].ico-volume-mute::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -26.4rem;
}
.btn-xlg[class*=ico].ico-volume-mute-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26.4rem -26.4rem;
}
.btn-xlg[class*=ico].ico-volume-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -26.4rem;
}
.btn-xlg[class*=ico].ico-volume-up-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -31.2rem -26.4rem;
}
.btn-xlg[class*=ico].ico-volume-up-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -33.6rem -26.4rem;
}
.btn-xlg[class*=ico].ico-volume-up-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -26.4rem;
}
.btn-xlg[class*=ico].ico-warning::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38.4rem -26.4rem;
}
.btn-xlg[class*=ico].ico-warning-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -40.8rem -26.4rem;
}
.btn-xlg[class*=ico].ico-warning-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -43.2rem -26.4rem;
}
.btn-xlg[class*=ico].ico-warning-alt-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -45.6rem -26.4rem;
}
.btn-xlg[class*=ico].ico-zoom-in::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -28.8rem;
}
.btn-xlg[class*=ico].ico-zoom-out::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2.4rem -28.8rem;
}
.btn-xlg[class*=ico].is-disabled::before, .btn-xlg[class*=ico]:disabled::before {
  background: #DDDAE3;
}
.btn-xlg[class*=ico].back::before {
  order: 1;
}
.btn-xlg[class*=ico].line::before {
  background: #1A1A1A;
}
.btn-xlg[class*=ico].line.spot::before {
  background: #100380;
}
.btn-xlg[class*=ico].line.primary::before {
  background: #100380;
}
.btn-xlg[class*=ico].line.spot2::before {
  background: #00B6ED;
}
.btn-xlg[class*=ico].line.secondary::before {
  background: #00B6ED;
}
.btn-xlg[class*=ico].line.spot3::before {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-xlg[class*=ico].line.accent::before {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-xlg[class*=ico].line.negative::before {
  background: #F94868;
}
.btn-xlg[class*=ico].line.positive::before {
  background: #78BF26;
}
.btn-xlg[class*=ico].line.is-disabled::before, .btn-xlg[class*=ico].line:disabled::before {
  background: #727077;
}
.btn-xlg.ico-only {
  font-size: 0;
  padding: 0;
  gap: 0;
}
.btn-xlg.ico-only.btn, .type-b .mn-visual .slide-guide .guide-fnc-area a.btn-xlg.ico-only {
  width: 4.8rem;
}
.btn-xlg.ico-only.btn-sm {
  width: 3.6rem;
}
.btn-xlg.ico-only.btn-lg, .type-c .mn-visual .slide-guide .guide-fnc-area a.btn-xlg.ico-only, .type-a .mn-visual .slide-guide .guide-fnc-area a.btn-xlg.ico-only {
  width: 6.4rem;
}
.btn-xlg.ico-only.btn-xlg {
  width: 8rem;
}

.btn-txt {
  display: inline-flex;
  gap: 0.2rem;
  font-weight: 600;
  align-items: center;
  line-height: normal;
}
.btn-txt[class*=ico].ico {
  background-color: #1A1A1A;
}
.btn-txt[class*=ico].ico-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem 0rem;
}
.btn-txt[class*=ico].ico-add-large::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem 0rem;
}
.btn-txt[class*=ico].ico-add-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem 0rem;
}
.btn-txt[class*=ico].ico-add-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem 0rem;
}
.btn-txt[class*=ico].ico-alarm::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem 0rem;
}
.btn-txt[class*=ico].ico-alarm-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem 0rem;
}
.btn-txt[class*=ico].ico-alarm-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem 0rem;
}
.btn-txt[class*=ico].ico-arrow-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem 0rem;
}
.btn-txt[class*=ico].ico-arrow-down-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem 0rem;
}
.btn-txt[class*=ico].ico-arrow-down-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem 0rem;
}
.btn-txt[class*=ico].ico-arrow-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem 0rem;
}
.btn-txt[class*=ico].ico-arrow-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem 0rem;
}
.btn-txt[class*=ico].ico-arrow-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem 0rem;
}
.btn-txt[class*=ico].ico-arrow-up-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem 0rem;
}
.btn-txt[class*=ico].ico-arrow-up-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem 0rem;
}
.btn-txt[class*=ico].ico-arrows-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem 0rem;
}
.btn-txt[class*=ico].ico-arrows-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem 0rem;
}
.btn-txt[class*=ico].ico-at::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem 0rem;
}
.btn-txt[class*=ico].ico-attachment::before, .btn-txt[class*=ico].ico-file::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem 0rem;
}
.btn-txt[class*=ico].ico-book::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem 0rem;
}
.btn-txt[class*=ico].ico-bookmark::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -2rem;
}
.btn-txt[class*=ico].ico-bookmark-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -2rem;
}
.btn-txt[class*=ico].ico-bookmark-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -2rem;
}
.btn-txt[class*=ico].ico-calendar::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -2rem;
}
.btn-txt[class*=ico].ico-calendar-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -2rem;
}
.btn-txt[class*=ico].ico-calendar-add-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -2rem;
}
.btn-txt[class*=ico].ico-calendar-settings::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -2rem;
}
.btn-txt[class*=ico].ico-camera::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -2rem;
}
.btn-txt[class*=ico].ico-bullhorn::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -2rem;
}
.btn-txt[class*=ico].ico-building::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -2rem;
}
.btn-txt[class*=ico].ico-bus::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -2rem;
}
.btn-txt[class*=ico].ico-car-front::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -2rem;
}
.btn-txt[class*=ico].ico-caret-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -2rem;
}
.btn-txt[class*=ico].ico-caret-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -2rem;
}
.btn-txt[class*=ico].ico-caret-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -2rem;
}
.btn-txt[class*=ico].ico-caret-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -2rem;
}
.btn-txt[class*=ico].ico-caret-sort::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -2rem;
}
.btn-txt[class*=ico].ico-center-circle::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -2rem;
}
.btn-txt[class*=ico].ico-chat::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -2rem;
}
.btn-txt[class*=ico].ico-chat-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -2rem;
}
.btn-txt[class*=ico].ico-checkbox::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -4rem;
}
.btn-txt[class*=ico].ico-checkbox-checked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -4rem;
}
.btn-txt[class*=ico].ico-checkbox-checked-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -4rem;
}
.btn-txt[class*=ico].ico-checkbox-indeterminate::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -4rem;
}
.btn-txt[class*=ico].ico-checkbox-indeterminate-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -4rem;
}
.btn-txt[class*=ico].ico-checkmark::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -4rem;
}
.btn-txt[class*=ico].ico-checkmark-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -4rem;
}
.btn-txt[class*=ico].ico-checkmark-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -4rem;
}
.btn-txt[class*=ico].ico-chevron-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -4rem;
}
.btn-txt[class*=ico].ico-chevron-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -4rem;
}
.btn-txt[class*=ico].ico-chevron-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -4rem;
}
.btn-txt[class*=ico].ico-chevron-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -4rem;
}
.btn-txt[class*=ico].ico-chevron-sort::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -4rem;
}
.btn-txt[class*=ico].ico-chevron-up-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -4rem;
}
.btn-txt[class*=ico].ico-chevron-down-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -4rem;
}
.btn-txt[class*=ico].ico-close::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -4rem;
}
.btn-txt[class*=ico].ico-close-large::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -4rem;
}
.btn-txt[class*=ico].ico-close-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -4rem;
}
.btn-txt[class*=ico].ico-close-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -4rem;
}
.btn-txt[class*=ico].ico-copy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -4rem;
}
.btn-txt[class*=ico].ico-copy-file::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -6rem;
}
.btn-txt[class*=ico].ico-cube::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -6rem;
}
.btn-txt[class*=ico].ico-document::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -6rem;
}
.btn-txt[class*=ico].ico-document-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -6rem;
}
.btn-txt[class*=ico].ico-document-attachment::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -6rem;
}
.btn-txt[class*=ico].ico-document-audio::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -6rem;
}
.btn-txt[class*=ico].ico-document-blank::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -6rem;
}
.btn-txt[class*=ico].ico-document-configuration::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -6rem;
}
.btn-txt[class*=ico].ico-document-download::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -6rem;
}
.btn-txt[class*=ico].ico-document-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -6rem;
}
.btn-txt[class*=ico].ico-document-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -6rem;
}
.btn-txt[class*=ico].ico-document-tasks::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -6rem;
}
.btn-txt[class*=ico].ico-document-unknown::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -6rem;
}
.btn-txt[class*=ico].ico-draggable::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -6rem;
}
.btn-txt[class*=ico].ico-download::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -6rem;
}
.btn-txt[class*=ico].ico-edit::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -6rem;
}
.btn-txt[class*=ico].ico-edit-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -6rem;
}
.btn-txt[class*=ico].ico-email::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -6rem;
}
.btn-txt[class*=ico].ico-erase::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -6rem;
}
.btn-txt[class*=ico].ico-error::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -6rem;
}
.btn-txt[class*=ico].ico-error-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -8rem;
}
.btn-txt[class*=ico].ico-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -8rem;
}
.btn-txt[class*=ico].ico-favorite::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -8rem;
}
.btn-txt[class*=ico].ico-favorite-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -8rem;
}
.btn-txt[class*=ico].ico-filter::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -8rem;
}
.btn-txt[class*=ico].ico-filter-remove::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -8rem;
}
.btn-txt[class*=ico].ico-flag::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -8rem;
}
.btn-txt[class*=ico].ico-flag-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -8rem;
}
.btn-txt[class*=ico].ico-folder::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -8rem;
}
.btn-txt[class*=ico].ico-folder-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -8rem;
}
.btn-txt[class*=ico].ico-folder-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -8rem;
}
.btn-txt[class*=ico].ico-gift::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -8rem;
}
.btn-txt[class*=ico].ico-grid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -8rem;
}
.btn-txt[class*=ico].ico-headphones::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -8rem;
}
.btn-txt[class*=ico].ico-headset::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -8rem;
}
.btn-txt[class*=ico].ico-home::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -8rem;
}
.btn-txt[class*=ico].ico-idea::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -8rem;
}
.btn-txt[class*=ico].ico-identification::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -8rem;
}
.btn-txt[class*=ico].ico-image::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -8rem;
}
.btn-txt[class*=ico].ico-image-copy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -8rem;
}
.btn-txt[class*=ico].ico-image-search::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -10rem;
}
.btn-txt[class*=ico].ico-image-search-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -10rem;
}
.btn-txt[class*=ico].ico-import-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -10rem;
}
.btn-txt[class*=ico].ico-information::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -10rem;
}
.btn-txt[class*=ico].ico-information-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -10rem;
}
.btn-txt[class*=ico].ico-information-disabled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -10rem;
}
.btn-txt[class*=ico].ico-information-square::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -10rem;
}
.btn-txt[class*=ico].ico-information-square-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -10rem;
}
.btn-txt[class*=ico].ico-keyboard::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -10rem;
}
.btn-txt[class*=ico].ico-keyboard-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -10rem;
}
.btn-txt[class*=ico].ico-launch::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -10rem;
}
.btn-txt[class*=ico].ico-layers::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -10rem;
}
.btn-txt[class*=ico].ico-location::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -10rem;
}
.btn-txt[class*=ico].ico-location-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -10rem;
}
.btn-txt[class*=ico].ico-locked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -10rem;
}
.btn-txt[class*=ico].ico-list-boxes::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -10rem;
}
.btn-txt[class*=ico].ico-list::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -10rem;
}
.btn-txt[class*=ico].ico-link::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -10rem;
}
.btn-txt[class*=ico].ico-menu::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -10rem;
}
.btn-txt[class*=ico].ico-microphone::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -10rem;
}
.btn-txt[class*=ico].ico-microphone-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -12rem;
}
.btn-txt[class*=ico].ico-microphone-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -12rem;
}
.btn-txt[class*=ico].ico-microphone-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -12rem;
}
.btn-txt[class*=ico].ico-music::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -12rem;
}
.btn-txt[class*=ico].ico-next-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -12rem;
}
.btn-txt[class*=ico].ico-next-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -12rem;
}
.btn-txt[class*=ico].ico-no-image::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -12rem;
}
.btn-txt[class*=ico].ico-notebook::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -12rem;
}
.btn-txt[class*=ico].ico-notification::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -12rem;
}
.btn-txt[class*=ico].ico-notification-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -12rem;
}
.btn-txt[class*=ico].ico-notification-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -12rem;
}
.btn-txt[class*=ico].ico-notification-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -12rem;
}
.btn-txt[class*=ico].ico-ordinal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -12rem;
}
.btn-txt[class*=ico].ico-overflow-menu-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -12rem;
}
.btn-txt[class*=ico].ico-overflow-menu-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -12rem;
}
.btn-txt[class*=ico].ico-pan-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -12rem;
}
.btn-txt[class*=ico].ico-pan-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -12rem;
}
.btn-txt[class*=ico].ico-pause::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -12rem;
}
.btn-txt[class*=ico].ico-pause-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -12rem;
}
.btn-txt[class*=ico].ico-pause-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -12rem;
}
.btn-txt[class*=ico].ico-pause-outline-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -14rem;
}
.btn-txt[class*=ico].ico-pen::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -14rem;
}
.btn-txt[class*=ico].ico-pending::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -14rem;
}
.btn-txt[class*=ico].ico-pending-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -14rem;
}
.btn-txt[class*=ico].ico-phone::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -14rem;
}
.btn-txt[class*=ico].ico-phone-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -14rem;
}
.btn-txt[class*=ico].ico-phone-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -14rem;
}
.btn-txt[class*=ico].ico-phone-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -14rem;
}
.btn-txt[class*=ico].ico-pin::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -14rem;
}
.btn-txt[class*=ico].ico-pin-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -14rem;
}
.btn-txt[class*=ico].ico-plan::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -14rem;
}
.btn-txt[class*=ico].ico-play::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -14rem;
}
.btn-txt[class*=ico].ico-play-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -14rem;
}
.btn-txt[class*=ico].ico-play-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -14rem;
}
.btn-txt[class*=ico].ico-play-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -14rem;
}
.btn-txt[class*=ico].ico-policy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -14rem;
}
.btn-txt[class*=ico].ico-popup::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -14rem;
}
.btn-txt[class*=ico].ico-power::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -14rem;
}
.btn-txt[class*=ico].ico-previous-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -14rem;
}
.btn-txt[class*=ico].ico-previous-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -14rem;
}
.btn-txt[class*=ico].ico-printer::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -16rem;
}
.btn-txt[class*=ico].ico-radio-button::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -16rem;
}
.btn-txt[class*=ico].ico-radio-button-checked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -16rem;
}
.btn-txt[class*=ico].ico-recently-viewed::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -16rem;
}
.btn-txt[class*=ico].ico-redo::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -16rem;
}
.btn-txt[class*=ico].ico-renew::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -16rem;
}
.btn-txt[class*=ico].ico-repeat::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -16rem;
}
.btn-txt[class*=ico].ico-restart::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -16rem;
}
.btn-txt[class*=ico].ico-reset::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -16rem;
}
.btn-txt[class*=ico].ico-save::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -16rem;
}
.btn-txt[class*=ico].ico-screen::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -16rem;
}
.btn-txt[class*=ico].ico-screen-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -16rem;
}
.btn-txt[class*=ico].ico-search::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -16rem;
}
.btn-txt[class*=ico].ico-search-advanced::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -16rem;
}
.btn-txt[class*=ico].ico-search-locate::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -16rem;
}
.btn-txt[class*=ico].ico-security::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -16rem;
}
.btn-txt[class*=ico].ico-send-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -16rem;
}
.btn-txt[class*=ico].ico-send-alt-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -16rem;
}
.btn-txt[class*=ico].ico-settings::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -16rem;
}
.btn-txt[class*=ico].ico-settings-adjust::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -16rem;
}
.btn-txt[class*=ico].ico-share::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -18rem;
}
.btn-txt[class*=ico].ico-shopping-cart::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -18rem;
}
.btn-txt[class*=ico].ico-shuffle::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -18rem;
}
.btn-txt[class*=ico].ico-star::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -18rem;
}
.btn-txt[class*=ico].ico-star-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -18rem;
}
.btn-txt[class*=ico].ico-star-half::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -18rem;
}
.btn-txt[class*=ico].ico-stay-inside::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -18rem;
}
.btn-txt[class*=ico].ico-stop::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -18rem;
}
.btn-txt[class*=ico].ico-stop-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -18rem;
}
.btn-txt[class*=ico].ico-stop-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -18rem;
}
.btn-txt[class*=ico].ico-stop-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -18rem;
}
.btn-txt[class*=ico].ico-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -18rem;
}
.btn-txt[class*=ico].ico-subtract-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -18rem;
}
.btn-txt[class*=ico].ico-subtract-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -18rem;
}
.btn-txt[class*=ico].ico-switcher::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -18rem;
}
.btn-txt[class*=ico].ico-tag::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -18rem;
}
.btn-txt[class*=ico].ico-thumbs-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -18rem;
}
.btn-txt[class*=ico].ico-thumbs-down-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -18rem;
}
.btn-txt[class*=ico].ico-thumbs-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -18rem;
}
.btn-txt[class*=ico].ico-thumbs-up-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -18rem;
}
.btn-txt[class*=ico].ico-ticket::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -20rem;
}
.btn-txt[class*=ico].ico-time::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -20rem;
}
.btn-txt[class*=ico].ico-time-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -20rem;
}
.btn-txt[class*=ico].ico-triangle-down-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -20rem;
}
.btn-txt[class*=ico].ico-triangle-down-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -20rem;
}
.btn-txt[class*=ico].ico-triangle-left-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -20rem;
}
.btn-txt[class*=ico].ico-triangle-left-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -20rem;
}
.btn-txt[class*=ico].ico-triangle-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -20rem;
}
.btn-txt[class*=ico].ico-triangle-right-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -20rem;
}
.btn-txt[class*=ico].ico-triangle-right-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -20rem;
}
.btn-txt[class*=ico].ico-triangle-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -20rem;
}
.btn-txt[class*=ico].ico-unlocked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -20rem;
}
.btn-txt[class*=ico].ico-undo::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -20rem;
}
.btn-txt[class*=ico].ico-upload::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -20rem;
}
.btn-txt[class*=ico].ico-user::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -20rem;
}
.btn-txt[class*=ico].ico-user-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -20rem;
}
.btn-txt[class*=ico].ico-user-avatar::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -20rem;
}
.btn-txt[class*=ico].ico-user-avatar-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -20rem;
}
.btn-txt[class*=ico].ico-video::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -20rem;
}
.btn-txt[class*=ico].ico-video-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -20rem;
}
.btn-txt[class*=ico].ico-video-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -22rem;
}
.btn-txt[class*=ico].ico-video-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -22rem;
}
.btn-txt[class*=ico].ico-view::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -22rem;
}
.btn-txt[class*=ico].ico-view-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -22rem;
}
.btn-txt[class*=ico].ico-view-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -22rem;
}
.btn-txt[class*=ico].ico-view-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -22rem;
}
.btn-txt[class*=ico].ico-volume-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -22rem;
}
.btn-txt[class*=ico].ico-volume-down-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -22rem;
}
.btn-txt[class*=ico].ico-volume-down-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -22rem;
}
.btn-txt[class*=ico].ico-volume-down-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -22rem;
}
.btn-txt[class*=ico].ico-volume-mute::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -22rem;
}
.btn-txt[class*=ico].ico-volume-mute-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -22rem;
}
.btn-txt[class*=ico].ico-volume-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -22rem;
}
.btn-txt[class*=ico].ico-volume-up-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -22rem;
}
.btn-txt[class*=ico].ico-volume-up-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -22rem;
}
.btn-txt[class*=ico].ico-volume-up-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -22rem;
}
.btn-txt[class*=ico].ico-warning::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -22rem;
}
.btn-txt[class*=ico].ico-warning-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -22rem;
}
.btn-txt[class*=ico].ico-warning-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -22rem;
}
.btn-txt[class*=ico].ico-warning-alt-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -22rem;
}
.btn-txt[class*=ico].ico-zoom-in::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -24rem;
}
.btn-txt[class*=ico].ico-zoom-out::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -24rem;
}
.btn-txt[class*=ico].back::before {
  order: 1;
}
.btn-txt[class*=ico]::before {
  background-color: #1A1A1A;
}
.btn-txt.gr {
  color: #918F97;
}
.btn-txt.gr::before {
  background-color: #918F97;
}
.btn-txt.spot {
  color: #100380;
}
.btn-txt.spot::before {
  background-color: #100380;
}
.btn-txt.primary {
  color: #100380;
}
.btn-txt.primary::before {
  background-color: #100380;
}
.btn-txt.spot2 {
  color: #00B6ED;
}
.btn-txt.spot2::before {
  background-color: #00B6ED;
}
.btn-txt.secondary {
  color: #00B6ED;
}
.btn-txt.secondary::before {
  background-color: #00B6ED;
}
.btn-txt.spot3 {
  color: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-txt.spot3::before {
  background-color: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-txt.accent {
  color: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-txt.accent::before {
  background-color: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.btn-txt.negative {
  color: #F94868;
}
.btn-txt.negative::before {
  background-color: #F94868;
}
.btn-txt.positive {
  color: #78BF26;
}
.btn-txt.positive::before {
  background-color: #78BF26;
}
.btn-txt.sm {
  font-size: var(--fs-sm);
}
.btn-txt.sm[class*=ico].ico-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem 0rem;
}
.btn-txt.sm[class*=ico].ico-add-large::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -1.6rem 0rem;
}
.btn-txt.sm[class*=ico].ico-add-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -3.2rem 0rem;
}
.btn-txt.sm[class*=ico].ico-add-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem 0rem;
}
.btn-txt.sm[class*=ico].ico-alarm::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6.4rem 0rem;
}
.btn-txt.sm[class*=ico].ico-alarm-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem 0rem;
}
.btn-txt.sm[class*=ico].ico-alarm-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem 0rem;
}
.btn-txt.sm[class*=ico].ico-arrow-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -11.2rem 0rem;
}
.btn-txt.sm[class*=ico].ico-arrow-down-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12.8rem 0rem;
}
.btn-txt.sm[class*=ico].ico-arrow-down-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem 0rem;
}
.btn-txt.sm[class*=ico].ico-arrow-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem 0rem;
}
.btn-txt.sm[class*=ico].ico-arrow-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -17.6rem 0rem;
}
.btn-txt.sm[class*=ico].ico-arrow-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem 0rem;
}
.btn-txt.sm[class*=ico].ico-arrow-up-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20.8rem 0rem;
}
.btn-txt.sm[class*=ico].ico-arrow-up-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22.4rem 0rem;
}
.btn-txt.sm[class*=ico].ico-arrows-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem 0rem;
}
.btn-txt.sm[class*=ico].ico-arrows-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -25.6rem 0rem;
}
.btn-txt.sm[class*=ico].ico-at::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -27.2rem 0rem;
}
.btn-txt.sm[class*=ico].ico-attachment::before, .btn-txt.sm[class*=ico].ico-file::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem 0rem;
}
.btn-txt.sm[class*=ico].ico-book::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30.4rem 0rem;
}
.btn-txt.sm[class*=ico].ico-bookmark::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-bookmark-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -1.6rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-bookmark-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -3.2rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-calendar::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-calendar-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6.4rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-calendar-add-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-calendar-settings::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-camera::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -11.2rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-bullhorn::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12.8rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-building::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-bus::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-car-front::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -17.6rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-caret-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-caret-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20.8rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-caret-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22.4rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-caret-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-caret-sort::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -25.6rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-center-circle::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -27.2rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-chat::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-chat-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30.4rem -1.6rem;
}
.btn-txt.sm[class*=ico].ico-checkbox::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-checkbox-checked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -1.6rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-checkbox-checked-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -3.2rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-checkbox-indeterminate::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-checkbox-indeterminate-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6.4rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-checkmark::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-checkmark-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-checkmark-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -11.2rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-chevron-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12.8rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-chevron-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-chevron-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-chevron-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -17.6rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-chevron-sort::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-chevron-up-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20.8rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-chevron-down-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22.4rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-close::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-close-large::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -25.6rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-close-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -27.2rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-close-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-copy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30.4rem -3.2rem;
}
.btn-txt.sm[class*=ico].ico-copy-file::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-cube::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -1.6rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-document::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -3.2rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-document-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-document-attachment::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6.4rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-document-audio::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-document-blank::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-document-configuration::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -11.2rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-document-download::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12.8rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-document-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-document-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-document-tasks::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -17.6rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-document-unknown::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-draggable::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20.8rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-download::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22.4rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-edit::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-edit-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -25.6rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-email::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -27.2rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-erase::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-error::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30.4rem -4.8rem;
}
.btn-txt.sm[class*=ico].ico-error-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -1.6rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-favorite::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -3.2rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-favorite-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-filter::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6.4rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-filter-remove::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-flag::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-flag-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -11.2rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-folder::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12.8rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-folder-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-folder-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-gift::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -17.6rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-grid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-headphones::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20.8rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-headset::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22.4rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-home::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-idea::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -25.6rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-identification::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -27.2rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-image::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-image-copy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30.4rem -6.4rem;
}
.btn-txt.sm[class*=ico].ico-image-search::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -8rem;
}
.btn-txt.sm[class*=ico].ico-image-search-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -1.6rem -8rem;
}
.btn-txt.sm[class*=ico].ico-import-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -3.2rem -8rem;
}
.btn-txt.sm[class*=ico].ico-information::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -8rem;
}
.btn-txt.sm[class*=ico].ico-information-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6.4rem -8rem;
}
.btn-txt.sm[class*=ico].ico-information-disabled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -8rem;
}
.btn-txt.sm[class*=ico].ico-information-square::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -8rem;
}
.btn-txt.sm[class*=ico].ico-information-square-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -11.2rem -8rem;
}
.btn-txt.sm[class*=ico].ico-keyboard::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12.8rem -8rem;
}
.btn-txt.sm[class*=ico].ico-keyboard-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -8rem;
}
.btn-txt.sm[class*=ico].ico-launch::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -8rem;
}
.btn-txt.sm[class*=ico].ico-layers::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -17.6rem -8rem;
}
.btn-txt.sm[class*=ico].ico-location::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -8rem;
}
.btn-txt.sm[class*=ico].ico-location-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20.8rem -8rem;
}
.btn-txt.sm[class*=ico].ico-locked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22.4rem -8rem;
}
.btn-txt.sm[class*=ico].ico-list-boxes::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -8rem;
}
.btn-txt.sm[class*=ico].ico-list::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -25.6rem -8rem;
}
.btn-txt.sm[class*=ico].ico-link::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -27.2rem -8rem;
}
.btn-txt.sm[class*=ico].ico-menu::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -8rem;
}
.btn-txt.sm[class*=ico].ico-microphone::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30.4rem -8rem;
}
.btn-txt.sm[class*=ico].ico-microphone-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-microphone-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -1.6rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-microphone-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -3.2rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-music::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-next-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6.4rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-next-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-no-image::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-notebook::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -11.2rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-notification::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12.8rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-notification-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-notification-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-notification-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -17.6rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-ordinal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-overflow-menu-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20.8rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-overflow-menu-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22.4rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-pan-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-pan-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -25.6rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-pause::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -27.2rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-pause-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-pause-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30.4rem -9.6rem;
}
.btn-txt.sm[class*=ico].ico-pause-outline-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-pen::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -1.6rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-pending::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -3.2rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-pending-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-phone::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6.4rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-phone-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-phone-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-phone-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -11.2rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-pin::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12.8rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-pin-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-plan::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-play::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -17.6rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-play-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-play-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20.8rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-play-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22.4rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-policy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-popup::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -25.6rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-power::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -27.2rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-previous-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-previous-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30.4rem -11.2rem;
}
.btn-txt.sm[class*=ico].ico-printer::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-radio-button::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -1.6rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-radio-button-checked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -3.2rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-recently-viewed::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-redo::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6.4rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-renew::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-repeat::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-restart::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -11.2rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-reset::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12.8rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-save::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-screen::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-screen-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -17.6rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-search::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-search-advanced::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20.8rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-search-locate::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22.4rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-security::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-send-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -25.6rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-send-alt-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -27.2rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-settings::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-settings-adjust::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30.4rem -12.8rem;
}
.btn-txt.sm[class*=ico].ico-share::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-shopping-cart::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -1.6rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-shuffle::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -3.2rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-star::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-star-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6.4rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-star-half::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-stay-inside::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-stop::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -11.2rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-stop-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12.8rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-stop-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-stop-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -17.6rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-subtract-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-subtract-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20.8rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-switcher::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22.4rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-tag::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-thumbs-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -25.6rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-thumbs-down-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -27.2rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-thumbs-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-thumbs-up-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30.4rem -14.4rem;
}
.btn-txt.sm[class*=ico].ico-ticket::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -16rem;
}
.btn-txt.sm[class*=ico].ico-time::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -1.6rem -16rem;
}
.btn-txt.sm[class*=ico].ico-time-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -3.2rem -16rem;
}
.btn-txt.sm[class*=ico].ico-triangle-down-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -16rem;
}
.btn-txt.sm[class*=ico].ico-triangle-down-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6.4rem -16rem;
}
.btn-txt.sm[class*=ico].ico-triangle-left-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -16rem;
}
.btn-txt.sm[class*=ico].ico-triangle-left-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -16rem;
}
.btn-txt.sm[class*=ico].ico-triangle-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -11.2rem -16rem;
}
.btn-txt.sm[class*=ico].ico-triangle-right-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12.8rem -16rem;
}
.btn-txt.sm[class*=ico].ico-triangle-right-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -16rem;
}
.btn-txt.sm[class*=ico].ico-triangle-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -16rem;
}
.btn-txt.sm[class*=ico].ico-unlocked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -17.6rem -16rem;
}
.btn-txt.sm[class*=ico].ico-undo::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -16rem;
}
.btn-txt.sm[class*=ico].ico-upload::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20.8rem -16rem;
}
.btn-txt.sm[class*=ico].ico-user::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22.4rem -16rem;
}
.btn-txt.sm[class*=ico].ico-user-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -16rem;
}
.btn-txt.sm[class*=ico].ico-user-avatar::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -25.6rem -16rem;
}
.btn-txt.sm[class*=ico].ico-user-avatar-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -27.2rem -16rem;
}
.btn-txt.sm[class*=ico].ico-video::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -16rem;
}
.btn-txt.sm[class*=ico].ico-video-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30.4rem -16rem;
}
.btn-txt.sm[class*=ico].ico-video-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-video-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -1.6rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-view::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -3.2rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-view-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4.8rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-view-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6.4rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-view-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-volume-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -9.6rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-volume-down-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -11.2rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-volume-down-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12.8rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-volume-down-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14.4rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-volume-mute::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-volume-mute-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -17.6rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-volume-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -19.2rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-volume-up-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20.8rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-volume-up-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22.4rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-volume-up-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-warning::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -25.6rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-warning-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -27.2rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-warning-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28.8rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-warning-alt-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30.4rem -17.6rem;
}
.btn-txt.sm[class*=ico].ico-zoom-in::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -19.2rem;
}
.btn-txt.sm[class*=ico].ico-zoom-out::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -1.6rem -19.2rem;
}

.btn-sm[class*=ico].ico-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem 0rem;
}
.btn-sm[class*=ico].ico-add-large::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem 0rem;
}
.btn-sm[class*=ico].ico-add-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem 0rem;
}
.btn-sm[class*=ico].ico-add-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem 0rem;
}
.btn-sm[class*=ico].ico-alarm::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem 0rem;
}
.btn-sm[class*=ico].ico-alarm-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem 0rem;
}
.btn-sm[class*=ico].ico-alarm-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-down-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-down-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-up-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem 0rem;
}
.btn-sm[class*=ico].ico-arrow-up-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem 0rem;
}
.btn-sm[class*=ico].ico-arrows-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem 0rem;
}
.btn-sm[class*=ico].ico-arrows-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem 0rem;
}
.btn-sm[class*=ico].ico-at::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem 0rem;
}
.btn-sm[class*=ico].ico-attachment::before, .btn-sm[class*=ico].ico-file::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem 0rem;
}
.btn-sm[class*=ico].ico-book::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem 0rem;
}
.btn-sm[class*=ico].ico-bookmark::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -2rem;
}
.btn-sm[class*=ico].ico-bookmark-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -2rem;
}
.btn-sm[class*=ico].ico-bookmark-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -2rem;
}
.btn-sm[class*=ico].ico-calendar::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -2rem;
}
.btn-sm[class*=ico].ico-calendar-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -2rem;
}
.btn-sm[class*=ico].ico-calendar-add-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -2rem;
}
.btn-sm[class*=ico].ico-calendar-settings::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -2rem;
}
.btn-sm[class*=ico].ico-camera::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -2rem;
}
.btn-sm[class*=ico].ico-bullhorn::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -2rem;
}
.btn-sm[class*=ico].ico-building::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -2rem;
}
.btn-sm[class*=ico].ico-bus::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -2rem;
}
.btn-sm[class*=ico].ico-car-front::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -2rem;
}
.btn-sm[class*=ico].ico-caret-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -2rem;
}
.btn-sm[class*=ico].ico-caret-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -2rem;
}
.btn-sm[class*=ico].ico-caret-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -2rem;
}
.btn-sm[class*=ico].ico-caret-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -2rem;
}
.btn-sm[class*=ico].ico-caret-sort::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -2rem;
}
.btn-sm[class*=ico].ico-center-circle::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -2rem;
}
.btn-sm[class*=ico].ico-chat::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -2rem;
}
.btn-sm[class*=ico].ico-chat-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -2rem;
}
.btn-sm[class*=ico].ico-checkbox::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -4rem;
}
.btn-sm[class*=ico].ico-checkbox-checked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -4rem;
}
.btn-sm[class*=ico].ico-checkbox-checked-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -4rem;
}
.btn-sm[class*=ico].ico-checkbox-indeterminate::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -4rem;
}
.btn-sm[class*=ico].ico-checkbox-indeterminate-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -4rem;
}
.btn-sm[class*=ico].ico-checkmark::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -4rem;
}
.btn-sm[class*=ico].ico-checkmark-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -4rem;
}
.btn-sm[class*=ico].ico-checkmark-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -4rem;
}
.btn-sm[class*=ico].ico-chevron-left::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -4rem;
}
.btn-sm[class*=ico].ico-chevron-right::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -4rem;
}
.btn-sm[class*=ico].ico-chevron-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -4rem;
}
.btn-sm[class*=ico].ico-chevron-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -4rem;
}
.btn-sm[class*=ico].ico-chevron-sort::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -4rem;
}
.btn-sm[class*=ico].ico-chevron-up-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -4rem;
}
.btn-sm[class*=ico].ico-chevron-down-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -4rem;
}
.btn-sm[class*=ico].ico-close::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -4rem;
}
.btn-sm[class*=ico].ico-close-large::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -4rem;
}
.btn-sm[class*=ico].ico-close-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -4rem;
}
.btn-sm[class*=ico].ico-close-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -4rem;
}
.btn-sm[class*=ico].ico-copy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -4rem;
}
.btn-sm[class*=ico].ico-copy-file::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -6rem;
}
.btn-sm[class*=ico].ico-cube::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -6rem;
}
.btn-sm[class*=ico].ico-document::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -6rem;
}
.btn-sm[class*=ico].ico-document-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -6rem;
}
.btn-sm[class*=ico].ico-document-attachment::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -6rem;
}
.btn-sm[class*=ico].ico-document-audio::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -6rem;
}
.btn-sm[class*=ico].ico-document-blank::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -6rem;
}
.btn-sm[class*=ico].ico-document-configuration::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -6rem;
}
.btn-sm[class*=ico].ico-document-download::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -6rem;
}
.btn-sm[class*=ico].ico-document-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -6rem;
}
.btn-sm[class*=ico].ico-document-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -6rem;
}
.btn-sm[class*=ico].ico-document-tasks::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -6rem;
}
.btn-sm[class*=ico].ico-document-unknown::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -6rem;
}
.btn-sm[class*=ico].ico-draggable::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -6rem;
}
.btn-sm[class*=ico].ico-download::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -6rem;
}
.btn-sm[class*=ico].ico-edit::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -6rem;
}
.btn-sm[class*=ico].ico-edit-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -6rem;
}
.btn-sm[class*=ico].ico-email::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -6rem;
}
.btn-sm[class*=ico].ico-erase::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -6rem;
}
.btn-sm[class*=ico].ico-error::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -6rem;
}
.btn-sm[class*=ico].ico-error-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -8rem;
}
.btn-sm[class*=ico].ico-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -8rem;
}
.btn-sm[class*=ico].ico-favorite::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -8rem;
}
.btn-sm[class*=ico].ico-favorite-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -8rem;
}
.btn-sm[class*=ico].ico-filter::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -8rem;
}
.btn-sm[class*=ico].ico-filter-remove::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -8rem;
}
.btn-sm[class*=ico].ico-flag::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -8rem;
}
.btn-sm[class*=ico].ico-flag-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -8rem;
}
.btn-sm[class*=ico].ico-folder::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -8rem;
}
.btn-sm[class*=ico].ico-folder-add::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -8rem;
}
.btn-sm[class*=ico].ico-folder-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -8rem;
}
.btn-sm[class*=ico].ico-gift::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -8rem;
}
.btn-sm[class*=ico].ico-grid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -8rem;
}
.btn-sm[class*=ico].ico-headphones::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -8rem;
}
.btn-sm[class*=ico].ico-headset::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -8rem;
}
.btn-sm[class*=ico].ico-home::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -8rem;
}
.btn-sm[class*=ico].ico-idea::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -8rem;
}
.btn-sm[class*=ico].ico-identification::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -8rem;
}
.btn-sm[class*=ico].ico-image::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -8rem;
}
.btn-sm[class*=ico].ico-image-copy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -8rem;
}
.btn-sm[class*=ico].ico-image-search::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -10rem;
}
.btn-sm[class*=ico].ico-image-search-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -10rem;
}
.btn-sm[class*=ico].ico-import-export::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -10rem;
}
.btn-sm[class*=ico].ico-information::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -10rem;
}
.btn-sm[class*=ico].ico-information-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -10rem;
}
.btn-sm[class*=ico].ico-information-disabled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -10rem;
}
.btn-sm[class*=ico].ico-information-square::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -10rem;
}
.btn-sm[class*=ico].ico-information-square-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -10rem;
}
.btn-sm[class*=ico].ico-keyboard::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -10rem;
}
.btn-sm[class*=ico].ico-keyboard-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -10rem;
}
.btn-sm[class*=ico].ico-launch::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -10rem;
}
.btn-sm[class*=ico].ico-layers::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -10rem;
}
.btn-sm[class*=ico].ico-location::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -10rem;
}
.btn-sm[class*=ico].ico-location-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -10rem;
}
.btn-sm[class*=ico].ico-locked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -10rem;
}
.btn-sm[class*=ico].ico-list-boxes::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -10rem;
}
.btn-sm[class*=ico].ico-list::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -10rem;
}
.btn-sm[class*=ico].ico-link::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -10rem;
}
.btn-sm[class*=ico].ico-menu::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -10rem;
}
.btn-sm[class*=ico].ico-microphone::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -10rem;
}
.btn-sm[class*=ico].ico-microphone-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -12rem;
}
.btn-sm[class*=ico].ico-microphone-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -12rem;
}
.btn-sm[class*=ico].ico-microphone-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -12rem;
}
.btn-sm[class*=ico].ico-music::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -12rem;
}
.btn-sm[class*=ico].ico-next-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -12rem;
}
.btn-sm[class*=ico].ico-next-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -12rem;
}
.btn-sm[class*=ico].ico-no-image::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -12rem;
}
.btn-sm[class*=ico].ico-notebook::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -12rem;
}
.btn-sm[class*=ico].ico-notification::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -12rem;
}
.btn-sm[class*=ico].ico-notification-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -12rem;
}
.btn-sm[class*=ico].ico-notification-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -12rem;
}
.btn-sm[class*=ico].ico-notification-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -12rem;
}
.btn-sm[class*=ico].ico-ordinal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -12rem;
}
.btn-sm[class*=ico].ico-overflow-menu-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -12rem;
}
.btn-sm[class*=ico].ico-overflow-menu-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -12rem;
}
.btn-sm[class*=ico].ico-pan-horizontal::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -12rem;
}
.btn-sm[class*=ico].ico-pan-vertical::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -12rem;
}
.btn-sm[class*=ico].ico-pause::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -12rem;
}
.btn-sm[class*=ico].ico-pause-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -12rem;
}
.btn-sm[class*=ico].ico-pause-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -12rem;
}
.btn-sm[class*=ico].ico-pause-outline-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -14rem;
}
.btn-sm[class*=ico].ico-pen::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -14rem;
}
.btn-sm[class*=ico].ico-pending::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -14rem;
}
.btn-sm[class*=ico].ico-pending-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -14rem;
}
.btn-sm[class*=ico].ico-phone::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -14rem;
}
.btn-sm[class*=ico].ico-phone-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -14rem;
}
.btn-sm[class*=ico].ico-phone-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -14rem;
}
.btn-sm[class*=ico].ico-phone-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -14rem;
}
.btn-sm[class*=ico].ico-pin::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -14rem;
}
.btn-sm[class*=ico].ico-pin-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -14rem;
}
.btn-sm[class*=ico].ico-plan::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -14rem;
}
.btn-sm[class*=ico].ico-play::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -14rem;
}
.btn-sm[class*=ico].ico-play-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -14rem;
}
.btn-sm[class*=ico].ico-play-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -14rem;
}
.btn-sm[class*=ico].ico-play-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -14rem;
}
.btn-sm[class*=ico].ico-policy::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -14rem;
}
.btn-sm[class*=ico].ico-popup::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -14rem;
}
.btn-sm[class*=ico].ico-power::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -14rem;
}
.btn-sm[class*=ico].ico-previous-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -14rem;
}
.btn-sm[class*=ico].ico-previous-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -14rem;
}
.btn-sm[class*=ico].ico-printer::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -16rem;
}
.btn-sm[class*=ico].ico-radio-button::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -16rem;
}
.btn-sm[class*=ico].ico-radio-button-checked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -16rem;
}
.btn-sm[class*=ico].ico-recently-viewed::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -16rem;
}
.btn-sm[class*=ico].ico-redo::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -16rem;
}
.btn-sm[class*=ico].ico-renew::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -16rem;
}
.btn-sm[class*=ico].ico-repeat::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -16rem;
}
.btn-sm[class*=ico].ico-restart::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -16rem;
}
.btn-sm[class*=ico].ico-reset::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -16rem;
}
.btn-sm[class*=ico].ico-save::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -16rem;
}
.btn-sm[class*=ico].ico-screen::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -16rem;
}
.btn-sm[class*=ico].ico-screen-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -16rem;
}
.btn-sm[class*=ico].ico-search::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -16rem;
}
.btn-sm[class*=ico].ico-search-advanced::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -16rem;
}
.btn-sm[class*=ico].ico-search-locate::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -16rem;
}
.btn-sm[class*=ico].ico-security::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -16rem;
}
.btn-sm[class*=ico].ico-send-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -16rem;
}
.btn-sm[class*=ico].ico-send-alt-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -16rem;
}
.btn-sm[class*=ico].ico-settings::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -16rem;
}
.btn-sm[class*=ico].ico-settings-adjust::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -16rem;
}
.btn-sm[class*=ico].ico-share::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -18rem;
}
.btn-sm[class*=ico].ico-shopping-cart::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -18rem;
}
.btn-sm[class*=ico].ico-shuffle::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -18rem;
}
.btn-sm[class*=ico].ico-star::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -18rem;
}
.btn-sm[class*=ico].ico-star-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -18rem;
}
.btn-sm[class*=ico].ico-star-half::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -18rem;
}
.btn-sm[class*=ico].ico-stay-inside::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -18rem;
}
.btn-sm[class*=ico].ico-stop::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -18rem;
}
.btn-sm[class*=ico].ico-stop-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -18rem;
}
.btn-sm[class*=ico].ico-stop-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -18rem;
}
.btn-sm[class*=ico].ico-stop-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -18rem;
}
.btn-sm[class*=ico].ico-subtract::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -18rem;
}
.btn-sm[class*=ico].ico-subtract-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -18rem;
}
.btn-sm[class*=ico].ico-subtract-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -18rem;
}
.btn-sm[class*=ico].ico-switcher::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -18rem;
}
.btn-sm[class*=ico].ico-tag::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -18rem;
}
.btn-sm[class*=ico].ico-thumbs-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -18rem;
}
.btn-sm[class*=ico].ico-thumbs-down-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -18rem;
}
.btn-sm[class*=ico].ico-thumbs-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -18rem;
}
.btn-sm[class*=ico].ico-thumbs-up-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -18rem;
}
.btn-sm[class*=ico].ico-ticket::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -20rem;
}
.btn-sm[class*=ico].ico-time::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -20rem;
}
.btn-sm[class*=ico].ico-time-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -20rem;
}
.btn-sm[class*=ico].ico-triangle-down-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -20rem;
}
.btn-sm[class*=ico].ico-triangle-down-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -20rem;
}
.btn-sm[class*=ico].ico-triangle-left-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -20rem;
}
.btn-sm[class*=ico].ico-triangle-left-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -20rem;
}
.btn-sm[class*=ico].ico-triangle-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -20rem;
}
.btn-sm[class*=ico].ico-triangle-right-outline::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -20rem;
}
.btn-sm[class*=ico].ico-triangle-right-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -20rem;
}
.btn-sm[class*=ico].ico-triangle-solid::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -20rem;
}
.btn-sm[class*=ico].ico-unlocked::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -20rem;
}
.btn-sm[class*=ico].ico-undo::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -20rem;
}
.btn-sm[class*=ico].ico-upload::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -20rem;
}
.btn-sm[class*=ico].ico-user::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -20rem;
}
.btn-sm[class*=ico].ico-user-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -20rem;
}
.btn-sm[class*=ico].ico-user-avatar::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -20rem;
}
.btn-sm[class*=ico].ico-user-avatar-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -20rem;
}
.btn-sm[class*=ico].ico-video::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -20rem;
}
.btn-sm[class*=ico].ico-video-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -20rem;
}
.btn-sm[class*=ico].ico-video-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -22rem;
}
.btn-sm[class*=ico].ico-video-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -22rem;
}
.btn-sm[class*=ico].ico-view::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -4rem -22rem;
}
.btn-sm[class*=ico].ico-view-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -6rem -22rem;
}
.btn-sm[class*=ico].ico-view-off::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -8rem -22rem;
}
.btn-sm[class*=ico].ico-view-off-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -10rem -22rem;
}
.btn-sm[class*=ico].ico-volume-down::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -12rem -22rem;
}
.btn-sm[class*=ico].ico-volume-down-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -14rem -22rem;
}
.btn-sm[class*=ico].ico-volume-down-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -16rem -22rem;
}
.btn-sm[class*=ico].ico-volume-down-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -18rem -22rem;
}
.btn-sm[class*=ico].ico-volume-mute::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -20rem -22rem;
}
.btn-sm[class*=ico].ico-volume-mute-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -22rem -22rem;
}
.btn-sm[class*=ico].ico-volume-up::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -24rem -22rem;
}
.btn-sm[class*=ico].ico-volume-up-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -26rem -22rem;
}
.btn-sm[class*=ico].ico-volume-up-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -28rem -22rem;
}
.btn-sm[class*=ico].ico-volume-up-filled-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -30rem -22rem;
}
.btn-sm[class*=ico].ico-warning::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -32rem -22rem;
}
.btn-sm[class*=ico].ico-warning-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -34rem -22rem;
}
.btn-sm[class*=ico].ico-warning-alt::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -36rem -22rem;
}
.btn-sm[class*=ico].ico-warning-alt-filled::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -38rem -22rem;
}
.btn-sm[class*=ico].ico-zoom-in::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: 0rem -24rem;
}
.btn-sm[class*=ico].ico-zoom-out::before {
  content: " ";
  display: block;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  mask-position: -2rem -24rem;
}

.btn-like {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
  border: 0.1rem solid #333333;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 0.4rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  background-color: #fff;
  text-indent: -99999rem;
  margin-right: 0;
}
.btn-like::before {
  content: " ";
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-position: -4.8rem -9.6rem;
  background: #1A1A1A;
}
.btn-like.is-active {
  position: relative;
  color: #00B6ED;
  border-color: none;
  font-weight: 700;
  margin: 0;
  background-color: #333333;
}
.btn-like.is-active::before {
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-position: -6rem -8rem;
  background: wh;
  background-color: #fff;
}

.btn-del-sm {
  position: relative;
  width: 1.6rem;
  height: 1.6rem;
  text-indent: -9999rem;
}
.btn-del-sm::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #727077;
}

/* -------------------------------------------------    
	- TABLET
------------------------------------------------- */
/* -------------------------------------------------    
	- mobile
------------------------------------------------- */
@media (max-width: 767px) {
  .btn-cont,
  .btn-flex-cont {
    margin: 2.4rem 0 4rem;
  }
  .btn-flex-cont .l-area,
  .btn-flex-cont .r-area {
    width: 100%;
  }
  .btn-flex-cont .l-area > a,
  .btn-flex-cont .l-area > button,
  .btn-flex-cont .r-area > a,
  .btn-flex-cont .r-area > button {
    flex: 1 !important;
  }
  .btn-flex-cont .r-area {
    order: 0;
  }
  .btn-flex-cont .l-area {
    order: 1;
  }
  .btn, .type-b .mn-visual .slide-guide .guide-fnc-area a {
    height: 4.4rem;
    font-size: 1.4rem;
  }
  .btn-sm {
    height: 3.2rem;
    font-size: 1.3rem;
    padding: 0.8rem;
  }
  .btn-lg, .type-c .mn-visual .slide-guide .guide-fnc-area a, .type-a .mn-visual .slide-guide .guide-fnc-area a {
    height: 5.6rem;
    font-size: 1.6rem;
  }
  .btn-xlg {
    height: 6.8rem;
    font-size: 2rem;
  }
}
select {
  padding: 0 5.6rem 0 2.4rem;
  background: url("../../images/user/common/sel-arr.svg") right 2.4rem center no-repeat;
  min-height: 4.8rem;
  border: 0.1rem solid #1A1A1A;
  border-radius: 0.4rem;
  background-color: #fff;
  max-width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  vertical-align: middle;
}
select[disabled] {
  border-color: #DDDAE3;
  color: #727077;
}
select[readonly] {
  border-color: #DDDAE3;
}
select[readonly]:focus {
  outline: none;
  pointer-events: none;
}
select::placeholder {
  color: #727077;
}
select.sm {
  min-height: 3.6rem;
}
select.border-none {
  border: none;
  padding: 0 3.2rem 0 1.6rem;
  background-position: right 0 center;
}
select.sm {
  padding: 0 2.4rem 0 0.8rem;
  background-position: right 0 center;
}
select.sel-sort {
  background-image: url("../../images/user/common/sel-sort.svg");
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=time],
input[type=date] {
  padding: 0 2.4rem;
  width: 36rem;
  min-height: 4.8rem;
  border: 0.1rem solid #1A1A1A;
  border-radius: 0.4rem;
  background-color: #fff;
  max-width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
input[type=text][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] {
  border-color: #DDDAE3;
  color: #727077;
}
input[type=text][readonly],
input[type=password][readonly],
input[type=number][readonly],
input[type=email][readonly],
input[type=tel][readonly],
input[type=time][readonly],
input[type=date][readonly] {
  border-color: #DDDAE3;
}
input[type=text][readonly]:focus,
input[type=password][readonly]:focus,
input[type=number][readonly]:focus,
input[type=email][readonly]:focus,
input[type=tel][readonly]:focus,
input[type=time][readonly]:focus,
input[type=date][readonly]:focus {
  outline: none;
  pointer-events: none;
}
input[type=text]::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 {
  color: #727077;
}
input[type=text].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 {
  min-height: 3.6rem;
}

input[type=time],
input[type=date] {
  width: 24rem;
}

input[type=number] {
  -moz-appearance: textfield;
  text-align: center;
  width: 16rem;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=file],
input[type=file]:hover,
input[type=file]:focus {
  padding: 0;
  border: none;
}

textarea {
  display: block;
  width: 100%;
  min-height: 4.8rem;
  border: 0.1rem solid #1A1A1A;
  border-radius: 0.4rem;
  background-color: #fff;
  max-width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  vertical-align: middle;
  resize: none;
  padding: 1.6rem 2.4rem;
}
textarea[disabled] {
  border-color: #DDDAE3;
  color: #727077;
}
textarea[readonly] {
  border-color: #DDDAE3;
}
textarea[readonly]:focus {
  outline: none;
  pointer-events: none;
}
textarea::placeholder {
  color: #727077;
}
textarea.sm {
  min-height: 3.6rem;
}

/*checkbox, radio */
.checkradio {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  margin-right: 2.4rem;
  min-width: 2.4rem;
  min-height: 2.4rem;
  gap: 0.4rem;
  vertical-align: middle;
  word-break: keep-all;
  padding-top: 0.4rem;
}
.checkradio:only-child, .checkradio:last-child {
  margin-right: 0;
}
.checkradio input[type=checkbox],
.checkradio input[type=radio] {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
  border: none;
}
.checkradio input[type=checkbox] ~ label,
.checkradio input[type=radio] ~ label {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 3.2rem;
  flex: none;
  min-width: 0;
  padding-left: 3.6rem;
  cursor: pointer;
  min-height: 2.4rem;
  box-sizing: border-box;
  word-break: normal;
  justify-content: flex-start;
  text-align: left;
}
.checkradio input[type=checkbox] ~ label.dir-col,
.checkradio input[type=radio] ~ label.dir-col {
  align-items: flex-start;
}
.checkradio input[type=checkbox] ~ label:before,
.checkradio input[type=radio] ~ label:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: #fff;
  border: 0.1rem solid #1A1A1A;
  border-radius: 0.4rem;
}
.checkradio input[type=checkbox] ~ label.txt-hide,
.checkradio input[type=radio] ~ label.txt-hide {
  position: relative;
  top: initial;
  left: initial;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  overflow: hidden;
  font-size: 0;
  text-indent: 0;
  clip-path: none;
  margin: 0;
}
.checkradio input[type=checkbox] ~ label.txt-hide:before,
.checkradio input[type=radio] ~ label.txt-hide:before {
  margin-right: 0;
}
.checkradio input[type=checkbox]:focus ~ label,
.checkradio input[type=radio]:focus ~ label {
  outline: 0.2rem solid #0A0A0A;
}
.checkradio input[type=checkbox]:disabled ~ label,
.checkradio input[type=radio]:disabled ~ label {
  color: #727077;
  pointer-events: none;
  opacity: 0.5;
}
.checkradio input[type=checkbox] ~ label:after {
  content: " ";
  position: absolute;
  top: 0.4rem;
  left: 0.8rem;
  width: 0.8rem;
  height: 1.2rem;
  border-bottom: 0.1rem solid #DDDAE3;
  border-right: 0.1rem solid #DDDAE3;
  border-width: 0.2rem;
  transform: rotate(45deg);
  transform-origin: center center;
}
.checkradio input[type=checkbox]:checked ~ label:before, .checkradio input[type=checkbox]:checked ~ label:after {
  border-width: 0.2rem;
  border-color: #00B6ED;
}
.checkradio input[type=radio] ~ label:before, .checkradio input[type=radio] ~ label:after {
  border-radius: 50%;
}
.checkradio input[type=radio] ~ label:after {
  content: " ";
  position: absolute;
  display: block;
  top: 0.6rem;
  left: 0.6rem;
  width: 1.2rem;
  height: 1.2rem;
  background: #DDDAE3;
}
.checkradio input[type=radio]:checked ~ label:before {
  border-width: 0.2rem;
  border-color: #00B6ED;
}
.checkradio input[type=radio]:checked ~ label:after {
  background-color: #00B6ED;
}

.checkradio-area {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: center;
}

.checkradio-box {
  background-color: #F3F0EE;
  border-radius: 0.4rem;
  padding: 1.6rem;
  margin-bottom: 0.8rem;
}

.flex-input-box {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.flex-input-box > input {
  flex: 1;
  min-width: 0;
  width: 100% !important;
}

/* -------------------------------------------------    
	- TABLET
------------------------------------------------- */
@media (max-width: 1279px) {
  .checkradio {
    margin-right: 2.4rem;
  }
  input[type=text],
  input[type=password],
  input[type=email],
  input[type=tel] {
    width: 24rem;
  }
}
/* -------------------------------------------------    
	- mobile
------------------------------------------------- */
.ico-lg-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-add {
  mask-position: 0rem 0rem;
}
.ico-lg-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-add-large {
  mask-position: -3.2rem 0rem;
}
.ico-lg-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-add-alt {
  mask-position: -6.4rem 0rem;
}
.ico-lg-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-add-filled {
  mask-position: -9.6rem 0rem;
}
.ico-lg-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-alarm {
  mask-position: -12.8rem 0rem;
}
.ico-lg-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-alarm-add {
  mask-position: -16rem 0rem;
}
.ico-lg-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-alarm-subtract {
  mask-position: -19.2rem 0rem;
}
.ico-lg-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-arrow-down {
  mask-position: -22.4rem 0rem;
}
.ico-lg-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-arrow-down-left {
  mask-position: -25.6rem 0rem;
}
.ico-lg-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-arrow-down-right {
  mask-position: -28.8rem 0rem;
}
.ico-lg-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-arrow-left {
  mask-position: -32rem 0rem;
}
.ico-lg-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-arrow-right {
  mask-position: -35.2rem 0rem;
}
.ico-lg-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-arrow-up {
  mask-position: -38.4rem 0rem;
}
.ico-lg-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-arrow-up-left {
  mask-position: -41.6rem 0rem;
}
.ico-lg-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-arrow-up-right {
  mask-position: -44.8rem 0rem;
}
.ico-lg-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-arrows-horizontal {
  mask-position: -48rem 0rem;
}
.ico-lg-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-arrows-vertical {
  mask-position: -51.2rem 0rem;
}
.ico-lg-at:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-at {
  mask-position: -54.4rem 0rem;
}
.ico-lg-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-attachment {
  mask-position: -57.6rem 0rem;
}
.ico-lg-book:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-book {
  mask-position: -60.8rem 0rem;
}
.ico-lg-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-bookmark {
  mask-position: 0rem -3.2rem;
}
.ico-lg-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-bookmark-add {
  mask-position: -3.2rem -3.2rem;
}
.ico-lg-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-bookmark-filled {
  mask-position: -6.4rem -3.2rem;
}
.ico-lg-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-calendar {
  mask-position: -9.6rem -3.2rem;
}
.ico-lg-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-calendar-add {
  mask-position: -12.8rem -3.2rem;
}
.ico-lg-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-calendar-add-alt {
  mask-position: -16rem -3.2rem;
}
.ico-lg-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-calendar-settings {
  mask-position: -19.2rem -3.2rem;
}
.ico-lg-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-camera {
  mask-position: -22.4rem -3.2rem;
}
.ico-lg-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-bullhorn {
  mask-position: -25.6rem -3.2rem;
}
.ico-lg-building:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-building {
  mask-position: -28.8rem -3.2rem;
}
.ico-lg-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-bus {
  mask-position: -32rem -3.2rem;
}
.ico-lg-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-car-front {
  mask-position: -35.2rem -3.2rem;
}
.ico-lg-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-caret-down {
  mask-position: -38.4rem -3.2rem;
}
.ico-lg-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-caret-left {
  mask-position: -41.6rem -3.2rem;
}
.ico-lg-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-caret-right {
  mask-position: -44.8rem -3.2rem;
}
.ico-lg-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-caret-up {
  mask-position: -48rem -3.2rem;
}
.ico-lg-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-caret-sort {
  mask-position: -51.2rem -3.2rem;
}
.ico-lg-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-center-circle {
  mask-position: -54.4rem -3.2rem;
}
.ico-lg-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-chat {
  mask-position: -57.6rem -3.2rem;
}
.ico-lg-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-chat-off {
  mask-position: -60.8rem -3.2rem;
}
.ico-lg-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-checkbox {
  mask-position: 0rem -6.4rem;
}
.ico-lg-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-checkbox-checked {
  mask-position: -3.2rem -6.4rem;
}
.ico-lg-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-checkbox-checked-filled {
  mask-position: -6.4rem -6.4rem;
}
.ico-lg-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-checkbox-indeterminate {
  mask-position: -9.6rem -6.4rem;
}
.ico-lg-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-checkbox-indeterminate-filled {
  mask-position: -12.8rem -6.4rem;
}
.ico-lg-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-checkmark {
  mask-position: -16rem -6.4rem;
}
.ico-lg-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-checkmark-outline {
  mask-position: -19.2rem -6.4rem;
}
.ico-lg-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-checkmark-filled {
  mask-position: -22.4rem -6.4rem;
}
.ico-lg-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-chevron-left {
  mask-position: -25.6rem -6.4rem;
}
.ico-lg-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-chevron-right {
  mask-position: -28.8rem -6.4rem;
}
.ico-lg-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-chevron-up {
  mask-position: -32rem -6.4rem;
}
.ico-lg-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-chevron-down {
  mask-position: -35.2rem -6.4rem;
}
.ico-lg-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-chevron-sort {
  mask-position: -38.4rem -6.4rem;
}
.ico-lg-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-chevron-up-outline {
  mask-position: -41.6rem -6.4rem;
}
.ico-lg-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-chevron-down-outline {
  mask-position: -44.8rem -6.4rem;
}
.ico-lg-close:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-close {
  mask-position: -48rem -6.4rem;
}
.ico-lg-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-close-large {
  mask-position: -51.2rem -6.4rem;
}
.ico-lg-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-close-outline {
  mask-position: -54.4rem -6.4rem;
}
.ico-lg-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-close-filled {
  mask-position: -57.6rem -6.4rem;
}
.ico-lg-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-copy {
  mask-position: -60.8rem -6.4rem;
}
.ico-lg-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-copy-file {
  mask-position: 0rem -9.6rem;
}
.ico-lg-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-cube {
  mask-position: -3.2rem -9.6rem;
}
.ico-lg-document:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-document {
  mask-position: -6.4rem -9.6rem;
}
.ico-lg-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-document-add {
  mask-position: -9.6rem -9.6rem;
}
.ico-lg-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-document-attachment {
  mask-position: -12.8rem -9.6rem;
}
.ico-lg-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-document-audio {
  mask-position: -16rem -9.6rem;
}
.ico-lg-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-document-blank {
  mask-position: -19.2rem -9.6rem;
}
.ico-lg-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-document-configuration {
  mask-position: -22.4rem -9.6rem;
}
.ico-lg-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-document-download {
  mask-position: -25.6rem -9.6rem;
}
.ico-lg-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-document-export {
  mask-position: -28.8rem -9.6rem;
}
.ico-lg-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-document-subtract {
  mask-position: -32rem -9.6rem;
}
.ico-lg-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-document-tasks {
  mask-position: -35.2rem -9.6rem;
}
.ico-lg-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-document-unknown {
  mask-position: -38.4rem -9.6rem;
}
.ico-lg-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-draggable {
  mask-position: -41.6rem -9.6rem;
}
.ico-lg-download:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-download {
  mask-position: -44.8rem -9.6rem;
}
.ico-lg-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-edit {
  mask-position: -48rem -9.6rem;
}
.ico-lg-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-edit-off {
  mask-position: -51.2rem -9.6rem;
}
.ico-lg-email:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-email {
  mask-position: -54.4rem -9.6rem;
}
.ico-lg-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-erase {
  mask-position: -57.6rem -9.6rem;
}
.ico-lg-error:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-error {
  mask-position: -60.8rem -9.6rem;
}
.ico-lg-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-error-filled {
  mask-position: 0rem -12.8rem;
}
.ico-lg-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-export {
  mask-position: -3.2rem -12.8rem;
}
.ico-lg-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-favorite {
  mask-position: -6.4rem -12.8rem;
}
.ico-lg-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-favorite-filled {
  mask-position: -9.6rem -12.8rem;
}
.ico-lg-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-filter {
  mask-position: -12.8rem -12.8rem;
}
.ico-lg-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-filter-remove {
  mask-position: -16rem -12.8rem;
}
.ico-lg-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-flag {
  mask-position: -19.2rem -12.8rem;
}
.ico-lg-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-flag-filled {
  mask-position: -22.4rem -12.8rem;
}
.ico-lg-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-folder {
  mask-position: -25.6rem -12.8rem;
}
.ico-lg-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-folder-add {
  mask-position: -28.8rem -12.8rem;
}
.ico-lg-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-folder-off {
  mask-position: -32rem -12.8rem;
}
.ico-lg-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-gift {
  mask-position: -35.2rem -12.8rem;
}
.ico-lg-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-grid {
  mask-position: -38.4rem -12.8rem;
}
.ico-lg-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-headphones {
  mask-position: -41.6rem -12.8rem;
}
.ico-lg-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-headset {
  mask-position: -44.8rem -12.8rem;
}
.ico-lg-home:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-home {
  mask-position: -48rem -12.8rem;
}
.ico-lg-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-idea {
  mask-position: -51.2rem -12.8rem;
}
.ico-lg-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-identification {
  mask-position: -54.4rem -12.8rem;
}
.ico-lg-image:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-image {
  mask-position: -57.6rem -12.8rem;
}
.ico-lg-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-image-copy {
  mask-position: -60.8rem -12.8rem;
}
.ico-lg-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-image-search {
  mask-position: 0rem -16rem;
}
.ico-lg-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-image-search-alt {
  mask-position: -3.2rem -16rem;
}
.ico-lg-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-import-export {
  mask-position: -6.4rem -16rem;
}
.ico-lg-information:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-information {
  mask-position: -9.6rem -16rem;
}
.ico-lg-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-information-filled {
  mask-position: -12.8rem -16rem;
}
.ico-lg-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-information-disabled {
  mask-position: -16rem -16rem;
}
.ico-lg-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-information-square {
  mask-position: -19.2rem -16rem;
}
.ico-lg-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-information-square-filled {
  mask-position: -22.4rem -16rem;
}
.ico-lg-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-keyboard {
  mask-position: -25.6rem -16rem;
}
.ico-lg-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-keyboard-off {
  mask-position: -28.8rem -16rem;
}
.ico-lg-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-launch {
  mask-position: -32rem -16rem;
}
.ico-lg-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-layers {
  mask-position: -35.2rem -16rem;
}
.ico-lg-location:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-location {
  mask-position: -38.4rem -16rem;
}
.ico-lg-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-location-filled {
  mask-position: -41.6rem -16rem;
}
.ico-lg-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-locked {
  mask-position: -44.8rem -16rem;
}
.ico-lg-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-list-boxes {
  mask-position: -48rem -16rem;
}
.ico-lg-list:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-list {
  mask-position: -51.2rem -16rem;
}
.ico-lg-link:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-link {
  mask-position: -54.4rem -16rem;
}
.ico-lg-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-menu {
  mask-position: -57.6rem -16rem;
}
.ico-lg-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-microphone {
  mask-position: -60.8rem -16rem;
}
.ico-lg-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-microphone-filled {
  mask-position: 0rem -19.2rem;
}
.ico-lg-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-microphone-off {
  mask-position: -3.2rem -19.2rem;
}
.ico-lg-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-microphone-off-filled {
  mask-position: -6.4rem -19.2rem;
}
.ico-lg-music:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-music {
  mask-position: -9.6rem -19.2rem;
}
.ico-lg-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-next-outline {
  mask-position: -12.8rem -19.2rem;
}
.ico-lg-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-next-filled {
  mask-position: -16rem -19.2rem;
}
.ico-lg-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-no-image {
  mask-position: -19.2rem -19.2rem;
}
.ico-lg-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-notebook {
  mask-position: -22.4rem -19.2rem;
}
.ico-lg-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-notification {
  mask-position: -25.6rem -19.2rem;
}
.ico-lg-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-notification-filled {
  mask-position: -28.8rem -19.2rem;
}
.ico-lg-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-notification-off {
  mask-position: -32rem -19.2rem;
}
.ico-lg-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-notification-off-filled {
  mask-position: -35.2rem -19.2rem;
}
.ico-lg-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-ordinal {
  mask-position: -38.4rem -19.2rem;
}
.ico-lg-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-overflow-menu-horizontal {
  mask-position: -41.6rem -19.2rem;
}
.ico-lg-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-overflow-menu-vertical {
  mask-position: -44.8rem -19.2rem;
}
.ico-lg-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-pan-horizontal {
  mask-position: -48rem -19.2rem;
}
.ico-lg-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-pan-vertical {
  mask-position: -51.2rem -19.2rem;
}
.ico-lg-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-pause {
  mask-position: -54.4rem -19.2rem;
}
.ico-lg-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-pause-filled {
  mask-position: -57.6rem -19.2rem;
}
.ico-lg-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-pause-outline {
  mask-position: -60.8rem -19.2rem;
}
.ico-lg-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-pause-outline-filled {
  mask-position: 0rem -22.4rem;
}
.ico-lg-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-pen {
  mask-position: -3.2rem -22.4rem;
}
.ico-lg-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-pending {
  mask-position: -6.4rem -22.4rem;
}
.ico-lg-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-pending-filled {
  mask-position: -9.6rem -22.4rem;
}
.ico-lg-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-phone {
  mask-position: -12.8rem -22.4rem;
}
.ico-lg-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-phone-filled {
  mask-position: -16rem -22.4rem;
}
.ico-lg-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-phone-off {
  mask-position: -19.2rem -22.4rem;
}
.ico-lg-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-phone-off-filled {
  mask-position: -22.4rem -22.4rem;
}
.ico-lg-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-pin {
  mask-position: -25.6rem -22.4rem;
}
.ico-lg-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-pin-filled {
  mask-position: -28.8rem -22.4rem;
}
.ico-lg-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-plan {
  mask-position: -32rem -22.4rem;
}
.ico-lg-play:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-play {
  mask-position: -35.2rem -22.4rem;
}
.ico-lg-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-play-filled-alt {
  mask-position: -38.4rem -22.4rem;
}
.ico-lg-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-play-outline {
  mask-position: -41.6rem -22.4rem;
}
.ico-lg-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-play-filled {
  mask-position: -44.8rem -22.4rem;
}
.ico-lg-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-policy {
  mask-position: -48rem -22.4rem;
}
.ico-lg-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-popup {
  mask-position: -51.2rem -22.4rem;
}
.ico-lg-power:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-power {
  mask-position: -54.4rem -22.4rem;
}
.ico-lg-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-previous-filled {
  mask-position: -57.6rem -22.4rem;
}
.ico-lg-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-previous-outline {
  mask-position: -60.8rem -22.4rem;
}
.ico-lg-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-printer {
  mask-position: 0rem -25.6rem;
}
.ico-lg-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-radio-button {
  mask-position: -3.2rem -25.6rem;
}
.ico-lg-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-radio-button-checked {
  mask-position: -6.4rem -25.6rem;
}
.ico-lg-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-recently-viewed {
  mask-position: -9.6rem -25.6rem;
}
.ico-lg-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-redo {
  mask-position: -12.8rem -25.6rem;
}
.ico-lg-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-renew {
  mask-position: -16rem -25.6rem;
}
.ico-lg-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-repeat {
  mask-position: -19.2rem -25.6rem;
}
.ico-lg-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-restart {
  mask-position: -22.4rem -25.6rem;
}
.ico-lg-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-reset {
  mask-position: -25.6rem -25.6rem;
}
.ico-lg-save:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-save {
  mask-position: -28.8rem -25.6rem;
}
.ico-lg-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-screen {
  mask-position: -32rem -25.6rem;
}
.ico-lg-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-screen-off {
  mask-position: -35.2rem -25.6rem;
}
.ico-lg-search:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-search {
  mask-position: -38.4rem -25.6rem;
}
.ico-lg-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-search-advanced {
  mask-position: -41.6rem -25.6rem;
}
.ico-lg-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-search-locate {
  mask-position: -44.8rem -25.6rem;
}
.ico-lg-security:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-security {
  mask-position: -48rem -25.6rem;
}
.ico-lg-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-send-alt {
  mask-position: -51.2rem -25.6rem;
}
.ico-lg-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-send-alt-filled {
  mask-position: -54.4rem -25.6rem;
}
.ico-lg-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-settings {
  mask-position: -57.6rem -25.6rem;
}
.ico-lg-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-settings-adjust {
  mask-position: -60.8rem -25.6rem;
}
.ico-lg-share:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-share {
  mask-position: 0rem -28.8rem;
}
.ico-lg-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-shopping-cart {
  mask-position: -3.2rem -28.8rem;
}
.ico-lg-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-shuffle {
  mask-position: -6.4rem -28.8rem;
}
.ico-lg-star:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-star {
  mask-position: -9.6rem -28.8rem;
}
.ico-lg-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-star-filled {
  mask-position: -12.8rem -28.8rem;
}
.ico-lg-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-star-half {
  mask-position: -16rem -28.8rem;
}
.ico-lg-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-stay-inside {
  mask-position: -19.2rem -28.8rem;
}
.ico-lg-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-stop {
  mask-position: -22.4rem -28.8rem;
}
.ico-lg-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-stop-filled-alt {
  mask-position: -25.6rem -28.8rem;
}
.ico-lg-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-stop-outline {
  mask-position: -28.8rem -28.8rem;
}
.ico-lg-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-stop-filled {
  mask-position: -32rem -28.8rem;
}
.ico-lg-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-subtract {
  mask-position: -35.2rem -28.8rem;
}
.ico-lg-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-subtract-alt {
  mask-position: -38.4rem -28.8rem;
}
.ico-lg-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-subtract-filled {
  mask-position: -41.6rem -28.8rem;
}
.ico-lg-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-switcher {
  mask-position: -44.8rem -28.8rem;
}
.ico-lg-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-tag {
  mask-position: -48rem -28.8rem;
}
.ico-lg-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-thumbs-down {
  mask-position: -51.2rem -28.8rem;
}
.ico-lg-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-thumbs-down-filled {
  mask-position: -54.4rem -28.8rem;
}
.ico-lg-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-thumbs-up {
  mask-position: -57.6rem -28.8rem;
}
.ico-lg-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-thumbs-up-filled {
  mask-position: -60.8rem -28.8rem;
}
.ico-lg-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-ticket {
  mask-position: 0rem -32rem;
}
.ico-lg-time:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-time {
  mask-position: -3.2rem -32rem;
}
.ico-lg-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-time-filled {
  mask-position: -6.4rem -32rem;
}
.ico-lg-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-triangle-down-outline {
  mask-position: -9.6rem -32rem;
}
.ico-lg-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-triangle-down-solid {
  mask-position: -12.8rem -32rem;
}
.ico-lg-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-triangle-left-outline {
  mask-position: -16rem -32rem;
}
.ico-lg-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-triangle-left-solid {
  mask-position: -19.2rem -32rem;
}
.ico-lg-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-triangle-outline {
  mask-position: -22.4rem -32rem;
}
.ico-lg-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-triangle-right-outline {
  mask-position: -25.6rem -32rem;
}
.ico-lg-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-triangle-right-solid {
  mask-position: -28.8rem -32rem;
}
.ico-lg-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-triangle-solid {
  mask-position: -32rem -32rem;
}
.ico-lg-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-unlocked {
  mask-position: -35.2rem -32rem;
}
.ico-lg-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-undo {
  mask-position: -38.4rem -32rem;
}
.ico-lg-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-upload {
  mask-position: -41.6rem -32rem;
}
.ico-lg-user:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-user {
  mask-position: -44.8rem -32rem;
}
.ico-lg-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-user-filled {
  mask-position: -48rem -32rem;
}
.ico-lg-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-user-avatar {
  mask-position: -51.2rem -32rem;
}
.ico-lg-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-user-avatar-filled {
  mask-position: -54.4rem -32rem;
}
.ico-lg-video:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-video {
  mask-position: -57.6rem -32rem;
}
.ico-lg-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-video-filled {
  mask-position: -60.8rem -32rem;
}
.ico-lg-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-video-off {
  mask-position: 0rem -35.2rem;
}
.ico-lg-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-video-off-filled {
  mask-position: -3.2rem -35.2rem;
}
.ico-lg-view:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-view {
  mask-position: -6.4rem -35.2rem;
}
.ico-lg-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-view-filled {
  mask-position: -9.6rem -35.2rem;
}
.ico-lg-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-view-off {
  mask-position: -12.8rem -35.2rem;
}
.ico-lg-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-view-off-filled {
  mask-position: -16rem -35.2rem;
}
.ico-lg-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-volume-down {
  mask-position: -19.2rem -35.2rem;
}
.ico-lg-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-volume-down-filled {
  mask-position: -22.4rem -35.2rem;
}
.ico-lg-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-volume-down-alt {
  mask-position: -25.6rem -35.2rem;
}
.ico-lg-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-volume-down-filled-alt {
  mask-position: -28.8rem -35.2rem;
}
.ico-lg-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-volume-mute {
  mask-position: -32rem -35.2rem;
}
.ico-lg-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-volume-mute-filled {
  mask-position: -35.2rem -35.2rem;
}
.ico-lg-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-volume-up {
  mask-position: -38.4rem -35.2rem;
}
.ico-lg-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-volume-up-filled {
  mask-position: -41.6rem -35.2rem;
}
.ico-lg-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-volume-up-alt {
  mask-position: -44.8rem -35.2rem;
}
.ico-lg-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-volume-up-filled-alt {
  mask-position: -48rem -35.2rem;
}
.ico-lg-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-warning {
  mask-position: -51.2rem -35.2rem;
}
.ico-lg-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-warning-filled {
  mask-position: -54.4rem -35.2rem;
}
.ico-lg-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-warning-alt {
  mask-position: -57.6rem -35.2rem;
}
.ico-lg-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-warning-alt-filled {
  mask-position: -60.8rem -35.2rem;
}
.ico-lg-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-zoom-in {
  mask-position: 0rem -38.4rem;
}
.ico-lg-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 3.2rem;
  height: 3.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(3.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-lg-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-lg-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-lg-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-lg-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-lg-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-lg-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-lg-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-lg-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-lg-zoom-out {
  mask-position: -3.2rem -38.4rem;
}

.ico-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-add {
  mask-position: 0rem 0rem;
}
.ico-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-add-large {
  mask-position: -2.4rem 0rem;
}
.ico-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-add-alt {
  mask-position: -4.8rem 0rem;
}
.ico-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-add-filled {
  mask-position: -7.2rem 0rem;
}
.ico-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-alarm {
  mask-position: -9.6rem 0rem;
}
.ico-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-alarm-add {
  mask-position: -12rem 0rem;
}
.ico-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-alarm-subtract {
  mask-position: -14.4rem 0rem;
}
.ico-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-arrow-down {
  mask-position: -16.8rem 0rem;
}
.ico-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-arrow-down-left {
  mask-position: -19.2rem 0rem;
}
.ico-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-arrow-down-right {
  mask-position: -21.6rem 0rem;
}
.ico-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-arrow-left {
  mask-position: -24rem 0rem;
}
.ico-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-arrow-right {
  mask-position: -26.4rem 0rem;
}
.ico-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-arrow-up {
  mask-position: -28.8rem 0rem;
}
.ico-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-arrow-up-left {
  mask-position: -31.2rem 0rem;
}
.ico-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-arrow-up-right {
  mask-position: -33.6rem 0rem;
}
.ico-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-arrows-horizontal {
  mask-position: -36rem 0rem;
}
.ico-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-arrows-vertical {
  mask-position: -38.4rem 0rem;
}
.ico-at:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-at {
  mask-position: -40.8rem 0rem;
}
.ico-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt), .ico-file:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary, .ico-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary, .ico-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent, .ico-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh, .ico-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr, .ico-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-attachment, .ico-file {
  mask-position: -43.2rem 0rem;
}
.ico-book:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-book {
  mask-position: -45.6rem 0rem;
}
.ico-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-bookmark {
  mask-position: 0rem -2.4rem;
}
.ico-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-bookmark-add {
  mask-position: -2.4rem -2.4rem;
}
.ico-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-bookmark-filled {
  mask-position: -4.8rem -2.4rem;
}
.ico-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-calendar {
  mask-position: -7.2rem -2.4rem;
}
.ico-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-calendar-add {
  mask-position: -9.6rem -2.4rem;
}
.ico-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-calendar-add-alt {
  mask-position: -12rem -2.4rem;
}
.ico-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-calendar-settings {
  mask-position: -14.4rem -2.4rem;
}
.ico-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-camera {
  mask-position: -16.8rem -2.4rem;
}
.ico-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-bullhorn {
  mask-position: -19.2rem -2.4rem;
}
.ico-building:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-building {
  mask-position: -21.6rem -2.4rem;
}
.ico-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-bus {
  mask-position: -24rem -2.4rem;
}
.ico-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-car-front {
  mask-position: -26.4rem -2.4rem;
}
.ico-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-caret-down {
  mask-position: -28.8rem -2.4rem;
}
.ico-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-caret-left {
  mask-position: -31.2rem -2.4rem;
}
.ico-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-caret-right {
  mask-position: -33.6rem -2.4rem;
}
.ico-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-caret-up {
  mask-position: -36rem -2.4rem;
}
.ico-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-caret-sort {
  mask-position: -38.4rem -2.4rem;
}
.ico-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-center-circle {
  mask-position: -40.8rem -2.4rem;
}
.ico-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-chat {
  mask-position: -43.2rem -2.4rem;
}
.ico-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-chat-off {
  mask-position: -45.6rem -2.4rem;
}
.ico-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-checkbox {
  mask-position: 0rem -4.8rem;
}
.ico-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-checkbox-checked {
  mask-position: -2.4rem -4.8rem;
}
.ico-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-checkbox-checked-filled {
  mask-position: -4.8rem -4.8rem;
}
.ico-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-checkbox-indeterminate {
  mask-position: -7.2rem -4.8rem;
}
.ico-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-checkbox-indeterminate-filled {
  mask-position: -9.6rem -4.8rem;
}
.ico-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-checkmark {
  mask-position: -12rem -4.8rem;
}
.ico-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-checkmark-outline {
  mask-position: -14.4rem -4.8rem;
}
.ico-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-checkmark-filled {
  mask-position: -16.8rem -4.8rem;
}
.ico-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-chevron-left {
  mask-position: -19.2rem -4.8rem;
}
.ico-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-chevron-right {
  mask-position: -21.6rem -4.8rem;
}
.ico-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-chevron-up {
  mask-position: -24rem -4.8rem;
}
.ico-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-chevron-down {
  mask-position: -26.4rem -4.8rem;
}
.ico-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-chevron-sort {
  mask-position: -28.8rem -4.8rem;
}
.ico-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-chevron-up-outline {
  mask-position: -31.2rem -4.8rem;
}
.ico-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-chevron-down-outline {
  mask-position: -33.6rem -4.8rem;
}
.ico-close:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-close {
  mask-position: -36rem -4.8rem;
}
.ico-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-close-large {
  mask-position: -38.4rem -4.8rem;
}
.ico-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-close-outline {
  mask-position: -40.8rem -4.8rem;
}
.ico-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-close-filled {
  mask-position: -43.2rem -4.8rem;
}
.ico-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-copy {
  mask-position: -45.6rem -4.8rem;
}
.ico-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-copy-file {
  mask-position: 0rem -7.2rem;
}
.ico-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-cube {
  mask-position: -2.4rem -7.2rem;
}
.ico-document:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-document {
  mask-position: -4.8rem -7.2rem;
}
.ico-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-document-add {
  mask-position: -7.2rem -7.2rem;
}
.ico-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-document-attachment {
  mask-position: -9.6rem -7.2rem;
}
.ico-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-document-audio {
  mask-position: -12rem -7.2rem;
}
.ico-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-document-blank {
  mask-position: -14.4rem -7.2rem;
}
.ico-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-document-configuration {
  mask-position: -16.8rem -7.2rem;
}
.ico-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-document-download {
  mask-position: -19.2rem -7.2rem;
}
.ico-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-document-export {
  mask-position: -21.6rem -7.2rem;
}
.ico-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-document-subtract {
  mask-position: -24rem -7.2rem;
}
.ico-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-document-tasks {
  mask-position: -26.4rem -7.2rem;
}
.ico-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-document-unknown {
  mask-position: -28.8rem -7.2rem;
}
.ico-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-draggable {
  mask-position: -31.2rem -7.2rem;
}
.ico-download:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-download {
  mask-position: -33.6rem -7.2rem;
}
.ico-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-edit {
  mask-position: -36rem -7.2rem;
}
.ico-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-edit-off {
  mask-position: -38.4rem -7.2rem;
}
.ico-email:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-email {
  mask-position: -40.8rem -7.2rem;
}
.ico-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-erase {
  mask-position: -43.2rem -7.2rem;
}
.ico-error:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-error {
  mask-position: -45.6rem -7.2rem;
}
.ico-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-error-filled {
  mask-position: 0rem -9.6rem;
}
.ico-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-export {
  mask-position: -2.4rem -9.6rem;
}
.ico-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-favorite {
  mask-position: -4.8rem -9.6rem;
}
.ico-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-favorite-filled {
  mask-position: -7.2rem -9.6rem;
}
.ico-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-filter {
  mask-position: -9.6rem -9.6rem;
}
.ico-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-filter-remove {
  mask-position: -12rem -9.6rem;
}
.ico-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-flag {
  mask-position: -14.4rem -9.6rem;
}
.ico-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-flag-filled {
  mask-position: -16.8rem -9.6rem;
}
.ico-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-folder {
  mask-position: -19.2rem -9.6rem;
}
.ico-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-folder-add {
  mask-position: -21.6rem -9.6rem;
}
.ico-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-folder-off {
  mask-position: -24rem -9.6rem;
}
.ico-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-gift {
  mask-position: -26.4rem -9.6rem;
}
.ico-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-grid {
  mask-position: -28.8rem -9.6rem;
}
.ico-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-headphones {
  mask-position: -31.2rem -9.6rem;
}
.ico-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-headset {
  mask-position: -33.6rem -9.6rem;
}
.ico-home:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-home {
  mask-position: -36rem -9.6rem;
}
.ico-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-idea {
  mask-position: -38.4rem -9.6rem;
}
.ico-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-identification {
  mask-position: -40.8rem -9.6rem;
}
.ico-image:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-image {
  mask-position: -43.2rem -9.6rem;
}
.ico-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-image-copy {
  mask-position: -45.6rem -9.6rem;
}
.ico-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-image-search {
  mask-position: 0rem -12rem;
}
.ico-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-image-search-alt {
  mask-position: -2.4rem -12rem;
}
.ico-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-import-export {
  mask-position: -4.8rem -12rem;
}
.ico-information:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-information {
  mask-position: -7.2rem -12rem;
}
.ico-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-information-filled {
  mask-position: -9.6rem -12rem;
}
.ico-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-information-disabled {
  mask-position: -12rem -12rem;
}
.ico-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-information-square {
  mask-position: -14.4rem -12rem;
}
.ico-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-information-square-filled {
  mask-position: -16.8rem -12rem;
}
.ico-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-keyboard {
  mask-position: -19.2rem -12rem;
}
.ico-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-keyboard-off {
  mask-position: -21.6rem -12rem;
}
.ico-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-launch {
  mask-position: -24rem -12rem;
}
.ico-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-layers {
  mask-position: -26.4rem -12rem;
}
.ico-location:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-location {
  mask-position: -28.8rem -12rem;
}
.ico-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-location-filled {
  mask-position: -31.2rem -12rem;
}
.ico-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-locked {
  mask-position: -33.6rem -12rem;
}
.ico-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-list-boxes {
  mask-position: -36rem -12rem;
}
.ico-list:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-list {
  mask-position: -38.4rem -12rem;
}
.ico-link:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-link {
  mask-position: -40.8rem -12rem;
}
.ico-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-menu {
  mask-position: -43.2rem -12rem;
}
.ico-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-microphone {
  mask-position: -45.6rem -12rem;
}
.ico-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-microphone-filled {
  mask-position: 0rem -14.4rem;
}
.ico-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-microphone-off {
  mask-position: -2.4rem -14.4rem;
}
.ico-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-microphone-off-filled {
  mask-position: -4.8rem -14.4rem;
}
.ico-music:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-music {
  mask-position: -7.2rem -14.4rem;
}
.ico-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-next-outline {
  mask-position: -9.6rem -14.4rem;
}
.ico-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-next-filled {
  mask-position: -12rem -14.4rem;
}
.ico-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-no-image {
  mask-position: -14.4rem -14.4rem;
}
.ico-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-notebook {
  mask-position: -16.8rem -14.4rem;
}
.ico-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-notification {
  mask-position: -19.2rem -14.4rem;
}
.ico-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-notification-filled {
  mask-position: -21.6rem -14.4rem;
}
.ico-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-notification-off {
  mask-position: -24rem -14.4rem;
}
.ico-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-notification-off-filled {
  mask-position: -26.4rem -14.4rem;
}
.ico-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-ordinal {
  mask-position: -28.8rem -14.4rem;
}
.ico-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-overflow-menu-horizontal {
  mask-position: -31.2rem -14.4rem;
}
.ico-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-overflow-menu-vertical {
  mask-position: -33.6rem -14.4rem;
}
.ico-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-pan-horizontal {
  mask-position: -36rem -14.4rem;
}
.ico-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-pan-vertical {
  mask-position: -38.4rem -14.4rem;
}
.ico-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-pause {
  mask-position: -40.8rem -14.4rem;
}
.ico-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-pause-filled {
  mask-position: -43.2rem -14.4rem;
}
.ico-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-pause-outline {
  mask-position: -45.6rem -14.4rem;
}
.ico-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-pause-outline-filled {
  mask-position: 0rem -16.8rem;
}
.ico-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-pen {
  mask-position: -2.4rem -16.8rem;
}
.ico-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-pending {
  mask-position: -4.8rem -16.8rem;
}
.ico-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-pending-filled {
  mask-position: -7.2rem -16.8rem;
}
.ico-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-phone {
  mask-position: -9.6rem -16.8rem;
}
.ico-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-phone-filled {
  mask-position: -12rem -16.8rem;
}
.ico-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-phone-off {
  mask-position: -14.4rem -16.8rem;
}
.ico-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-phone-off-filled {
  mask-position: -16.8rem -16.8rem;
}
.ico-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-pin {
  mask-position: -19.2rem -16.8rem;
}
.ico-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-pin-filled {
  mask-position: -21.6rem -16.8rem;
}
.ico-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-plan {
  mask-position: -24rem -16.8rem;
}
.ico-play:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-play {
  mask-position: -26.4rem -16.8rem;
}
.ico-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-play-filled-alt {
  mask-position: -28.8rem -16.8rem;
}
.ico-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-play-outline {
  mask-position: -31.2rem -16.8rem;
}
.ico-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-play-filled {
  mask-position: -33.6rem -16.8rem;
}
.ico-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-policy {
  mask-position: -36rem -16.8rem;
}
.ico-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-popup {
  mask-position: -38.4rem -16.8rem;
}
.ico-power:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-power {
  mask-position: -40.8rem -16.8rem;
}
.ico-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-previous-filled {
  mask-position: -43.2rem -16.8rem;
}
.ico-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-previous-outline {
  mask-position: -45.6rem -16.8rem;
}
.ico-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-printer {
  mask-position: 0rem -19.2rem;
}
.ico-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-radio-button {
  mask-position: -2.4rem -19.2rem;
}
.ico-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-radio-button-checked {
  mask-position: -4.8rem -19.2rem;
}
.ico-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-recently-viewed {
  mask-position: -7.2rem -19.2rem;
}
.ico-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-redo {
  mask-position: -9.6rem -19.2rem;
}
.ico-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-renew {
  mask-position: -12rem -19.2rem;
}
.ico-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-repeat {
  mask-position: -14.4rem -19.2rem;
}
.ico-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-restart {
  mask-position: -16.8rem -19.2rem;
}
.ico-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-reset {
  mask-position: -19.2rem -19.2rem;
}
.ico-save:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-save {
  mask-position: -21.6rem -19.2rem;
}
.ico-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-screen {
  mask-position: -24rem -19.2rem;
}
.ico-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-screen-off {
  mask-position: -26.4rem -19.2rem;
}
.ico-search:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-search {
  mask-position: -28.8rem -19.2rem;
}
.ico-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-search-advanced {
  mask-position: -31.2rem -19.2rem;
}
.ico-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-search-locate {
  mask-position: -33.6rem -19.2rem;
}
.ico-security:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-security {
  mask-position: -36rem -19.2rem;
}
.ico-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-send-alt {
  mask-position: -38.4rem -19.2rem;
}
.ico-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-send-alt-filled {
  mask-position: -40.8rem -19.2rem;
}
.ico-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-settings {
  mask-position: -43.2rem -19.2rem;
}
.ico-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-settings-adjust {
  mask-position: -45.6rem -19.2rem;
}
.ico-share:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-share {
  mask-position: 0rem -21.6rem;
}
.ico-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-shopping-cart {
  mask-position: -2.4rem -21.6rem;
}
.ico-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-shuffle {
  mask-position: -4.8rem -21.6rem;
}
.ico-star:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-star {
  mask-position: -7.2rem -21.6rem;
}
.ico-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-star-filled {
  mask-position: -9.6rem -21.6rem;
}
.ico-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-star-half {
  mask-position: -12rem -21.6rem;
}
.ico-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-stay-inside {
  mask-position: -14.4rem -21.6rem;
}
.ico-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-stop {
  mask-position: -16.8rem -21.6rem;
}
.ico-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-stop-filled-alt {
  mask-position: -19.2rem -21.6rem;
}
.ico-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-stop-outline {
  mask-position: -21.6rem -21.6rem;
}
.ico-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-stop-filled {
  mask-position: -24rem -21.6rem;
}
.ico-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-subtract {
  mask-position: -26.4rem -21.6rem;
}
.ico-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-subtract-alt {
  mask-position: -28.8rem -21.6rem;
}
.ico-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-subtract-filled {
  mask-position: -31.2rem -21.6rem;
}
.ico-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-switcher {
  mask-position: -33.6rem -21.6rem;
}
.ico-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-tag {
  mask-position: -36rem -21.6rem;
}
.ico-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-thumbs-down {
  mask-position: -38.4rem -21.6rem;
}
.ico-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-thumbs-down-filled {
  mask-position: -40.8rem -21.6rem;
}
.ico-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-thumbs-up {
  mask-position: -43.2rem -21.6rem;
}
.ico-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-thumbs-up-filled {
  mask-position: -45.6rem -21.6rem;
}
.ico-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-ticket {
  mask-position: 0rem -24rem;
}
.ico-time:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-time {
  mask-position: -2.4rem -24rem;
}
.ico-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-time-filled {
  mask-position: -4.8rem -24rem;
}
.ico-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-triangle-down-outline {
  mask-position: -7.2rem -24rem;
}
.ico-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-triangle-down-solid {
  mask-position: -9.6rem -24rem;
}
.ico-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-triangle-left-outline {
  mask-position: -12rem -24rem;
}
.ico-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-triangle-left-solid {
  mask-position: -14.4rem -24rem;
}
.ico-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-triangle-outline {
  mask-position: -16.8rem -24rem;
}
.ico-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-triangle-right-outline {
  mask-position: -19.2rem -24rem;
}
.ico-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-triangle-right-solid {
  mask-position: -21.6rem -24rem;
}
.ico-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-triangle-solid {
  mask-position: -24rem -24rem;
}
.ico-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-unlocked {
  mask-position: -26.4rem -24rem;
}
.ico-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-undo {
  mask-position: -28.8rem -24rem;
}
.ico-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-upload {
  mask-position: -31.2rem -24rem;
}
.ico-user:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-user {
  mask-position: -33.6rem -24rem;
}
.ico-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-user-filled {
  mask-position: -36rem -24rem;
}
.ico-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-user-avatar {
  mask-position: -38.4rem -24rem;
}
.ico-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-user-avatar-filled {
  mask-position: -40.8rem -24rem;
}
.ico-video:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-video {
  mask-position: -43.2rem -24rem;
}
.ico-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-video-filled {
  mask-position: -45.6rem -24rem;
}
.ico-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-video-off {
  mask-position: 0rem -26.4rem;
}
.ico-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-video-off-filled {
  mask-position: -2.4rem -26.4rem;
}
.ico-view:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-view {
  mask-position: -4.8rem -26.4rem;
}
.ico-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-view-filled {
  mask-position: -7.2rem -26.4rem;
}
.ico-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-view-off {
  mask-position: -9.6rem -26.4rem;
}
.ico-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-view-off-filled {
  mask-position: -12rem -26.4rem;
}
.ico-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-volume-down {
  mask-position: -14.4rem -26.4rem;
}
.ico-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-volume-down-filled {
  mask-position: -16.8rem -26.4rem;
}
.ico-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-volume-down-alt {
  mask-position: -19.2rem -26.4rem;
}
.ico-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-volume-down-filled-alt {
  mask-position: -21.6rem -26.4rem;
}
.ico-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-volume-mute {
  mask-position: -24rem -26.4rem;
}
.ico-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-volume-mute-filled {
  mask-position: -26.4rem -26.4rem;
}
.ico-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-volume-up {
  mask-position: -28.8rem -26.4rem;
}
.ico-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-volume-up-filled {
  mask-position: -31.2rem -26.4rem;
}
.ico-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-volume-up-alt {
  mask-position: -33.6rem -26.4rem;
}
.ico-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-volume-up-filled-alt {
  mask-position: -36rem -26.4rem;
}
.ico-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-warning {
  mask-position: -38.4rem -26.4rem;
}
.ico-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-warning-filled {
  mask-position: -40.8rem -26.4rem;
}
.ico-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-warning-alt {
  mask-position: -43.2rem -26.4rem;
}
.ico-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-warning-alt-filled {
  mask-position: -45.6rem -26.4rem;
}
.ico-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-zoom-in {
  mask-position: 0rem -28.8rem;
}
.ico-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-zoom-out {
  mask-position: -2.4rem -28.8rem;
}

.ico-sm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-add {
  mask-position: 0rem 0rem;
}
.ico-sm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-add-large {
  mask-position: -2rem 0rem;
}
.ico-sm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-add-alt {
  mask-position: -4rem 0rem;
}
.ico-sm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-add-filled {
  mask-position: -6rem 0rem;
}
.ico-sm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-alarm {
  mask-position: -8rem 0rem;
}
.ico-sm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-alarm-add {
  mask-position: -10rem 0rem;
}
.ico-sm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-alarm-subtract {
  mask-position: -12rem 0rem;
}
.ico-sm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-arrow-down {
  mask-position: -14rem 0rem;
}
.ico-sm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-arrow-down-left {
  mask-position: -16rem 0rem;
}
.ico-sm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-arrow-down-right {
  mask-position: -18rem 0rem;
}
.ico-sm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-arrow-left {
  mask-position: -20rem 0rem;
}
.ico-sm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-arrow-right {
  mask-position: -22rem 0rem;
}
.ico-sm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-arrow-up {
  mask-position: -24rem 0rem;
}
.ico-sm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-arrow-up-left {
  mask-position: -26rem 0rem;
}
.ico-sm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-arrow-up-right {
  mask-position: -28rem 0rem;
}
.ico-sm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-arrows-horizontal {
  mask-position: -30rem 0rem;
}
.ico-sm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-arrows-vertical {
  mask-position: -32rem 0rem;
}
.ico-sm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-at {
  mask-position: -34rem 0rem;
}
.ico-sm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-attachment {
  mask-position: -36rem 0rem;
}
.ico-sm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-book {
  mask-position: -38rem 0rem;
}
.ico-sm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-bookmark {
  mask-position: 0rem -2rem;
}
.ico-sm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-bookmark-add {
  mask-position: -2rem -2rem;
}
.ico-sm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-bookmark-filled {
  mask-position: -4rem -2rem;
}
.ico-sm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-calendar {
  mask-position: -6rem -2rem;
}
.ico-sm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-calendar-add {
  mask-position: -8rem -2rem;
}
.ico-sm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-calendar-add-alt {
  mask-position: -10rem -2rem;
}
.ico-sm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-calendar-settings {
  mask-position: -12rem -2rem;
}
.ico-sm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-camera {
  mask-position: -14rem -2rem;
}
.ico-sm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-bullhorn {
  mask-position: -16rem -2rem;
}
.ico-sm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-building {
  mask-position: -18rem -2rem;
}
.ico-sm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-bus {
  mask-position: -20rem -2rem;
}
.ico-sm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-car-front {
  mask-position: -22rem -2rem;
}
.ico-sm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-caret-down {
  mask-position: -24rem -2rem;
}
.ico-sm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-caret-left {
  mask-position: -26rem -2rem;
}
.ico-sm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-caret-right {
  mask-position: -28rem -2rem;
}
.ico-sm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-caret-up {
  mask-position: -30rem -2rem;
}
.ico-sm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-caret-sort {
  mask-position: -32rem -2rem;
}
.ico-sm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-center-circle {
  mask-position: -34rem -2rem;
}
.ico-sm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-chat {
  mask-position: -36rem -2rem;
}
.ico-sm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-chat-off {
  mask-position: -38rem -2rem;
}
.ico-sm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-checkbox {
  mask-position: 0rem -4rem;
}
.ico-sm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-checkbox-checked {
  mask-position: -2rem -4rem;
}
.ico-sm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-checkbox-checked-filled {
  mask-position: -4rem -4rem;
}
.ico-sm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-checkbox-indeterminate {
  mask-position: -6rem -4rem;
}
.ico-sm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-checkbox-indeterminate-filled {
  mask-position: -8rem -4rem;
}
.ico-sm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-checkmark {
  mask-position: -10rem -4rem;
}
.ico-sm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-checkmark-outline {
  mask-position: -12rem -4rem;
}
.ico-sm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-checkmark-filled {
  mask-position: -14rem -4rem;
}
.ico-sm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-chevron-left {
  mask-position: -16rem -4rem;
}
.ico-sm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-chevron-right {
  mask-position: -18rem -4rem;
}
.ico-sm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-chevron-up {
  mask-position: -20rem -4rem;
}
.ico-sm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-chevron-down {
  mask-position: -22rem -4rem;
}
.ico-sm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-chevron-sort {
  mask-position: -24rem -4rem;
}
.ico-sm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-chevron-up-outline {
  mask-position: -26rem -4rem;
}
.ico-sm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-chevron-down-outline {
  mask-position: -28rem -4rem;
}
.ico-sm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-close {
  mask-position: -30rem -4rem;
}
.ico-sm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-close-large {
  mask-position: -32rem -4rem;
}
.ico-sm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-close-outline {
  mask-position: -34rem -4rem;
}
.ico-sm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-close-filled {
  mask-position: -36rem -4rem;
}
.ico-sm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-copy {
  mask-position: -38rem -4rem;
}
.ico-sm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-copy-file {
  mask-position: 0rem -6rem;
}
.ico-sm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-cube {
  mask-position: -2rem -6rem;
}
.ico-sm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-document {
  mask-position: -4rem -6rem;
}
.ico-sm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-document-add {
  mask-position: -6rem -6rem;
}
.ico-sm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-document-attachment {
  mask-position: -8rem -6rem;
}
.ico-sm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-document-audio {
  mask-position: -10rem -6rem;
}
.ico-sm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-document-blank {
  mask-position: -12rem -6rem;
}
.ico-sm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-document-configuration {
  mask-position: -14rem -6rem;
}
.ico-sm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-document-download {
  mask-position: -16rem -6rem;
}
.ico-sm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-document-export {
  mask-position: -18rem -6rem;
}
.ico-sm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-document-subtract {
  mask-position: -20rem -6rem;
}
.ico-sm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-document-tasks {
  mask-position: -22rem -6rem;
}
.ico-sm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-document-unknown {
  mask-position: -24rem -6rem;
}
.ico-sm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-draggable {
  mask-position: -26rem -6rem;
}
.ico-sm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-download {
  mask-position: -28rem -6rem;
}
.ico-sm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-edit {
  mask-position: -30rem -6rem;
}
.ico-sm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-edit-off {
  mask-position: -32rem -6rem;
}
.ico-sm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-email {
  mask-position: -34rem -6rem;
}
.ico-sm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-erase {
  mask-position: -36rem -6rem;
}
.ico-sm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-error {
  mask-position: -38rem -6rem;
}
.ico-sm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-error-filled {
  mask-position: 0rem -8rem;
}
.ico-sm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-export {
  mask-position: -2rem -8rem;
}
.ico-sm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-favorite {
  mask-position: -4rem -8rem;
}
.ico-sm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-favorite-filled {
  mask-position: -6rem -8rem;
}
.ico-sm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-filter {
  mask-position: -8rem -8rem;
}
.ico-sm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-filter-remove {
  mask-position: -10rem -8rem;
}
.ico-sm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-flag {
  mask-position: -12rem -8rem;
}
.ico-sm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-flag-filled {
  mask-position: -14rem -8rem;
}
.ico-sm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-folder {
  mask-position: -16rem -8rem;
}
.ico-sm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-folder-add {
  mask-position: -18rem -8rem;
}
.ico-sm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-folder-off {
  mask-position: -20rem -8rem;
}
.ico-sm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-gift {
  mask-position: -22rem -8rem;
}
.ico-sm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-grid {
  mask-position: -24rem -8rem;
}
.ico-sm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-headphones {
  mask-position: -26rem -8rem;
}
.ico-sm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-headset {
  mask-position: -28rem -8rem;
}
.ico-sm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-home {
  mask-position: -30rem -8rem;
}
.ico-sm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-idea {
  mask-position: -32rem -8rem;
}
.ico-sm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-identification {
  mask-position: -34rem -8rem;
}
.ico-sm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-image {
  mask-position: -36rem -8rem;
}
.ico-sm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-image-copy {
  mask-position: -38rem -8rem;
}
.ico-sm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-image-search {
  mask-position: 0rem -10rem;
}
.ico-sm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-image-search-alt {
  mask-position: -2rem -10rem;
}
.ico-sm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-import-export {
  mask-position: -4rem -10rem;
}
.ico-sm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-information {
  mask-position: -6rem -10rem;
}
.ico-sm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-information-filled {
  mask-position: -8rem -10rem;
}
.ico-sm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-information-disabled {
  mask-position: -10rem -10rem;
}
.ico-sm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-information-square {
  mask-position: -12rem -10rem;
}
.ico-sm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-information-square-filled {
  mask-position: -14rem -10rem;
}
.ico-sm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-keyboard {
  mask-position: -16rem -10rem;
}
.ico-sm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-keyboard-off {
  mask-position: -18rem -10rem;
}
.ico-sm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-launch {
  mask-position: -20rem -10rem;
}
.ico-sm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-layers {
  mask-position: -22rem -10rem;
}
.ico-sm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-location {
  mask-position: -24rem -10rem;
}
.ico-sm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-location-filled {
  mask-position: -26rem -10rem;
}
.ico-sm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-locked {
  mask-position: -28rem -10rem;
}
.ico-sm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-list-boxes {
  mask-position: -30rem -10rem;
}
.ico-sm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-list {
  mask-position: -32rem -10rem;
}
.ico-sm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-link {
  mask-position: -34rem -10rem;
}
.ico-sm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-menu {
  mask-position: -36rem -10rem;
}
.ico-sm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-microphone {
  mask-position: -38rem -10rem;
}
.ico-sm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-microphone-filled {
  mask-position: 0rem -12rem;
}
.ico-sm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-microphone-off {
  mask-position: -2rem -12rem;
}
.ico-sm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-microphone-off-filled {
  mask-position: -4rem -12rem;
}
.ico-sm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-music {
  mask-position: -6rem -12rem;
}
.ico-sm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-next-outline {
  mask-position: -8rem -12rem;
}
.ico-sm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-next-filled {
  mask-position: -10rem -12rem;
}
.ico-sm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-no-image {
  mask-position: -12rem -12rem;
}
.ico-sm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-notebook {
  mask-position: -14rem -12rem;
}
.ico-sm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-notification {
  mask-position: -16rem -12rem;
}
.ico-sm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-notification-filled {
  mask-position: -18rem -12rem;
}
.ico-sm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-notification-off {
  mask-position: -20rem -12rem;
}
.ico-sm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-notification-off-filled {
  mask-position: -22rem -12rem;
}
.ico-sm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-ordinal {
  mask-position: -24rem -12rem;
}
.ico-sm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-overflow-menu-horizontal {
  mask-position: -26rem -12rem;
}
.ico-sm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-overflow-menu-vertical {
  mask-position: -28rem -12rem;
}
.ico-sm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-pan-horizontal {
  mask-position: -30rem -12rem;
}
.ico-sm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-pan-vertical {
  mask-position: -32rem -12rem;
}
.ico-sm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-pause {
  mask-position: -34rem -12rem;
}
.ico-sm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-pause-filled {
  mask-position: -36rem -12rem;
}
.ico-sm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-pause-outline {
  mask-position: -38rem -12rem;
}
.ico-sm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-pause-outline-filled {
  mask-position: 0rem -14rem;
}
.ico-sm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-pen {
  mask-position: -2rem -14rem;
}
.ico-sm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-pending {
  mask-position: -4rem -14rem;
}
.ico-sm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-pending-filled {
  mask-position: -6rem -14rem;
}
.ico-sm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-phone {
  mask-position: -8rem -14rem;
}
.ico-sm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-phone-filled {
  mask-position: -10rem -14rem;
}
.ico-sm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-phone-off {
  mask-position: -12rem -14rem;
}
.ico-sm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-phone-off-filled {
  mask-position: -14rem -14rem;
}
.ico-sm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-pin {
  mask-position: -16rem -14rem;
}
.ico-sm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-pin-filled {
  mask-position: -18rem -14rem;
}
.ico-sm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-plan {
  mask-position: -20rem -14rem;
}
.ico-sm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-play {
  mask-position: -22rem -14rem;
}
.ico-sm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-play-filled-alt {
  mask-position: -24rem -14rem;
}
.ico-sm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-play-outline {
  mask-position: -26rem -14rem;
}
.ico-sm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-play-filled {
  mask-position: -28rem -14rem;
}
.ico-sm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-policy {
  mask-position: -30rem -14rem;
}
.ico-sm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-popup {
  mask-position: -32rem -14rem;
}
.ico-sm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-power {
  mask-position: -34rem -14rem;
}
.ico-sm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-previous-filled {
  mask-position: -36rem -14rem;
}
.ico-sm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-previous-outline {
  mask-position: -38rem -14rem;
}
.ico-sm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-printer {
  mask-position: 0rem -16rem;
}
.ico-sm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-radio-button {
  mask-position: -2rem -16rem;
}
.ico-sm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-radio-button-checked {
  mask-position: -4rem -16rem;
}
.ico-sm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-recently-viewed {
  mask-position: -6rem -16rem;
}
.ico-sm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-redo {
  mask-position: -8rem -16rem;
}
.ico-sm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-renew {
  mask-position: -10rem -16rem;
}
.ico-sm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-repeat {
  mask-position: -12rem -16rem;
}
.ico-sm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-restart {
  mask-position: -14rem -16rem;
}
.ico-sm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-reset {
  mask-position: -16rem -16rem;
}
.ico-sm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-save {
  mask-position: -18rem -16rem;
}
.ico-sm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-screen {
  mask-position: -20rem -16rem;
}
.ico-sm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-screen-off {
  mask-position: -22rem -16rem;
}
.ico-sm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-search {
  mask-position: -24rem -16rem;
}
.ico-sm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-search-advanced {
  mask-position: -26rem -16rem;
}
.ico-sm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-search-locate {
  mask-position: -28rem -16rem;
}
.ico-sm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-security {
  mask-position: -30rem -16rem;
}
.ico-sm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-send-alt {
  mask-position: -32rem -16rem;
}
.ico-sm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-send-alt-filled {
  mask-position: -34rem -16rem;
}
.ico-sm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-settings {
  mask-position: -36rem -16rem;
}
.ico-sm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-settings-adjust {
  mask-position: -38rem -16rem;
}
.ico-sm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-share {
  mask-position: 0rem -18rem;
}
.ico-sm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-shopping-cart {
  mask-position: -2rem -18rem;
}
.ico-sm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-shuffle {
  mask-position: -4rem -18rem;
}
.ico-sm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-star {
  mask-position: -6rem -18rem;
}
.ico-sm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-star-filled {
  mask-position: -8rem -18rem;
}
.ico-sm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-star-half {
  mask-position: -10rem -18rem;
}
.ico-sm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-stay-inside {
  mask-position: -12rem -18rem;
}
.ico-sm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-stop {
  mask-position: -14rem -18rem;
}
.ico-sm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-stop-filled-alt {
  mask-position: -16rem -18rem;
}
.ico-sm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-stop-outline {
  mask-position: -18rem -18rem;
}
.ico-sm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-stop-filled {
  mask-position: -20rem -18rem;
}
.ico-sm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-subtract {
  mask-position: -22rem -18rem;
}
.ico-sm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-subtract-alt {
  mask-position: -24rem -18rem;
}
.ico-sm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-subtract-filled {
  mask-position: -26rem -18rem;
}
.ico-sm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-switcher {
  mask-position: -28rem -18rem;
}
.ico-sm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-tag {
  mask-position: -30rem -18rem;
}
.ico-sm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-thumbs-down {
  mask-position: -32rem -18rem;
}
.ico-sm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-thumbs-down-filled {
  mask-position: -34rem -18rem;
}
.ico-sm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-thumbs-up {
  mask-position: -36rem -18rem;
}
.ico-sm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-thumbs-up-filled {
  mask-position: -38rem -18rem;
}
.ico-sm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-ticket {
  mask-position: 0rem -20rem;
}
.ico-sm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-time {
  mask-position: -2rem -20rem;
}
.ico-sm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-time-filled {
  mask-position: -4rem -20rem;
}
.ico-sm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-triangle-down-outline {
  mask-position: -6rem -20rem;
}
.ico-sm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-triangle-down-solid {
  mask-position: -8rem -20rem;
}
.ico-sm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-triangle-left-outline {
  mask-position: -10rem -20rem;
}
.ico-sm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-triangle-left-solid {
  mask-position: -12rem -20rem;
}
.ico-sm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-triangle-outline {
  mask-position: -14rem -20rem;
}
.ico-sm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-triangle-right-outline {
  mask-position: -16rem -20rem;
}
.ico-sm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-triangle-right-solid {
  mask-position: -18rem -20rem;
}
.ico-sm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-triangle-solid {
  mask-position: -20rem -20rem;
}
.ico-sm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-unlocked {
  mask-position: -22rem -20rem;
}
.ico-sm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-undo {
  mask-position: -24rem -20rem;
}
.ico-sm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-upload {
  mask-position: -26rem -20rem;
}
.ico-sm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-user {
  mask-position: -28rem -20rem;
}
.ico-sm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-user-filled {
  mask-position: -30rem -20rem;
}
.ico-sm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-user-avatar {
  mask-position: -32rem -20rem;
}
.ico-sm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-user-avatar-filled {
  mask-position: -34rem -20rem;
}
.ico-sm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-video {
  mask-position: -36rem -20rem;
}
.ico-sm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-video-filled {
  mask-position: -38rem -20rem;
}
.ico-sm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-video-off {
  mask-position: 0rem -22rem;
}
.ico-sm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-video-off-filled {
  mask-position: -2rem -22rem;
}
.ico-sm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-view {
  mask-position: -4rem -22rem;
}
.ico-sm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-view-filled {
  mask-position: -6rem -22rem;
}
.ico-sm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-view-off {
  mask-position: -8rem -22rem;
}
.ico-sm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-view-off-filled {
  mask-position: -10rem -22rem;
}
.ico-sm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-volume-down {
  mask-position: -12rem -22rem;
}
.ico-sm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-volume-down-filled {
  mask-position: -14rem -22rem;
}
.ico-sm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-volume-down-alt {
  mask-position: -16rem -22rem;
}
.ico-sm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-volume-down-filled-alt {
  mask-position: -18rem -22rem;
}
.ico-sm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-volume-mute {
  mask-position: -20rem -22rem;
}
.ico-sm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-volume-mute-filled {
  mask-position: -22rem -22rem;
}
.ico-sm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-volume-up {
  mask-position: -24rem -22rem;
}
.ico-sm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-volume-up-filled {
  mask-position: -26rem -22rem;
}
.ico-sm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-volume-up-alt {
  mask-position: -28rem -22rem;
}
.ico-sm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-volume-up-filled-alt {
  mask-position: -30rem -22rem;
}
.ico-sm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-warning {
  mask-position: -32rem -22rem;
}
.ico-sm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-warning-filled {
  mask-position: -34rem -22rem;
}
.ico-sm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-warning-alt {
  mask-position: -36rem -22rem;
}
.ico-sm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-warning-alt-filled {
  mask-position: -38rem -22rem;
}
.ico-sm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-zoom-in {
  mask-position: 0rem -24rem;
}
.ico-sm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-sm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-sm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-sm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-sm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-sm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-sm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-sm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-sm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-sm-zoom-out {
  mask-position: -2rem -24rem;
}

.ico-xsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-add {
  mask-position: 0rem 0rem;
}
.ico-xsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-add-large {
  mask-position: -1.6rem 0rem;
}
.ico-xsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-add-alt {
  mask-position: -3.2rem 0rem;
}
.ico-xsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-add-filled {
  mask-position: -4.8rem 0rem;
}
.ico-xsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-alarm {
  mask-position: -6.4rem 0rem;
}
.ico-xsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-alarm-add {
  mask-position: -8rem 0rem;
}
.ico-xsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-alarm-subtract {
  mask-position: -9.6rem 0rem;
}
.ico-xsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-arrow-down {
  mask-position: -11.2rem 0rem;
}
.ico-xsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-arrow-down-left {
  mask-position: -12.8rem 0rem;
}
.ico-xsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-arrow-down-right {
  mask-position: -14.4rem 0rem;
}
.ico-xsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-arrow-left {
  mask-position: -16rem 0rem;
}
.ico-xsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-arrow-right {
  mask-position: -17.6rem 0rem;
}
.ico-xsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-arrow-up {
  mask-position: -19.2rem 0rem;
}
.ico-xsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-arrow-up-left {
  mask-position: -20.8rem 0rem;
}
.ico-xsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-arrow-up-right {
  mask-position: -22.4rem 0rem;
}
.ico-xsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-arrows-horizontal {
  mask-position: -24rem 0rem;
}
.ico-xsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-arrows-vertical {
  mask-position: -25.6rem 0rem;
}
.ico-xsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-at {
  mask-position: -27.2rem 0rem;
}
.ico-xsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-attachment {
  mask-position: -28.8rem 0rem;
}
.ico-xsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-book {
  mask-position: -30.4rem 0rem;
}
.ico-xsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-bookmark {
  mask-position: 0rem -1.6rem;
}
.ico-xsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-bookmark-add {
  mask-position: -1.6rem -1.6rem;
}
.ico-xsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-bookmark-filled {
  mask-position: -3.2rem -1.6rem;
}
.ico-xsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-calendar {
  mask-position: -4.8rem -1.6rem;
}
.ico-xsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-calendar-add {
  mask-position: -6.4rem -1.6rem;
}
.ico-xsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-calendar-add-alt {
  mask-position: -8rem -1.6rem;
}
.ico-xsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-calendar-settings {
  mask-position: -9.6rem -1.6rem;
}
.ico-xsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-camera {
  mask-position: -11.2rem -1.6rem;
}
.ico-xsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-bullhorn {
  mask-position: -12.8rem -1.6rem;
}
.ico-xsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-building {
  mask-position: -14.4rem -1.6rem;
}
.ico-xsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-bus {
  mask-position: -16rem -1.6rem;
}
.ico-xsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-car-front {
  mask-position: -17.6rem -1.6rem;
}
.ico-xsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-caret-down {
  mask-position: -19.2rem -1.6rem;
}
.ico-xsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-caret-left {
  mask-position: -20.8rem -1.6rem;
}
.ico-xsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-caret-right {
  mask-position: -22.4rem -1.6rem;
}
.ico-xsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-caret-up {
  mask-position: -24rem -1.6rem;
}
.ico-xsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-caret-sort {
  mask-position: -25.6rem -1.6rem;
}
.ico-xsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-center-circle {
  mask-position: -27.2rem -1.6rem;
}
.ico-xsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-chat {
  mask-position: -28.8rem -1.6rem;
}
.ico-xsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-chat-off {
  mask-position: -30.4rem -1.6rem;
}
.ico-xsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-checkbox {
  mask-position: 0rem -3.2rem;
}
.ico-xsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-checkbox-checked {
  mask-position: -1.6rem -3.2rem;
}
.ico-xsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-checkbox-checked-filled {
  mask-position: -3.2rem -3.2rem;
}
.ico-xsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-checkbox-indeterminate {
  mask-position: -4.8rem -3.2rem;
}
.ico-xsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-checkbox-indeterminate-filled {
  mask-position: -6.4rem -3.2rem;
}
.ico-xsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-checkmark {
  mask-position: -8rem -3.2rem;
}
.ico-xsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-checkmark-outline {
  mask-position: -9.6rem -3.2rem;
}
.ico-xsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-checkmark-filled {
  mask-position: -11.2rem -3.2rem;
}
.ico-xsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-chevron-left {
  mask-position: -12.8rem -3.2rem;
}
.ico-xsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-chevron-right {
  mask-position: -14.4rem -3.2rem;
}
.ico-xsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-chevron-up {
  mask-position: -16rem -3.2rem;
}
.ico-xsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-chevron-down {
  mask-position: -17.6rem -3.2rem;
}
.ico-xsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-chevron-sort {
  mask-position: -19.2rem -3.2rem;
}
.ico-xsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-chevron-up-outline {
  mask-position: -20.8rem -3.2rem;
}
.ico-xsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-chevron-down-outline {
  mask-position: -22.4rem -3.2rem;
}
.ico-xsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-close {
  mask-position: -24rem -3.2rem;
}
.ico-xsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-close-large {
  mask-position: -25.6rem -3.2rem;
}
.ico-xsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-close-outline {
  mask-position: -27.2rem -3.2rem;
}
.ico-xsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-close-filled {
  mask-position: -28.8rem -3.2rem;
}
.ico-xsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-copy {
  mask-position: -30.4rem -3.2rem;
}
.ico-xsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-copy-file {
  mask-position: 0rem -4.8rem;
}
.ico-xsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-cube {
  mask-position: -1.6rem -4.8rem;
}
.ico-xsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-document {
  mask-position: -3.2rem -4.8rem;
}
.ico-xsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-document-add {
  mask-position: -4.8rem -4.8rem;
}
.ico-xsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-document-attachment {
  mask-position: -6.4rem -4.8rem;
}
.ico-xsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-document-audio {
  mask-position: -8rem -4.8rem;
}
.ico-xsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-document-blank {
  mask-position: -9.6rem -4.8rem;
}
.ico-xsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-document-configuration {
  mask-position: -11.2rem -4.8rem;
}
.ico-xsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-document-download {
  mask-position: -12.8rem -4.8rem;
}
.ico-xsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-document-export {
  mask-position: -14.4rem -4.8rem;
}
.ico-xsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-document-subtract {
  mask-position: -16rem -4.8rem;
}
.ico-xsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-document-tasks {
  mask-position: -17.6rem -4.8rem;
}
.ico-xsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-document-unknown {
  mask-position: -19.2rem -4.8rem;
}
.ico-xsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-draggable {
  mask-position: -20.8rem -4.8rem;
}
.ico-xsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-download {
  mask-position: -22.4rem -4.8rem;
}
.ico-xsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-edit {
  mask-position: -24rem -4.8rem;
}
.ico-xsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-edit-off {
  mask-position: -25.6rem -4.8rem;
}
.ico-xsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-email {
  mask-position: -27.2rem -4.8rem;
}
.ico-xsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-erase {
  mask-position: -28.8rem -4.8rem;
}
.ico-xsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-error {
  mask-position: -30.4rem -4.8rem;
}
.ico-xsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-error-filled {
  mask-position: 0rem -6.4rem;
}
.ico-xsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-export {
  mask-position: -1.6rem -6.4rem;
}
.ico-xsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-favorite {
  mask-position: -3.2rem -6.4rem;
}
.ico-xsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-favorite-filled {
  mask-position: -4.8rem -6.4rem;
}
.ico-xsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-filter {
  mask-position: -6.4rem -6.4rem;
}
.ico-xsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-filter-remove {
  mask-position: -8rem -6.4rem;
}
.ico-xsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-flag {
  mask-position: -9.6rem -6.4rem;
}
.ico-xsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-flag-filled {
  mask-position: -11.2rem -6.4rem;
}
.ico-xsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-folder {
  mask-position: -12.8rem -6.4rem;
}
.ico-xsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-folder-add {
  mask-position: -14.4rem -6.4rem;
}
.ico-xsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-folder-off {
  mask-position: -16rem -6.4rem;
}
.ico-xsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-gift {
  mask-position: -17.6rem -6.4rem;
}
.ico-xsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-grid {
  mask-position: -19.2rem -6.4rem;
}
.ico-xsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-headphones {
  mask-position: -20.8rem -6.4rem;
}
.ico-xsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-headset {
  mask-position: -22.4rem -6.4rem;
}
.ico-xsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-home {
  mask-position: -24rem -6.4rem;
}
.ico-xsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-idea {
  mask-position: -25.6rem -6.4rem;
}
.ico-xsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-identification {
  mask-position: -27.2rem -6.4rem;
}
.ico-xsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-image {
  mask-position: -28.8rem -6.4rem;
}
.ico-xsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-image-copy {
  mask-position: -30.4rem -6.4rem;
}
.ico-xsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-image-search {
  mask-position: 0rem -8rem;
}
.ico-xsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-image-search-alt {
  mask-position: -1.6rem -8rem;
}
.ico-xsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-import-export {
  mask-position: -3.2rem -8rem;
}
.ico-xsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-information {
  mask-position: -4.8rem -8rem;
}
.ico-xsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-information-filled {
  mask-position: -6.4rem -8rem;
}
.ico-xsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-information-disabled {
  mask-position: -8rem -8rem;
}
.ico-xsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-information-square {
  mask-position: -9.6rem -8rem;
}
.ico-xsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-information-square-filled {
  mask-position: -11.2rem -8rem;
}
.ico-xsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-keyboard {
  mask-position: -12.8rem -8rem;
}
.ico-xsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-keyboard-off {
  mask-position: -14.4rem -8rem;
}
.ico-xsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-launch {
  mask-position: -16rem -8rem;
}
.ico-xsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-layers {
  mask-position: -17.6rem -8rem;
}
.ico-xsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-location {
  mask-position: -19.2rem -8rem;
}
.ico-xsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-location-filled {
  mask-position: -20.8rem -8rem;
}
.ico-xsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-locked {
  mask-position: -22.4rem -8rem;
}
.ico-xsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-list-boxes {
  mask-position: -24rem -8rem;
}
.ico-xsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-list {
  mask-position: -25.6rem -8rem;
}
.ico-xsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-link {
  mask-position: -27.2rem -8rem;
}
.ico-xsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-menu {
  mask-position: -28.8rem -8rem;
}
.ico-xsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-microphone {
  mask-position: -30.4rem -8rem;
}
.ico-xsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-microphone-filled {
  mask-position: 0rem -9.6rem;
}
.ico-xsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-microphone-off {
  mask-position: -1.6rem -9.6rem;
}
.ico-xsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-microphone-off-filled {
  mask-position: -3.2rem -9.6rem;
}
.ico-xsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-music {
  mask-position: -4.8rem -9.6rem;
}
.ico-xsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-next-outline {
  mask-position: -6.4rem -9.6rem;
}
.ico-xsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-next-filled {
  mask-position: -8rem -9.6rem;
}
.ico-xsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-no-image {
  mask-position: -9.6rem -9.6rem;
}
.ico-xsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-notebook {
  mask-position: -11.2rem -9.6rem;
}
.ico-xsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-notification {
  mask-position: -12.8rem -9.6rem;
}
.ico-xsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-notification-filled {
  mask-position: -14.4rem -9.6rem;
}
.ico-xsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-notification-off {
  mask-position: -16rem -9.6rem;
}
.ico-xsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-notification-off-filled {
  mask-position: -17.6rem -9.6rem;
}
.ico-xsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-ordinal {
  mask-position: -19.2rem -9.6rem;
}
.ico-xsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-overflow-menu-horizontal {
  mask-position: -20.8rem -9.6rem;
}
.ico-xsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-overflow-menu-vertical {
  mask-position: -22.4rem -9.6rem;
}
.ico-xsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-pan-horizontal {
  mask-position: -24rem -9.6rem;
}
.ico-xsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-pan-vertical {
  mask-position: -25.6rem -9.6rem;
}
.ico-xsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-pause {
  mask-position: -27.2rem -9.6rem;
}
.ico-xsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-pause-filled {
  mask-position: -28.8rem -9.6rem;
}
.ico-xsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-pause-outline {
  mask-position: -30.4rem -9.6rem;
}
.ico-xsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-pause-outline-filled {
  mask-position: 0rem -11.2rem;
}
.ico-xsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-pen {
  mask-position: -1.6rem -11.2rem;
}
.ico-xsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-pending {
  mask-position: -3.2rem -11.2rem;
}
.ico-xsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-pending-filled {
  mask-position: -4.8rem -11.2rem;
}
.ico-xsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-phone {
  mask-position: -6.4rem -11.2rem;
}
.ico-xsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-phone-filled {
  mask-position: -8rem -11.2rem;
}
.ico-xsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-phone-off {
  mask-position: -9.6rem -11.2rem;
}
.ico-xsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-phone-off-filled {
  mask-position: -11.2rem -11.2rem;
}
.ico-xsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-pin {
  mask-position: -12.8rem -11.2rem;
}
.ico-xsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-pin-filled {
  mask-position: -14.4rem -11.2rem;
}
.ico-xsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-plan {
  mask-position: -16rem -11.2rem;
}
.ico-xsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-play {
  mask-position: -17.6rem -11.2rem;
}
.ico-xsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-play-filled-alt {
  mask-position: -19.2rem -11.2rem;
}
.ico-xsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-play-outline {
  mask-position: -20.8rem -11.2rem;
}
.ico-xsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-play-filled {
  mask-position: -22.4rem -11.2rem;
}
.ico-xsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-policy {
  mask-position: -24rem -11.2rem;
}
.ico-xsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-popup {
  mask-position: -25.6rem -11.2rem;
}
.ico-xsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-power {
  mask-position: -27.2rem -11.2rem;
}
.ico-xsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-previous-filled {
  mask-position: -28.8rem -11.2rem;
}
.ico-xsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-previous-outline {
  mask-position: -30.4rem -11.2rem;
}
.ico-xsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-printer {
  mask-position: 0rem -12.8rem;
}
.ico-xsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-radio-button {
  mask-position: -1.6rem -12.8rem;
}
.ico-xsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-radio-button-checked {
  mask-position: -3.2rem -12.8rem;
}
.ico-xsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-recently-viewed {
  mask-position: -4.8rem -12.8rem;
}
.ico-xsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-redo {
  mask-position: -6.4rem -12.8rem;
}
.ico-xsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-renew {
  mask-position: -8rem -12.8rem;
}
.ico-xsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-repeat {
  mask-position: -9.6rem -12.8rem;
}
.ico-xsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-restart {
  mask-position: -11.2rem -12.8rem;
}
.ico-xsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-reset {
  mask-position: -12.8rem -12.8rem;
}
.ico-xsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-save {
  mask-position: -14.4rem -12.8rem;
}
.ico-xsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-screen {
  mask-position: -16rem -12.8rem;
}
.ico-xsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-screen-off {
  mask-position: -17.6rem -12.8rem;
}
.ico-xsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-search {
  mask-position: -19.2rem -12.8rem;
}
.ico-xsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-search-advanced {
  mask-position: -20.8rem -12.8rem;
}
.ico-xsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-search-locate {
  mask-position: -22.4rem -12.8rem;
}
.ico-xsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-security {
  mask-position: -24rem -12.8rem;
}
.ico-xsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-send-alt {
  mask-position: -25.6rem -12.8rem;
}
.ico-xsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-send-alt-filled {
  mask-position: -27.2rem -12.8rem;
}
.ico-xsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-settings {
  mask-position: -28.8rem -12.8rem;
}
.ico-xsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-settings-adjust {
  mask-position: -30.4rem -12.8rem;
}
.ico-xsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-share {
  mask-position: 0rem -14.4rem;
}
.ico-xsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-shopping-cart {
  mask-position: -1.6rem -14.4rem;
}
.ico-xsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-shuffle {
  mask-position: -3.2rem -14.4rem;
}
.ico-xsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-star {
  mask-position: -4.8rem -14.4rem;
}
.ico-xsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-star-filled {
  mask-position: -6.4rem -14.4rem;
}
.ico-xsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-star-half {
  mask-position: -8rem -14.4rem;
}
.ico-xsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-stay-inside {
  mask-position: -9.6rem -14.4rem;
}
.ico-xsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-stop {
  mask-position: -11.2rem -14.4rem;
}
.ico-xsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-stop-filled-alt {
  mask-position: -12.8rem -14.4rem;
}
.ico-xsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-stop-outline {
  mask-position: -14.4rem -14.4rem;
}
.ico-xsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-stop-filled {
  mask-position: -16rem -14.4rem;
}
.ico-xsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-subtract {
  mask-position: -17.6rem -14.4rem;
}
.ico-xsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-subtract-alt {
  mask-position: -19.2rem -14.4rem;
}
.ico-xsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-subtract-filled {
  mask-position: -20.8rem -14.4rem;
}
.ico-xsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-switcher {
  mask-position: -22.4rem -14.4rem;
}
.ico-xsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-tag {
  mask-position: -24rem -14.4rem;
}
.ico-xsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-thumbs-down {
  mask-position: -25.6rem -14.4rem;
}
.ico-xsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-thumbs-down-filled {
  mask-position: -27.2rem -14.4rem;
}
.ico-xsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-thumbs-up {
  mask-position: -28.8rem -14.4rem;
}
.ico-xsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-thumbs-up-filled {
  mask-position: -30.4rem -14.4rem;
}
.ico-xsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-ticket {
  mask-position: 0rem -16rem;
}
.ico-xsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-time {
  mask-position: -1.6rem -16rem;
}
.ico-xsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-time-filled {
  mask-position: -3.2rem -16rem;
}
.ico-xsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-triangle-down-outline {
  mask-position: -4.8rem -16rem;
}
.ico-xsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-triangle-down-solid {
  mask-position: -6.4rem -16rem;
}
.ico-xsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-triangle-left-outline {
  mask-position: -8rem -16rem;
}
.ico-xsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-triangle-left-solid {
  mask-position: -9.6rem -16rem;
}
.ico-xsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-triangle-outline {
  mask-position: -11.2rem -16rem;
}
.ico-xsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-triangle-right-outline {
  mask-position: -12.8rem -16rem;
}
.ico-xsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-triangle-right-solid {
  mask-position: -14.4rem -16rem;
}
.ico-xsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-triangle-solid {
  mask-position: -16rem -16rem;
}
.ico-xsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-unlocked {
  mask-position: -17.6rem -16rem;
}
.ico-xsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-undo {
  mask-position: -19.2rem -16rem;
}
.ico-xsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-upload {
  mask-position: -20.8rem -16rem;
}
.ico-xsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-user {
  mask-position: -22.4rem -16rem;
}
.ico-xsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-user-filled {
  mask-position: -24rem -16rem;
}
.ico-xsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-user-avatar {
  mask-position: -25.6rem -16rem;
}
.ico-xsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-user-avatar-filled {
  mask-position: -27.2rem -16rem;
}
.ico-xsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-video {
  mask-position: -28.8rem -16rem;
}
.ico-xsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-video-filled {
  mask-position: -30.4rem -16rem;
}
.ico-xsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-video-off {
  mask-position: 0rem -17.6rem;
}
.ico-xsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-video-off-filled {
  mask-position: -1.6rem -17.6rem;
}
.ico-xsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-view {
  mask-position: -3.2rem -17.6rem;
}
.ico-xsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-view-filled {
  mask-position: -4.8rem -17.6rem;
}
.ico-xsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-view-off {
  mask-position: -6.4rem -17.6rem;
}
.ico-xsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-view-off-filled {
  mask-position: -8rem -17.6rem;
}
.ico-xsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-volume-down {
  mask-position: -9.6rem -17.6rem;
}
.ico-xsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-volume-down-filled {
  mask-position: -11.2rem -17.6rem;
}
.ico-xsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-volume-down-alt {
  mask-position: -12.8rem -17.6rem;
}
.ico-xsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-volume-down-filled-alt {
  mask-position: -14.4rem -17.6rem;
}
.ico-xsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-volume-mute {
  mask-position: -16rem -17.6rem;
}
.ico-xsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-volume-mute-filled {
  mask-position: -17.6rem -17.6rem;
}
.ico-xsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-volume-up {
  mask-position: -19.2rem -17.6rem;
}
.ico-xsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-volume-up-filled {
  mask-position: -20.8rem -17.6rem;
}
.ico-xsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-volume-up-alt {
  mask-position: -22.4rem -17.6rem;
}
.ico-xsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-volume-up-filled-alt {
  mask-position: -24rem -17.6rem;
}
.ico-xsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-warning {
  mask-position: -25.6rem -17.6rem;
}
.ico-xsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-warning-filled {
  mask-position: -27.2rem -17.6rem;
}
.ico-xsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-warning-alt {
  mask-position: -28.8rem -17.6rem;
}
.ico-xsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-warning-alt-filled {
  mask-position: -30.4rem -17.6rem;
}
.ico-xsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-zoom-in {
  mask-position: 0rem -19.2rem;
}
.ico-xsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xsm-zoom-out {
  mask-position: -1.6rem -19.2rem;
}

.ico-xxsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-add {
  mask-position: 0rem 0rem;
}
.ico-xxsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-add-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-add-large {
  mask-position: -1.2rem 0rem;
}
.ico-xxsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-add-alt {
  mask-position: -2.4rem 0rem;
}
.ico-xxsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-add-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-add-filled {
  mask-position: -3.6rem 0rem;
}
.ico-xxsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-alarm:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-alarm {
  mask-position: -4.8rem 0rem;
}
.ico-xxsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-alarm-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-alarm-add {
  mask-position: -6rem 0rem;
}
.ico-xxsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-alarm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-alarm-subtract {
  mask-position: -7.2rem 0rem;
}
.ico-xxsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-arrow-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-arrow-down {
  mask-position: -8.4rem 0rem;
}
.ico-xxsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-arrow-down-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-arrow-down-left {
  mask-position: -9.6rem 0rem;
}
.ico-xxsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-arrow-down-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-arrow-down-right {
  mask-position: -10.8rem 0rem;
}
.ico-xxsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-arrow-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-arrow-left {
  mask-position: -12rem 0rem;
}
.ico-xxsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-arrow-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-arrow-right {
  mask-position: -13.2rem 0rem;
}
.ico-xxsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-arrow-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-arrow-up {
  mask-position: -14.4rem 0rem;
}
.ico-xxsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-arrow-up-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-arrow-up-left {
  mask-position: -15.6rem 0rem;
}
.ico-xxsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-arrow-up-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-arrow-up-right {
  mask-position: -16.8rem 0rem;
}
.ico-xxsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-arrows-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-arrows-horizontal {
  mask-position: -18rem 0rem;
}
.ico-xxsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-arrows-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-arrows-vertical {
  mask-position: -19.2rem 0rem;
}
.ico-xxsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-at:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-at {
  mask-position: -20.4rem 0rem;
}
.ico-xxsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-attachment {
  mask-position: -21.6rem 0rem;
}
.ico-xxsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-book:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-book {
  mask-position: -22.8rem 0rem;
}
.ico-xxsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-bookmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-bookmark {
  mask-position: 0rem -1.2rem;
}
.ico-xxsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-bookmark-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-bookmark-add {
  mask-position: -1.2rem -1.2rem;
}
.ico-xxsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-bookmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-bookmark-filled {
  mask-position: -2.4rem -1.2rem;
}
.ico-xxsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-calendar:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-calendar {
  mask-position: -3.6rem -1.2rem;
}
.ico-xxsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-calendar-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-calendar-add {
  mask-position: -4.8rem -1.2rem;
}
.ico-xxsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-calendar-add-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-calendar-add-alt {
  mask-position: -6rem -1.2rem;
}
.ico-xxsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-calendar-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-calendar-settings {
  mask-position: -7.2rem -1.2rem;
}
.ico-xxsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-camera:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-camera {
  mask-position: -8.4rem -1.2rem;
}
.ico-xxsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-bullhorn:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-bullhorn {
  mask-position: -9.6rem -1.2rem;
}
.ico-xxsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-building:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-building {
  mask-position: -10.8rem -1.2rem;
}
.ico-xxsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-bus:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-bus {
  mask-position: -12rem -1.2rem;
}
.ico-xxsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-car-front:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-car-front {
  mask-position: -13.2rem -1.2rem;
}
.ico-xxsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-caret-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-caret-down {
  mask-position: -14.4rem -1.2rem;
}
.ico-xxsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-caret-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-caret-left {
  mask-position: -15.6rem -1.2rem;
}
.ico-xxsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-caret-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-caret-right {
  mask-position: -16.8rem -1.2rem;
}
.ico-xxsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-caret-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-caret-up {
  mask-position: -18rem -1.2rem;
}
.ico-xxsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-caret-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-caret-sort {
  mask-position: -19.2rem -1.2rem;
}
.ico-xxsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-center-circle:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-center-circle {
  mask-position: -20.4rem -1.2rem;
}
.ico-xxsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-chat:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-chat {
  mask-position: -21.6rem -1.2rem;
}
.ico-xxsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-chat-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-chat-off {
  mask-position: -22.8rem -1.2rem;
}
.ico-xxsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-checkbox:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-checkbox {
  mask-position: 0rem -2.4rem;
}
.ico-xxsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-checkbox-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-checkbox-checked {
  mask-position: -1.2rem -2.4rem;
}
.ico-xxsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-checkbox-checked-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-checkbox-checked-filled {
  mask-position: -2.4rem -2.4rem;
}
.ico-xxsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-checkbox-indeterminate:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-checkbox-indeterminate {
  mask-position: -3.6rem -2.4rem;
}
.ico-xxsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-checkbox-indeterminate-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-checkbox-indeterminate-filled {
  mask-position: -4.8rem -2.4rem;
}
.ico-xxsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-checkmark:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-checkmark {
  mask-position: -6rem -2.4rem;
}
.ico-xxsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-checkmark-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-checkmark-outline {
  mask-position: -7.2rem -2.4rem;
}
.ico-xxsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-checkmark-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-checkmark-filled {
  mask-position: -8.4rem -2.4rem;
}
.ico-xxsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-chevron-left:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-chevron-left {
  mask-position: -9.6rem -2.4rem;
}
.ico-xxsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-chevron-right:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-chevron-right {
  mask-position: -10.8rem -2.4rem;
}
.ico-xxsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-chevron-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-chevron-up {
  mask-position: -12rem -2.4rem;
}
.ico-xxsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-chevron-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-chevron-down {
  mask-position: -13.2rem -2.4rem;
}
.ico-xxsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-chevron-sort:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-chevron-sort {
  mask-position: -14.4rem -2.4rem;
}
.ico-xxsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-chevron-up-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-chevron-up-outline {
  mask-position: -15.6rem -2.4rem;
}
.ico-xxsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-chevron-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-chevron-down-outline {
  mask-position: -16.8rem -2.4rem;
}
.ico-xxsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-close:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-close {
  mask-position: -18rem -2.4rem;
}
.ico-xxsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-close-large:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-close-large {
  mask-position: -19.2rem -2.4rem;
}
.ico-xxsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-close-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-close-outline {
  mask-position: -20.4rem -2.4rem;
}
.ico-xxsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-close-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-close-filled {
  mask-position: -21.6rem -2.4rem;
}
.ico-xxsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-copy {
  mask-position: -22.8rem -2.4rem;
}
.ico-xxsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-copy-file:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-copy-file {
  mask-position: 0rem -3.6rem;
}
.ico-xxsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-cube:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-cube {
  mask-position: -1.2rem -3.6rem;
}
.ico-xxsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-document:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-document {
  mask-position: -2.4rem -3.6rem;
}
.ico-xxsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-document-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-document-add {
  mask-position: -3.6rem -3.6rem;
}
.ico-xxsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-document-attachment:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-document-attachment {
  mask-position: -4.8rem -3.6rem;
}
.ico-xxsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-document-audio:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-document-audio {
  mask-position: -6rem -3.6rem;
}
.ico-xxsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-document-blank:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-document-blank {
  mask-position: -7.2rem -3.6rem;
}
.ico-xxsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-document-configuration:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-document-configuration {
  mask-position: -8.4rem -3.6rem;
}
.ico-xxsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-document-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-document-download {
  mask-position: -9.6rem -3.6rem;
}
.ico-xxsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-document-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-document-export {
  mask-position: -10.8rem -3.6rem;
}
.ico-xxsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-document-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-document-subtract {
  mask-position: -12rem -3.6rem;
}
.ico-xxsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-document-tasks:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-document-tasks {
  mask-position: -13.2rem -3.6rem;
}
.ico-xxsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-document-unknown:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-document-unknown {
  mask-position: -14.4rem -3.6rem;
}
.ico-xxsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-draggable:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-draggable {
  mask-position: -15.6rem -3.6rem;
}
.ico-xxsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-download:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-download {
  mask-position: -16.8rem -3.6rem;
}
.ico-xxsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-edit:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-edit {
  mask-position: -18rem -3.6rem;
}
.ico-xxsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-edit-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-edit-off {
  mask-position: -19.2rem -3.6rem;
}
.ico-xxsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-email:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-email {
  mask-position: -20.4rem -3.6rem;
}
.ico-xxsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-erase:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-erase {
  mask-position: -21.6rem -3.6rem;
}
.ico-xxsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-error:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-error {
  mask-position: -22.8rem -3.6rem;
}
.ico-xxsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-error-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-error-filled {
  mask-position: 0rem -4.8rem;
}
.ico-xxsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-export {
  mask-position: -1.2rem -4.8rem;
}
.ico-xxsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-favorite:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-favorite {
  mask-position: -2.4rem -4.8rem;
}
.ico-xxsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-favorite-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-favorite-filled {
  mask-position: -3.6rem -4.8rem;
}
.ico-xxsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-filter:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-filter {
  mask-position: -4.8rem -4.8rem;
}
.ico-xxsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-filter-remove:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-filter-remove {
  mask-position: -6rem -4.8rem;
}
.ico-xxsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-flag:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-flag {
  mask-position: -7.2rem -4.8rem;
}
.ico-xxsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-flag-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-flag-filled {
  mask-position: -8.4rem -4.8rem;
}
.ico-xxsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-folder:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-folder {
  mask-position: -9.6rem -4.8rem;
}
.ico-xxsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-folder-add:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-folder-add {
  mask-position: -10.8rem -4.8rem;
}
.ico-xxsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-folder-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-folder-off {
  mask-position: -12rem -4.8rem;
}
.ico-xxsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-gift:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-gift {
  mask-position: -13.2rem -4.8rem;
}
.ico-xxsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-grid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-grid {
  mask-position: -14.4rem -4.8rem;
}
.ico-xxsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-headphones:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-headphones {
  mask-position: -15.6rem -4.8rem;
}
.ico-xxsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-headset:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-headset {
  mask-position: -16.8rem -4.8rem;
}
.ico-xxsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-home:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-home {
  mask-position: -18rem -4.8rem;
}
.ico-xxsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-idea:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-idea {
  mask-position: -19.2rem -4.8rem;
}
.ico-xxsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-identification:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-identification {
  mask-position: -20.4rem -4.8rem;
}
.ico-xxsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-image {
  mask-position: -21.6rem -4.8rem;
}
.ico-xxsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-image-copy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-image-copy {
  mask-position: -22.8rem -4.8rem;
}
.ico-xxsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-image-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-image-search {
  mask-position: 0rem -6rem;
}
.ico-xxsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-image-search-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-image-search-alt {
  mask-position: -1.2rem -6rem;
}
.ico-xxsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-import-export:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-import-export {
  mask-position: -2.4rem -6rem;
}
.ico-xxsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-information:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-information {
  mask-position: -3.6rem -6rem;
}
.ico-xxsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-information-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-information-filled {
  mask-position: -4.8rem -6rem;
}
.ico-xxsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-information-disabled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-information-disabled {
  mask-position: -6rem -6rem;
}
.ico-xxsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-information-square:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-information-square {
  mask-position: -7.2rem -6rem;
}
.ico-xxsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-information-square-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-information-square-filled {
  mask-position: -8.4rem -6rem;
}
.ico-xxsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-keyboard:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-keyboard {
  mask-position: -9.6rem -6rem;
}
.ico-xxsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-keyboard-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-keyboard-off {
  mask-position: -10.8rem -6rem;
}
.ico-xxsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-launch:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-launch {
  mask-position: -12rem -6rem;
}
.ico-xxsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-layers:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-layers {
  mask-position: -13.2rem -6rem;
}
.ico-xxsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-location:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-location {
  mask-position: -14.4rem -6rem;
}
.ico-xxsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-location-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-location-filled {
  mask-position: -15.6rem -6rem;
}
.ico-xxsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-locked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-locked {
  mask-position: -16.8rem -6rem;
}
.ico-xxsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-list-boxes:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-list-boxes {
  mask-position: -18rem -6rem;
}
.ico-xxsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-list:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-list {
  mask-position: -19.2rem -6rem;
}
.ico-xxsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-link:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-link {
  mask-position: -20.4rem -6rem;
}
.ico-xxsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-menu:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-menu {
  mask-position: -21.6rem -6rem;
}
.ico-xxsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-microphone:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-microphone {
  mask-position: -22.8rem -6rem;
}
.ico-xxsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-microphone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-microphone-filled {
  mask-position: 0rem -7.2rem;
}
.ico-xxsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-microphone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-microphone-off {
  mask-position: -1.2rem -7.2rem;
}
.ico-xxsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-microphone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-microphone-off-filled {
  mask-position: -2.4rem -7.2rem;
}
.ico-xxsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-music:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-music {
  mask-position: -3.6rem -7.2rem;
}
.ico-xxsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-next-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-next-outline {
  mask-position: -4.8rem -7.2rem;
}
.ico-xxsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-next-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-next-filled {
  mask-position: -6rem -7.2rem;
}
.ico-xxsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-no-image:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-no-image {
  mask-position: -7.2rem -7.2rem;
}
.ico-xxsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-notebook:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-notebook {
  mask-position: -8.4rem -7.2rem;
}
.ico-xxsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-notification:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-notification {
  mask-position: -9.6rem -7.2rem;
}
.ico-xxsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-notification-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-notification-filled {
  mask-position: -10.8rem -7.2rem;
}
.ico-xxsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-notification-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-notification-off {
  mask-position: -12rem -7.2rem;
}
.ico-xxsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-notification-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-notification-off-filled {
  mask-position: -13.2rem -7.2rem;
}
.ico-xxsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-ordinal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-ordinal {
  mask-position: -14.4rem -7.2rem;
}
.ico-xxsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-overflow-menu-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-overflow-menu-horizontal {
  mask-position: -15.6rem -7.2rem;
}
.ico-xxsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-overflow-menu-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-overflow-menu-vertical {
  mask-position: -16.8rem -7.2rem;
}
.ico-xxsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-pan-horizontal:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-pan-horizontal {
  mask-position: -18rem -7.2rem;
}
.ico-xxsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-pan-vertical:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-pan-vertical {
  mask-position: -19.2rem -7.2rem;
}
.ico-xxsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-pause:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-pause {
  mask-position: -20.4rem -7.2rem;
}
.ico-xxsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-pause-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-pause-filled {
  mask-position: -21.6rem -7.2rem;
}
.ico-xxsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-pause-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-pause-outline {
  mask-position: -22.8rem -7.2rem;
}
.ico-xxsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-pause-outline-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-pause-outline-filled {
  mask-position: 0rem -8.4rem;
}
.ico-xxsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-pen:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-pen {
  mask-position: -1.2rem -8.4rem;
}
.ico-xxsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-pending:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-pending {
  mask-position: -2.4rem -8.4rem;
}
.ico-xxsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-pending-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-pending-filled {
  mask-position: -3.6rem -8.4rem;
}
.ico-xxsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-phone:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-phone {
  mask-position: -4.8rem -8.4rem;
}
.ico-xxsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-phone-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-phone-filled {
  mask-position: -6rem -8.4rem;
}
.ico-xxsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-phone-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-phone-off {
  mask-position: -7.2rem -8.4rem;
}
.ico-xxsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-phone-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-phone-off-filled {
  mask-position: -8.4rem -8.4rem;
}
.ico-xxsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-pin:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-pin {
  mask-position: -9.6rem -8.4rem;
}
.ico-xxsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-pin-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-pin-filled {
  mask-position: -10.8rem -8.4rem;
}
.ico-xxsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-plan:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-plan {
  mask-position: -12rem -8.4rem;
}
.ico-xxsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-play:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-play {
  mask-position: -13.2rem -8.4rem;
}
.ico-xxsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-play-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-play-filled-alt {
  mask-position: -14.4rem -8.4rem;
}
.ico-xxsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-play-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-play-outline {
  mask-position: -15.6rem -8.4rem;
}
.ico-xxsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-play-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-play-filled {
  mask-position: -16.8rem -8.4rem;
}
.ico-xxsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-policy:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-policy {
  mask-position: -18rem -8.4rem;
}
.ico-xxsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-popup:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-popup {
  mask-position: -19.2rem -8.4rem;
}
.ico-xxsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-power:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-power {
  mask-position: -20.4rem -8.4rem;
}
.ico-xxsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-previous-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-previous-filled {
  mask-position: -21.6rem -8.4rem;
}
.ico-xxsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-previous-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-previous-outline {
  mask-position: -22.8rem -8.4rem;
}
.ico-xxsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-printer:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-printer {
  mask-position: 0rem -9.6rem;
}
.ico-xxsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-radio-button:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-radio-button {
  mask-position: -1.2rem -9.6rem;
}
.ico-xxsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-radio-button-checked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-radio-button-checked {
  mask-position: -2.4rem -9.6rem;
}
.ico-xxsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-recently-viewed:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-recently-viewed {
  mask-position: -3.6rem -9.6rem;
}
.ico-xxsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-redo:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-redo {
  mask-position: -4.8rem -9.6rem;
}
.ico-xxsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-renew:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-renew {
  mask-position: -6rem -9.6rem;
}
.ico-xxsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-repeat:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-repeat {
  mask-position: -7.2rem -9.6rem;
}
.ico-xxsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-restart:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-restart {
  mask-position: -8.4rem -9.6rem;
}
.ico-xxsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-reset:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-reset {
  mask-position: -9.6rem -9.6rem;
}
.ico-xxsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-save:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-save {
  mask-position: -10.8rem -9.6rem;
}
.ico-xxsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-screen:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-screen {
  mask-position: -12rem -9.6rem;
}
.ico-xxsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-screen-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-screen-off {
  mask-position: -13.2rem -9.6rem;
}
.ico-xxsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-search:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-search {
  mask-position: -14.4rem -9.6rem;
}
.ico-xxsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-search-advanced:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-search-advanced {
  mask-position: -15.6rem -9.6rem;
}
.ico-xxsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-search-locate:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-search-locate {
  mask-position: -16.8rem -9.6rem;
}
.ico-xxsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-security:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-security {
  mask-position: -18rem -9.6rem;
}
.ico-xxsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-send-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-send-alt {
  mask-position: -19.2rem -9.6rem;
}
.ico-xxsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-send-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-send-alt-filled {
  mask-position: -20.4rem -9.6rem;
}
.ico-xxsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-settings:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-settings {
  mask-position: -21.6rem -9.6rem;
}
.ico-xxsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-settings-adjust:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-settings-adjust {
  mask-position: -22.8rem -9.6rem;
}
.ico-xxsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-share:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-share {
  mask-position: 0rem -10.8rem;
}
.ico-xxsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-shopping-cart:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-shopping-cart {
  mask-position: -1.2rem -10.8rem;
}
.ico-xxsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-shuffle:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-shuffle {
  mask-position: -2.4rem -10.8rem;
}
.ico-xxsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-star:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-star {
  mask-position: -3.6rem -10.8rem;
}
.ico-xxsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-star-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-star-filled {
  mask-position: -4.8rem -10.8rem;
}
.ico-xxsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-star-half:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-star-half {
  mask-position: -6rem -10.8rem;
}
.ico-xxsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-stay-inside:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-stay-inside {
  mask-position: -7.2rem -10.8rem;
}
.ico-xxsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-stop:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-stop {
  mask-position: -8.4rem -10.8rem;
}
.ico-xxsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-stop-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-stop-filled-alt {
  mask-position: -9.6rem -10.8rem;
}
.ico-xxsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-stop-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-stop-outline {
  mask-position: -10.8rem -10.8rem;
}
.ico-xxsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-stop-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-stop-filled {
  mask-position: -12rem -10.8rem;
}
.ico-xxsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-subtract:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-subtract {
  mask-position: -13.2rem -10.8rem;
}
.ico-xxsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-subtract-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-subtract-alt {
  mask-position: -14.4rem -10.8rem;
}
.ico-xxsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-subtract-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-subtract-filled {
  mask-position: -15.6rem -10.8rem;
}
.ico-xxsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-switcher:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-switcher {
  mask-position: -16.8rem -10.8rem;
}
.ico-xxsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-tag:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-tag {
  mask-position: -18rem -10.8rem;
}
.ico-xxsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-thumbs-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-thumbs-down {
  mask-position: -19.2rem -10.8rem;
}
.ico-xxsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-thumbs-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-thumbs-down-filled {
  mask-position: -20.4rem -10.8rem;
}
.ico-xxsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-thumbs-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-thumbs-up {
  mask-position: -21.6rem -10.8rem;
}
.ico-xxsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-thumbs-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-thumbs-up-filled {
  mask-position: -22.8rem -10.8rem;
}
.ico-xxsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-ticket:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-ticket {
  mask-position: 0rem -12rem;
}
.ico-xxsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-time:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-time {
  mask-position: -1.2rem -12rem;
}
.ico-xxsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-time-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-time-filled {
  mask-position: -2.4rem -12rem;
}
.ico-xxsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-triangle-down-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-triangle-down-outline {
  mask-position: -3.6rem -12rem;
}
.ico-xxsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-triangle-down-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-triangle-down-solid {
  mask-position: -4.8rem -12rem;
}
.ico-xxsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-triangle-left-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-triangle-left-outline {
  mask-position: -6rem -12rem;
}
.ico-xxsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-triangle-left-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-triangle-left-solid {
  mask-position: -7.2rem -12rem;
}
.ico-xxsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-triangle-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-triangle-outline {
  mask-position: -8.4rem -12rem;
}
.ico-xxsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-triangle-right-outline:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-triangle-right-outline {
  mask-position: -9.6rem -12rem;
}
.ico-xxsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-triangle-right-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-triangle-right-solid {
  mask-position: -10.8rem -12rem;
}
.ico-xxsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-triangle-solid:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-triangle-solid {
  mask-position: -12rem -12rem;
}
.ico-xxsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-unlocked:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-unlocked {
  mask-position: -13.2rem -12rem;
}
.ico-xxsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-undo:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-undo {
  mask-position: -14.4rem -12rem;
}
.ico-xxsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-upload:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-upload {
  mask-position: -15.6rem -12rem;
}
.ico-xxsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-user:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-user {
  mask-position: -16.8rem -12rem;
}
.ico-xxsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-user-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-user-filled {
  mask-position: -18rem -12rem;
}
.ico-xxsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-user-avatar:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-user-avatar {
  mask-position: -19.2rem -12rem;
}
.ico-xxsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-user-avatar-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-user-avatar-filled {
  mask-position: -20.4rem -12rem;
}
.ico-xxsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-video:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-video {
  mask-position: -21.6rem -12rem;
}
.ico-xxsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-video-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-video-filled {
  mask-position: -22.8rem -12rem;
}
.ico-xxsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-video-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-video-off {
  mask-position: 0rem -13.2rem;
}
.ico-xxsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-video-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-video-off-filled {
  mask-position: -1.2rem -13.2rem;
}
.ico-xxsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-view:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-view {
  mask-position: -2.4rem -13.2rem;
}
.ico-xxsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-view-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-view-filled {
  mask-position: -3.6rem -13.2rem;
}
.ico-xxsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-view-off:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-view-off {
  mask-position: -4.8rem -13.2rem;
}
.ico-xxsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-view-off-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-view-off-filled {
  mask-position: -6rem -13.2rem;
}
.ico-xxsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-volume-down:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-volume-down {
  mask-position: -7.2rem -13.2rem;
}
.ico-xxsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-volume-down-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-volume-down-filled {
  mask-position: -8.4rem -13.2rem;
}
.ico-xxsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-volume-down-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-volume-down-alt {
  mask-position: -9.6rem -13.2rem;
}
.ico-xxsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-volume-down-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-volume-down-filled-alt {
  mask-position: -10.8rem -13.2rem;
}
.ico-xxsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-volume-mute:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-volume-mute {
  mask-position: -12rem -13.2rem;
}
.ico-xxsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-volume-mute-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-volume-mute-filled {
  mask-position: -13.2rem -13.2rem;
}
.ico-xxsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-volume-up:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-volume-up {
  mask-position: -14.4rem -13.2rem;
}
.ico-xxsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-volume-up-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-volume-up-filled {
  mask-position: -15.6rem -13.2rem;
}
.ico-xxsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-volume-up-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-volume-up-alt {
  mask-position: -16.8rem -13.2rem;
}
.ico-xxsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-volume-up-filled-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-volume-up-filled-alt {
  mask-position: -18rem -13.2rem;
}
.ico-xxsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-warning:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-warning {
  mask-position: -19.2rem -13.2rem;
}
.ico-xxsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-warning-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-warning-filled {
  mask-position: -20.4rem -13.2rem;
}
.ico-xxsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-warning-alt:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-warning-alt {
  mask-position: -21.6rem -13.2rem;
}
.ico-xxsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-warning-alt-filled:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-warning-alt-filled {
  mask-position: -22.8rem -13.2rem;
}
.ico-xxsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-zoom-in:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-zoom-in {
  mask-position: 0rem -14.4rem;
}
.ico-xxsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt) {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0;
  text-indent: -99999rem;
  width: 1.2rem;
  height: 1.2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.2rem * 20) auto;
  mask-repeat: no-repeat;
  background-color: #1A1A1A;
}
.ico-xxsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot, .ico-xxsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).primary {
  background-color: #100380;
}
.ico-xxsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot2, .ico-xxsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).secondary {
  background-color: #00B6ED;
}
.ico-xxsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).spot3, .ico-xxsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).accent {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.ico-xxsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).wh {
  background-color: #fff;
}
.ico-xxsm-zoom-out:not(.btn, .btn-lg, .btn-sm, .btn-txt).gr {
  background-color: #727077;
}
.ico-xxsm-zoom-out {
  mask-position: -1.2rem -14.4rem;
}

[class^=ico-].back {
  margin-left: 0.8rem;
}

.ico-star-filled,
.ico-sm-star-filled,
.ico-xsm-star-filled {
  background-color: #FFD200 !important;
}

/* -------------------------------------------------    
	- TABLET
------------------------------------------------- */
/* -------------------------------------------------    
	- mobile
------------------------------------------------- */
/* label */
.label-area {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.label, .view-list cite {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.4rem;
  box-sizing: border-box;
  color: #5A585E;
  background-color: #EFEEF3;
  padding: 0 0.8rem;
  font-size: var(--fs-xsm);
  vertical-align: middle;
}
.label.spot, .view-list cite.spot {
  background-color: #100380;
  color: #fff;
}
.label.primary, .view-list cite.primary {
  background-color: #100380;
  color: #fff;
}
.label.spot2, .view-list cite.spot2 {
  background-color: #00B6ED;
  color: #fff;
}
.label.secondary, .view-list cite.secondary {
  background-color: #00B6ED;
  color: #fff;
}
.label.bl, .view-list cite.bl {
  background-color: #005FBE;
  color: #fff;
}
.label.gn, .view-list cite.gn {
  background-color: #78BF26;
  color: #fff;
}
.label.rd, .view-list cite.rd {
  background-color: #F94868;
  color: #fff;
}
.label.bk, .view-list cite.bk {
  background-color: #1A1A1A;
  color: #fff;
}
.label.line, .view-list cite.line {
  background-color: #fff;
  border: 0.1rem solid #727077;
}
.label.line.spot, .view-list cite.line.spot {
  border-color: #100380;
  color: #100380;
}
.label.line.primary, .view-list cite.line.primary {
  border-color: #100380;
  color: #100380;
}
.label.line.spot2, .view-list cite.line.spot2 {
  border-color: #00B6ED;
  color: #00B6ED;
}
.label.line.secondary, .view-list cite.line.secondary {
  border-color: #00B6ED;
  color: #00B6ED;
}
.label.line.bl, .view-list cite.line.bl {
  border-color: #005FBE;
  color: #005FBE;
}
.label.line.gn, .view-list cite.line.gn {
  border-color: #78BF26;
  color: #78BF26;
}
.label.line.rd, .view-list cite.line.rd {
  border-color: #F94868;
  color: #F94868;
}
.label.line.bk, .view-list cite.line.bk {
  border-color: #1A1A1A;
  color: #1A1A1A;
}
.label.round, .view-list cite.round {
  width: 6.4rem;
  height: 6.4rem;
  padding: 0;
  border-radius: 100%;
  font-weight: 700;
  font-size: var(--fs-md);
}

.label-tooltip {
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  margin-top: -0.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.4rem;
  box-sizing: border-box;
  color: #100380;
  background-color: #EFEEF3;
  padding: 0 0.8rem;
  font-size: var(--fs-xsm);
  vertical-align: middle;
}
.label-tooltip::after {
  border-top: 0.4rem solid #EFEEF3;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-bottom: 0 solid transparent;
  content: "";
  position: absolute;
  bottom: -0.4rem;
}
*:has(.label-tooltip) {
  position: relative;
}

@media (max-width: 767px) {
  .label.round, .view-list cite.round {
    width: 4.8rem;
    height: 4.8rem;
    font-size: var(--fs-sm);
  }
}
.scroll-x {
  overflow-x: auto;
}
.scroll-x table {
  width: 100%;
}

table img {
  max-width: 100%;
}

.list-type,
.write-type,
.write-type2,
.info-type,
.view-type {
  position: relative;
  clear: both;
  word-break: keep-all;
  text-align: center;
}
.list-type table,
.write-type table,
.write-type2 table,
.info-type table,
.view-type table {
  width: 100%;
  clear: both;
  border-top: 0.1rem solid #333333;
}
.list-type th,
.list-type td,
.write-type th,
.write-type td,
.write-type2 th,
.write-type2 td,
.info-type th,
.info-type td,
.view-type th,
.view-type td {
  border-bottom: 0.1rem solid #DDDAE3;
  box-sizing: border-box;
  height: 8rem;
  padding: 1.6rem;
  text-align: center;
}
.list-type th,
.write-type th,
.write-type2 th,
.info-type th,
.view-type th {
  font-weight: 700;
  color: #727077;
}
.list-type td,
.write-type td,
.write-type2 td,
.info-type td,
.view-type td {
  color: #333333;
}
.list-type thead th,
.write-type thead th,
.write-type2 thead th,
.info-type thead th,
.view-type thead th {
  height: 6.4rem;
}
.list-type + *,
.write-type + *,
.write-type2 + *,
.info-type + *,
.view-type + * {
  margin-top: 4rem;
}
.list-type + .bg-box, .list-type + .border-box, .list-type + .msg,
.write-type + .bg-box,
.write-type + .border-box,
.write-type + .msg,
.write-type2 + .bg-box,
.write-type2 + .border-box,
.write-type2 + .msg,
.info-type + .bg-box,
.info-type + .border-box,
.info-type + .msg,
.view-type + .bg-box,
.view-type + .border-box,
.view-type + .msg {
  margin-top: 2.4rem;
}
.list-type .ico-reply,
.write-type .ico-reply,
.write-type2 .ico-reply,
.info-type .ico-reply,
.view-type .ico-reply {
  display: inline-block;
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  font-size: 0;
}
.list-type .ico-reply:before,
.write-type .ico-reply:before,
.write-type2 .ico-reply:before,
.info-type .ico-reply:before,
.view-type .ico-reply:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  border-left: 0.1rem solid #1A1A1A;
  border-bottom: 0.1rem solid #1A1A1A;
}

/* table : info-type */
.info-type th {
  background-color: #F8F8FB;
}
.info-type th,
.info-type td {
  padding: 0.8rem;
  border: 0.1rem solid #EFEEF3;
  height: 6.4rem;
}
.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;
}

/* table : list-type */
.list-type tbody td.al > a,
.list-type tbody td p.fs-lg {
  display: inline-block;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  max-width: 100%;
  width: auto;
  font-weight: 700;
}
.list-type tbody td.al > a + .msg,
.list-type tbody td p.fs-lg + .msg {
  margin-top: 0.8rem;
}
.list-type tbody td.al > a {
  cursor: pointer;
}
.list-type tbody td.al > a:hover {
  color: #100380;
}
.list-type .btn-cont {
  margin: 0;
}

/* write-type */
.required {
  display: inline-block;
  margin-left: 0.2rem;
  width: 0.7rem;
  height: 0.7rem;
  animation: opacity 2s infinite alternate;
  color: #00B6ED;
}

.txt-option {
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}

.msg {
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}

.write-type th,
.write-type td {
  text-align: left;
}
.write-type th {
  border-right: 0.1rem solid #EFEEF3;
}
.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.8rem;
}
.write-type td > :last-child {
  margin-right: 0;
}
.write-type td .checkradio {
  margin-right: 3.2rem;
}
.write-type input.q0 {
  width: 10rem;
}
.write-type input[type=number].q0 {
  width: 12rem;
}
.write-type input.q1 {
  width: calc((100% - 3.6rem) / 4);
}
.write-type input.q2 {
  width: calc((100% - 0.8rem) / 2);
}
.write-type input.q3 {
  width: calc((100% - 0.4rem) / 3 * 2);
}
.write-type input.q4 {
  width: 100%;
}
.write-type input + .msg {
  margin-top: 0;
}

/* table : view-type */
.view-type table {
  border-top: none;
}
.view-type thead th {
  padding: 0 0 3.2rem;
  text-align: left;
  border-bottom: 0.1rem solid #DDDAE3;
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
}
.view-type thead th em,
.view-type thead th strong {
  font-weight: 800;
}
.view-type thead .info {
  margin-top: 1.2rem;
}
.view-type tbody td {
  text-align: left;
  padding: 2.4rem 0;
  border-bottom: 0.1rem solid #DDDAE3;
}
.view-type .info {
  margin-top: 2.4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 0 0.8rem 2.4rem;
  font-size: var(--fs-md);
  font-weight: 400;
  color: #333333;
}
.view-type .info dt {
  font-weight: 700;
  margin-right: 0.8rem;
}
.view-type .info dd {
  margin-right: 3.2rem;
}

.file {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.file a {
  display: flex;
  gap: 0.8rem;
  overflow: hidden;
  vertical-align: middle;
}
.file a:hover, .file a:focus {
  text-decoration: underline;
}

.view-list {
  margin-bottom: 8rem;
  display: flex;
  justify-content: space-between;
  gap: 1.6rem;
}
.view-list li {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  flex: 1;
  padding: 2.4rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #DDDAE3;
  overflow: hidden;
}
.view-list cite {
  flex: none;
}
.view-list a {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  flex: 1;
}
.view-list a:hover, .view-list a:focus {
  text-decoration: underline;
}
.view-list .date {
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}

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

.view-reply-area {
  margin-bottom: 4rem;
}
.view-reply-area header {
  display: flex;
  gap: 1.6rem;
  background-color: #F8F8FB;
  border: 0.1rem solid #EFEEF3;
  border-radius: 0.8rem;
  padding: 2.4rem 3.2rem;
  align-items: center;
}
.view-reply-area header > * {
  margin: 0;
}
.view-reply-area header .info {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 0 0.8rem 2.4rem;
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}
.view-reply-area header .info dt {
  font-weight: 700;
  margin-right: 0.8rem;
}
.view-reply-area header .info dd {
  margin-right: 3.2rem;
}

/* -------------------------------------------------    
	  - TABLET
  ------------------------------------------------- */
@media (max-width: 1279px) {
  .list-type,
  .list-type.sm {
    text-align: left;
  }
  .list-type thead,
  .list-type.sm thead {
    display: none;
  }
  .list-type col,
  .list-type thead th,
  .list-type thead td,
  .list-type tbody th,
  .list-type tbody td,
  .list-type.sm col,
  .list-type.sm thead th,
  .list-type.sm thead td,
  .list-type.sm tbody th,
  .list-type.sm tbody td {
    display: inline-block;
    width: auto;
    border: none;
    height: auto;
    min-height: 0;
    padding: 0;
    margin-bottom: 0.8rem;
    min-height: 0;
    line-height: 1.3;
  }
  .list-type tbody tr,
  .list-type.sm tbody tr {
    display: block;
    width: 100%;
    border-bottom: 0.1rem solid #EFEEF3;
    padding: 2rem 0 1.6rem;
  }
  .list-type tbody td,
  .list-type.sm tbody td {
    vertical-align: middle;
    margin-right: 1.6rem;
  }
  .list-type tbody td[data-tit]::before,
  .list-type.sm tbody td[data-tit]::before {
    content: attr(data-tit) " : ";
    display: inline-block;
    margin-right: 0.4rem;
    text-align: left;
    color: #333333;
    vertical-align: middle;
    font-weight: 500;
  }
  .list-type tbody td p,
  .list-type.sm tbody td p {
    display: inline-block;
  }
  .list-type tbody td:last-child::after,
  .list-type.sm tbody td:last-child::after {
    display: none;
  }
  .list-type tbody td.al,
  .list-type.sm tbody td.al {
    display: block;
    margin-right: 0;
  }
  .list-type tbody td.al > a,
  .list-type.sm tbody td.al > a {
    font-size: var(--fs-lg);
  }
  .list-type tbody td.al::after,
  .list-type.sm tbody td.al::after {
    display: none;
  }
  .list-type tbody td.bk,
  .list-type.sm tbody td.bk {
    font-size: 1.5rem;
    color: #0A0A0A;
  }
  .list-type tbody td.pcta,
  .list-type.sm tbody td.pcta {
    display: none !important;
  }
  .list-type tbody td .fs-sm,
  .list-type.sm tbody td .fs-sm {
    font-size: var(--fs);
  }
  .list-type tbody .btn-cont,
  .list-type.sm tbody .btn-cont {
    display: flex;
    justify-content: flex-start;
    text-align: left;
  }
  .list-type tbody .m-row,
  .list-type.sm tbody .m-row {
    display: block;
    text-align: left;
    padding-right: 0;
    margin-right: 0;
  }
  .list-type tbody .m-row::after,
  .list-type.sm tbody .m-row::after {
    display: none;
  }
  .list-type tbody .m-row-flex,
  .list-type.sm tbody .m-row-flex {
    width: 100%;
    display: flex;
    padding-right: 0;
    margin-right: 0;
    align-items: center;
  }
  .list-type tbody .m-row-flex[data-tit]::before,
  .list-type.sm tbody .m-row-flex[data-tit]::before {
    flex-basis: content;
    white-space: nowrap;
  }
  .list-type tbody .m-bg,
  .list-type.sm tbody .m-bg {
    background-color: #F3F0EE;
    border-radius: 0.4rem;
    padding: 0.8rem;
    margin-top: 1.2rem;
    margin-right: 0;
  }
  .list-type tbody .m-bg .btn-cont,
  .list-type.sm tbody .m-bg .btn-cont {
    justify-content: flex-end;
  }
  .list-type .m-row:last-child,
  .list-type.sm .m-row:last-child {
    margin-bottom: 0;
  }
  .list-type .m-row .btn-cont,
  .list-type.sm .m-row .btn-cont {
    background-color: #F3F0EE;
    padding: 0.8rem 1.2rem;
    border-radius: 0.4rem;
    box-sizing: border-box;
    justify-content: flex-end;
  }
  .list-type .m-row .btn-sm,
  .list-type.sm .m-row .btn-sm {
    border: 1rem solid #DDDAE3;
  }
  .list-type .m-row .btn-sm.spot, .list-type .m-row .btn-sm.spot2, .list-type .m-row .btn-sm.spot3, .list-type .m-row .btn-sm.spot4,
  .list-type.sm .m-row .btn-sm.spot,
  .list-type.sm .m-row .btn-sm.spot2,
  .list-type.sm .m-row .btn-sm.spot3,
  .list-type.sm .m-row .btn-sm.spot4 {
    border: none;
  }
  .write-type th,
  .write-type td {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
/* -------------------------------------------------    
	  - mobile
  ------------------------------------------------- */
@media (max-width: 767px) {
  /* table */
  .hdnCol1 table colgroup col:nth-child(1),
  .hdnCol2 table colgroup col:nth-child(2),
  .hdnCol3 table colgroup col:nth-child(3),
  .hdnCol4 table colgroup col:nth-child(4),
  .hdnCol5 table colgroup col:nth-child(5),
  .hdnCol6 table colgroup col:nth-child(6),
  .hdnCol7 table colgroup col:nth-child(7),
  .hdnCol8 table colgroup col:nth-child(8),
  .hdnCol9 table colgroup col:nth-child(9),
  .hdnCol10 table colgroup col:nth-child(10),
  .hdnCol1 table tr th:nth-child(1),
  .hdnCol2 table tr th:nth-child(2),
  .hdnCol3 table tr th:nth-child(3),
  .hdnCol4 table tr th:nth-child(4),
  .hdnCol5 table tr th:nth-child(5),
  .hdnCol6 table tr th:nth-child(6),
  .hdnCol7 table tr th:nth-child(7),
  .hdnCol8 table tr th:nth-child(8),
  .hdnCol9 table tr th:nth-child(9),
  .hdnCol10 table tr th:nth-child(10),
  .hdnCol1 table tr td:nth-child(1),
  .hdnCol2 table tr td:nth-child(2),
  .hdnCol3 table tr td:nth-child(3),
  .hdnCol4 table tr td:nth-child(4),
  .hdnCol5 table tr td:nth-child(5),
  .hdnCol6 table tr td:nth-child(6),
  .hdnCol7 table tr td:nth-child(7),
  .hdnCol8 table tr td:nth-child(8),
  .hdnCol9 table tr td:nth-child(9),
  .hdnCol10 table tr td:nth-child(10) {
    display: none;
  }
  div[class$=type] + * {
    margin-top: 4rem;
  }
  div[class$=type] + .btn-cont, div[class$=type] + .paging, div[class$=type] + .bullet {
    margin-top: 2rem;
  }
  .table-tit {
    font-size: 1.5rem;
  }
  .list-type {
    font-size: 1.2rem;
  }
  .list-type tbody tr {
    padding: 1.2rem 0;
  }
  .list-type tbody td.al {
    margin-right: 0;
  }
  .list-type tbody td.al > a {
    font-size: 1.4rem;
  }
  .write-type table {
    table-layout: auto;
    overflow: hidden;
  }
  .write-type table col,
  .write-type table colgroup {
    display: none;
  }
  .write-type table th,
  .write-type table td {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    line-height: 1.33;
    text-align: left;
    box-sizing: border-box;
    overflow: hidden;
  }
  .write-type table th {
    padding: 1.6rem 0 0;
  }
  .write-type table td {
    padding: 0.8rem 0 1.6rem 0;
    border-bottom: 0.1rem solid #DDDAE3;
  }
  .write-type table .btn, .write-type table .type-b .mn-visual .slide-guide .guide-fnc-area a, .type-b .mn-visual .slide-guide .guide-fnc-area .write-type table a {
    height: 4rem;
    line-height: 3.8rem;
  }
  .write-type input:not([type=checkbox], [type=radio]),
  .write-type input.q2,
  .write-type input.q3,
  .write-type input.q4 {
    width: 100%;
  }
  .view-reply-area header {
    padding: 1.2rem;
  }
}
.dim,
.dim2 {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(248, 248, 251, 0.4);
  /* backdrop-filter: blur(.18rem);*/
  z-index: 99;
}

.popup {
  display: none;
  position: fixed;
  flex-direction: column;
  box-sizing: border-box;
  border: 0.1rem solid #0A0A0A;
  width: 64rem;
  max-width: calc(100% - var(--wrap-gap) * 2);
  left: 50%;
  top: 50%;
  background-color: #fff;
  z-index: 100;
  box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
  border-radius: 0.8rem;
  transform: translate(-50%, -50%);
  max-height: calc(100vh - 4.8rem);
  overflow-y: auto;
}
.popup img {
  max-width: 100%;
}
.popup .pop-header {
  position: relative;
  background-color: #F3F0EE;
  padding: 2.4rem;
}
.popup .pop-header h1 {
  display: block;
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
  padding-right: 3.6rem;
}
.popup .pop-header h1 em,
.popup .pop-header h1 strong {
  font-weight: 800;
}
.popup .pop-body {
  display: block;
  padding: 2.4rem;
  flex: 1;
  overflow-y: auto;
}
.popup .pop-body:first-of-type {
  padding-top: 6.4rem;
}
.popup .btn-cont {
  padding: 0 2.4rem;
  margin: 0;
}
.popup .btn-cont:last-child {
  margin-bottom: 0;
}
.popup .pop-footer {
  padding: 2.4rem;
}
.popup .pop-footer .btn-flex-cont {
  margin: 0;
}
.popup.sm {
  width: 40rem;
}
.popup.lg {
  width: 80rem;
}

.pop-close {
  position: absolute;
  width: 4.8rem;
  height: 4.8rem;
  overflow: hidden;
  text-indent: -9990rem;
  top: 1.6rem;
  right: 1.6rem;
}
.pop-close::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4rem;
  height: 4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(4rem * 20) auto;
  mask-position: -60rem -8rem;
  background: #1A1A1A;
}
.pop-close .wh::before {
  width: 4rem;
  height: 4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(4rem * 20) auto;
  mask-position: -60rem -8rem;
  background: wh;
  background-color: #fff;
}

/* mn-popup-area */
.mn-popup-area {
  position: absolute;
  top: 10rem;
  left: 10rem;
  right: 10rem;
  text-align: center;
  font-size: 0;
  line-height: 0;
  z-index: 100;
}

.mn-popup-area .popup {
  position: relative;
  top: 0;
  left: 0;
  margin: 0.5rem;
  display: inline-block;
  vertical-align: top;
  font-size: 1.3rem;
  line-height: 1.769em;
  transform: translate(-10%, -10%);
}

.today-close {
  padding: 20px 16px;
  text-align: left;
}
.today-close input {
  position: relative;
  opacity: 1;
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 1px solid #000;
  -webkit-appearance: auto;
}

.pop-notice {
  width: 50rem;
  background: #fff;
  z-index: 9999;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
  text-align: left;
}

.pop-notice .pop-close {
  position: absolute;
  right: 3rem;
  top: 3.5rem;
  width: 3rem;
  height: 3rem;
  text-indent: -9999rem;
  overflow: hidden;
}

.pop-notice .btn-cont {
  text-align: center;
  padding: 3rem 0;
  margin: 0;
}

.pop-notice .noti-contents {
  padding: 5rem 4rem;
}

.pop-notice .noti-contents {
  font-size: 1.6rem;
}

.pop-notice .noti-contents h1,
.pop-notice .noti-contents h2,
.pop-notice .noti-contents h3,
.pop-notice .noti-contents h4,
.pop-notice .noti-contents h5,
.pop-notice .noti-contents h6 {
  line-height: 1.4em;
}

.pop-notice .noti-contents p {
  margin: 0.5rem 0;
  line-height: 1.7em;
  word-break: break-all;
}

.pop-notice .noti-contents ol li {
  list-style-type: decimal;
}

.pop-notice .noti-contents ul li {
  list-style-type: disc;
}

.pop-notice .noti-contents a {
  color: #100380;
  text-decoration: underline;
}

.pop-notice img {
  display: block;
}

.pop-notice > p {
  background: #f5f5f5;
  border-top: 1rem solid var(--color-gr100);
  padding: 1rem 2rem;
  color: #555;
  font-size: 1.3rem;
  color: #000;
}

.popup-win {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}

.popup-win .pop-close {
  right: 2.4rem;
  top: 2.4rem;
  background: none;
}

.popup-win .pop-header {
  position: relative;
  display: flex;
  align-items: center;
  /*min-height: 70rem;*/
  border-bottom: 2rem solid #333;
  box-sizing: border-box;
  padding: 3rem 6rem 3rem 3rem;
  flex-basis: 1;
  background-color: #f7f9fa;
}

.popup-win .pop-header h1 {
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  padding-right: 3.6rem;
}

.popup-win .pop-body {
  display: block;
  padding: 3rem;
  box-sizing: border-box;
  max-height: 100%;
  font-size: 1.8rem;
  overflow-y: auto;
  flex-basis: 1;
}

/* -------------------------------------------------    
	- TABLET
------------------------------------------------- */
@media (max-width: 1279px) {
  .popup-item {
    right: 2rem;
    bottom: 2rem;
  }
}
/* -------------------------------------------------    
	- mobile
------------------------------------------------- */
@media (max-width: 767px) {
  .popup .pop-header,
  .popup .pop-body,
  .popup .pop-footer {
    padding: 1.6rem;
  }
  .popup .pop-close {
    top: 0.8rem;
    right: 0.8rem;
  }
  .popup-item {
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
  }
  .mn-popup-area {
    top: 0;
    left: 0;
    right: 0;
  }
  .mn-popup-area .popup {
    width: 100%;
    transform: none;
  }
  .mn-popup-area .today-close {
    padding-bottom: 12px;
    text-align: left;
  }
}
.paging {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8rem auto 4rem;
  gap: 0.8rem;
  overflow: hidden;
  text-align: center;
  overflow-x: auto;
}
.paging a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 0.4rem;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.paging a:hover, .paging a:focus {
  background-color: #F3F0EE;
  border-color: #F3F0EE;
}
.paging .pv {
  margin-right: 0.8rem;
}
.paging .pv a {
  border: 0.1rem solid #DDDAE3;
}
.paging .fw {
  margin-left: 0.8rem;
}
.paging .fw a {
  border: 0.1rem solid #DDDAE3;
}
.paging .ppv a,
.paging .ffw a {
  border: 0.1rem solid #DDDAE3;
}
.paging .txt-hide {
  position: static;
  text-indent: -9999rem;
  color: #fff;
  font-size: 0;
  width: 100%;
  height: 100%;
  clip-path: none;
}
.paging li.disabled a, .paging li.disabled a:hover, .paging li.disabled a:focus {
  background-position: 0 0;
}
.paging li a:hover, .paging li a:focus {
  color: #0A0A0A;
}
.paging li.ppv a span:before,
.paging li.ppv a span:after, .paging li.ffw a span:before,
.paging li.ffw a span:after, .paging li.pv a span:before,
.paging li.pv a span:after, .paging li.fw a span:before,
.paging li.fw a span:after {
  content: "";
  position: absolute;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  box-sizing: border-box;
  border-top: 0.2rem solid #727077;
  border-left: 0.2rem solid #727077;
  top: 50%;
  left: 50%;
  transform-origin: left top;
}
.paging li.pv a span:after, .paging li.fw a span:after {
  display: none;
}
.paging li.pv a span:before, .paging li.ppv a span:before, .paging li.ppv a span:after {
  transform: rotate(-45deg);
}
.paging li.fw a span:before, .paging li.ffw a span:before, .paging li.ffw a span:after {
  transform: rotate(135deg);
}
.paging li.pv a span:before {
  margin-left: -0.4rem;
}
.paging li.fw a span:before {
  margin-left: 0.4rem;
}
.paging li.ppv a span:before {
  margin-left: -0.8rem;
}
.paging li.ppv a span:after {
  margin-left: 0;
}
.paging li.ffw a span:before {
  margin-left: 0;
}
.paging li.ffw a span:after {
  margin-left: 0.8rem;
}
.paging li.ppv a:hover span:before, .paging li.ppv a:focus span:before, .paging li.ffw a:hover span:before, .paging li.ffw a:focus span:before, .paging li.ppv a:hover span:after, .paging li.ppv a:focus span:after, .paging li.ffw a:hover span:after, .paging li.ffw a:focus span:after, .paging li.pv a:hover span:before, .paging li.pv a:focus span:before, .paging li.fw a:hover span:before, .paging li.fw a:focus span:before {
  border-color: #0A0A0A;
}
.paging li.is-active a, .paging li.is-active a:hover, .paging li.is-active a:focus {
  background-color: #100380;
  font-weight: 700;
  border-color: #100380;
  color: #fff;
}

/* -------------------------------------------------    
	- TABLET
------------------------------------------------- */
/* -------------------------------------------------    
	- mobile
------------------------------------------------- */
@media (max-width: 767px) {
  /* paging */
  .paging a {
    width: 3.6rem;
    height: 3.6rem;
  }
  .paging li.pv {
    margin-right: 1vw;
  }
  .paging li.fw {
    margin-left: 1vw;
  }
}
.accordion {
  margin-top: 1.5rem;
  display: grid;
  grid-auto-flow: row;
  gap: 1.6rem;
}
.accordion .is-active {
  box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
}
.accordion .is-active .accordion-tit-area cite {
  background-color: #333333;
  color: #fff;
}
.accordion .is-active .accoridon-tit {
  color: #333333;
  font-weight: 700;
}
.accordion .is-active .accordion-txt-area {
  display: block;
}
.accordion li {
  border: 0.1rem solid #DDDAE3;
  border-radius: 0.8rem;
  overflow: hidden;
}
.accordion .accordion-tit-area {
  position: relative;
  padding: 2.4rem;
}
.accordion .accordion-tit-area cite {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  padding: 0.8rem 1.2rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.8rem;
  font-size: var(--fs-xsm);
  background-color: #F3F0EE;
  color: #333333;
  border-radius: 0.4rem;
}
.accordion .accoridon-tit {
  display: block;
  vertical-align: middle;
}
.accordion .btn-accordion-toggle {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-indent: -9999rem;
}
.accordion .accordion-txt-area {
  display: none;
  padding: 3.2rem;
  background-color: #F3F0EE;
}

@media (max-width: 767px) {
  .accordion .accordion-tit-area,
  .accordion .accordion-txt-area {
    padding: 1.6rem;
  }
}
.tabs-normal .tabs-cont {
  display: none;
}

.tabs-nav {
  margin-bottom: 4rem;
  display: flex;
  border-radius: 0.8rem;
  border: 0.1rem solid #DDDAE3;
  overflow-x: auto;
}
.tabs-nav li {
  flex: 1;
}
.tabs-nav li:first-of-type a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tabs-nav li:last-of-type a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tabs-nav li a {
  position: relative;
  display: flex;
  height: 5.6rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #333333;
  border-radius: 0.8rem;
  font-weight: 700;
  padding: 0 0.8rem;
  white-space: nowrap;
}
.tabs-nav li a.is-active {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  color: #fff;
}
.tabs-nav li a:not(.is-active):hover, .tabs-nav li a:not(.is-active):focus {
  background: #F8F8FB;
}
.tabs-nav-sm {
  margin-bottom: 2.4rem;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.8rem 1.6rem;
}
.tabs-nav-sm li {
  display: flex;
  align-items: center;
  position: relative;
}
.tabs-nav-sm li::after {
  content: " ";
  right: -2rem;
  display: inline-block;
  border-radius: 100%;
  width: 0.4rem;
  height: 0.4rem;
  margin-left: 1.6rem;
  background-color: #DDDAE3;
}
.tabs-nav-sm li:last-of-type::after {
  display: none;
}
.tabs-nav-sm a {
  position: relative;
  display: flex;
  height: 5.6rem;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  color: #727077;
}
.tabs-nav-sm a::before {
  content: " ";
  position: absolute;
  inset: auto 0 0 0;
  height: 0.4rem;
  transition: background 0.3s;
}
.tabs-nav-sm a.is-active {
  color: #333333;
}
.tabs-nav-sm a.is-active::before {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.tabs-nav-sm a:hover::before, .tabs-nav-sm a:focus::before {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}

@media (max-width: 1279px) {
  .tabs-nav-sm {
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .tabs-nav-sm li {
    flex: none;
  }
}
@media (max-width: 767px) {
  .tabs-nav {
    margin-bottom: 2.4rem;
  }
}
.item-block, .item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  overflow: hidden;
}
.item-block .img-area, .item .img-area {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: #F3F0EE;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 0.8rem;
}
.item-block .img-area img, .item .img-area img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.item-block .lnk-full:hover ~ .img-area img, .item-block .type-c .site-header .header-cont .gsch .btn-gsch-toggle:hover ~ .img-area img, .type-c .site-header .header-cont .gsch .item-block .btn-gsch-toggle:hover ~ .img-area img, .item-block .type-b .site-header .header-cont .gsch .btn-gsch-toggle:hover ~ .img-area img, .type-b .site-header .header-cont .gsch .item-block .btn-gsch-toggle:hover ~ .img-area img, .item-block .type-a .site-header .header-cont .gsch .btn-gsch-toggle:hover ~ .img-area img, .type-a .site-header .header-cont .gsch .item-block .btn-gsch-toggle:hover ~ .img-area img, .item .lnk-full:hover ~ .img-area img, .item .type-c .site-header .header-cont .gsch .btn-gsch-toggle:hover ~ .img-area img, .type-c .site-header .header-cont .gsch .item .btn-gsch-toggle:hover ~ .img-area img, .item .type-b .site-header .header-cont .gsch .btn-gsch-toggle:hover ~ .img-area img, .type-b .site-header .header-cont .gsch .item .btn-gsch-toggle:hover ~ .img-area img, .item .type-a .site-header .header-cont .gsch .btn-gsch-toggle:hover ~ .img-area img, .type-a .site-header .header-cont .gsch .item .btn-gsch-toggle:hover ~ .img-area img {
  transform: scale(1.1);
}
.item-block .txt-area, .item .txt-area,
.item-block .etc-area,
.item .etc-area {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.item-block .txt-area p, .item .txt-area p,
.item-block .etc-area p,
.item .etc-area p {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.3;
  height: 2.6em;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.item-block .txt-area, .item .txt-area {
  width: 100%;
}
.item-block .info-area, .item .info-area {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  font-size: var(--fs-xsm);
  font-weight: 400;
  color: #727077;
}
.item-block .info-area span::after, .item .info-area span::after {
  content: " ";
  margin-left: 0.4rem;
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #C1BFC8;
  border-radius: 100%;
  vertical-align: middle;
}
.item-block .info-area span:last-child::after, .item .info-area span:last-child::after {
  display: none;
}
.item-block .item-btn-area, .item .item-btn-area {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  flex: none;
  overflow: hidden;
}
.item-block .item-btn-area a, .item .item-btn-area a,
.item-block .item-btn-area button,
.item .item-btn-area button {
  width: 12rem;
}
.item-block .btn-class, .item .btn-class {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 12rem;
  border-radius: 0.8rem;
  box-sizing: border-box;
  font-weight: 600;
  gap: 0.8rem;
  color: #fff;
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.item-block .item-fnc, .item .item-fnc {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  display: flex;
  z-index: 3;
}
.item-block .btn-del, .item .btn-del {
  position: relative;
  display: inline-block;
  width: 3.6rem;
  height: 3.6rem;
  background-color: #333333;
}
.item-block .btn-del::before, .item .btn-del::before {
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-position: -32rem -4rem;
  background: wh;
  background-color: #fff;
}
.item-block .front, .item .front {
  z-index: 3;
}

.item-swiper-area a {
  display: grid;
  flex-direction: column;
  grid-template-rows: auto 12rem;
  border: 0.1rem solid #DDDAE3;
  border-radius: 0.8rem;
  background-color: #fff;
  height: 32rem;
  overflow: hidden;
  gap: 0;
  width: 100%;
  transform: scale(1);
  transform-origin: 100% 50%;
}
.item-swiper-area a .hover-show {
  display: none;
}
.item-swiper-area a .img-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.item-swiper-area a .img-area img {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center center;
}
.item-swiper-area a .img-area span {
  display: none;
}
.item-swiper-area a > .txt-area {
  display: flex;
  flex-direction: column;
  padding: 2.4rem;
  gap: 1.2rem;
  overflow: hidden;
  justify-content: center;
}
.item-swiper-area a > .txt-area .label-area {
  text-align: left;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.item-swiper-area a > .txt-area h3 {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.item-swiper-area a ul {
  display: grid;
  flex-direction: column;
  gap: 0.8rem;
  overflow: hidden;
  min-width: 0;
}
.item-swiper-area a ul li {
  display: grid;
  gap: 0.8rem;
  font-size: var(--fs-xsm);
  font-weight: 400;
  color: #727077;
  display: flex;
  line-height: 1;
  min-width: 0;
}
.item-swiper-area a ul li cite {
  border-right: 0.1rem solid #DDDAE3;
  padding-right: 0.8rem;
  flex: none;
}
.item-swiper-area a ul li .txt-area {
  flex: 1;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  text-align: left;
}
.item-swiper-area a:hover, .item-swiper-area a.hover {
  grid-template-rows: 6.4rem auto;
  border: 0.2rem solid #100380;
}
.item-swiper-area a:hover .img-area, .item-swiper-area a.hover .img-area {
  height: 6.4rem;
}
.item-swiper-area a:hover .img-area::after, .item-swiper-area a.hover .img-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 3, 128, 0.8);
  pointer-events: none;
}
.item-swiper-area a:hover .img-area span, .item-swiper-area a.hover .img-area span {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-sm);
  color: #fff;
  z-index: 1;
}
.item-swiper-area a:hover > .txt-area, .item-swiper-area a.hover > .txt-area {
  position: relative;
  flex: 1;
  z-index: 1;
  background-color: #fff;
  align-items: flex-start;
  padding-top: 4rem;
  padding-bottom: 4rem;
  gap: 1.6rem;
  animation: item-show 0.5s;
}
@keyframes item-show {
  0% {
    margin-top: 20px;
  }
  100% {
    margin-top: 0;
  }
}
.item-swiper-area a:hover > .txt-area .label-area, .item-swiper-area a.hover > .txt-area .label-area {
  text-align: left;
}
.item-swiper-area a:hover > .txt-area h3, .item-swiper-area a.hover > .txt-area h3 {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.3;
  height: 2.6em;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: initial;
  text-align: left;
}
.item-swiper-area a:hover > .txt-area .hover-show, .item-swiper-area a.hover > .txt-area .hover-show {
  display: grid !important;
}

.item-list {
  display: grid;
  grid-template-columns: none;
  gap: 1.6rem;
}
.item-list .item {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
  padding-bottom: 1.6rem;
  border-bottom: 0.1rem solid #DDDAE3;
}
.item-list .item .img-area,
.item-list .item .etc-area {
  flex: none;
}
.item-list .item .img-area {
  width: 32rem;
}
.item-list .item .txt-area {
  flex: 1;
}
.item-list .item .due-area {
  font-size: var(--fs-sm);
  color: #005FBE;
  font-weight: 600;
}
.item-list .item .etc-area {
  flex-direction: row;
  gap: 4rem;
  align-items: center;
}
.item-list.thumb {
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem 1.6rem;
}
.item-list.thumb .item {
  flex-direction: column;
  gap: 1.6rem;
  border-bottom: none;
  padding-bottom: 0;
}
.item-list.thumb .item .img-area {
  width: 100%;
}
.item-list.thumb .item .txt-area {
  flex: auto;
}
.item-list.thumb .item .etc-area {
  flex-direction: column;
  gap: 0.8rem;
  align-items: flex-start;
  width: 100%;
  text-align: left;
}
.item-list.thumb.col4 {
  grid-template-columns: repeat(4, 1fr);
}
.item-list.thumb.col3 {
  grid-template-columns: repeat(3, 1fr);
}
.item-list.thumb.col2 {
  grid-template-columns: repeat(2, 1fr);
}
.item-list.simple .img-area {
  display: none;
}
.item-list.simple .txt-area {
  min-width: 0;
}
.item-list.simple .txt-area p {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  height: 1.3em;
}

.etc-area .price {
  display: flex;
  flex-direction: column;
}
.etc-area .price del {
  font-size: var(--fs-sm);
}
.etc-area .price em {
  font-weight: 400;
}
.etc-area .price em b {
  font-size: var(--fs-lg);
}
.etc-area em.price {
  font-size: var(--fs-lg);
}

.item-list.list .etc-area .price {
  align-items: flex-end;
}

.item-block-list {
  border-top: 0.2rem solid #0A0A0A;
}
.item-block-list li {
  border-bottom: 0.1rem solid #DDDAE3;
}

.item-block {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
  padding: 2rem;
  border: 0.1rem solid #DDDAE3;
  border-radius: 0.8rem;
}
.item-block .img-area,
.item-block .etc-area {
  flex: none;
}
.item-block .img-area {
  width: 32rem;
}
.item-block .txt-area {
  flex: 1;
}
.item-block .etc-area {
  flex-direction: row;
  gap: 4rem;
  align-items: center;
}

.item-book {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.item-book .img-area {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: #F3F0EE;
  overflow: hidden;
  box-sizing: border-box;
  width: 20rem;
  aspect-ratio: 5/7;
  border: 0.1rem solid #EFEEF3;
  border-radius: 0.4rem;
}
.item-book .img-area img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.item-book .txt-area {
  flex: 1;
}

/* -------------------------------------------------    
      - TABLET
  ------------------------------------------------- */
@media (max-width: 1279px) {
  .item-swiper-area .swiper {
    width: calc(100% + var(--wrap-gap) * 2);
    margin-left: calc(var(--wrap-gap) * -1);
    padding-left: var(--wrap-gap);
  }
  .item-swiper-area .swiper {
    overflow: visible;
    transform: none;
  }
  .item-swiper-area .swiper-fnc-area {
    transform: none;
  }
  .item-swiper-area .swiper-slide {
    margin-top: 0;
  }
  .item-swiper-area .swiper-slide-active {
    padding: 0 0;
    box-sizing: border-box;
  }
  .item-swiper-area .swiper-slide-active {
    z-index: 1;
  }
  .item-swiper-area .swiper-slide-active a,
  .item-swiper-area a,
  .item-swiper-area a:hover,
  .item-swiper-area a.hover {
    display: grid;
    flex-direction: column;
    grid-template-rows: auto;
    border: 0.1rem solid #DDDAE3;
    border-radius: 0.8rem;
    background-color: #fff;
    height: auto;
    overflow: hidden;
    gap: 0;
    width: 100%;
    transform: scale(1);
    transform-origin: 100% 50%;
    margin: 0;
    padding: 0;
  }
  .item-swiper-area .swiper-slide-active a .hover-show,
  .item-swiper-area a .hover-show,
  .item-swiper-area a:hover .hover-show,
  .item-swiper-area a.hover .hover-show {
    display: none !important;
  }
  .item-swiper-area .swiper-slide-active a .img-area,
  .item-swiper-area a .img-area,
  .item-swiper-area a:hover .img-area,
  .item-swiper-area a.hover .img-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
    order: 0;
  }
  .item-swiper-area .swiper-slide-active a .img-area img,
  .item-swiper-area a .img-area img,
  .item-swiper-area a:hover .img-area img,
  .item-swiper-area a.hover .img-area img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .item-swiper-area .swiper-slide-active a .img-area span,
  .item-swiper-area a .img-area span,
  .item-swiper-area a:hover .img-area span,
  .item-swiper-area a.hover .img-area span {
    display: none;
  }
  .item-swiper-area .swiper-slide-active a .img-area::after,
  .item-swiper-area a .img-area::after,
  .item-swiper-area a:hover .img-area::after,
  .item-swiper-area a.hover .img-area::after {
    display: none;
  }
  .item-swiper-area .swiper-slide-active a > .txt-area,
  .item-swiper-area a > .txt-area,
  .item-swiper-area a:hover > .txt-area,
  .item-swiper-area a.hover > .txt-area {
    display: flex;
    flex-direction: column;
    padding: 2.4rem;
    gap: 1.2rem;
    text-align: center;
    overflow: hidden;
    justify-content: center;
    animation: none;
    height: auto;
    background-color: transparent;
  }
  .item-swiper-area .swiper-slide-active a > .txt-area .label-area,
  .item-swiper-area a > .txt-area .label-area,
  .item-swiper-area a:hover > .txt-area .label-area,
  .item-swiper-area a.hover > .txt-area .label-area {
    justify-content: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    overflow: hidden;
    text-align: center;
  }
  .item-swiper-area .swiper-slide-active a > .txt-area h3,
  .item-swiper-area a > .txt-area h3,
  .item-swiper-area a:hover > .txt-area h3,
  .item-swiper-area a.hover > .txt-area h3 {
    font-size: var(--fs-lg);
    font-weight: 700;
    color: #333333;
    line-height: 1.4;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.3;
    height: 2.6em;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    flex: none;
    white-space: normal;
    text-align: center;
  }
  .item-swiper-area .swiper-slide-active a > .txt-area .hover-show,
  .item-swiper-area a > .txt-area .hover-show,
  .item-swiper-area a:hover > .txt-area .hover-show,
  .item-swiper-area a.hover > .txt-area .hover-show {
    display: none !important;
  }
  .item-swiper-area .swiper-slide-active a ul,
  .item-swiper-area a ul,
  .item-swiper-area a:hover ul,
  .item-swiper-area a.hover ul {
    display: grid;
    flex-direction: column;
    gap: 0.8rem;
    overflow: hidden;
    min-width: 0;
  }
  .item-swiper-area .swiper-slide-active a ul li,
  .item-swiper-area a ul li,
  .item-swiper-area a:hover ul li,
  .item-swiper-area a.hover ul li {
    display: grid;
    gap: 0.8rem;
    font-size: var(--fs-xsm);
    font-weight: 400;
    color: #727077;
    display: flex;
    line-height: 1;
    min-width: 0;
  }
  .item-swiper-area .swiper-slide-active a ul li cite,
  .item-swiper-area a ul li cite,
  .item-swiper-area a:hover ul li cite,
  .item-swiper-area a.hover ul li cite {
    border-right: 0.1rem solid #DDDAE3;
    padding-right: 0.8rem;
    flex: none;
  }
  .item-swiper-area .swiper-slide-active a ul li .txt-area,
  .item-swiper-area a ul li .txt-area,
  .item-swiper-area a:hover ul li .txt-area,
  .item-swiper-area a.hover ul li .txt-area {
    flex: 1;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.3;
    height: 2.6em;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
  }
  .item-list .thumb {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.6rem 0.8rem;
  }
  .item-list .item,
  .item-block {
    gap: 1.6rem;
  }
  .item-list .item .img-area,
  .item-block .img-area {
    width: 24rem;
  }
}
/* -------------------------------------------------    
      - mobile
  ------------------------------------------------- */
@media (max-width: 767px) {
  .item-list {
    gap: 1.6rem;
  }
  .item-list .item {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
  }
  .item-list .item .img-area {
    width: 100%;
  }
  .item-list .item .txt-area {
    padding: 0;
    align-items: flex-start;
  }
  .item-list .item .etc-area {
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
  }
  .item-list .item .etc-area .price {
    align-items: flex-start;
  }
  .item-list .item .item-btn-area {
    width: 100%;
    flex-direction: row;
  }
  .item-list .item .item-btn-area > * {
    flex: 1;
    padding: 0;
    gap: 0.8rem;
  }
  .item-list .item .btn-class {
    height: 4.8rem;
  }
  .item-list.thumb {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem 0.8rem;
  }
  .item-list.thumb.col4, .item-list.thumb.col3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .item-list.simple .item {
    display: grid;
  }
  .item-block {
    gap: 0.8rem;
    padding: 1.6rem;
  }
  .item-block .img-area {
    width: 12rem;
  }
  .item-block .etc-area {
    flex-direction: column;
    gap: 1.6rem;
    align-items: center;
    max-width: 8rem;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.8rem;
  }
  .item-book {
    gap: 1.6rem;
  }
  .item-book .img-area {
    width: 12rem;
  }
}
@media (max-width: 639px) {
  .item-block {
    flex-direction: column;
    gap: 0.8rem;
    padding: 1.6rem;
  }
  .item-block .img-area,
  .item-block .txt-area,
  .item-block .etc-area {
    width: 100%;
  }
  .item-block .etc-area {
    flex-direction: column;
    max-width: 100%;
    align-items: flex-start;
  }
  .item-book {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }
}
/* sch */
.sch-area {
  position: relative;
  display: flex;
  border: 0.2rem solid transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  border-radius: 4rem;
  overflow: hidden;
  padding-right: 0.8rem;
}

.sch-option {
  display: flex;
  align-items: center;
}
.sch-option select {
  border: none;
  padding: 0 3.2rem 0 2.4rem;
  background-position: right 0 center;
}

.sch {
  display: flex;
  padding: 0;
}
.sch input {
  flex: 1;
  width: 24rem;
  border: none;
}
.sch .btn-sch {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  text-indent: -99999rem;
  font-size: 0;
}
.sch .btn-sch::before {
  content: " ";
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-position: -28.8rem -19.2rem;
  background: #1A1A1A;
}

/* total-count */
.total-count {
  margin-bottom: 0.8rem;
}

@media (max-width: 639px) {
  .sch-area {
    width: 100%;
    flex-direction: column;
    border-radius: 0.8rem;
    padding: 0;
  }
  .sch-area input {
    width: 100%;
  }
  .sch-option {
    width: 100%;
    gap: 0;
  }
  .sch-option select {
    width: 100%;
    height: 3.6rem;
    background: url(../../images/user/common/sel-arr.svg) right 1.6rem center no-repeat;
  }
  .sch {
    width: 100%;
  }
  .sch input {
    width: 100%;
  }
}
.error-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 100rem 0;
}
.error-area figure img {
  margin-bottom: 16rem;
}
.error-area h2 {
  font-size: var(--fs-2xlg);
  font-weight: 400;
  color: #005FBE;
  margin-bottom: 3.2rem;
}
.error-area p {
  color: #5A585E;
}
.error-area .btn-cont {
  margin-top: 3.2rem;
  margin-bottom: 0;
}

/* common */
.p1 {
  width: 10% !important;
}

.p2 {
  width: 20% !important;
}

.p3 {
  width: 30% !important;
}

.p4 {
  width: 40% !important;
}

.p5 {
  width: 50% !important;
}

.p6 {
  width: 60% !important;
}

.p7 {
  width: 70% !important;
}

.p8 {
  width: 80% !important;
}

.p9 {
  width: 90% !important;
}

.p10 {
  width: 100% !important;
}

.accessibility {
  position: relative;
}
.accessibility a {
  position: absolute;
  left: 0;
  top: 0;
  height: 0.1rem;
  overflow: hidden;
  font-weight: 500;
  z-index: 99999;
}
.accessibility a:focus {
  z-index: 999;
  width: 1rem;
  height: 3.6rem;
  line-height: 3.6rem;
  background: #100380;
  color: #fff;
  overflow: hidden;
  outline: 0;
  font-size: var(--fs-sm);
  text-align: center;
}

.scroll-cus::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6rem;
  box-sizing: border-box;
}
.scroll-cus::-webkit-scrollbar-thumb {
  background-color: rgba(10, 10, 10, 0.1);
  border-radius: 2em;
}
.scroll-cus::-webkit-scrollbar-track {
  width: 1.6rem;
  background-color: transparent;
}

@media (pointer: coarse) {
  .snb {
    scrollbar-width: none;
    /* Firefox */
  }
  .snb::-webkit-scrollbar {
    display: none;
  }
}
.ac {
  text-align: center !important;
}

.al {
  text-align: left !important;
}

.ar {
  text-align: right !important;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.fr + * {
  clear: both;
}

.clear {
  clear: both;
}

.underline {
  color: #333333;
  border-bottom: 1px solid #333333;
}

.hidden {
  position: absolute;
  top: -99999rem;
  left: -99999rem;
  font-size: 0.1rem;
  color: transparent;
  opacity: 0;
}

.m-block {
  display: none;
}

.m-none {
  display: block;
}

.block {
  display: block;
}

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

.pc,
.pcta {
  display: block !important;
}

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

.lnk-full, .type-c .site-header .header-cont .gsch .btn-gsch-toggle, .type-b .site-header .header-cont .gsch .btn-gsch-toggle, .type-a .site-header .header-cont .gsch .btn-gsch-toggle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-indent: -99999rem;
  z-index: 2;
  box-sizing: border-box;
}

.fc-negative {
  color: #F94868 !important;
}
.fc-positive {
  color: #78BF26 !important;
}
.fc-rd {
  color: #F94868 !important;
}
.fc-bl {
  color: #005FBE !important;
}
.fc-gn {
  color: #78BF26 !important;
}
.fc-or {
  color: #FFD200 !important;
}
.fc-bk {
  color: #0A0A0A !important;
}
.fc-gr {
  color: #727077 !important;
}
.fc-wh {
  color: #fff !important;
}
.fc-spot {
  color: #100380 !important;
}
.fc-priamry {
  color: #100380 !important;
}
.fc-spot2 {
  color: #00B6ED !important;
}
.fc-secondary {
  color: #00B6ED !important;
}

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

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mt-xxsm {
  margin-top: 0.4rem;
}
.mb-xxsm {
  margin-bottom: 0.4rem;
}
.ml-xxsm {
  margin-left: 0.4rem;
}
.mr-xxsm {
  margin-right: 0.4rem;
}
.mt-xsm {
  margin-top: 0.8rem;
}
.mb-xsm {
  margin-bottom: 0.8rem;
}
.ml-xsm {
  margin-left: 0.8rem;
}
.mr-xsm {
  margin-right: 0.8rem;
}
.mt-sm {
  margin-top: 1.6rem;
}
.mb-sm {
  margin-bottom: 1.6rem;
}
.ml-sm {
  margin-left: 1.6rem;
}
.mr-sm {
  margin-right: 1.6rem;
}
.mt-md {
  margin-top: 2.4rem;
}
.mb-md {
  margin-bottom: 2.4rem;
}
.ml-md {
  margin-left: 2.4rem;
}
.mr-md {
  margin-right: 2.4rem;
}
.mt-lg {
  margin-top: 3.2rem;
}
.mb-lg {
  margin-bottom: 3.2rem;
}
.ml-lg {
  margin-left: 3.2rem;
}
.mr-lg {
  margin-right: 3.2rem;
}
.mt-xlg {
  margin-top: 4rem;
}
.mb-xlg {
  margin-bottom: 4rem;
}
.ml-xlg {
  margin-left: 4rem;
}
.mr-xlg {
  margin-right: 4rem;
}
.mt-xxlg {
  margin-top: 8rem;
}
.mb-xxlg {
  margin-bottom: 8rem;
}
.ml-xxlg {
  margin-left: 8rem;
}
.mr-xxlg {
  margin-right: 8rem;
}

.ellipsis {
  display: block;
  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);
  border: none;
}

/* bullet */
.bullet,
.bullet-tit,
.bullet-dash,
.bullet-demical,
.bullet-none {
  margin-bottom: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.bullet:last-child,
.bullet-tit:last-child,
.bullet-dash:last-child,
.bullet-demical:last-child,
.bullet-none:last-child {
  margin-bottom: 0;
}
.bullet > li,
.bullet-tit > li,
.bullet-dash > li,
.bullet-demical > li,
.bullet-none > li {
  position: relative;
  padding-left: 1.6rem;
}
.bullet > li:before,
.bullet-tit > li:before,
.bullet-dash > li:before,
.bullet-demical > li:before,
.bullet-none > li:before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 0;
}
.bullet.fs-sm > li::before,
.bullet-tit.fs-sm > li::before,
.bullet-dash.fs-sm > li::before,
.bullet-demical.fs-sm > li::before,
.bullet-none.fs-sm > li::before {
  top: 0.8rem;
}
.bullet ul,
.bullet ol,
.bullet-tit ul,
.bullet-tit ol,
.bullet-dash ul,
.bullet-dash ol,
.bullet-demical ul,
.bullet-demical ol,
.bullet-none ul,
.bullet-none ol {
  padding-left: 1.6rem;
}

.bullet > li::before,
.bullet-tit > li::before {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 100%;
  background-color: #918F97;
}

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

.bullet-dash > li:before {
  width: 0.6rem;
  height: 0.1rem;
  background-color: #F3F0EE;
}

.bullet-demical > li {
  list-style-type: decimal;
  padding: 0;
  margin-left: 1.6rem;
}

.bullet-tit > li {
  display: flex;
  gap: 1.6rem;
}
.bullet-tit > li cite {
  flex: none;
  font-weight: 700;
}
.bullet-tit > li .txt-area {
  flex: 1;
}

.order-list {
  border-top: 0.1rem solid #333333;
}
.order-list li {
  padding: 1.6rem 2.4rem;
  border-bottom: 0.1rem solid #EFEEF3;
}
.order-list li:nth-child(2n) {
  background-color: #F8F8FB;
}

/* img */
.figure-area {
  display: grid;
  gap: 1.6rem;
}
.figure-area figcaption {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.figure-area img {
  display: block;
  max-width: 100%;
}

/* area */
/* box */
.bg-box,
.bg-border-box,
.border-box {
  margin-bottom: 4rem;
  padding: 4rem 2.4rem;
  border-radius: 0.8rem;
  word-wrap: break-word;
}
.bg-box > *:first-child,
.bg-border-box > *:first-child,
.border-box > *:first-child {
  margin-top: 0;
}
.bg-box > *:last-child,
.bg-border-box > *:last-child,
.border-box > *:last-child {
  margin-bottom: 0;
}

.bg-box {
  background-color: #F3F0EE;
}

.border-box {
  border: 0.1rem solid #DDDAE3;
}

.box-tit {
  display: block;
  font-size: var(--fs-md);
  font-weight: 700;
  color: #5A585E;
  line-height: 1.3;
  margin-bottom: 0.4rem;
}

.box-tit-lg {
  display: block;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  margin-bottom: 0.8rem;
}

.msg-box {
  padding-top: 2.4rem;
  display: grid;
  text-align: center;
  gap: 4rem;
  word-break: keep-all;
}
.msg-box > *:first-child {
  margin-top: 0;
}
.msg-box > *:last-child {
  margin-bottom: 0;
}
.msg-box .img-area {
  margin: 0 auto;
  width: 12rem;
  height: 12rem;
  background-color: #F8F8FB;
}
.msg-box .img-area img {
  width: 100%;
}
.msg-box .btn-flex-cont {
  margin-top: 0;
}
.msg-box .txt-area {
  display: grid;
  gap: 2rem;
}
.msg-box .txt-area .tit-lg {
  margin-bottom: 0;
}

.item-block + .msg-box {
  padding-top: 8rem;
}

hr.solid {
  display: block;
  width: 100%;
  border: 0;
  border-top: 0.2rem solid #1A1A1A;
  margin: 2.4rem 0;
}

.page-tit-area, .item-view-header,
.fnc-area,
.tit-area,
.flex-area,
.item .item-fnc,
.item-block .item-fnc {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2.4rem;
  gap: 0.8rem;
}
.page-tit-area .l-area, .item-view-header .l-area,
.fnc-area .l-area,
.tit-area .l-area,
.flex-area .l-area,
.item .item-fnc .l-area,
.item-block .item-fnc .l-area,
.page-tit-area .r-area,
.item-view-header .r-area,
.fnc-area .r-area,
.tit-area .r-area,
.flex-area .r-area,
.item .item-fnc .r-area,
.item-block .item-fnc .r-area,
.page-tit-area .c-area,
.item-view-header .c-area,
.fnc-area .c-area,
.tit-area .c-area,
.flex-area .c-area,
.item .item-fnc .c-area,
.item-block .item-fnc .c-area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
}
.page-tit-area .l-area > *, .item-view-header .l-area > *,
.fnc-area .l-area > *,
.tit-area .l-area > *,
.flex-area .l-area > *,
.item .item-fnc .l-area > *,
.item-block .item-fnc .l-area > *,
.page-tit-area .r-area > *,
.item-view-header .r-area > *,
.fnc-area .r-area > *,
.tit-area .r-area > *,
.flex-area .r-area > *,
.item .item-fnc .r-area > *,
.item-block .item-fnc .r-area > *,
.page-tit-area .c-area > *,
.item-view-header .c-area > *,
.fnc-area .c-area > *,
.tit-area .c-area > *,
.flex-area .c-area > *,
.item .item-fnc .c-area > *,
.item-block .item-fnc .c-area > * {
  margin: 0;
}
.page-tit-area .l-area:only-child, .item-view-header .l-area:only-child,
.fnc-area .l-area:only-child,
.tit-area .l-area:only-child,
.flex-area .l-area:only-child,
.item .item-fnc .l-area:only-child,
.item-block .item-fnc .l-area:only-child,
.page-tit-area .r-area:only-child,
.item-view-header .r-area:only-child,
.fnc-area .r-area:only-child,
.tit-area .r-area:only-child,
.flex-area .r-area:only-child,
.item .item-fnc .r-area:only-child,
.item-block .item-fnc .r-area:only-child,
.page-tit-area .c-area:only-child,
.item-view-header .c-area:only-child,
.fnc-area .c-area:only-child,
.tit-area .c-area:only-child,
.flex-area .c-area:only-child,
.item .item-fnc .c-area:only-child,
.item-block .item-fnc .c-area:only-child {
  flex: 1;
}
.page-tit-area .r-area, .item-view-header .r-area,
.fnc-area .r-area,
.tit-area .r-area,
.flex-area .r-area,
.item .item-fnc .r-area,
.item-block .item-fnc .r-area {
  justify-content: flex-end;
}
.border.page-tit-area, .border.item-view-header,
.border.fnc-area,
.border.tit-area,
.border.flex-area,
.item .border.item-fnc,
.item-block .border.item-fnc {
  border-bottom: 0.1rem solid #DDDAE3;
  padding-bottom: 20px;
}
.center.page-tit-area, .center.item-view-header,
.center.fnc-area,
.center.tit-area,
.center.flex-area,
.item .center.item-fnc,
.item-block .center.item-fnc {
  justify-content: center;
}
.vcenter.page-tit-area, .vcenter.item-view-header,
.vcenter.fnc-area,
.vcenter.tit-area,
.vcenter.flex-area,
.item .vcenter.item-fnc,
.item-block .vcenter.item-fnc {
  align-items: center;
}
.page-tit-area .dir-col, .item-view-header .dir-col,
.fnc-area .dir-col,
.tit-area .dir-col,
.flex-area .dir-col,
.item .item-fnc .dir-col,
.item-block .item-fnc .dir-col {
  align-items: flex-start;
}
.sm.page-tit-area, .sm.item-view-header,
.sm.fnc-area,
.sm.tit-area,
.sm.flex-area,
.item .sm.item-fnc,
.item-block .sm.item-fnc {
  gap: 0.4rem;
}
.lg.page-tit-area, .lg.item-view-header,
.lg.fnc-area,
.lg.tit-area,
.lg.flex-area,
.item .lg.item-fnc,
.item-block .lg.item-fnc {
  gap: 0.8rem 1.6rem;
}
.page-tit-area .total-count, .item-view-header .total-count,
.fnc-area .total-count,
.tit-area .total-count,
.flex-area .total-count,
.item .item-fnc .total-count,
.item-block .item-fnc .total-count {
  margin-bottom: 0;
}
.page-tit-area .c-area, .item-view-header .c-area,
.fnc-area .c-area,
.tit-area .c-area,
.flex-area .c-area,
.item .item-fnc .c-area,
.item-block .item-fnc .c-area {
  justify-content: center;
  align-items: center;
  flex: 1;
}

.page-tit-area .l-area > *, .item-view-header .l-area > *,
.page-tit-area .r-area > *,
.item-view-header .r-area > *,
.fnc-area .l-area > *,
.fnc-area .r-area > *,
.tit-area .l-area > *,
.tit-area .r-area > *,
.flex-area .l-area > *,
.item .item-fnc .l-area > *,
.item-block .item-fnc .l-area > *,
.flex-area .r-area > *,
.item .item-fnc .r-area > *,
.item-block .item-fnc .r-area > * {
  margin-bottom: 0;
}

.page-tit-area, .item-view-header {
  border-bottom: 0.2rem solid #333333;
  margin-bottom: 3.2rem;
  padding-bottom: 2.4rem;
}

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

.tit-area {
  margin-bottom: 2.4rem;
}

.flex-area, .item .item-fnc, .item-block .item-fnc {
  justify-content: flex-start;
}
.flex-area > *, .item .item-fnc > *, .item-block .item-fnc > * {
  margin: 0 !important;
}
.flex-area .l-area, .item .item-fnc .l-area, .item-block .item-fnc .l-area,
.flex-area .r-area,
.item .item-fnc .r-area,
.item-block .item-fnc .r-area {
  flex: 1;
}

.dir-col {
  flex-direction: column !important;
}

.flex1 {
  flex: 1;
}

.tit-lg,
.tit,
.tit-sm,
.tit-xsm {
  margin-bottom: 1.6rem;
}

.tit-xlg {
  font-size: var(--fs-2xlg);
  font-weight: 800;
  color: #333333;
}
.tit-xlg em,
.tit-xlg strong {
  font-weight: 800;
}

.tit-lg {
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
}
.tit-lg em,
.tit-lg strong {
  font-weight: 800;
}

.tit {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}

.tit-sm {
  font-size: var(--fs-md);
  font-weight: 700;
  color: #5A585E;
  line-height: 1.3;
}

.sort-area {
  display: flex;
  gap: 0.8rem;
}
.sort-area fieldset ~ fieldset,
.sort-area .sort ~ .sort {
  align-items: center;
}
.sort-area fieldset ~ fieldset::before,
.sort-area .sort ~ .sort::before {
  content: " ";
  width: 1px;
  height: 1rem;
  background-color: #DDDAE3;
}

.sort {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.sort .btn-sort {
  display: inline-flex;
  align-items: center;
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
  border: 1px solid #333333;
  color: #0A0A0A;
  height: 3.6rem;
  max-width: 3.6rem;
  border-radius: 0.4rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  background-color: #fff;
  margin-right: 0;
}
.sort .btn-sort.is-active {
  position: relative;
  color: #00B6ED;
  border-color: none;
  font-weight: 700;
  margin: 0;
  background-color: #1A1A1A;
}
.sort .btn-sort.is-active i {
  background-color: #fff;
}
.sort .btn-sort.spot {
  background-color: #F3F0EE;
  border-color: #EFEEF3;
  transition: background-color 0.3s;
}
.sort .btn-sort.spot.is-active {
  background-color: #100380;
  border-color: #100380;
}
.sort .btn-sort.spot.is-active i {
  background-color: #100380;
}

.info-block dt {
  display: block;
  margin-bottom: 0.8rem;
  font-size: var(--fs-md);
  font-weight: 700;
  color: #5A585E;
  line-height: 1.3;
}
.info-block dd {
  margin-bottom: 2.4rem;
}
.info-block dd:last-of-type {
  margin-bottom: 0;
}
.info-block select {
  display: block;
  width: 100%;
}

.info-list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
}
.info-list:last-child {
  margin-bottom: 0;
}
.info-list > li {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.info-list cite {
  flex-basis: 6.4rem;
  font-weight: 700;
}
.info-list .txt-area {
  flex: 1;
  min-width: 0;
}
.info-list.sm {
  margin-bottom: 0.4rem;
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}

.info-block-list {
  margin-bottom: 4rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.info-block-list:last-child {
  margin-bottom: 0;
}
.info-block-list li {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.info-block-list cite {
  display: block;
  font-size: var(--fs-md);
  font-weight: 700;
  color: #5A585E;
  line-height: 1.3;
}

.info-bullet-area {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}
.info-bullet-area span::after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.8rem;
  border-radius: 100%;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #DDDAE3;
}
.info-bullet-area span:last-of-type::after {
  display: none;
}

.sticky-cont {
  position: relative;
}
.sticky-cont .sticky {
  position: sticky;
  top: 3rem;
}

.file-custom {
  position: relative;
  display: flex;
  max-width: 100%;
  gap: 0 0.4rem;
  justify-content: flex-start;
  overflow: hidden;
  min-width: 0;
}
.file-custom input[type=file] {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
  border: none;
}
.file-custom .preview-area::before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.6rem;
  height: 1.6rem;
}
.file-custom input[type=text] {
  flex: 1;
  width: auto;
}

.file-add-txt-area {
  display: flex;
  gap: 0.4rem;
}
.file-add-txt-area .file-custom {
  flex: 1;
}

.file-list > li ~ li {
  margin-top: 0.4rem;
}
.file-list a::before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(1.6rem * 20) auto;
  mask-position: -28.8rem 0rem;
  background: #1A1A1A;
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}
.file-list a:hover {
  text-decoration: underline;
}

/* step */
.step {
  text-align: center;
  display: table;
  text-align: center;
  margin: 0 auto 4rem;
}
.step li {
  position: relative;
  display: table-cell;
  vertical-align: top;
  width: 20rem;
}
.step li:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 5rem;
  width: 100%;
  height: 1px;
  background-color: #EFEEF3;
}
.step li:first-child:before, .step li:last-child:before {
  width: 50%;
}
.step li:first-child:before {
  left: auto;
  right: 0;
}
.step li span {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  width: 10rem;
  height: 10rem;
  background-color: #F3F0EE;
  border-radius: 1.6rem;
  color: #C1BFC8;
  padding-top: 0;
  font-size: var(--fs-sm);
}
.step li span strong {
  display: block;
  font-size: var(--fs-2xlg);
  font-weight: 900;
}
.step li p {
  margin-top: 1.6rem;
  word-break: keep-all;
  line-height: 1.2;
  color: #727077;
}
.step li.is-active {
  opacity: 0.5;
}
.step li.is-active span, .step li.is-current span {
  background: #00B6ED;
  color: #fff;
  animation: forwards;
}
.step li.is-active p, .step li.is-current p {
  font-weight: 800;
  color: #333333;
}
.step li.is-current {
  opacity: 1;
}
.step li.is-current strong {
  animation: opacity 2s infinite alternate;
}

.textarea-box {
  display: flex;
  gap: 0.8rem;
}
.textarea-box textarea {
  flex: 1;
  gap: 0.8rem;
  height: 12rem;
}
.textarea-box .btn-textarea {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  border-radius: 0.8rem;
  flex: none;
  height: 100%;
  background: #100380;
  color: #fff;
  width: 12rem;
  height: 12rem;
}
.textarea-box .btn-textarea::before {
  content: " ";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-position: -38.4rem -19.2rem;
  background: wh;
  background-color: #fff;
}

.reply-list {
  border: 0.1rem solid #DDDAE3;
  display: flex;
  flex-direction: column;
  margin: 1.6rem 0;
  border-radius: 0.8rem;
  overflow: hidden;
}
.reply-list li {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  background-color: #fff;
  padding: 2.4rem;
  border-bottom: 0.1rem solid #EFEEF3;
}
.reply-list li:last-child {
  border-bottom: none;
}
.reply-list .info-area {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
.reply-list .info-area cite {
  font-size: var(--fs-md);
  font-weight: 700;
  color: #5A585E;
  line-height: 1.3;
}
.reply-list .info-area span:not(.label) {
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}

.loading {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  gap: 0.8rem;
  background: rgba(255, 255, 255, 0.6);
  font-size: 0;
  text-align: center;
  z-index: 101;
}
.loading strong {
  color: #100380;
  font-size: var(--fs-lg);
  font-weight: 400;
}
.loading strong span {
  font-size: 2.4rem;
  font-weight: 700;
}
.loading p {
  font-size: var(--fs-sm);
  display: block;
  line-height: 1.45;
}
.loading::before {
  content: " ";
  width: 8rem;
  height: 8rem;
  background-size: 100% 100%;
  background: url(../image/common/loading.svg) center no-repeat;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.loader {
  position: fixed;
  display: inline-block;
  width: 4.8rem;
  height: 4.8rem;
  top: 50%;
  left: 50%;
  margin-top: -2.4rem;
  margin-left: -2.4rem;
  border: 0.3rem solid rgba(0, 182, 237, 0.6);
  border-radius: 50%;
  border-top: 0.4rem solid #00B6ED;
  animation: spin 1s ease-in infinite;
  z-index: 9999;
}

.dir-col {
  flex-direction: column !important;
}

.flex1 {
  flex: 1;
}

/* error */
.error-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 2rem;
  box-sizing: border-box;
  gap: 2rem;
}

.error-cont {
  border: 0.1rem solid #DDDAE3;
  padding: 4rem 2rem;
  max-width: 60rem;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  border-radius: 0.4rem;
}
.error-cont strong {
  display: block;
  margin-bottom: 2.4rem;
  font-size: var(--fs-2xlg);
}
.error-cont p {
  padding: 4rem;
  margin: 0 auto;
  background: #F3F0EE;
  border-radius: 0.4rem;
  margin-bottom: 2.4rem;
}

/* -------------------------------------------------    
      - TABLET
  ------------------------------------------------- */
@media (max-width: 1279px) {
  .pc {
    display: none !important;
  }
  .ta,
  .tamo {
    display: block !important;
  }
  .fnc-area,
  .tit-area {
    margin-bottom: 1.6rem;
  }
  .bg-box,
  .border-box,
  .bg-border-box {
    padding: 3.2rem;
  }
  .step li span {
    width: 8rem;
    height: 8rem;
  }
}
/* -------------------------------------------------    
      - mobile
  ------------------------------------------------- */
@media (max-width: 767px) {
  .m-none {
    display: none;
  }
  .m-block {
    display: block;
  }
  .m-dir-col {
    display: flex;
    flex-direction: column;
  }
  .pc,
  .pcta,
  .ta {
    display: none !important;
  }
  .tamo,
  .mo {
    display: block !important;
  }
  .q0 {
    width: 5rem;
  }
  .q1 {
    width: 50%;
  }
  .q2 {
    width: 70%;
  }
  .q3 {
    width: 90%;
  }
  .q4 {
    width: 100%;
  }
  .fnc-area {
    gap: 0.8rem;
    flex-wrap: wrap;
    width: 100%;
  }
  .fnc-area .l-area,
  .fnc-area .r-area {
    overflow-x: auto;
    overflow-y: hidden;
    min-width: 0;
    max-width: 100%;
    width: 100%;
    justify-content: flex-start;
    text-align: left;
  }
  .fnc-area .r-area {
    justify-content: flex-end;
  }
  .bg-box,
  .border-box {
    margin-bottom: 2.4rem;
    padding: 1.6rem;
  }
  .info-list > li {
    flex-direction: column;
    gap: 0.4rem;
    align-items: flex-start;
  }
  .info-list > li cite {
    flex-basis: auto;
  }
  .order-list li {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
}
@media (max-width: 639px) {
  .step {
    margin: 0 auto 2.4rem;
  }
  .step li:before {
    top: 2.4rem;
  }
  .step li span {
    width: 4.8rem;
    height: 4.8rem;
    font-size: 0;
    border-radius: 0.8rem;
  }
  .step li span strong {
    display: block;
    font-size: var(--fs-lg);
  }
  .step li p {
    margin-top: 0.8rem;
  }
  .textarea-box {
    flex-direction: column;
  }
  .textarea-box .btn-textarea {
    width: 100%;
    flex-direction: row;
    height: 4.8rem;
  }
  .reply-list li {
    padding: 1.6rem;
  }
  .tit-area {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .tit-area .l-area,
  .tit-area .l-area {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
}
/* layout */
/* layout */
.wrap,
.wrap-sm {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 128rem;
  width: 100%;
  box-sizing: border-box;
}
.wrap-sm {
  max-width: 40rem;
}

.wrap {
  padding-left: var(--wrap-gap);
  padding-right: var(--wrap-gap);
}

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

.contents {
  padding-top: var(--contents-spacing);
}

.section {
  margin-bottom: 8rem;
}
.section:last-child {
  margin-bottom: 0;
}

.section-sm {
  margin-bottom: 3.2rem;
}
.section-sm:last-child {
  margin-bottom: 0;
}

/* -------------------------------------------------    
	- TABLET
------------------------------------------------- */
/* -------------------------------------------------    
	- mobile
------------------------------------------------- */
@media (max-width: 767px) {
  .section {
    margin-bottom: 3.2rem;
  }
  .section-sm {
    margin-bottom: 2.4rem;
  }
}
.site-body {
  padding-bottom: 8rem;
  min-width: 100%;
}

/* -------------------------------------------------    
	- TABLET
------------------------------------------------- */
/* -------------------------------------------------    
	- mobile
------------------------------------------------- */
.footer-top {
  background-color: #F8F8FB;
  padding: 4rem;
}
.footer-top .wrap {
  display: flex;
  justify-content: space-between;
}
.footer-top .cs {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.footer-top .cs ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 4rem;
}
.footer-top .cs a {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.footer-top .cs i {
  position: relative;
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background-color: #F3F0EE;
}
.footer-top .cs i::before {
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
}
.footer-top .cs .cs-ico-tel::before {
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-position: -8rem -14rem;
  background: gr;
  background-color: #727077;
}
.footer-top .cs .cs-ico-email::before {
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-position: -34rem -6rem;
  background: gr;
  background-color: #727077;
}
.footer-top .info {
  display: flex;
  flex-direction: column;
}
.footer-top .info .txt-area {
  position: relative;
  padding-left: 5.6rem;
}
.footer-top .info .txt-area::before {
  content: " ";
  position: absolute;
  left: 0;
  display: inline-block;
  width: 4rem;
  height: 4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(4rem * 20) auto;
  mask-position: -4rem -40rem;
  background: gr;
  background-color: #727077;
}
.footer-top .info .txt-area strong {
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
}
.footer-top .info .txt-area strong em,
.footer-top .info .txt-area strong strong {
  font-weight: 800;
}
.footer-top .info .txt-area p {
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}

.footer-cont {
  background-color: #333333;
  color: #F8F8FB;
}
.footer-cont a {
  color: #fff;
}

.footer-etc {
  position: relative;
  min-height: 4.8rem;
  align-items: center;
  border-bottom: 0.1rem solid #5A585E;
  padding: 0.8rem 0;
}
.footer-etc .wrap {
  display: flex;
  justify-content: space-between;
}
.footer-etc .fsite {
  order: 2;
  display: flex;
}
.footer-etc .fsite select {
  border: none;
  vertical-align: middle;
  font-size: 1.4rem;
  color: #F8F8FB;
  background-color: #727077;
  border-radius: 0;
}
.footer-etc .fsite select option {
  color: #0A0A0A;
}
.footer-etc .fsite .btn-go {
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  line-height: 4.8rem;
  font-size: var(--fs-sm);
  text-align: center;
  background-color: #1A1A1A;
  color: #fff;
  font-weight: 700;
}
.footer-etc .footer-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem 3.2rem;
}
.footer-etc .footer-menu a {
  position: relative;
  vertical-align: middle;
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
  color: #fff;
}
.footer-etc .footer-menu a:last-child::after {
  display: none;
}
.footer-etc .footer-menu a strong {
  color: #00B6ED;
}
.footer-etc .footer-sns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem 1.2rem;
  margin-left: auto;
  margin-right: 1.2rem;
}
.footer-etc .footer-sns a {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer-etc .footer-sns a img {
  width: 2.4rem;
  height: auto;
}

.footer-info {
  padding: 4rem 0;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.footer-info .wrap {
  display: flex;
  gap: 0.8rem 4rem;
}
.footer-info .img-area {
  flex: none;
  opacity: 0.5;
}
.footer-info .img-area img {
  filter: grayscale(1) brightness(10);
  height: 4rem;
}
.footer-info .txt-area {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  flex: 1;
  font-size: var(--fs-xsm);
  color: #F8F8FB;
  font-weight: 400;
}
.footer-info address {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.footer-info address span {
  display: inline-block;
  border-right: 0.1rem solid #DDDAE3;
  padding-right: 0.8rem;
  line-height: 1;
}
.footer-info address span:last-child {
  padding-right: 0;
  border-right: 0;
}
.footer-info address::after {
  content: "";
  display: inline-block;
  width: 0.1rem;
}

@media (max-width: 767px) {
  .footer-top {
    padding: 3.2rem 0;
  }
  .footer-top .wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 3.2rem;
  }
  .footer-etc {
    padding: 2.4rem 0;
  }
  .footer-etc .wrap {
    flex-direction: column;
    gap: 1.6rem;
  }
  .footer-etc .fsite {
    order: 0;
    width: 100%;
  }
  .footer-etc .fsite select {
    flex: 1;
  }
  .footer-etc .footer-menu {
    order: 1;
    gap: 0.8rem 1.6rem;
  }
  .footer-info {
    padding: 2.4rem 0;
  }
  .footer-info .wrap {
    flex-direction: column;
  }
  .footer-info .img-area img {
    height: 2.4rem;
  }
}
/* page */
.pw-area {
  position: relative;
}
.pw-area input {
  padding-right: 5.6rem;
}
.pw-area .btn-pw-toggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 0;
}
.pw-area .btn-pw-toggle::before {
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-position: -6rem -22rem;
  background: gr;
  background-color: #727077;
}
.pw-area.is-active .btn-pw-toggle::before {
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-position: -10rem -22rem;
  background: gr;
  background-color: #727077;
}

.form-cont {
  width: 100%;
}
.form-cont figure {
  display: flex;
  justify-content: center;
  margin-bottom: 3.2rem;
}
.form-cont figure img {
  max-width: 60%;
  margin: 0 auto;
}
.form-cont input[type=text],
.form-cont input[type=password],
.form-cont input[type=number],
.form-cont input[type=email],
.form-cont input[type=tel],
.form-cont input[type=date] {
  display: block;
  width: 100%;
  height: 6.4rem;
  font-size: 1.8rem;
}
.form-cont .btn-flex-cont {
  display: flex;
  margin: 2.4rem 0;
}
.form-cont .btn-flex-cont > * {
  flex: 1;
}
.form-cont .btn-lnk-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.8rem;
}
.form-cont .btn-lnk-area a {
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}
.form-cont .btn-lnk-area a:hover {
  color: #1A1A1A;
}
.form-cont .form-list {
  display: grid;
  gap: 1.6rem;
}
.form-cont .form-list li {
  display: grid;
  gap: 0.8rem;
}
.form-cont .form-list .msg.error {
  color: #F94868;
}
.form-cont .form-tit {
  display: block;
  font-size: var(--fs-md);
  font-weight: 700;
  color: #5A585E;
  line-height: 1.3;
}
.form-cont .form-row {
  position: relative;
}
.form-cont .form-row:has(input:disabled) .form-label, .form-cont .form-row:has(input:read-only) .form-label {
  display: none;
}
.form-cont .form-label {
  position: absolute;
  left: 2.4rem;
  top: 0;
  color: #918F97;
  z-index: 1;
  height: 6.4rem;
  line-height: 6.4rem;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
}
.form-cont input:valid + .form-label,
.form-cont .focused .form-label {
  font-size: var(--fs-xsm);
  font-weight: 400;
  color: #727077;
  height: auto;
  line-height: normal;
  padding: 0 0.4rem;
  background-color: #fff;
  z-index: 2;
  top: -0.4rem;
}
.form-cont .form-input {
  position: relative;
  width: 100%;
  height: 6.4rem;
  transition: box-shadow 150ms ease-out;
}
.form-cont .form-input:focus {
  border-color: #100380;
  outline: none;
  box-shadow: none;
}

.sns-area {
  border-top: 0.1rem solid #DDDAE3;
  padding: 4rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}
.sns-area:has(a small) {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.sns-area p {
  width: 100%;
}
.sns-area a {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.sns-area a::before {
  content: "";
  display: inline-block;
  flex: none;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background: url("../../images/user/common/ico-sns.svg");
  background-size: auto 4rem;
}
.sns-area a cite {
  flex: none;
}
.sns-area a.kakao::before {
  background-position: 0rem 0;
}
.sns-area a.naver::before {
  background-position: -4rem 0;
}

.agree-area .bg-box {
  margin-bottom: 0;
}

.agree-list {
  display: grid;
}
.agree-list li {
  display: flex;
  align-items: center;
  min-height: 8rem;
  justify-content: space-between;
  border-bottom: 0.1rem solid #EFEEF3;
  padding: 1.6rem 4rem;
}
.agree-list.sm li {
  padding: 0.8rem 0;
  border-bottom: none;
  min-height: auto;
}
.agree-list .checkradio input[type=checkbox] ~ label, .agree-list .checkradio input[type=radio] ~ label {
  margin-right: 0;
  flex: 1;
}

.terms-nav {
  border: 0.1rem solid #DDDAE3;
  column-count: 2;
  column-gap: 2rem;
  padding: 2rem;
  margin-bottom: 3.2rem;
  margin-top: 3.2rem;
}
.terms-nav li a {
  display: block;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
}
.terms-nav li a:hover {
  background: #f5f5f5;
}
.terms-nav p {
  display: inline;
}

.terms {
  margin-bottom: 2.4rem;
}
.terms article {
  margin-bottom: 4rem;
}
.terms article:last-child {
  margin-bottom: 0;
}
.terms h3 {
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
  margin-bottom: 2.4rem;
  margin-top: 8rem;
  padding-top: 8rem;
  border-top: 0.1rem solid #DDDAE3;
}
.terms h3 em,
.terms h3 strong {
  font-weight: 800;
}
.terms h3:first-of-type {
  border-top: none;
  margin-top: 0;
  padding-top: 2.4rem;
}
.terms h4 {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  margin-top: 2rem;
  margin-bottom: 1.6rem;
}
.terms p {
  margin-bottom: 1.2rem;
  line-height: 1.6;
}
.terms ul {
  margin-bottom: 1.6rem;
}
.terms ul li {
  margin-bottom: 1.2rem;
  line-height: 1.6;
}
.terms ul li:last-child {
  margin-bottom: 0;
}
.terms ul li .info-type, .terms ul li .list-type, .terms ul li .write-type {
  margin-top: 1.6rem;
}
.terms ul li b {
  color: #0A0A0A;
}
.terms ul li li {
  margin-bottom: 0.8rem;
}
.terms ul li p {
  margin-top: 0.8rem;
}
.terms ul ul {
  margin-top: 0.8rem;
  margin-bottom: 1.6rem;
  padding-left: 1.6rem;
}
.terms .bullet {
  text-align: left;
  margin-top: 0;
  padding-left: 0;
}
.terms .bullet li {
  margin-bottom: 0;
  line-height: 1.4;
}
.terms textarea:read-only {
  height: 20rem;
  padding: 2.4rem;
}

.terms-agree {
  margin-top: 1.6rem;
}

.terms-box {
  margin-bottom: 2rem;
  height: 28rem;
  padding: 4rem;
  border-color: #DDDAE3;
  overflow-y: auto;
  font-size: var(--fs-sm);
  line-height: 1.5;
  box-sizing: border-box;
  border: 0.1rem solid #EFEEF3;
  border-radius: var(--radius-lg);
}
.terms-box section {
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 3.2rem;
}
.terms-box section:last-child, .terms-box section > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .agree-list li {
    padding: 1.2rem 1.6rem;
  }
}
@media (max-width: 639px) {
  .form-cont .form-label {
    height: 5.4rem;
    line-height: 5.4rem;
  }
  .form-cont input[type=text],
  .form-cont input[type=password],
  .form-cont input[type=number],
  .form-cont input[type=email],
  .form-cont input[type=tel],
  .form-cont input[type=date] {
    height: 5.4rem;
    font-size: 1.6rem;
  }
}
.enroll-main {
  overflow: hidden;
  margin-top: 5rem;
}

.enroll-main > a {
  display: block;
  width: 49%;
  float: left;
  height: 17rem;
  box-sizing: border-box;
  padding: 3rem 2rem 2rem 16rem;
  position: relative;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background: #fff;
}

.enroll-main > a + a {
  margin-left: 2%;
}

.enroll-main > a.enroll-new {
  border: 0.1rem solid #ddd;
  border-top: 0.5rem solid linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}

.enroll-main > a.enroll-exist {
  border: 0.1rem solid #ddd;
  border-top: 0.5rem solid #63b03c;
}

.enroll-main > a strong {
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: 400;
  display: block;
}

.enroll-main > a.enroll-new:hover {
  background: #f3f8fc;
}

.enroll-main > a.enroll-exist:hover {
  background: #f7fbf5;
}

.enroll-main > a:hover:before {
  opacity: 0.8;
}

.enroll-main > a:before {
  content: "";
  position: absolute;
  display: block;
  margin: 0 auto 1.5rem;
  width: 8rem;
  height: 8rem;
  top: 4rem;
  left: 4rem;
  opacity: 0.5;
}

.enroll-main > a.enroll-new:before {
  background: url(../../images/user/sub/icon_enroll_new.png) center center no-repeat;
  background-size: 8rem;
}

.enroll-main > a.enroll-exist:before {
  background: url(../../images/user/sub/icon_enroll_exist.png) center center no-repeat;
  background-size: 8rem;
}

.enroll-main > a p {
  font-size: 1.7rem;
  margin-top: 1rem;
  line-height: 1.7em;
}

.enroll-finish {
  border: 0.1rem solid #ddd;
  background: #fff;
  box-shadow: 0.4rem 0.4rem 0 #f5f5f5;
  max-width: 60rem;
  padding: 6rem;
  margin: 6rem auto 0;
}

.enroll-finish p {
  font-size: 1.8rem;
  line-height: 1.8em;
}

.enroll-finish ul + p {
  margin-top: 3rem;
}

.licensing-num {
  border: 0.1rem solid #ddd;
  background: #fff;
  box-shadow: 0.4rem 0.4rem 0 #f5f5f5;
  max-width: 60rem;
  margin: 6rem auto 0;
}

.licensing-num > article {
  padding: 8rem 0 6rem;
}

.licensing-num > article + article {
  border-top: 0.1rem solid #ddd;
  padding: 6rem 0 6rem;
}

.licensing-num > article > div {
  overflow: hidden;
  max-width: 44rem;
  margin: 0 auto;
}

.licensing-num > article label {
  width: 10rem;
  font-size: 1.8rem;
  vertical-align: middle;
  font-weight: 400;
  float: left;
  line-height: 3.8rem;
}

.licensing-num > article input {
  border: 0;
  border-bottom: 0.1rem solid #aaa;
  font-size: 1.8rem;
  float: left;
  width: 25rem;
}

.licensing-num > article input:hover,
.licensing-num > article input:focus {
  background: transparent;
  border-bottom: 0.1rem solid;
}

.licensing-num > article p {
  box-sizing: border-box;
  max-width: 44rem;
  color: #727077;
  margin: 2rem auto 0;
}

.licensing-num > article + article span {
  font-size: 1.6rem;
  float: left;
  line-height: 3.8rem;
}

.licensing-num > article + article span:before {
  content: "?";
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  color: #fff;
  background: #100380;
  text-align: center;
  line-height: 2.1rem;
  border-radius: 1.2rem;
  margin-right: 0.5rem;
}

.licensing-num > article a.btn2 {
  float: right;
  width: 8rem;
}

.licensing-num > article + article a.btn2 {
  width: 14rem;
}

/* 학습창 NAV */
.learning-nav {
  position: fixed;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 3rem 0;
  background: #444;
  border-top: 0.4rem solid linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  height: 4.5rem;
}

.learning-nav a.learning-nav-open {
  display: none;
}

/* learning-nav : dep1 */
.learning-nav a {
  display: block;
  color: #fff;
}

.learning-nav > ul > li {
  float: left;
  position: relative;
  z-index: 9990;
}

.learning-nav > ul > li > a {
  display: block;
  padding: 1rem 3rem 0.7rem;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 400;
  text-align: center;
}

.learning-nav > ul > li > .home {
  width: 2.4rem;
  height: 2.5rem;
  text-indent: -99.9rem;
  overflow: hidden;
  background: url("../../images/user/common/ico_home2.png") 0 1rem no-repeat;
  padding: 1.7rem 1rem 0 0;
  color: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}

.learning-nav > ul > li.current > .home,
.learning-nav > ul > li > .home:hover {
  background: url("../../images/user/common/ico_home2_on.png") 0 1rem no-repeat;
}

.learning-nav .newwin {
  height: 2rem;
  overflow: hidden;
  background: url("../../images/user/common/ico_full.png") 0 0.5rem no-repeat;
  padding: 0.5rem 0 1rem 3rem;
  line-height: 2rem;
  color: #fff;
  position: absolute;
  right: 13rem;
  top: 0.5rem;
}

.learning-nav .full {
  height: 2rem;
  overflow: hidden;
  background: url("../../images/user/common/ico_size.png") 0 0.5rem no-repeat;
  padding: 0.5rem 0 1rem 3rem;
  line-height: 2rem;
  color: #fff;
  position: absolute;
  right: 3rem;
  top: 0.5rem;
}

.learning-nav .full:hover {
  background: url("../../images/user/common/ico_size.png") 0 -3rem no-repeat;
  color: #71d3ff;
}

.learning-nav .standard {
  height: 2rem;
  overflow: hidden;
  background: url("../../images/user/common/ico_size.png") 0 -7rem no-repeat;
  padding: 1rem 0 1rem 3rem;
  line-height: 2rem;
  color: #fff;
  position: absolute;
  right: 3rem;
  top: 0.5rem;
}

.learning-nav .standard:hover {
  background: url("../../images/user/common/ico_size.png") 0 -11rem no-repeat;
  color: #71d3ff;
}

.learning-nav li + li + li {
  background: url("../../images/user/common/learning_nav_bar.gif") 0 1.6rem no-repeat;
}

.learning-nav > ul > li > a:hover,
.learning-nav > ul > li.current > a,
.learning-nav > ul > li > a.on,
.learning-nav > ul > li > a.on:hover,
.learning-nav > ul > li > a.on:focus {
  background: url("../../images/user/common/learning_nav_on.png") center 0 no-repeat;
  color: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}

/* learning-nav : dep2 */
.learning-nav .snb {
  display: none;
  height: 0;
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  bottom: 6.3rem;
  left: 0;
  background: #535356;
  opacity: 0;
}

.learning-nav .snb li > a {
  padding: 0 9.5rem 0 3.8rem;
}

.learning-nav .snb li {
  position: relative;
  white-space: nowrap;
  line-height: 3.3rem;
}

.learning-nav .snb li a {
  color: #c6c6c7;
}

.learning-nav .snb li a:hover,
.learning-nav .snb li a:focus {
  background-color: #404042;
  color: #fff;
}

.learning-nav .mCustomScrollbar {
  display: none;
  max-height: 33rem;
  padding-bottom: 2rem;
  background: url("../../images/user/common/more.png") center bottom no-repeat #535356;
}

.learning-nav .mCustomScrollbar.end {
  padding-bottom: 0.5rem;
  background-image: none;
}

/* learning-nav : dep3 */
.learning-nav .snb li ul {
  display: none;
}

.learning-nav .snb li.active ul {
  display: block;
}

.learning-nav .snb li ul a {
  padding-left: 7.3rem;
}

/* learning-nav : dep2, dep3 background */
.learning-nav li li a {
  background-image: url("../../images/user/common/study_nav_dep2.png");
  background-repeat: no-repeat;
}

.learning-nav .snb div > ul > li > a:only-child {
  background: none;
}

.learning-nav .snb li > a {
  background-position: 1.4rem 0;
}

.learning-nav .snb li > a:hover,
.learning-nav .snb li > a:focus {
  background-position: 1.4rem -4rem;
  color: #71d2ff;
}

.learning-nav .snb li.active > a {
  background-position: 1.4rem -8rem;
}

.learning-nav .snb li.active > a:hover,
.learning-nav .snb li.active > a:focus {
  background-position: 1.4rem -12rem;
}

.learning-nav .snb li li a {
  background-position: 5rem -16rem;
}

.learning-nav .snb li li a:hover,
.learning-nav .snb li li a:focus {
  background-position: 5rem -20rem;
}

/* learning-nav : 진도율 */
.learning-nav .snb li a span {
  position: absolute;
  width: 4.5rem;
  height: 1.8rem;
  top: 0.8rem;
  right: 1.5rem;
}

.learning-nav .snb li a span.progress {
  color: #fff;
  line-height: 1.8rem;
  border-radius: 0.9rem;
  text-align: center;
  font-size: 1.1rem;
  background: #b7a99a;
}

.learning-nav .snb li a span.studying {
  background: #85c93c;
}

.learning-nav .snb li a span.complete {
  background: #db821f;
}

.learning-nav .snb li a span.check {
  background: url("../../images/user/common/ico_check.png") center center no-repeat;
}

.learning-body {
  /*position:absolute;
  top:9.1rem;
  left:0;*/
  width: 100%;
  background: #ebebeb;
}

.learning-body iframe {
  width: 100%;
  height: calc(100% - 4.5rem);
  position: fixed;
  background: #fff;
}

.learning-body .learn-close {
  z-index: 999999;
  position: absolute;
  top: 1.5rem;
  right: 2.7rem;
  width: 4.8rem;
  height: 4.8rem;
  border: 0.1rem solid #aaa;
  border-radius: 2.4rem;
  background: url("../../images/user/common/pop_close.png") center center no-repeat #fff;
  background: url("../../images/user/common/pop_close_IE8.png") center center no-repeat;
  /*IE8*/
  background-size: 3rem;
  opacity: 0.5;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.learning-body .learn-close:hover {
  opacity: 1;
}

/* 학습창 */
/*.learn-nav {
	font-size:0;
	margin-bottom:5rem;
	background: #fff;
	box-shadow:0.5rem 0.5rem 1rem rgba(0,0,0,.075),  -0.5rem -0.5rem 1rem #ffffff;
	display:inline-block;
	border-radius:2.5rem;
	overflow:hidden;
}
.learn-nav li { 
	display:inline-block; 
}
.learn-nav li ~ li { border-left:0.1rem solid #eee; }
.learn-nav li a {
	display:block;
	font-size:1.8rem;
	width:14rem;
	height:5rem;
	line-height:3rem;
	padding:1rem 0 0;
	text-align:center;
	box-sizing:border-box;
	transition:background .3s;
}
.learn-nav li a:hover,
.learn-nav li a:focus { color:$accent; }
.learn-nav li.current a { color:$accent;background:rgba(11,118,200,.025); }*/
.red {
  color: #F94868 !important;
}

.blue {
  color: #005FBE !important;
}

.green {
  color: #78BF26 !important;
}

.orange {
  color: #F94868 !important;
}

.learn-nav {
  position: relative;
  font-size: 0;
  margin-bottom: 4rem;
  white-space: nowrap;
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  border: 0.2rem solid transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  border-radius: 0.8rem;
}

.learn-nav li {
  display: inline-block;
}
.learn-nav li:last-child a::after {
  display: none;
}

.learn-nav li a {
  position: relative;
  z-index: 2;
  display: block;
  font-size: 1.8rem;
  height: 6rem;
  line-height: 6rem;
  padding: 0 2.8rem;
  text-align: center;
  box-sizing: border-box;
  transition: background 0.3s;
  font-weight: 600;
}
.learn-nav li a:focus {
  outline: none;
}
.learn-nav li a::after {
  content: " ";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #DDDAE3;
  border-radius: 100%;
}

.learn-nav li a:hover,
.learn-nav li a:focus {
  color: #00B6ED;
}

.learn-nav li.is-current a {
  color: #00B6ED;
}

/* contents */
.learn-tit {
  position: relative;
}

.learn-tit {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
.learn-tit .label, .learn-tit .view-list cite, .view-list .learn-tit cite {
  flex: none;
}

.learn-tit strong {
  font-size: var(--fs-2xlg);
  font-weight: 800;
  color: #333333;
}
.learn-tit strong em,
.learn-tit strong strong {
  font-weight: 800;
}

.learn-subtit {
  padding: 1.5rem 2rem;
  background: #444;
  color: #fff;
  font-size: 1.8rem;
  border-radius: 1rem 1rem 0 0;
  border-bottom: 0.1rem solid #DDDAE3;
  margin-right: 28rem;
}

.learn-subtit cite {
  display: inline-block;
  height: 2.6rem;
  line-height: 2.5rem;
  text-align: center;
  color: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  margin-right: 2rem;
}

.learn-subtit .current-state {
  float: right;
  font-size: 1.5rem;
}

.learn-subtit .current-state .contents-nm {
  display: inline-block;
  position: relative;
  margin-right: 1rem;
  padding-right: 1.1rem;
}

.learn-subtit .current-state .contents-nm:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 1.3rem;
  background: #fff;
  right: 0;
  top: 0.5rem;
  opacity: 0.5;
}

.learn-subtit .current-state .complete-nm em {
  display: inline-block;
  text-align: center;
  margin-left: 0.5rem;
  line-height: 2.8rem;
  padding: 0 1rem;
  border-radius: 1.4rem;
}

.learn-subtit .current-state .complete-nm em.spot {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  color: #fff;
}

.learn-subtit .current-state .complete-nm em.spot2 {
  background: #00B6ED;
  color: #fff;
}

.learn-info {
  overflow: hidden;
  padding: 0;
  border-bottom: 1px dashed #d6d6d7;
}

.learn-chart {
  font-size: 0;
  margin-bottom: 4rem;
  border: 0.1rem solid #DDDAE3;
  padding: 4rem;
  border-radius: 0.8rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 2.4rem;
}
.learn-chart li {
  position: relative;
  flex: 1;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  min-width: 0;
  max-width: 20rem;
}
.learn-chart div {
  width: 100%;
  aspect-ratio: 1;
  margin: 0 auto;
}
.learn-chart dl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.8rem;
  justify-content: center;
}
.learn-chart dt {
  font-size: var(--fs-md);
  font-weight: 700;
  color: #5A585E;
  line-height: 1.3;
}
.learn-chart dd {
  font-size: 1.8rem;
  position: relative;
}
.learn-chart dd strong {
  font-size: var(--fs-3xlg);
  font-weight: 800;
}
.learn-chart dl.chart-day dd {
  color: #100380;
}
.learn-chart dl.chart-progress dd {
  color: #00B6ED;
}
.learn-chart dl.chart-score dd {
  color: #78BF26;
}

.learn-date {
  position: relative;
  padding: 0 0 2rem;
}
.learn-date dl {
  display: inline-block;
  padding: 1rem 0;
}
.learn-date dt,
.learn-date dd {
  display: inline-block;
  vertical-align: top;
}
.learn-date dt {
  color: #555;
}
.learn-date dd {
  margin-left: 1rem;
  letter-spacing: 0;
}

.learn-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  max-width: 20rem;
  aspect-ratio: 1;
  border-radius: 1.6rem;
  text-align: center;
  gap: 1.6rem;
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.learn-btn em,
.learn-btn strong {
  font-weight: 800;
}
.learn-btn:hover {
  box-shadow: 0.2rem 0.2rem 4rem rgba(10, 10, 10, 0.2);
}
.learn-btn::before {
  content: " ";
  display: block;
  width: 4rem;
  height: 4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(4rem * 20) auto;
  mask-position: -44rem -28rem;
  background: wh;
  background-color: #fff;
}

.learn-notice {
  position: relative;
  margin-top: 1.6rem;
  border: 0.1rem solid #DDDAE3;
  border-radius: 0.8rem;
  padding: 4rem;
  overflow: hidden;
  background-color: #F8F8FB;
  gap: 4rem;
  display: flex;
  align-items: flex-start;
}
.learn-notice .tit-area {
  flex-direction: column;
  flex: none;
  width: 16rem;
  align-items: flex-start;
}
.learn-notice ul {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: 0.8rem;
}
.learn-notice li a {
  position: relative;
  display: flex;
  gap: 0.8rem;
  align-items: center;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  min-width: 0;
}
.learn-notice li a::before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-position: 0rem 0rem;
  background: gr;
  background-color: #727077;
  left: 0;
  top: 0.4rem;
}
.learn-notice a:hover {
  text-decoration: underline;
}

/* 학습현황판 */
.toggle-state-panel {
  position: absolute;
  left: -4rem;
  top: 4rem;
  width: 4rem;
  padding: 1rem 0;
  border-radius: 0.8rem 0 0 0.8rem;
  height: auto;
  background: #fff;
  font-size: 1.5rem;
  line-height: 1.8rem;
  text-align: center;
  z-index: 2;
  box-shadow: -0.2rem 0 0.2rem rgba(0, 0, 0, 0.1);
  display: none;
}

/* .toggle-state-panel:after {
	content:'';
	display:block;
	width:0;
	height:0;
	border-left:0;
	border-top:0.5rem solid transparent;
	border-bottom:0.5rem solid transparent;
	border-right:1rem solid #555;
	margin:0.5rem auto 0;
	transition:all .3s;
	transform:rotate(0);
}
.learn-state-panel.is-open .toggle-state-panel:after {
	transform:rotate(-180deg);
} */
.learn-state-panel {
  position: absolute;
  width: 22rem;
  right: 2rem;
  top: 22.5rem;
  background: #fff;
  border-radius: 10rem;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  padding: 2rem 2rem;
  transition: all 0.3s;
}

.learn-state-panel.is-open {
  right: 0;
}

@media screen and (min-width: 168rem) {
  .learn-state-panel {
    right: 0rem;
  }
  .toggle-state-panel {
    display: none;
  }
}
.learn-state-panel h3 {
  text-align: center;
  padding-bottom: 1rem;
}

.learn-state-panel .state-list {
  overflow-y: auto;
  max-height: calc(100vh - 22rem);
}

.learn-state-panel ol li {
  display: flex;
  height: 3.6rem;
  border: 0.1rem solid #EFEEF3;
  box-sizing: border-box;
  border-radius: 0.4rem;
  overflow: hidden;
}

.learn-state-panel ol li ~ li {
  margin-top: 0.5rem;
}

.learn-state-panel ol li .num {
  background: #fff;
  border-right: 0.1rem solid #EFEEF3;
  font-size: 1.5rem;
  display: block;
  width: 3.4rem;
  line-height: 3.4rem;
  text-align: center;
}

.learn-state-panel ol li .progress {
  flex: 1;
  position: relative;
  background: #f5f5f5;
}

.learn-state-panel ol li .progress .progress-bar {
  display: block;
  width: 0;
  height: 3.4rem;
  background: #00B6ED;
  position: static;
}

.learn-state-panel ol li .progress.end .progress-bar {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}

.learn-state-panel ol li .progress .percent {
  line-height: 3.4rem;
  text-align: right;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  font-size: 1.4rem;
  font-weight: bold;
  box-sizing: border-box;
  padding-right: 1rem;
}

.learn-state-panel ol li .progress.end .percent {
  color: #fff;
}

.state-task {
  margin-top: 1rem;
}

.state-task li {
  padding: 0.5rem 1.5rem;
  border: 0.1rem solid #EFEEF3;
  border-radius: 2rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
  position: relative;
}

.state-task li cite {
  display: block;
  font-size: 1.5rem;
  line-height: 2.4rem;
  vertical-align: top;
}

.state-task li .task-on {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  top: 50%;
  margin-top: -1.1rem;
  right: 1rem;
}

.state-task li .task-off {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: #F94868;
  top: 50%;
  margin-top: -1.1rem;
  right: 1rem;
}

/* test */
.test-info,
.survey-info {
  position: relative;
  border-bottom: 0.2rem solid #7a7a7a;
  min-width: 60rem;
  padding: 2.7rem 35rem 2.7rem 5.5rem;
}

.test-info ul,
.survey-info ul {
  overflow: hidden;
}

.test-info ul li {
  float: left;
  vertical-align: middle;
  width: 50%;
  line-height: 3rem;
  font-size: 1.077em;
}

.survey-info ul li {
  float: left;
  vertical-align: middle;
  width: 100%;
  line-height: 3rem;
  font-size: 1.077em;
}

.test-info ul li cite,
.survey-info ul li cite {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  width: 9rem;
  font-weight: 500;
}

.test-info ul li span,
.survey-info ul li span {
  white-space: nowrap;
}

.test-time {
  position: absolute;
  top: 3.6rem;
  right: 5.5rem;
  width: 29.5rem;
  height: 7.3rem;
  line-height: 7.2rem;
  background: url("../../images/user/learn/test_time_bg.gif") 0 0 no-repeat;
}

.test-time span {
  font-weight: 500;
  float: left;
  margin-left: 4.4rem;
  color: #fff;
}

.test-time strong {
  float: right;
  width: 16rem;
  text-align: center;
  font-size: 3.077em;
  color: #fff;
  font-weight: normal;
}

.test-time.finish {
  background: url("../../images/user/learn/test_finish_bg.gif") 0 0 no-repeat;
}

.test-time.finish span {
  margin-left: 2.6rem;
}

.test-time.finish strong {
  color: #F94868;
}

.q-area {
  display: flex;
  gap: 4rem;
}

.q-cont {
  flex: 1;
}

.q-aside {
  position: relative;
  flex: none;
}
.q-aside .sticky {
  display: flex;
  top: 0;
  flex-direction: column;
  width: 24rem;
  position: sticky;
  top: 0;
  padding: 0;
  gap: 2rem;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 4rem);
  box-sizing: border-box;
}
.q-aside .sticky ol {
  flex: 1;
}

.time-area {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.6rem;
  padding: 0;
  background-color: #F8F8FB;
  border-radius: 2em;
  color: #333333;
  white-space: nowrap;
  gap: 0.8rem;
  width: 100%;
  text-align: center;
}
.time-area::before {
  content: " ";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-position: -9.6rem 0rem;
  background: #1A1A1A;
}
.time-area span {
  font-size: var(--fs-2xlg);
  font-weight: 800;
  color: #333333;
}
.time-area span em,
.time-area span strong {
  font-weight: 800;
}

.time-area span {
  margin-left: 0.5rem;
  font-size: 2.4rem;
  line-height: 4.4rem;
  font-weight: 700;
  color: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  display: inline-block;
  vertical-align: top;
}

.q-aside ol {
  overflow-y: auto;
  border-top: 0.1rem solid #DDDAE3;
}

.q-aside ol li {
  position: relative;
  padding-left: 9rem;
  padding-right: 2rem;
  /*     height:3.9rem; */
  line-height: 3.5rem;
  color: #333;
  font-size: 1.4rem;
  word-break: break-all;
  border-bottom: 0.1rem solid #DDDAE3;
}

/*.q-aside ol li .num {
    display:inline-block;
    height:2.2rem;
    width:2.2rem;
    line-height:2.4rem;
    border:$border-primary;
    border-radius:50%;
    text-align:center;
}*/
.q-aside ol li span {
  display: block;
  line-height: 1.8rem;
  padding: 1rem 0;
  font-weight: 500;
}

.q-aside ol li p {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.q-aside ol li .q-num {
  position: absolute;
  top: 0;
  left: 0;
  width: 7rem;
  height: 100%;
  line-height: 3.9rem;
  border-right: 0.1rem solid #DDDAE3;
  box-sizing: border-box;
}
.q-aside ol li .q-num a {
  display: flex;
  padding-left: 2rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: 1.4rem;
  background-color: #EFEEF3;
}
.q-aside ol li .q-num a:hover {
  background-color: #DDDAE3;
}

.q-aside .btn-cont {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin: 0;
}
.q-aside .btn-cont [class^=btn] {
  width: 100%;
  padding: 0;
  margin: 0;
}

.q-aside .test-time {
  text-align: center;
  display: block;
  padding: 1.5rem 0 10.3rem 0;
  margin: 0;
  margin-bottom: 0.5rem;
}

.q-aside .test-time em {
  margin-left: 1rem;
}

.q-list > li {
  position: relative;
  padding-left: 5rem;
  margin-bottom: 6rem;
}
.q-list > li:last-child {
  margin-bottom: 0;
}
.q-list > li > cite {
  position: absolute;
  left: 0;
  top: 0;
  color: #0A0A0A;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: normal;
}
.q-list h2 {
  font-weight: normal;
  line-height: 1.44;
  margin-bottom: 2rem;
  font-size: var(--fs-lg);
  font-weight: 600;
}
.q-list label {
  padding-left: 6rem;
  max-width: 100%;
}
.q-list .checkradio input[type=radio]:checked ~ label,
.q-list .checkradio input[type=checkbox]:checked ~ label {
  color: #00B6ED;
}
.q-list .checkradio input[type=radio]:checked ~ label strong,
.q-list .checkradio input[type=checkbox]:checked ~ label strong {
  font-weight: 600;
}
.q-list .num {
  position: absolute;
  font-weight: 700;
  margin-right: 0.8rem;
  top: 2px;
}
.q-list strong {
  display: block;
  font-weight: 400;
  padding-left: 2.4rem;
  line-height: 1.6;
}
.q-list ol {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.q-list .q-btn-cont {
  text-align: right;
  margin-top: 0.4rem;
}
.q-list .q-btn-cont .btn, .q-list .q-btn-cont .type-b .mn-visual .slide-guide .guide-fnc-area a, .type-b .mn-visual .slide-guide .guide-fnc-area .q-list .q-btn-cont a {
  min-width: 12rem;
}

.q-list .answer-o {
  position: absolute;
  left: -2rem;
  top: -2rem;
  width: 6rem;
  height: 6rem;
  border: 0.4rem solid #78BF26;
  border-radius: 50%;
  text-indent: -9999rem;
  font-size: 1px;
  z-index: 1;
}

.q-list .answer-x {
  position: absolute;
  left: -1.4rem;
  top: -1.4rem;
  width: 6rem;
  height: 6rem;
  text-indent: -9999rem;
  font-size: 1px;
  z-index: 1;
}

.q-list .answer-x:before,
.q-list .answer-x:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.2rem;
  margin-left: -0.2rem;
  width: 6rem;
  height: 4px;
  background-color: #F94868;
}

.q-list .answer-x:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.q-list .answer-x:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.q-list .label, .q-list .view-list cite, .view-list .q-list cite {
  position: absolute;
  left: -5rem;
  width: 4rem;
  padding: 0;
}

.q-list .comment li {
  position: relative;
  margin-top: 2rem;
  font-size: 1.5rem;
  color: #8190a5;
  line-height: 1.375;
}

.q-list .comment li .label.spot ~ p, .q-list .comment li .view-list cite.spot ~ p, .view-list .q-list .comment li cite.spot ~ p {
  color: #092f87;
}

.q-txt {
  font-size: 2.4rem;
  text-align: center;
  font-weight: normal;
  margin-top: 8rem;
}

.example p {
  background: #f8f8f8;
  border: 0.1rem solid #EFEEF3;
  font-weight: normal;
  padding: 0.8rem 2rem;
  margin-top: 0;
}

.example img {
  border: 0.1rem solid #EFEEF3;
  display: block;
}

.example img + p {
  margin-top: 1rem;
}

.progress-bar {
  position: absolute;
  left: 30%;
  top: 0;
  width: 24.5rem;
  color: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  font-weight: 500;
}

.progress-bar > span {
  float: left;
  width: 3.5rem;
  text-align: right;
}

.progress-bar > .progress-graph {
  float: right;
  margin-top: 0.8rem;
  height: 0.6rem;
  width: 20rem;
  overflow: hidden;
  border-radius: 0.3rem;
  background: #DDDAE3;
}

.progress-graph > div {
  height: 0.6rem;
  border-radius: 0.3rem;
  width: 0;
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}

.explanation {
  background: #f7f7f6;
  margin-top: -1rem;
  padding: 1.5rem 2.2rem;
}

.quiz div + .explanation {
  margin-top: 2rem;
}

.explanation dl {
  position: relative;
}

.explanation dt {
  position: absolute;
  font-weight: 500;
  width: 3.8rem;
  background: url("../../images/user/learn/partition2.gif") right center no-repeat;
}

.explanation dd {
  padding-left: 5.2rem;
}

.explanation dt ~ dt, .explanation dd ~ dd {
  margin-top: 1rem;
}

.lodging {
  overflow: hidden;
}

.lodging .lodg-list {
  float: left;
  width: 49%;
  height: 30rem;
  border: 0.1rem solid #EFEEF3;
  overflow-y: auto;
}

.lodging .lodg-list li {
  line-height: 3rem;
  height: 3rem;
}

.lodging .lodg-list li a {
  display: block;
  padding-left: 1rem;
}

.lodging .lodg-list li.ui-tabs-active a {
  background: #f1f1f1;
}

.lodging .lodg-list li a:hover {
  background: #f9f9f9;
}

.lodging .lodg-map {
  float: right;
  width: 49%;
  text-align: center;
  height: 30rem;
  border: 0.1rem solid #EFEEF3;
  overflow-y: hidden;
}

/* status-list */
.learn-state {
  margin-top: 1.6rem;
}

.status-area {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.6rem;
}
.status-area section {
  position: relative;
  flex: 1;
  border: 0.1rem solid #DDDAE3;
  min-height: 20rem;
  padding: 1.6rem;
  height: 100%;
  border-radius: 0.8rem;
}
.status-area section.bg {
  position: relative;
  background: #F3F0EE;
  border-color: #DDDAE3;
}
.status-area ul {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.status-area li {
  display: flex;
  gap: 1.6rem;
}
.status-area li cite {
  font-size: var(--fs-md);
  font-weight: 700;
  color: #5A585E;
  line-height: 1.3;
}
.status-area .status-txt {
  margin-top: 1.6rem;
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}

.status-box {
  padding: 2.4rem;
  background-color: #F3F0EE;
  display: flex;
  align-items: center;
  gap: 2.4rem;
  border-radius: 0.8rem;
}
.status-box > * {
  margin: 0;
}
.status-box .tit-area {
  flex: none;
}
.status-box ul {
  display: flex;
  gap: 2.4rem;
  justify-content: space-around;
}
.status-box li cite {
  font-size: var(--fs-md);
  font-weight: 700;
  color: #5A585E;
  line-height: 1.3;
}

.learn-iframe {
  margin-right: 28rem;
  width: 100%;
}

.learn-iframe iframe {
  display: block;
  border: 0;
  width: 100%;
  overflow: hidden;
}

.learn-iframe ~ .btn-cont {
  margin-right: 28rem;
}

/* checkup */
.checkup .btn-cont {
  font-weight: 500;
}

.exampaper .btn, .exampaper .type-b .mn-visual .slide-guide .guide-fnc-area a, .type-b .mn-visual .slide-guide .guide-fnc-area .exampaper a {
  font-weight: 500;
}

.checkup {
  padding-right: 23.7rem;
}

.checkup p {
  position: relative;
  margin-top: 4rem;
  text-indent: -2.7rem;
  padding-left: 5.3rem;
  font-size: 1.429em;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.checkup p .mp3 {
  margin-left: 1rem;
  text-indent: 0;
}

.checkup p cite {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  margin-right: 0.5rem;
  font-size: 1.429em;
  font-weight: 500;
  font-family: "calibri";
}

.checkup p cite:first-letter {
  font-size: 1.25em;
}

.checkup p.right-answer .after {
  position: absolute;
  width: 4.9rem;
  height: 4.9rem;
  top: -1.1rem;
  left: -0.7rem;
  text-indent: -99.9rem;
  overflow: hidden;
  background: url("../../images/user/common/answer_o.png") 0 0 no-repeat;
}

.checkup p.wrong-answer .after {
  position: absolute;
  width: 4.9rem;
  height: 4.9rem;
  top: -1.1rem;
  left: -0.7rem;
  text-indent: -99.9rem;
  overflow: hidden;
  background: url("../../images/user/common/answer_x.png") 0 0 no-repeat;
}

.checkup ol {
  margin: 1.5rem 0 1.5rem 5.3rem;
}

.checkup ol li {
  position: relative;
  font-family: "Calibri", "Nanum Gothic";
  font-size: 1 0.8rem;
  font-weight: 400;
  line-height: 3.4rem;
}

.checkup ol label {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  cursor: pointer;
}

.checkup ol li label {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  padding-left: 4rem;
  padding-right: 1rem;
  cursor: pointer;
  border-radius: 0.5rem;
}

.checkup ol li label input {
  position: absolute;
  opacity: 0;
}

.checkup ol li label.disabled:hover {
  background: #fff;
}

.checkup ol li label:hover {
  background: rgba(255, 255, 0, 0.2);
}

.checkup ol li label.disabled {
  cursor: default;
}

.checkup ol li.answer label {
  color: #00B6ED;
}

.checkup .bundle {
  border-bottom: 0.1rem solid #DDDAE3;
  padding: 2rem 0;
}

.checkup .bundle article {
  margin-left: 0;
}

.checkup .bundle p:first-child cite:first-letter {
  font-size: 1.538em;
}

.checkup ol cite {
  position: absolute;
  top: 0rem;
  left: 1rem;
}

.checkup ol li label input:checked ~ cite:after {
  content: " ";
  position: absolute;
  width: 2.4rem;
  height: 1.9rem;
  top: 2px;
  left: 2px;
  background: url("../../images/user/common/subject_level_check.png") 0 0 no-repeat;
}

.checkup ol em {
  text-decoration: underline;
}

.checkup .btn-cont {
  margin-top: 5rem;
}

.explanation {
  padding: 1.5rem 2rem;
  border-top: 0.1rem solid #EFEEF3;
  border-bottom: 0.1rem solid #EFEEF3;
  color: #555;
}

.explanation h3 {
  font-size: 1.077em;
  line-height: 2rem;
  margin: 0;
  padding: 0;
  padding-left: 2.6rem;
  background: url("../../images/user/common/ico_solution.gif") 0 0 no-repeat;
  color: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}

.explanation ol {
  margin: 1rem 0 0;
}

.explanation ol cite {
  font-size: 1.077em;
}

.exampaper {
  position: absolute;
  right: 0px;
  top: 21.5rem;
  width: 21.2rem;
}

.exampaper .exam-header {
  background: #ededed;
  border-bottom: 0.1rem solid #EFEEF3;
  border-top: 0.1rem solid #EFEEF3;
  line-height: 4rem;
}

.exampaper .exam-header cite {
  border-right: 0.1rem solid #EFEEF3;
  font-size: 1.077em;
}

.exampaper .exam-header span {
  border-right: 0.1rem solid #EFEEF3;
  font-weight: 500;
  font-size: 1.077em;
}

.exampaper .exam-header em {
  font-weight: 500;
  font-size: 1.077em;
}

.exampaper .exam-list {
  height: 26.4rem;
  overflow: hidden;
  border-right: 0.1rem solid #EFEEF3;
  border-left: 0.1rem solid #EFEEF3;
  border-bottom: 0.1rem solid #EFEEF3;
}

.exampaper ol {
  width: 23.2rem;
  overflow-y: auto;
  height: 22.4rem;
  background: #fbfbfb;
  line-height: 4rem;
}

.exampaper li {
  border-top: 0.1rem solid #EFEEF3;
  position: relative;
}

.exampaper li:first-child {
  border-top: 0;
}

.exampaper li a {
  display: block;
  height: 4.3rem;
  line-height: 4.2rem;
}

.exampaper li a:hover,
.exampaper li a:focus {
  background: #edf5fa;
  outline: 0;
}

.exampaper .mo-exam-open {
  display: none;
}

.exampaper .exam-list cite,
.exampaper .exam-list span,
.exampaper .exam-list em {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  text-align: center;
  height: 4.3rem;
  vertical-align: top;
}

.exampaper .exam-list cite {
  width: 3.9rem;
  border-right: 0.1rem solid #EFEEF3;
  color: #555;
  font-weight: 500;
  font-size: 1 0.6rem;
}

.exampaper .exam-list span {
  width: 8rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-right: 0.1rem solid #EFEEF3;
  font-size: 1 0.6rem;
}

.exampaper .exam-list em {
  width: 7.8rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #00B6ED;
  font-size: 1.6rem;
}

.exampaper li .after {
  position: absolute;
  width: 4rem;
  height: 4.3rem;
  top: 0;
  left: 0;
  border-right: 0;
}

.exampaper li.right-answer .after {
  background: url("../../images/user/common/answer_s_o.png") center no-repeat;
}

.exampaper li.wrong-answer .after {
  background: url("../../images/user/common/answer_s_x.png") center no-repeat;
}

.contents-wrap {
  position: relative;
  margin-top: 5rem;
  min-height: 56.4rem;
}

.check-time {
  margin-bottom: 0.5rem;
  background: url("../../images/user/common/ico_time.gif") 1.8rem 2rem no-repeat #fbfbfb;
  border: 0.1rem solid #DDDAE3;
  padding: 1.8rem 2rem;
}

.check-time cite,
.check-time em {
  display: inline-block;
  font-weight: 500;
  font-size: 1 0.6rem;
}

.check-time cite {
  margin-left: 2.5rem;
  margin-right: 0.5rem;
  float: left;
}

.check-time em {
  float: right;
}

.check-time .btn, .check-time .type-b .mn-visual .slide-guide .guide-fnc-area a, .type-b .mn-visual .slide-guide .guide-fnc-area .check-time a {
  margin-top: 1rem;
  clear: both;
  width: 100%;
}

/* accordion */
.learn-accordion {
  border-top: 2px solid #0A0A0A;
  margin-top: 1.5rem;
}
.learn-accordion li {
  position: relative;
  border-bottom: 0.1rem solid #DDDAE3;
}
.learn-accordion .accordion-tit-area {
  position: relative;
  padding: 2rem 6rem 2rem 10rem;
}
.learn-accordion .accordion-tit-area .num {
  position: absolute;
  left: 0;
  top: 1.9rem;
  color: #100380;
  font-weight: 700;
  width: 8rem;
  text-align: center;
}
.learn-accordion .ico {
  position: absolute;
  right: 2rem;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 1rem;
  height: 1rem;
  border-top: 0.1rem solid #DDDAE3;
  border-left: 0.1rem solid #DDDAE3;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.learn-accordion .btn-accordion-toggle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-indent: -99999rem;
  font-size: 0;
}
.learn-accordion li.is-active .accordion-tit-area cite {
  font-weight: 500;
}
.learn-accordion li.is-active .ico {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.learn-accordion li.is-active .accordion-txt-area {
  display: block;
}
.learn-accordion .accordion-txt-area {
  display: none;
  padding: 3rem 7rem;
  border-top: 0.1rem solid #DDDAE3;
  color: #333;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.8rem;
  background: #fbfbfb;
  letter-spacing: 0;
}
.learn-accordion .accordion-txt-area a:not(.btn),
.learn-accordion .accordion-txt-area a:not(.btn-sm),
.learn-accordion .accordion-txt-area a:not(.btn-lg) {
  text-decoration: underline;
}
.learn-accordion .accordion-txt-area b,
.learn-accordion .accordion-txt-area strong {
  font-weight: 700;
}

/* -------------------------------------------------    
    .player 
------------------------------------------------- */
.player-area {
  min-height: 70rem;
  background: #000;
  padding: 0;
  border-radius: 1rem 1rem 0 0;
}

.player-area h3 {
  height: 5rem;
  box-sizing: border-box;
  padding-left: 3.5rem;
  color: #fff;
  position: relative;
  font-size: 1.8rem;
  line-height: 2rem;
  text-align: left;
  margin-bottom: 0;
  margin-right: 0;
  background: transparent;
}

.player-area h3:before {
  content: "";
  position: absolute;
  width: 0.6rem;
  height: 2rem;
  border-radius: 0.3rem;
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  top: 1.4rem;
  left: 2.1rem;
}

.player-area h3:after {
  content: "";
  position: absolute;
  background: #000;
}

.player-area .video-js {
  width: 100%;
  height: calc(100% - 4.5rem);
}

.vjs-theme-fantasy .vjs-control-bar {
  border-radius: 2.7rem;
}

.vjs-theme-fantasy .vjs-big-play-button {
  font-size: 10rem !important;
  text-indent: -0.2em !important;
  color: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%) !important;
}

.player-btns {
  background: #000;
  text-align: right;
  height: 4.5rem;
  padding: 1.7rem 3rem;
  font-size: 0ß;
}

.player-btns .btn, .player-btns .type-b .mn-visual .slide-guide .guide-fnc-area a, .type-b .mn-visual .slide-guide .guide-fnc-area .player-btns a {
  height: 4.5rem;
  box-sizing: border-box;
  width: 11rem;
  font-size: 1.5rem;
  line-height: 4.5rem;
}

.player-btns .btn, .player-btns .type-b .mn-visual .slide-guide .guide-fnc-area a, .type-b .mn-visual .slide-guide .guide-fnc-area .player-btns a {
  border-radius: 2.5rem 0 0 2.5rem;
  padding: 0 2rem 0 3rem;
}

.player-btns .btn.spot3, .player-btns .type-b .mn-visual .slide-guide .guide-fnc-area a.spot3, .type-b .mn-visual .slide-guide .guide-fnc-area .player-btns a.spot3 {
  border-radius: 0 2.5rem 2.5rem 0;
  padding: 0 3rem 0 2rem;
  margin-left: 0;
}

.player-btns .btn.spot2, .player-btns .type-b .mn-visual .slide-guide .guide-fnc-area a.spot2, .type-b .mn-visual .slide-guide .guide-fnc-area .player-btns a.spot2 {
  border-radius: 2.5rem 2.5rem 2.5rem 2.5rem;
  padding: 0 2rem 0 2rem;
  margin-left: 1rem;
}

@media (max-width: 1023px) {
  .checkup {
    padding-right: 0;
  }
  .check-time {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
  }
  .check-time em {
    float: left;
  }
  .check-time .btn, .check-time .type-b .mn-visual .slide-guide .guide-fnc-area a, .type-b .mn-visual .slide-guide .guide-fnc-area .check-time a {
    z-index: 999;
    position: absolute;
    top: 0.9rem;
    right: 2rem;
    height: 4rem;
    line-height: 4rem;
    margin-top: 0;
    padding: 0 2rem;
    min-width: auto;
  }
  .exampaper {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    top: auto;
    z-index: 99;
  }
  .exampaper .mo-exam-open {
    display: block;
    outline: 0;
    width: 40%;
    padding: 0;
    border: 0;
    height: 3rem;
    margin: 0 auto;
    font-size: 1.3rem;
    background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
    border-radius: 5px 5px 0 0;
    color: #fff;
  }
  .exampaper .mo-exam-open span:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(135deg) translateX(-3px);
  }
  .exampaper.is-open .mo-exam-open span:after {
    transform: rotate(-45deg) translateX(-1px);
  }
  .exampaper .exam-list {
    display: none;
    border-top: 2px solid linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  }
  .exampaper.is-open .exam-list {
    display: block;
  }
  .exampaper ol {
    width: 100%;
  }
  .step2 li {
    padding-left: 0;
  }
  .enroll-main > a {
    padding: 3rem 2rem 2rem 12rem;
  }
  .enroll-main > a strong {
    font-size: 2.4rem;
  }
  .enroll-main > a:before {
    left: 2rem;
  }
  .enroll-main > a p {
    font-size: 1.5rem;
    letter-spacing: -0.05em;
  }
  .search-type {
    padding-bottom: 4rem;
  }
  .search-type th {
    display: none;
  }
  .search-type table,
  .search-type tbody,
  .search-type tr,
  .search-type td {
    display: block;
  }
  .search-type td {
    padding-right: 0;
    padding-bottom: 5px;
  }
  .search-type td[data-tit]:before {
    content: attr(data-tit);
    display: inline-block;
    margin-right: 5px;
    font-weight: 700;
    width: 8rem;
    text-align: left;
  }
  .search-type td .p10 {
    width: calc(100% - 9rem) !important;
  }
  .search-type + .btn-cont {
    text-align: center;
    padding-right: 0;
  }
  .learn-chart,
  .learn-notice {
    padding: 2.4rem;
  }
  .learn-state .status-area {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .enroll-main {
    margin-top: 3rem;
  }
  .enroll-main > a {
    width: 100%;
    height: auto;
    padding: 2rem 1rem 2rem 10rem;
  }
  .enroll-main > a + a {
    margin-left: 0;
    margin-top: 1rem;
  }
  .enroll-main > a:before {
    width: 6rem;
    height: 6rem;
    top: 3rem;
    left: 2rem;
  }
  .enroll-main > a.enroll-new:before {
    background: url(../../images/user/sub/icon_enroll_new.png) center center no-repeat;
    background-size: 6rem;
  }
  .enroll-main > a.enroll-exist:before {
    background: url(../../images/user/sub/icon_enroll_exist.png) center center no-repeat;
    background-size: 6rem;
  }
  .enroll-main > a p {
    font-size: 1.4rem;
  }
  .enroll-guide section {
    white-space: normal;
  }
  .enroll-guide section .col3 {
    width: 100%;
  }
  .enroll-guide section .col3 ~ .col3 {
    margin-left: 0;
    margin-top: 1rem;
  }
  .licensing-num {
    margin: 3rem auto 0;
  }
  .licensing-num > article {
    padding: 4rem 0 3rem;
  }
  .licensing-num > article + article {
    padding: 3rem 0 3rem;
  }
  .licensing-num > article > div {
    padding: 0 2rem;
  }
  .licensing-num > article input {
    width: 20rem;
  }
  .licensing-num > article p {
    padding: 0 2rem;
  }
  .licensing-num > article + article a.btn2 {
    margin-top: 1rem;
  }
  /* Learn */
  .learning-popup {
    padding-bottom: 0;
  }
  .learn-chart {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .learn-state .status-area {
    grid-template-columns: auto;
    gap: 0.8rem;
  }
  .learn-state .status-area section {
    min-height: auto;
  }
  .status-box {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.6rem;
    gap: 0.8rem;
  }
  .status-box li cite {
    display: block;
  }
  .learn-notice {
    display: grid;
    gap: 0;
    padding: 1.6rem;
  }
  .learn-notice .tit-area {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }
  /* 네비 */
  .learn-date {
    margin: 1.2rem 0 0;
    padding: 0;
  }
  .learn-date dl {
    padding: 0;
  }
  .empas {
    font-size: 2rem;
  }
  .status-list section h5 {
    font-size: 1.8rem;
    height: 2rem;
  }
  .player-area {
    height: calc(100vh - 10.9rem);
    padding: 1.5rem 0;
  }
  .player-area h3 {
    padding-left: 2.7rem;
    padding-right: 1.5rem;
    font-size: 3.2vw;
    line-height: 2rem;
    height: 6.5rem;
  }
  .player-area h3:before {
    top: 1.4rem;
    left: 1.5rem;
  }
  .player-area .video-js {
    height: calc(100% - 6.5rem);
  }
  .player-btns {
    background: #000;
    text-align: right;
    height: 4.5rem;
    padding: 1.7rem 5vw;
    font-size: 0;
  }
  .player-btns .btn, .player-btns .type-b .mn-visual .slide-guide .guide-fnc-area a, .type-b .mn-visual .slide-guide .guide-fnc-area .player-btns a {
    width: 25vw;
  }
  .player-btns .btn, .player-btns .type-b .mn-visual .slide-guide .guide-fnc-area a, .type-b .mn-visual .slide-guide .guide-fnc-area .player-btns a {
    padding: 0 3vw 0 5vw;
  }
  .player-btns .btn.spot3, .player-btns .type-b .mn-visual .slide-guide .guide-fnc-area a.spot3, .type-b .mn-visual .slide-guide .guide-fnc-area .player-btns a.spot3 {
    padding: 0 5vw 0 3vw;
  }
  .player-btns .btn.spot2, .player-btns .type-b .mn-visual .slide-guide .guide-fnc-area a.spot2, .type-b .mn-visual .slide-guide .guide-fnc-area .player-btns a.spot2 {
    padding: 0 3vw 0 3vw;
  }
  .q-area {
    position: relative;
    display: block;
    flex-direction: column;
  }
  .q-aside {
    position: sticky;
    bottom: 0;
    margin-top: 4rem;
  }
  .q-aside .sticky {
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 0.8rem 0;
    background-color: #fff;
    backdrop-filter: blur(2rem);
    display: flex;
    min-height: auto;
  }
  .q-aside .sticky ol {
    display: none;
  }
  .q-aside .time-area {
    justify-content: flex-end;
    width: 100%;
    background-color: transparent;
    height: auto;
    padding-right: 0.4rem;
  }
  .q-aside .time-area cite {
    font-size: 1.2rem;
  }
  .q-aside .time-area span {
    font-size: 1.4rem;
    line-height: normal;
  }
  .q-aside .btn-cont {
    display: flex;
    border: none;
    padding: 0;
    flex-direction: row;
  }
  .q-aside .btn-cont [class^=btn] {
    width: auto;
    flex: 1;
  }
  .learn-accordion .accordion-tit-area {
    padding: 2rem 0;
  }
  .learn-accordion .accordion-tit-area .num {
    position: static;
    display: block;
    padding: 0;
    width: auto;
    text-align: left;
  }
  .learn-accordion .ico {
    right: 1.6rem;
    top: 2rem;
  }
  .learn-accordion .accordion-txt-area {
    padding: 1.6rem;
  }
}
/* sub */
.sub-area {
  display: flex;
  gap: 6rem;
}
.sub-area > .sub-sticky-cont {
  position: relative;
  flex: none;
  width: 20rem;
}
.sub-area > .sub-sticky-cont .sticky {
  position: sticky;
  top: 4rem;
}
.sub-area > .sub-cont {
  flex: 1;
  min-width: 0;
}

.sch-nav {
  display: flex;
  flex-direction: column;
  border: 0.1rem solid #EFEEF3;
  padding: 1.6rem;
  border-radius: 0.8rem;
  max-height: calc(100vh - 8rem);
  overflow-y: auto;
  gap: 1.6rem;
}
.sch-nav nav {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  align-items: flex-start;
}
.sch-nav nav ~ nav {
  border-top: 0.1rem solid #EFEEF3;
  padding-top: 1.6rem;
}
.sch-nav nav a:hover {
  text-decoration: underline;
}

.location li {
  display: inline-block;
  vertical-align: middle;
}
.location a {
  font-size: 1.5rem;
  color: #fff;
}
.location a::before {
  content: " ";
  display: inline-block;
  margin: 0 0.8rem;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  box-sizing: border-box;
  transform: rotate(45deg);
  box-sizing: border-box;
  vertical-align: middle;
  opacity: 0.5;
}
.location a.home {
  display: inline-block;
  font-size: 0;
}
.location a.home::before {
  display: none;
}
.location a.home::after {
  content: " ";
  display: inline-block;
  margin-top: -1rem;
  vertical-align: middle;
}

.snb-area {
  text-align: right;
}
.snb-area .snb {
  display: grid;
  border-right: 0.1rem solid #DDDAE3;
}
.snb-area .snb a {
  font-size: var(--fs-lg);
  display: flex;
  min-height: 4.8rem;
  align-items: center;
  justify-content: flex-end;
  padding: 1.6rem 1.6rem 1.6rem 0;
  word-break: break-all;
  border-right: 0.4rem solid transparent;
}
.snb-area .snb a.is-current {
  border-color: #1A1A1A;
  font-weight: 700;
  color: #333333;
}

.item-view {
  position: relative;
}

.item-view-header {
  position: sticky;
  top: 0;
  width: 100%;
  align-items: center;
  background-color: #fff;
  z-index: 2;
  padding-top: 1.6rem;
  height: var(--item-view-header-h);
  overflow: hidden;
  margin-top: calc(var(--contents-spacing) * -1);
}
.item-view-header h2 {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.3;
  height: 2.6em;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.item-view-header .r-area {
  flex: none;
}

.item-view-info {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
  align-items: top;
}
.item-view-info .img-area {
  position: sticky;
  top: calc(var(--item-view-header-h) + 3.2rem);
  overflow: hidden;
  margin-bottom: 3.2rem;
  background-color: transparent;
}
.item-view-info .img-area img {
  display: block;
  width: 100%;
  border-radius: 0.8rem;
  height: auto;
}
.item-view-info > .txt-area {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  height: 100%;
  padding-top: 2.4rem;
  justify-content: center;
}
.item-view-info > .txt-area .btn-flex-cont {
  margin: auto 0 0;
}
.item-view-info .price-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.4rem;
  padding: 2.4rem 3.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #DDDAE3;
}
.item-view-info .price-area .price {
  text-align: right;
}
.item-view-info .price-area .price .price-origin {
  margin-bottom: 8px;
}
.item-view-info .price-area .price .price-origin del {
  font-weight: 700;
}
.item-view-info .price-area .price .price-origin del small {
  font-style: normal;
}
.item-view-info .price-area .price em {
  font-size: var(--fs-lg);
  font-weight: 500;
}
.item-view-info .price-area .price em b {
  font-size: var(--fs-2xlg);
}

.item-view-cont {
  position: relative;
  z-index: 0;
}
.item-view-cont .tabs-nav-sm {
  height: var(--item-view-nav-h);
  position: sticky;
  top: 100px;
  width: 100%;
  background-color: #fff;
  z-index: 1;
}
.item-view-cont article {
  padding-top: calc(var(--item-view-header-h) + var(--item-view-nav-h) + 1.6rem);
  margin-top: calc((var(--item-view-header-h) + var(--item-view-nav-h)) * -1);
}
.item-view-cont .tit-area {
  margin-bottom: 1.6rem;
}
.item-view-cont img {
  max-width: 100%;
}

.profile-box {
  border-radius: 0.8rem;
  border: 0.1rem solid #EFEEF3;
  background-color: #F8F8FB;
  display: flex;
  padding: 3.2rem;
  gap: 2.4rem;
  align-items: center;
}
.profile-box .img-area {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: #F3F0EE;
  overflow: hidden;
  box-sizing: border-box;
  aspect-ratio: 1/1;
  border-radius: 100%;
  overflow: hidden;
  width: 8rem;
  border: 0.8rem solid #DDDAE3;
  flex: none;
}
.profile-box .img-area img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.profile-box .txt-area {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  line-height: 1.4;
  font-size: var(--fs-sm);
}
.profile-box cite {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}

.item-view-fnc {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.item-view-etc {
  margin-bottom: 8rem;
  margin-top: 4rem;
  border: 0.1rem solid #DDDAE3;
  padding: 2rem;
  border-radius: var(--radius-lg);
}
.item-view-etc .info-area {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 2rem;
  padding: 2rem;
  background-color: #F3F0EE;
}
.item-view-etc .cont-area {
  padding: 2rem 2rem 0;
}

.star {
  position: relative;
  display: inline-block;
  width: 8rem;
  height: 1.6rem;
  background: url("../../images/user/common/btn-star.svg") top left repeat-x;
  background-size: auto 3.2rem;
  vertical-align: middle;
}
.star span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  text-indent: -99999rem;
  background: url("../../images/user/common/btn-star.svg") 0 -1.6rem repeat-x;
  background-size: auto 3.2rem;
}

.star-check button,
.star-check > * {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background: url("../../images/user/common/btn-star.svg") no-repeat;
  background-size: auto 6rem;
  background-position: top left;
  background-repeat: no-repeat;
  overflow: hidden;
}

.star-check button.is-active,
.star-check button.is-hover,
.star-check a.is-active,
.star-check a.is-hover {
  background-position: 0 -3rem;
}

.review-list {
  border-top: 0.1rem solid #333333;
}
.review-list li {
  padding: 1.6rem 2.4rem;
  border-bottom: 0.1rem solid #DDDAE3;
}
.review-list .star-info-area {
  display: flex;
  gap: 0.4rem 1.2rem;
  flex-wrap: wrap;
}
.review-list .info-area {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1.2rem;
}
.review-list .info-area span {
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}

.video-area {
  background: #0A0A0A;
}
.video-area .video-header {
  color: #fff;
  padding: 2rem;
}
.video-area .video-header .tit {
  margin-bottom: 0.8rem;
  color: #fff;
}
.video-area .video-header p {
  color: #DDDAE3;
}
.video-area .btn-cont {
  margin-top: 0;
  padding: 2rem 2rem;
  box-sizing: border-box;
}
.video-area .btn-cont .btn-lg, .video-area .btn-cont .type-c .mn-visual .slide-guide .guide-fnc-area a, .type-c .mn-visual .slide-guide .guide-fnc-area .video-area .btn-cont a, .video-area .btn-cont .type-a .mn-visual .slide-guide .guide-fnc-area a, .type-a .mn-visual .slide-guide .guide-fnc-area .video-area .btn-cont a {
  padding: 0 2.8rem;
  height: 4.8rem;
  line-height: 4.8rem;
  font-size: 1.6rem;
}

.video-box video {
  display: block;
  width: 100%;
}
.video-box .video-js {
  width: 100%;
}
.video-box .vjs-big-play-centered .vjs-big-play-button {
  top: 50% !important;
}
.video-box .player-dimensions {
  height: 0 !important;
  padding-bottom: 56.25% !important;
}
.video-box .player-dimensions.vjs-fluid {
  padding-top: 56.25%;
}

.theme-header {
  margin-bottom: 12rem;
}
.theme-header figure {
  position: relative;
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: #F3F0EE;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 2.4rem;
  margin-bottom: 4rem;
  overflow: hidden;
  aspect-ratio: 16/4;
}
.theme-header figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.theme-header figure img {
  animation: theme 1.5s alternate;
}
.theme-header figure::before, .theme-header figure::after {
  content: " ";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.theme-header figure::before {
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  z-index: 2;
  animation: opacity 1.5s reverse forwards ease-in-out;
}
.theme-header figure::after {
  background: rgba(10, 10, 10, 0.5);
  z-index: 1;
}
.theme-header figure figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  font-size: var(--fs-3xlg);
  font-weight: 900;
  color: #333333;
  transform: translate(-50%, -50%);
  color: #fff;
  opacity: 0;
  animation: opacity 2s 1.2s forwards;
}
.theme-header figure figcaption em,
.theme-header figure figcaption strong {
  font-weight: 900;
}
@keyframes theme {
  0% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
.theme-header .txt-area {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 8rem;
}
.theme-header .txt-area .txt {
  font-size: var(--fs-lg);
  font-weight: 400;
  color: #5A585E;
  line-height: 1.5;
}

.map-img-area {
  display: flex;
  gap: 2.4rem;
  flex-direction: column;
}
.map-img-area .txt-area {
  display: flex;
  flex-direction: column;
  flex: none;
}
.map-img-area .img-area {
  border-radius: 0.8rem;
  overflow: hidden;
}
.map-img-area .img-area img {
  max-width: 100%;
}

.map-area > div {
  width: 100%;
}

/* company */
.intro-area .img-area {
  position: relative;
  aspect-ratio: 16/4;
  width: 100%;
  border-radius: 1.6rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8rem;
}
.intro-area .img-area img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.intro-area .img-area figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  font-size: var(--fs-3xlg);
  font-weight: 900;
  color: #333333;
  transform: translate(-50%, -50%);
  color: #fff;
  opacity: 0;
  animation: opacity 1.5s forwards;
}
.intro-area .img-area figcaption em,
.intro-area .img-area figcaption strong {
  font-weight: 900;
}
.intro-area .intro-tit-area {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.intro-area .intro-tit-area p {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.intro-area .txt-area {
  position: relative;
  display: grid;
  grid-template-columns: 40% 1fr;
  gap: 4rem;
  word-break: keep-all;
  line-height: 1.4;
}
.intro-area .txt-area .txt p ~ p {
  margin-top: 1.6rem;
}

.business-area {
  display: grid;
  gap: 1.6rem;
}
.business-area article {
  display: grid;
  grid-template-columns: 32% 1fr;
  border: 0.1rem solid #DDDAE3;
  border-radius: 1.6rem;
  padding: 2.4rem 4rem;
  gap: 0 4rem;
  align-items: center;
}
.business-area article header {
  display: grid;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
}
.business-area article header h4 {
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
}
.business-area article header h4 em,
.business-area article header h4 strong {
  font-weight: 800;
}
.business-area article header img {
  margin: 0 auto;
}
.business-area ul li {
  display: grid;
  gap: 0.8rem;
  padding: 2.4rem 4rem;
  border-bottom: 0.1rem solid #EFEEF3;
}
.business-area ul li:last-of-type {
  border-bottom: none;
}
.business-area ul cite {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}

.space-area {
  position: relative;
}
.space-area article {
  min-width: 0;
  padding-top: 2.4rem;
}
.space-area article img {
  display: block;
  width: 100%;
}
.space-area .swiper {
  position: relative;
}
.space-area .swiper-slide {
  opacity: 0.25;
  transition: opacity 1s, transform 2s;
}
.space-area .swiper-slide-active {
  border-radius: 0.8rem;
  overflow: hidden;
  opacity: 1;
}
.space-area .swiper-pagination {
  position: relative;
  bottom: auto;
  margin-top: 1.6rem;
}

.contact-area .info-list > li {
  align-items: flex-start;
}
.contact-area .info-list cite {
  display: flex;
  gap: 0.8rem;
  flex: none;
  min-width: 12rem;
}
.contact-area .info-list.col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
}

.lecturer-area {
  display: grid;
  gap: 8rem;
}
.lecturer-area > header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem 8rem;
  align-items: center;
}
.lecturer-area > header .img-area {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: #F3F0EE;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 0.8rem;
}
.lecturer-area > header .img-area img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.lecturer-area > header .txt-area {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.lecturer-area > header .btn-cont {
  margin: 0;
}
.lecturer-area article {
  border: 0.1rem solid #EFEEF3;
  text-align: center;
  padding: 8rem 1.6rem;
  border-radius: 0.8rem;
}
.lecturer-area article ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 4rem auto 0;
  max-width: 100rem;
  gap: 0.8rem 0;
  transform: translateX(0.8rem);
}
.lecturer-area article ul li {
  width: calc(20% + 1.6rem);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border-radius: 100%;
  margin-left: -1.6rem;
  background-color: rgba(16, 3, 128, 0.05);
  color: #100380;
  font-size: var(--fs-xlg);
  font-weight: 800;
}
.lecturer-area article ul li:nth-child(2n) {
  background-color: rgba(0, 182, 237, 0.05);
  color: #00B6ED;
}

.mopt-img-area {
  margin-top: 1.2rem;
}
.mopt-img-area img {
  width: 100%;
  max-width: 360px;
  display: block;
  margin: 0 auto;
  border-radius: 0.8rem;
}

.summary {
  position: relative;
  padding: 4rem;
  background-color: rgba(120, 191, 38, 0.1);
  border-radius: 0.8rem;
  display: flex;
  justify-content: space-between;
  margin: 4rem 0;
}
.summary:has(img) {
  padding-right: 320px;
}
.summary img {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  aspect-ratio: 310/200;
}
.summary p {
  line-height: 1.4;
}

.box-list {
  display: grid;
  gap: 2.4rem;
}
.box-list > li {
  display: grid;
  gap: 2.4rem;
  border: 0.1rem solid #EFEEF3;
  border-radius: 0.8rem;
  padding: 4rem;
}
.box-list > li > .txt-area {
  display: grid;
  gap: 0.8rem;
}
.box-list > li .box-info-list {
  margin-top: 3.2rem;
}
.box-list .box-tit-area {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
.box-list .box-tit-area .num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  aspect-ratio: 1;
  font-size: var(--fs-lg);
  color: #fff;
  background-color: #100380;
  font-weight: 800;
  border-radius: 0.8rem;
}
.box-list .box-tit-area h3 {
  position: relative;
  display: inline-block;
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
}
.box-list .box-tit-area h3 em,
.box-list .box-tit-area h3 strong {
  font-weight: 800;
}
.box-list .box-tit-area h3::before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.8rem;
  width: 100%;
  background-color: rgba(0, 182, 237, 0.1);
}

.box-info-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
}
.box-info-list > li {
  border: 0.1rem solid #EFEEF3;
  border-radius: 0.8rem;
}
.box-info-list cite {
  display: block;
  background-color: #F3F0EE;
  padding: 1.6rem 2.4rem;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.box-info-list .txt-area {
  padding: 1.6rem 2.4rem;
}

.box-step-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
}
.box-step-list > li {
  display: flex;
  gap: 2.4rem;
  background-color: #F3F0EE;
  border-radius: 0.8rem;
  padding: 2.4rem 4rem;
}
.box-step-list .num {
  font-size: 6.4rem;
  color: #DFDAD6;
  font-weight: 800;
}
.box-step-list cite {
  display: block;
  margin-bottom: 1.6rem;
  color: #8B6E4C;
  font-weight: 700;
  font-size: var(--fs-lg);
}

/* hrdcard 안내 */
.summary-hrdcard {
  display: block;
  position: relative;
  background: rgb(98, 111, 255);
  background: linear-gradient(180deg, rgb(98, 111, 255) 0%, rgb(157, 209, 252) 60%, rgb(243, 250, 255) 80%, rgb(255, 255, 255) 100%);
  aspect-ratio: 5/4;
}

.summary-hrdcard:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  aspect-ratio: 5/4;
  background: url(/assets/images/user/sub/hrdcard_bg1.png) 0 0 no-repeat;
  background-size: contain;
}

.summary-hrdcard:after {
  content: "";
  position: absolute;
  bottom: 2%;
  right: 0;
  width: 40%;
  aspect-ratio: 1/1;
  background: url(/assets/images/user/sub/hrdcard_bg2.png) 100% 100% no-repeat;
  background-size: contain;
}

.summary-hrdcard .txt-area {
  position: absolute;
  z-index: 1;
  width: 80%;
  left: 10%;
  top: 32%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: min(30px, 2.4vw);
  gap: 2em;
}

.summary-hrdcard .txt-area h3 {
  width: 80%;
  margin: 0;
}

.summary-hrdcard .txt-area p {
  text-align: center;
  color: #fff;
  font-weight: 600;
  line-height: 1.5;
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

.summary-hrdcard .txt-area img,
.contents-hrdcard img {
  max-width: 100%;
}

.contents-hrdcard.box-list li {
  border: 0;
}
.contents-hrdcard.box-list .box-tit-area h3 {
  font-size: var(--fs-2xlg);
}
.contents-hrdcard.box-list .box-tit-area h3:before {
  content: none;
}

.flex {
  display: flex;
}
.flex p {
  flex: 1;
  padding-left: 4%;
  font-size: min(2rem, 3.2vw);
}

.contents-hrdcard.box-list h4 {
  font-size: var(--fs-xlg);
  font-weight: 700;
}

.hrdcard-step {
  display: flex;
  gap: 4rem;
}
.hrdcard-step li {
  flex: 1;
  position: relative;
}
.hrdcard-step li + li:before {
  content: "";
  position: absolute;
  width: 2rem;
  height: 5.2rem;
  top: 50%;
  left: -3rem;
  margin-top: -2.6rem;
  background: url(/assets/images/user/sub/hrdcard_contents2_arr.svg) center center no-repeat;
  background-size: contain;
}

.box-list > li.hrd-bg {
  background: #E9E9FF;
  padding: 0 4rem 4rem 4rem;
  overflow: hidden;
}
.box-list > li.hrd-bg .box-tit-area {
  margin: 0 -4rem 2rem;
  padding: 1.6rem 4rem;
  background: #100380;
}
.box-list > li.hrd-bg .box-tit-area h3 {
  color: #fff;
}
.box-list > li.hrd-bg p {
  font-size: var(--fs-lg);
  line-height: 2;
  margin-top: 2rem;
}
.box-list > li.hrd-bg p.box-area {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
  padding: 4rem;
}

@media (max-width: 1279px) {
  .sub-area {
    display: flex;
    gap: 0;
    flex-direction: column;
    margin-top: calc(var(--contents-spacing) * -1);
  }
  .sub-area > .sub-sticky-cont {
    position: relative;
    flex: none;
    width: 100%;
  }
  .sub-area > .sub-sticky-cont .sticky {
    position: sticky;
    top: var(--type-a-header-h);
  }
  .sub-area > .sub-cont {
    flex: auto;
    padding-top: 2.4rem;
  }
  .sub-area .snb-area .tit-lg {
    display: none;
  }
  .sub-area .snb {
    display: flex;
    overflow-x: auto;
    background-color: #F3F0EE;
    width: calc(100% + var(--wrap-gap) * 2);
    margin-left: calc(var(--wrap-gap) * -1);
    margin-right: calc(var(--wrap-gap) * -1);
    padding-left: var(--wrap-gap);
    padding-right: var(--wrap-gap);
  }
  .sub-area .snb a {
    border-right: none;
    border-bottom: 0.4rem solid transparent;
    padding: 0 0.8rem;
    flex: none;
    font-size: 1.4rem;
    white-space: nowrap;
  }
  .sch-nav {
    margin-top: 1.6rem;
  }
  .sch-nav nav {
    flex-direction: row;
  }
  .item-view-header {
    position: static;
    margin-top: 0;
    top: var(--type-a-header-h);
    height: auto;
  }
  .item-view-header h2 {
    text-overflow: initial;
    display: block;
    overflow: visible;
    height: auto;
    text-overflow: initial;
  }
  .item-view-header .r-area {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(2rem);
    padding: 0.8rem var(--wrap-gap);
  }
  .item-view-header .r-area .btn, .item-view-header .r-area .type-b .mn-visual .slide-guide .guide-fnc-area a, .type-b .mn-visual .slide-guide .guide-fnc-area .item-view-header .r-area a {
    flex: 1;
  }
  .item-view-info {
    gap: 3.2rem;
    padding-top: 0;
  }
  .item-view-info .txt-area {
    padding-top: 0;
  }
  .item-view-cont .tabs-nav-sm {
    top: var(--type-a-header-h);
  }
  .item-view-cont article {
    padding-top: calc(var(--type-a-header-h) + var(--item-view-nav-h) + 0.8rem);
    margin-top: calc((var(--type-a-header-h) + var(--item-view-nav-h)) * -1);
  }
  .intro-area .img-area {
    margin-bottom: 4rem;
    border-radius: 1.6rem;
  }
  .theme-header {
    margin-bottom: 4rem;
  }
  .theme-header figure {
    border-radius: 1.6rem;
    margin-bottom: 2.4rem;
  }
  .theme-header .txt-area {
    display: grid;
    gap: 2.4rem;
  }
  .theme-header .txt-area .txt {
    font-size: var(--fs-md);
    font-weight: 400;
    color: #333333;
  }
  .space-area .space-swiper-area {
    width: calc(100% + var(--wrap-gap) * 2);
    margin-left: calc(var(--wrap-gap) * -1);
    margin-right: calc(var(--wrap-gap) * -1);
    padding-left: var(--wrap-gap);
    padding-right: var(--wrap-gap);
    padding: 0;
  }
  .lecturer-area {
    gap: 4rem;
  }
  .lecturer-area > header {
    gap: 2.4rem;
    align-items: start;
  }
  .lecturer-area article {
    padding: 4rem 1.6rem;
  }
  .lecturer-area article ul li {
    width: calc(25% + 1.6rem);
  }
  .contents-hrdcard.box-list > li:not(.hrd-bg) {
    padding: 4rem 0;
  }
  .hrdcard-step {
    gap: 2.8vw;
  }
  .hrdcard-step li + li:before {
    width: 2vw;
    height: 5.2vw;
    margin-top: -2.6vw;
    left: -2.4vw;
  }
}
@media (max-width: 767px) {
  .item-view-info {
    grid-template-columns: auto;
    margin-bottom: 3.2rem;
  }
  .item-view-info .img-area {
    position: relative;
    margin-bottom: 0;
    top: initial;
  }
  .item-view-info .txt-area {
    background-color: #fff;
    z-index: 2;
  }
  .item-view-info .info-list {
    margin-bottom: 0;
  }
  .item-view-info .price-area {
    padding: 2.4rem;
  }
  .profile-box {
    padding: 1.6rem;
  }
  .profile-box .img-area {
    display: none;
  }
  .review-list li {
    padding: 1.6rem 0;
  }
  .map-img-area {
    flex-direction: column;
    gap: 1.6rem;
  }
  .intro-area .img-area {
    aspect-ratio: 3/1;
    border-radius: 0.8rem;
  }
  .intro-area .txt-area {
    gap: 1.6rem;
    grid-template-columns: auto;
  }
  .theme-header figure {
    border-radius: 0.8rem;
    aspect-ratio: 3/1;
  }
  .theme-header .txt-area {
    gap: 1.6rem;
    grid-template-columns: auto;
  }
  .business-area article {
    grid-template-columns: auto;
    padding: 2.4rem;
    gap: 1.6rem;
    align-items: center;
  }
  .business-area ul li {
    padding: 2.4rem 0;
  }
  .business-area ul li:last-of-type {
    border-bottom: none;
  }
  .business-area ul cite {
    font-size: var(--fs-lg);
    font-weight: 700;
    color: #333333;
    line-height: 1.4;
  }
  .lecturer-area > header {
    grid-template-columns: auto;
  }
  .lecturer-area > header .txt-area {
    gap: 1.6rem;
  }
  .lecturer-area article ul li {
    font-size: 2.8vw;
  }
  .summary,
  .summary:has(img) {
    padding: 1.6rem;
    margin: 0 0 1.6rem;
  }
  .summary img,
  .summary:has(img) img {
    display: none;
  }
  .box-list {
    display: grid;
    gap: 0.8rem;
  }
  .box-list > li {
    padding: 1.6rem;
    gap: 1.2rem;
  }
  .box-list .box-tit-area {
    gap: 0.8rem;
  }
  .box-list .box-tit-area .num {
    width: 4rem;
  }
  .box-list .box-info-list,
  .box-list .box-step-list {
    grid-template-columns: auto;
    gap: 0.8rem;
  }
  .box-list .box-info-list .cite,
  .box-list .box-info-list .txt-area {
    padding: 1.6rem;
  }
  .box-list .box-step-list > li {
    padding: 1.6rem;
    gap: 1.6rem;
  }
  .box-list .box-step-list .num {
    font-size: var(--fs-3xlg);
  }
  .summary-hrdcard .txt-area {
    top: 28%;
  }
  .summary-hrdcard .txt-area p {
    font-size: 3vw;
  }
  .contents-hrdcard.box-list > li:not(.hrd-bg) {
    padding: 2rem 0;
  }
  .hrdcard-step {
    flex-wrap: wrap;
    justify-content: center;
    gap: 6vw;
  }
  .hrdcard-step li {
    width: 26vw;
    flex: none;
  }
  .hrdcard-step li + li:before {
    width: 3.2vw;
    height: 10vw;
    margin-top: -5vw;
    left: -4.6vw;
  }
  .hrdcard-step li + li:nth-of-type(4):before {
    content: none;
  }
  .box-list > li.hrd-bg {
    padding: 0 2rem 2rem 2rem;
  }
  .box-list > li.hrd-bg .box-tit-area {
    margin: 0 -2rem 1rem;
    padding: 1.6rem 2rem;
    background: #100380;
  }
  .box-list > li.hrd-bg p {
    margin-top: 1rem;
  }
  .box-list > li.hrd-bg p.box-area {
    padding: 2rem;
    border-radius: 1rem;
  }
}
.guide {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.guide .img-area img {
  display: block;
  width: 100%;
}
.guide .txt-area {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  border: 1px solid #EFEEF3;
  padding: 2.4rem;
  border-radius: 1.6rem;
  background-color: #F8F8FB;
}
.guide .txt-area .txt {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.guide .txt-area cite {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: var(--fs-lg);
  font-weight: 700;
}
.guide .txt-area > ol,
.guide .txt-area > ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.guide .txt-area > ol {
  counter-reset: item;
}
.guide .txt-area > ol cite {
  min-height: 32px;
}
.guide .txt-area > ol > li {
  display: flex;
  counter-increment: item;
  position: relative;
  gap: 12px;
}
.guide .txt-area > ol > li *:last-child {
  margin-bottom: 0;
}
.guide .txt-area > ol > li::before {
  display: flex;
  margin-bottom: 4px;
  align-items: center;
  justify-content: center;
  content: counter(item);
  font-weight: 700;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #100380;
  color: #fff;
  font-size: var(--fs-lg);
  flex: none;
}

/* type */
/* type a */
.type-a {
  /*header */
  /* main */
}
.type-a .site-header {
  position: relative;
  z-index: 10;
  height: var(--type-a-header-h);
  display: grid;
  grid-template-rows: 4rem auto 5.6rem;
  border-bottom: 0.1rem solid #DDDAE3;
}
.type-a .site-header .wrap {
  height: 100%;
}
.type-a .site-header .header-top .util {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
  height: 100%;
}
.type-a .site-header .header-top .util span,
.type-a .site-header .header-top .util a {
  font-size: var(--fs-xsm);
  color: #727077;
  display: flex;
  align-items: center;
}
.type-a .site-header .header-top .util span::before,
.type-a .site-header .header-top .util a::before {
  content: " ";
  display: inline-block;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #DDDAE3;
  margin-right: 0.8rem;
}
.type-a .site-header .header-top .util span:first-child::before,
.type-a .site-header .header-top .util a:first-child::before {
  display: none;
}
.type-a .site-header .header-top .util span:hover, .type-a .site-header .header-top .util span:focus,
.type-a .site-header .header-top .util a:hover,
.type-a .site-header .header-top .util a:focus {
  color: #333333;
}
.type-a .site-header .header-top .util strong {
  color: #333333;
}
.type-a .site-header .header-top .util strong::before {
  content: " ";
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #00B6ED;
  border-radius: 100%;
  margin-right: 0.4rem;
  vertical-align: middle;
}
.type-a .site-header .header-cont .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.type-a .site-header .header-cont .logo img {
  display: block;
  height: 4rem;
}
.type-a .site-header .header-cont .gsch {
  position: relative;
  padding-bottom: 0;
}
.type-a .site-header .header-cont .gsch .btn-gsch-toggle {
  display: none;
}
.type-a .site-header .header-cont .gsch input {
  position: relative;
  border: none;
  max-width: 440px;
  padding: 0 4.8rem 0 0.8rem;
  border-radius: 0;
  transition: background 0.3s;
  background: left bottom no-repeat;
  background-image: linear-gradient(45deg, #1a1a1a 0%, #1a1a1a 100%);
  background-size: 100% 0.2rem;
}
.type-a .site-header .header-cont .gsch input:focus {
  background-image: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  outline: none;
}
.type-a .site-header .header-cont .gsch .btn-gsch {
  position: absolute;
  right: 0;
  width: 4.8rem;
  height: 4.8rem;
  font-size: 0;
}
.type-a .site-header .header-cont .gsch .btn-gsch::before {
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-position: -28.8rem -19.2rem;
  background: #1A1A1A;
}
.type-a .site-header .header-cont .glnk {
  display: flex;
  gap: 2.4rem;
}
.type-a .site-header .header-cont .glnk a {
  display: flex;
  gap: 0.4rem;
}
.type-a .site-header .header-etc {
  border-top: 0.1rem solid #EFEEF3;
}
.type-a .site-header .header-etc .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.type-a .site-gnb {
  flex: 1;
}
.type-a .site-gnb > ul {
  display: flex;
  gap: 4rem;
}
.type-a .site-gnb > ul > li {
  position: relative;
}
.type-a .site-gnb > ul > li.is-active ul {
  display: block;
}
.type-a .site-gnb > ul > li > a {
  display: flex;
  align-items: center;
  height: 5.6rem;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.type-a .site-gnb > ul > li > a.is-on, .type-a .site-gnb > ul > li > a:focus, .type-a .site-gnb > ul > li > a:hover {
  color: #100380;
}
.type-a .site-gnb > ul ul {
  position: absolute;
  display: none;
  width: 20rem;
  left: 0;
  margin-top: -0.1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
  border-radius: 0 0 0.8rem 0.8rem;
  word-break: keep-all;
  word-wrap: break-word;
  padding: 1.2rem;
}
.type-a .site-gnb > ul ul a {
  position: relative;
  display: block;
  padding: 1.2rem 2rem;
  font-weight: 500;
  border-radius: 0.4rem;
}
.type-a .site-gnb > ul ul a:hover, .type-a .site-gnb > ul ul a:focus {
  color: #fff;
  font-weight: 700;
}
.type-a .site-gnb > ul ul a:hover::before, .type-a .site-gnb > ul ul a:focus::before {
  width: 100%;
}
.type-a .site-gnb > ul ul a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #100380;
  z-index: -1;
  border-radius: 0.4rem;
}
.type-a .btn-nav-open {
  position: relative;
  display: block;
  flex: none;
  width: 5.6rem;
  height: 5.6rem;
}
.type-a .btn-nav-open::before, .type-a .btn-nav-open::after {
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  border-width: 0.2rem 0 0.2rem 0;
  border-style: solid;
  border-color: #918F97;
}
.type-a .btn-nav-open::after {
  height: 0.8rem;
}
.type-a .btn-nav-close {
  position: absolute;
  top: -1.6rem;
  right: -1.6rem;
  width: 4rem;
  height: 4rem;
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  border-radius: 50%;
  box-shadow: 0.2rem 0.2rem 4rem rgba(10, 10, 10, 0.2);
}
.type-a .btn-nav-close::before {
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-position: -36rem -4.8rem;
  background: wh;
  background-color: #fff;
}
.type-a .site-nav-area {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 4rem 2rem;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
  border-radius: 0.8rem;
  border: 0.2rem solid transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  z-index: 1;
}
.type-a .site-nav-area.is-active {
  display: block;
}
.type-a .site-nav-area .nav-util,
.type-a .site-nav-area .btn-login,
.type-a .site-nav-area .nav-glnk {
  display: none;
}
.type-a .site-nav-area .site-nav > ul {
  width: 100%;
  box-sizing: border-box;
  display: flex;
}
.type-a .site-nav-area .site-nav > ul > li {
  position: relative;
  flex: auto;
  border-left: 0.1rem solid #EFEEF3;
  box-sizing: border-box;
  padding: 0 0.8rem;
}
.type-a .site-nav-area .site-nav > ul > li:first-child {
  border-left: none;
}
.type-a .site-nav-area .site-nav > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: keep-all;
  width: 100%;
  text-align: center;
  height: 4.8rem;
  margin-bottom: 1.6rem;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.type-a .site-nav-area .site-nav > ul > li > a.is-on, .type-a .site-nav-area .site-nav > ul > li > a:focus, .type-a .site-nav-area .site-nav > ul > li > a:hover {
  color: #100380;
}
.type-a .site-nav-area .site-nav > ul ul {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  justify-content: center;
}
.type-a .site-nav-area .site-nav > ul ul a {
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: var(--fs-md);
  font-weight: 400;
  color: #333333;
}
.type-a .site-nav-area .site-nav > ul ul a.is-on, .type-a .site-nav-area .site-nav > ul ul a:focus, .type-a .site-nav-area .site-nav > ul ul a:hover {
  color: #100380;
}
.type-a .aside-area {
  position: sticky;
  top: 2.4rem;
  right: 0;
  height: 0;
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  transform: translate(16.8rem);
  z-index: 3;
}
.site-body:has(.aside-area) {
  position: relative;
}

.type-a .aside-area .aside-nav {
  transform: translateY(3.2rem);
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  width: 8.8rem;
  border-radius: 4.4rem;
  background: #fff;
  border: 0.2rem solid transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  padding: 3.2rem 0.8rem;
  height: auto;
}
.type-a .aside-area .aside-nav a {
  display: block;
  text-align: center;
  word-break: keep-all;
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}
.type-a .aside-area .aside-nav a:hover {
  color: #5A585E;
}
.type-a .aside-area .aside-nav a::before {
  content: " ";
  display: block;
  margin: 0 auto 0.4rem;
  width: 4rem;
  height: 4rem;
  background: url("../../images/user/common/ico-aside.svg");
  background-size: auto 4rem;
}
.type-a .aside-area .aside-nav a.aside-lecuture::before {
  background-position: 0rem 0;
}
.type-a .aside-area .aside-nav a.aside-qna::before {
  background-position: -4rem 0;
}
.type-a .aside-area .aside-nav a.aside-faq::before {
  background-position: -8rem 0;
}
.type-a .aside-area .aside-nav a.aside-notice::before {
  background-position: -12rem 0;
}
.type-a .aside-area .aside-nav a.aside-guide::before {
  background-position: -16rem 0;
}
.type-a .aside-area .aside-nav a.aside-support::before {
  background-position: -20rem 0;
}
.type-a .aside-area .aside-nav a.aside-hrdcard::before {
  background-position: -24rem 0;
}
.type-a .mn-contents {
  overflow: hidden;
}
.type-a .mn-contents section {
  padding: 4rem 0;
}
.type-a .mn-contents section.mn-visual {
  padding-top: 0;
  padding-bottom: 0;
}
.type-a .mn-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  align-items: stretch;
  gap: 3.2rem;
}
.type-a .mn-visual {
  margin-bottom: 4rem;
  position: relative;
  height: 40rem;
  overflow: hidden;
}
.type-a .mn-visual .swiper-fnc-area {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  inset: auto 50% 2.4rem;
  transform: translateX(-50%);
  max-width: 128rem;
  margin: 0 auto;
  z-index: 2;
  padding-left: var(--wrap-gap);
  padding-right: var(--wrap-gap);
}
.type-a .mn-visual .swiper-fnc-area .swiper-fnc {
  margin-top: 0;
}
.type-a .mn-visual .swiper-slide-active {
  z-index: 1;
}
.type-a .mn-visual .swiper,
.type-a .mn-visual .swiper-wrapper,
.type-a .mn-visual .swiper-slide,
.type-a .mn-visual .swiper-slide > a {
  height: 100%;
}
.type-a .mn-visual .swiper-slide > a {
  display: block;
}
.type-a .mn-visual .swiper-slide img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
.type-a .mn-visual .slide-guide .wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  padding-top: 6.4rem;
  padding-bottom: 7.2rem;
  z-index: 1;
}
.type-a .mn-visual .slide-guide .txt-area {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.type-a .mn-visual .slide-guide cite {
  position: relative;
  display: inline-block;
  border-radius: 2em;
  margin-bottom: 2.4rem;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  font-weight: 800;
  color: #727077;
  background-color: #F3F0EE;
  color: #100380;
  padding: 0.8rem 2rem;
  width: auto;
}
.type-a .mn-visual .slide-guide cite::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.8rem 0.8rem 0 0.8rem;
  border-color: #F3F0EE transparent transparent transparent;
}
.type-a .mn-visual .slide-guide h3 {
  font-size: var(--fs-3xlg);
  font-weight: 800;
}
.type-a .mn-visual .slide-guide h3 strong {
  font-weight: inherit;
  color: #100380;
}
.type-a .mn-visual .slide-guide .guide-fnc-area {
  position: relative;
  display: flex;
  gap: 0.8rem;
  z-index: 1;
}
.type-a .mn-visual .slide-guide .guide-fnc-area a {
  background-color: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(2rem);
  box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
  border: 0.1rem solid rgba(255, 255, 255, 0.75);
  color: #0A0A0A;
}
.type-a .mn-visual .slide-guide .guide-fnc-area a:hover {
  background-color: #fff;
}
.type-a .mn-visual .slide-guide .guide-obj {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.type-a .mn-visual .slide-guide .guide-obj img {
  display: block;
  width: initial;
}
.type-a .mn-my .wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 2.4rem;
}
.type-a .mn-my .tit-area {
  grid-column: 1/span 4;
}
.type-a .mn-my .my-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column: 1/span 3;
  gap: 0 2.4rem;
}
.type-a .mn-my .my-list a {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 2.4rem;
  padding: 2.4rem 2.4rem 4rem;
  border: 0.1rem solid #DDDAE3;
  background-color: #F8F8FB;
  border-radius: var(--fs-lg);
  overflow: hidden;
  box-sizing: border-box;
  overflow: hidden;
}
.type-a .mn-my .my-list a:hover, .type-a .mn-my .my-list a:focus {
  background-color: #F3F0EE;
  border-color: #C1BFC8;
}
.type-a .mn-my .my-list .label-area {
  justify-content: space-between;
  align-items: center;
}
.type-a .mn-my .my-list .label-area .label, .type-a .mn-my .my-list .label-area .view-list cite, .view-list .type-a .mn-my .my-list .label-area cite {
  order: 2;
  margin-top: -1.2rem;
  margin-right: -1.2rem;
}
.type-a .mn-my .my-list cite {
  font-size: var(--fs-xsm);
  font-weight: 400;
  color: #727077;
}
.type-a .mn-my .my-list h3 {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.3;
  height: 2.6em;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.type-a .mn-my .my-list ul {
  display: grid;
  gap: 0.8rem;
}
.type-a .mn-my .my-list ul li {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.type-a .mn-my .my-list ul li cite {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 8rem;
  padding: 0.4rem;
  border: 0.1rem solid #727077;
  border-radius: 2em;
}
.type-a .mn-my .my-list ul li .txt-area {
  font-size: var(--fs-xsm);
  font-weight: 400;
  color: #727077;
}
.type-a .mn-my .my-qna {
  border: 0.1rem solid #DDDAE3;
  border-radius: 0 8rem 0 0;
}
.type-a .mn-my .my-qna a {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  height: 100%;
  box-sizing: border-box;
  padding: 2.4rem;
  justify-content: center;
}
.type-a .mn-my .my-qna a:before {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 6rem;
  height: 6rem;
  background: url("../../images/user/main/img_qna.svg") center no-repeat;
  background-size: contain;
}
.type-a .mn-my .my-qna h3 {
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
}
.type-a .mn-my .my-qna h3 em,
.type-a .mn-my .my-qna h3 strong {
  font-weight: 800;
}
.type-a .mn-my .my-qna ul {
  display: grid;
  gap: 0.8rem;
}
.type-a .mn-my .my-qna ul li {
  display: flex;
  justify-content: space-between;
  flex: 1;
  text-align: center;
  align-items: center;
  padding: 0 3.2rem;
  background-color: #F3F0EE;
  border-radius: 2em;
  height: 4.8rem;
}
.type-a .mn-my .my-qna ul cite {
  display: flex;
  gap: 0.4rem;
  font-size: #333333;
  font-weight: 700;
}
.type-a .mn-my .my-qna ul cite span {
  font-size: var(--fs-lg);
  color: #8B6E4C;
}
.type-a .mn-my .my-qna ul strong span {
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
}
.type-a .mn-my .my-qna ul strong span em,
.type-a .mn-my .my-qna ul strong span strong {
  font-weight: 800;
}
.mn-contents .mn-reco {
  padding-bottom: 8rem;
}

.type-a .mn-reco .swiper {
  overflow: visible;
  transform: translateX(-4rem);
}
.type-a .mn-reco .swiper-fnc-area {
  transform: translateX(4rem);
}
.type-a .mn-reco .swiper-slide {
  margin-top: 3.2rem;
}
.type-a .mn-reco .swiper-slide-active {
  padding: 0 4rem;
  box-sizing: content-box;
}
.type-a .mn-reco .swiper-slide-active {
  z-index: 1;
}
.type-a .mn-reco .swiper-slide-active a {
  width: calc(100% + 8rem);
  margin-left: -4rem;
  transform: translateY(-4rem);
  margin-bottom: -4rem;
  transform-origin: 50% 50%;
}
.type-a .mn-reco .swiper-slide-active a > .txt-area h3 {
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
}
.type-a .mn-reco .swiper-slide-active a > .txt-area h3 em,
.type-a .mn-reco .swiper-slide-active a > .txt-area h3 strong {
  font-weight: 800;
}
.type-a .mn-reco a {
  display: grid;
  flex-direction: column;
  grid-template-rows: auto 12rem;
  border: 0.1rem solid #DDDAE3;
  border-radius: 0.8rem;
  background-color: #fff;
  overflow: hidden;
  gap: 0;
  width: 100%;
  transform: scale(1);
  transform-origin: 100% 50%;
}
.type-a .mn-reco a .hover-show {
  display: none;
}
.type-a .mn-reco a .img-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.type-a .mn-reco a .img-area img {
  display: block;
  width: 100%;
  height: 100%;
}
.type-a .mn-reco a .img-area span {
  display: none;
}
.type-a .mn-reco a > .txt-area,
.type-a .mn-reco a > .hover-show > .txt-area {
  display: flex;
  flex-direction: column;
  padding: 2.4rem;
  gap: 1.2rem;
  text-align: center;
  overflow: hidden;
  justify-content: center;
}
.type-a .mn-reco a > .txt-area .label-area,
.type-a .mn-reco a > .hover-show > .txt-area .label-area {
  justify-content: center;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.type-a .mn-reco a > .txt-area h3,
.type-a .mn-reco a > .hover-show > .txt-area h3 {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.type-a .mn-reco a:hover, .type-a .mn-reco a.hover {
  border: 0.2rem solid #100380;
}
.type-a .mn-reco a:hover .hover-show, .type-a .mn-reco a.hover .hover-show {
  position: absolute;
  inset: 0;
  display: grid !important;
  grid-template-rows: 6.4rem auto;
  animation: item-show 0.5s;
}
@keyframes item-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.type-a .mn-reco a:hover .hover-show .img-area, .type-a .mn-reco a.hover .hover-show .img-area {
  height: 6.4rem;
}
.type-a .mn-reco a:hover .hover-show .img-area::after, .type-a .mn-reco a.hover .hover-show .img-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 3, 128, 0.8);
  pointer-events: none;
}
.type-a .mn-reco a:hover .hover-show .img-area span, .type-a .mn-reco a.hover .hover-show .img-area span {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-sm);
  color: #fff;
  z-index: 1;
}
.type-a .mn-reco a:hover .hover-show > .txt-area, .type-a .mn-reco a.hover .hover-show > .txt-area {
  position: relative;
  flex: 1;
  z-index: 1;
  background-color: #fff;
  align-items: flex-start;
  padding-top: 4rem;
  padding-bottom: 4rem;
  gap: 1.6rem;
}
.type-a .mn-reco a:hover .hover-show > .txt-area .label-area, .type-a .mn-reco a.hover .hover-show > .txt-area .label-area {
  text-align: left;
}
.type-a .mn-reco a:hover .hover-show > .txt-area h3, .type-a .mn-reco a.hover .hover-show > .txt-area h3 {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.3;
  height: 2.6em;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: initial;
  text-align: left;
}
.type-a .mn-reco a:hover .hover-show > .txt-area ul, .type-a .mn-reco a.hover .hover-show > .txt-area ul {
  display: grid;
  flex-direction: column;
  gap: 0.8rem;
  overflow: hidden;
  min-width: 0;
}
.type-a .mn-reco a:hover .hover-show > .txt-area ul li, .type-a .mn-reco a.hover .hover-show > .txt-area ul li {
  display: grid;
  gap: 0.8rem;
  font-size: var(--fs-xsm);
  font-weight: 400;
  color: #727077;
  display: flex;
  line-height: 1;
  min-width: 0;
}
.type-a .mn-reco a:hover .hover-show > .txt-area ul li cite, .type-a .mn-reco a.hover .hover-show > .txt-area ul li cite {
  border-right: 0.1rem solid #DDDAE3;
  padding-right: 0.8rem;
  flex: none;
}
.type-a .mn-reco a:hover .hover-show > .txt-area ul li .txt-area, .type-a .mn-reco a.hover .hover-show > .txt-area ul li .txt-area {
  flex: 1;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  text-align: left;
}
.type-a .hover-show {
  display: none;
}
.type-a .mn-theme ul {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: repeat(5, 1fr);
}
.type-a .mn-theme ul a {
  position: relative;
  display: flex;
  width: 100%;
  height: 10rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  overflow: hidden;
}
.type-a .mn-theme ul a:hover .txt-area .hover-show {
  display: flex !important;
  justify-content: center;
  animation: opacity 0.4s forwards;
}
.type-a .mn-theme ul a::before {
  content: " ";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 26, 26, 0.5);
}
.type-a .mn-theme ul .img-area {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #100380;
}
.type-a .mn-theme ul .img-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.type-a .mn-theme ul .txt-area {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  color: #fff;
  font-size: var(--fs-lg);
  font-weight: 800;
}
.type-a .mn-best {
  background: url("../../images/user/main/bg_best.svg") center center/cover no-repeat #F8F8FB;
}
.mn-contents .mn-best {
  padding: 8rem 0;
}

.type-a .mn-best ul {
  display: grid;
  grid-template-columns: calc(50% - 0.4rem) repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 2.4rem;
}
.type-a .mn-best ul > li:first-child {
  grid-row: 1/span 2;
}
.type-a .mn-best ul a {
  position: relative;
  display: block;
  border-radius: 0.8rem;
  overflow: hidden;
}
.type-a .mn-best ul a:hover img {
  transform: scale(1.1);
}
.type-a .mn-best ul .img-area {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: #F3F0EE;
  overflow: hidden;
  box-sizing: border-box;
}
.type-a .mn-best ul .img-area img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.type-a .mn-best ul .num,
.type-a .mn-best ul .label-area {
  position: absolute;
  z-index: 1;
}
.type-a .mn-best ul .num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 4.4rem;
  top: 0;
  left: 1.6rem;
  color: #fff;
  font-size: var(--fs-lg);
  font-weight: 800;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='43' viewBox='0 0 36 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 28.465V0H36V28.465C36 29.7221 35.409 30.906 34.4044 31.6617L20.4044 42.1916C18.9804 43.2626 17.0196 43.2626 15.5956 42.1916L1.59563 31.6617C0.590977 30.906 0 29.7221 0 28.465Z' fill='url(%23paint0_linear_346_1752)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_346_1752' x1='0.0437114' y1='-2.13431e-06' x2='44.4866' y2='11.7583' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B6ED'/%3E%3Cstop offset='1' stop-color='%23FFD200'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.type-a .mn-best ul .label-area {
  top: 1.6rem;
  right: 1.6rem;
}
.type-a .mn-row {
  display: grid;
  gap: 4rem;
  grid-template-columns: 1fr 36%;
  overflow: hidden;
}
.type-a .mn-faq {
  height: 100%;
}
.type-a .mn-faq ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 0.1rem solid #DDDAE3;
  border-radius: 0.8rem;
  overflow: hidden;
}
.type-a .mn-faq ul li {
  border-left: 0.1rem solid #DDDAE3;
  border-top: 0.1rem solid #DDDAE3;
}
.type-a .mn-faq ul li:nth-child(2n-1) {
  border-left: none;
}
.type-a .mn-faq ul li:nth-child(1), .type-a .mn-faq ul li:nth-child(2) {
  border-top: none;
}
.type-a .mn-faq ul a {
  position: relative;
  display: block;
  gap: 0.8rem;
  height: 12.8rem;
  padding: 2.4rem 3.2rem;
  font-weight: 800;
  color: #333333;
}
.type-a .mn-faq ul a p {
  margin-top: 0.8rem;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.3;
  height: 2.6em;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.type-a .mn-faq ul a::before {
  content: " ";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.3s;
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  z-index: -1;
}
.type-a .mn-faq ul a:hover {
  color: #fff;
}
.type-a .mn-faq ul a:hover::before {
  animation: gradient 1s;
  opacity: 1;
}
.type-a .mn-faq ul a:hover .label, .type-a .mn-faq ul a:hover .view-list cite, .view-list .type-a .mn-faq ul a:hover cite {
  background-color: #100380;
  color: #fff;
}
.type-a .mn-notice ul {
  border-top: 0.2rem solid #333333;
}
.type-a .mn-notice ul li {
  display: block;
  overflow: hidden;
  height: 6.4rem;
  border-bottom: 0.1rem solid #DDDAE3;
}
.type-a .mn-notice ul li:first-of-type {
  border-top: none;
}
.type-a .mn-notice ul a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  gap: 0.8rem;
}
.type-a .mn-notice ul a::before {
  content: "";
  display: block;
  flex: none;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-position: 0rem 0rem;
  background: gr;
  background-color: #727077;
}
.type-a .mn-notice ul a:hover p, .type-a .mn-notice ul a:focus p {
  text-decoration: underline;
}
.type-a .mn-notice ul p {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  flex: 1;
}
.type-a .mn-notice ul .time {
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
  flex: none;
}

@media (max-width: 1680px) {
  .aside-area {
    display: none;
  }
}
@media (max-width: 1279px) {
  .type-a {
    position: relative;
  }
  .type-a .mn-visual {
    height: auto;
  }
  .type-a .mn-visual .swiper-slide img {
    aspect-ratio: 1280/400;
    position: static;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    left: auto;
    transform: none;
  }
  .type-a .mn-visual .slide-guide .wrap {
    padding-top: 3.2rem;
  }
  .type-a .mn-my .wrap {
    display: flex;
    flex-direction: column;
    grid-template-columns: auto;
  }
  .type-a .mn-my .my-list {
    gap: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .type-a .mn-my .my-qna ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .mn-contents .mn-reco {
    padding-bottom: 8rem;
  }
  .type-a .mn-reco .swiper {
    overflow: visible;
    transform: none;
  }
  .type-a .mn-reco .swiper-fnc-area {
    transform: none;
  }
  .type-a .mn-reco .swiper-slide {
    margin-top: 0;
  }
  .type-a .mn-reco .swiper-slide-active {
    padding: 0 0;
    box-sizing: border-box;
  }
  .type-a .mn-reco .swiper-slide-active {
    z-index: 1;
  }
  .type-a .mn-reco .swiper-slide-active a,
  .type-a .mn-reco a,
  .type-a .mn-reco a:hover,
  .type-a .mn-reco a.hover {
    display: grid;
    flex-direction: column;
    grid-template-rows: auto;
    border: 0.1rem solid #DDDAE3;
    border-radius: 0.8rem;
    background-color: #fff;
    height: auto;
    overflow: hidden;
    gap: 0;
    width: 100%;
    transform: scale(1);
    transform-origin: 100% 50%;
    margin: 0;
    padding: 0;
  }
  .type-a .mn-reco .swiper-slide-active a .hover-show,
  .type-a .mn-reco a .hover-show,
  .type-a .mn-reco a:hover .hover-show,
  .type-a .mn-reco a.hover .hover-show {
    display: none !important;
  }
  .type-a .mn-reco .swiper-slide-active a .img-area,
  .type-a .mn-reco a .img-area,
  .type-a .mn-reco a:hover .img-area,
  .type-a .mn-reco a.hover .img-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
    order: 0;
  }
  .type-a .mn-reco .swiper-slide-active a .img-area img,
  .type-a .mn-reco a .img-area img,
  .type-a .mn-reco a:hover .img-area img,
  .type-a .mn-reco a.hover .img-area img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .type-a .mn-reco .swiper-slide-active a .img-area span,
  .type-a .mn-reco a .img-area span,
  .type-a .mn-reco a:hover .img-area span,
  .type-a .mn-reco a.hover .img-area span {
    display: none;
  }
  .type-a .mn-reco .swiper-slide-active a .img-area::after,
  .type-a .mn-reco a .img-area::after,
  .type-a .mn-reco a:hover .img-area::after,
  .type-a .mn-reco a.hover .img-area::after {
    display: none;
  }
  .type-a .mn-reco .swiper-slide-active a > .txt-area,
  .type-a .mn-reco a > .txt-area,
  .type-a .mn-reco a:hover > .txt-area,
  .type-a .mn-reco a.hover > .txt-area {
    display: flex;
    flex-direction: column;
    padding: 2.4rem;
    gap: 1.2rem;
    text-align: center;
    overflow: hidden;
    justify-content: center;
    animation: none;
    height: auto;
    background-color: transparent;
  }
  .type-a .mn-reco .swiper-slide-active a > .txt-area .label-area,
  .type-a .mn-reco a > .txt-area .label-area,
  .type-a .mn-reco a:hover > .txt-area .label-area,
  .type-a .mn-reco a.hover > .txt-area .label-area {
    justify-content: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    overflow: hidden;
    text-align: center;
  }
  .type-a .mn-reco .swiper-slide-active a > .txt-area h3,
  .type-a .mn-reco a > .txt-area h3,
  .type-a .mn-reco a:hover > .txt-area h3,
  .type-a .mn-reco a.hover > .txt-area h3 {
    font-size: var(--fs-lg);
    font-weight: 700;
    color: #333333;
    line-height: 1.4;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.3;
    height: 2.6em;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    flex: none;
    white-space: normal;
    text-align: center;
  }
  .type-a .mn-reco .swiper-slide-active a > .txt-area .hover-show,
  .type-a .mn-reco a > .txt-area .hover-show,
  .type-a .mn-reco a:hover > .txt-area .hover-show,
  .type-a .mn-reco a.hover > .txt-area .hover-show {
    display: none !important;
  }
  .type-a .mn-reco .swiper-slide-active a ul,
  .type-a .mn-reco a ul,
  .type-a .mn-reco a:hover ul,
  .type-a .mn-reco a.hover ul {
    display: grid;
    flex-direction: column;
    gap: 0.8rem;
    overflow: hidden;
    min-width: 0;
  }
  .type-a .mn-reco .swiper-slide-active a ul li,
  .type-a .mn-reco a ul li,
  .type-a .mn-reco a:hover ul li,
  .type-a .mn-reco a.hover ul li {
    display: grid;
    gap: 0.8rem;
    font-size: var(--fs-xsm);
    font-weight: 400;
    color: #727077;
    display: flex;
    line-height: 1;
    min-width: 0;
  }
  .type-a .mn-reco .swiper-slide-active a ul li cite,
  .type-a .mn-reco a ul li cite,
  .type-a .mn-reco a:hover ul li cite,
  .type-a .mn-reco a.hover ul li cite {
    border-right: 0.1rem solid #DDDAE3;
    padding-right: 0.8rem;
    flex: none;
  }
  .type-a .mn-reco .swiper-slide-active a ul li .txt-area,
  .type-a .mn-reco a ul li .txt-area,
  .type-a .mn-reco a:hover ul li .txt-area,
  .type-a .mn-reco a.hover ul li .txt-area {
    flex: 1;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.3;
    height: 2.6em;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
  }
  .type-a .mn-theme ul {
    gap: 0.8rem;
  }
  .type-a .mn-best ul {
    gap: 0.8rem;
  }
}
@media (max-width: 1023px) {
  .type-a .mn-visual {
    margin-bottom: 0;
  }
  .type-a .mn-visual .swiper-fnc-area {
    bottom: 1.6rem;
  }
  .type-a .mn-visual .slide-guide .wrap {
    padding-bottom: 6.4rem;
    display: flex;
    align-items: center;
  }
  .type-a .mn-visual .slide-guide .txt-area {
    flex-direction: row;
    align-items: center;
    width: 100%;
  }
  .type-a .mn-visual .slide-guide .guide-fnc-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
    width: 100%;
    max-width: 40rem;
  }
  .type-a .mn-visual .slide-guide cite {
    font-size: var(--fs-md);
    margin-bottom: 1.6rem;
  }
  .type-a .mn-visual .slide-guide .guide-obj {
    display: none;
  }
  .type-a .mn-visual .slide-guide .guide-fnc-area a {
    flex: 1;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .type-a .mn-row {
    display: block;
    grid-template-columns: auto;
  }
  .type-a .mn-visual .swiper-slide img {
    aspect-ratio: 640/360;
  }
  .type-a .mn-visual .slide-guide .txt-area {
    flex-direction: column;
    gap: 0.8rem;
    align-items: flex-start;
  }
  .type-a .mn-visual .slide-guide .guide-fnc-area {
    max-width: 100%;
  }
  .type-a .mn-my .my-list {
    grid-template-columns: auto;
  }
  .type-a .mn-my .my-list a {
    padding: 1.6rem;
    gap: 1.6rem;
  }
  .type-a .mn-my .my-list .label-area {
    margin-top: 0.8rem;
    margin-right: 0.8rem;
  }
  .type-a .mn-my .my-qna a::before {
    width: 4.8rem;
    height: 4.8rem;
  }
  .type-a .mn-my .my-qna ul {
    grid-template-columns: auto;
  }
  .type-a .mn-theme ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .type-a .mn-best ul {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }
  .type-a .mn-best ul > li:first-child {
    grid-row: auto;
    grid-column: 1/2 span;
  }
  .type-a .mn-best ul .num {
    left: 0.8rem;
  }
  .type-a .mn-best ul .label-area {
    top: 0.8rem;
    right: 0.8rem;
  }
  .type-a .mn-faq ul a {
    padding: 1.6rem;
  }
  .type-a .mn-faq ul a p {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.3;
    height: 3.9em;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
@media (max-width: 639px) {
  .type-a .mn-visual .slide-guide .wrap {
    padding-top: 2.4rem;
  }
  .type-a .mn-visual .slide-guide .txt-area {
    justify-content: space-evenly;
  }
  .type-a .mn-visual .slide-guide cite {
    display: none;
  }
  .type-a .mn-visual .slide-guide .guide-fnc-area a {
    gap: 0.4rem;
    flex: 1;
    padding: 0;
    height: 3.2rem;
    font-size: 1.2rem;
  }
  .type-a .mn-visual .slide-guide .guide-fnc-area a i {
    transform: scale(0.8);
  }
}
/* type b*/
.type-b {
  /*header */
  /* main */
}
.type-b .site-header {
  position: relative;
  z-index: 10;
  height: var(--type-b-header-h);
  display: grid;
  grid-template-rows: auto 5.6rem;
  border-bottom: 0.1rem solid #DDDAE3;
}
.type-b .site-header .wrap {
  height: 100%;
}
.type-b .site-header .header-cont .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.type-b .site-header .header-cont .r-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
}
.type-b .site-header .header-cont .logo img {
  display: block;
  height: 4rem;
}
.type-b .site-header .header-cont .gsch {
  position: relative;
}
.type-b .site-header .header-cont .gsch input {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 24rem;
  border: none;
  display: none;
  padding-right: 5.4rem;
  max-width: 0;
  transition: max-width 0.4s;
  border: 0.2rem solid transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
.type-b .site-header .header-cont .gsch .btn-gsch {
  position: relative;
  right: 0;
  width: 4.8rem;
  height: 4.8rem;
  font-size: 0;
}
.type-b .site-header .header-cont .gsch .btn-gsch::before {
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-position: -28.8rem -19.2rem;
  background: #1A1A1A;
}
.type-b .site-header .header-cont .gsch.is-active {
  width: auto;
}
.type-b .site-header .header-cont .gsch.is-active .btn-gsch-toggle {
  display: none;
}
.type-b .site-header .header-cont .gsch.is-active input {
  display: flex;
  max-width: 24rem;
  box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
  outline: none;
}
.type-b .site-header .header-cont .glnk {
  display: flex;
  gap: 2.4rem;
}
.type-b .site-header .header-cont .glnk a {
  display: flex;
  gap: 0.4rem;
}
.type-b .site-header .header-etc {
  border-top: 0.1rem solid #EFEEF3;
}
.type-b .site-header .header-etc .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3.2rem;
}
.type-b .site-gnb {
  flex: 1;
}
.type-b .site-gnb > ul {
  display: flex;
  gap: 4rem;
}
.type-b .site-gnb > ul > li {
  position: relative;
}
.type-b .site-gnb > ul > li.is-active ul {
  display: block;
}
.type-b .site-gnb > ul > li > a {
  display: flex;
  align-items: center;
  height: 5.6rem;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.type-b .site-gnb > ul > li > a.is-on, .type-b .site-gnb > ul > li > a:focus, .type-b .site-gnb > ul > li > a:hover {
  color: #100380;
}
.type-b .site-gnb > ul ul {
  position: absolute;
  display: none;
  width: 20rem;
  left: 0;
  margin-top: -0.1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
  border-radius: 0 0 0.8rem 0.8rem;
  word-break: keep-all;
  word-wrap: break-word;
  padding: 1.2rem;
}
.type-b .site-gnb > ul ul a {
  position: relative;
  display: block;
  padding: 1.2rem 2rem;
  font-weight: 500;
  border-radius: 0.4rem;
}
.type-b .site-gnb > ul ul a:hover, .type-b .site-gnb > ul ul a:focus {
  color: #fff;
  font-weight: 700;
}
.type-b .site-gnb > ul ul a:hover::before, .type-b .site-gnb > ul ul a:focus::before {
  width: 100%;
}
.type-b .site-gnb > ul ul a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #100380;
  z-index: -1;
  border-radius: 0.4rem;
}
.type-b .btn-nav-open {
  position: relative;
  display: block;
  flex: none;
  width: 5.6rem;
  height: 5.6rem;
}
.type-b .btn-nav-open::before, .type-b .btn-nav-open::after {
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  border-width: 0.2rem 0 0.2rem 0;
  border-style: solid;
  border-color: #918F97;
}
.type-b .btn-nav-open::after {
  height: 0.8rem;
}
.type-b .btn-nav-close {
  position: absolute;
  top: -1.6rem;
  right: -1.6rem;
  width: 4rem;
  height: 4rem;
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  border-radius: 50%;
  box-shadow: 0.2rem 0.2rem 4rem rgba(10, 10, 10, 0.2);
}
.type-b .btn-nav-close::before {
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-position: -36rem -4.8rem;
  background: wh;
  background-color: #fff;
}
.type-b .site-nav-area {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 4rem 2rem;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
  border-radius: 0.8rem;
  border: 0.2rem solid transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  z-index: 1;
}
.type-b .site-nav-area.is-active {
  display: block;
}
.type-b .site-nav-area .nav-util,
.type-b .site-nav-area .btn-login,
.type-b .site-nav-area .nav-glnk {
  display: none;
}
.type-b .site-nav-area .site-nav > ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
  display: flex;
}
.type-b .site-nav-area .site-nav > ul > li {
  position: relative;
  flex: 1;
  border-left: 0.1rem solid #EFEEF3;
  padding: 0 1.2rem;
}
.type-b .site-nav-area .site-nav > ul > li:first-child {
  border-left: none;
}
.type-b .site-nav-area .site-nav > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: keep-all;
  width: 100%;
  text-align: center;
  height: 4.8rem;
  margin-bottom: 1.6rem;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.type-b .site-nav-area .site-nav > ul > li > a.is-on, .type-b .site-nav-area .site-nav > ul > li > a:focus, .type-b .site-nav-area .site-nav > ul > li > a:hover {
  color: #100380;
}
.type-b .site-nav-area .site-nav > ul ul {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  justify-content: center;
}
.type-b .site-nav-area .site-nav > ul ul a {
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: var(--fs-md);
  font-weight: 400;
  color: #333333;
}
.type-b .site-nav-area .site-nav > ul ul a.is-on, .type-b .site-nav-area .site-nav > ul ul a:focus, .type-b .site-nav-area .site-nav > ul ul a:hover {
  color: #100380;
}
.type-b .aside-area {
  position: sticky;
  top: 2.4rem;
  right: 0;
  height: 0;
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  transform: translate(16.8rem);
  z-index: 3;
}
.site-body:has(.aside-area) {
  position: relative;
}

.type-b .aside-area .aside-nav {
  transform: translateY(3.2rem);
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  width: 8.8rem;
  border-radius: 4.4rem;
  background: #fff;
  border: 0.2rem solid transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  padding: 3.2rem 0.8rem;
  height: auto;
}
.type-b .aside-area .aside-nav a {
  display: block;
  text-align: center;
  word-break: keep-all;
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}
.type-b .aside-area .aside-nav a:hover {
  color: #5A585E;
}
.type-b .aside-area .aside-nav a::before {
  content: " ";
  display: block;
  margin: 0 auto 0.4rem;
  width: 4rem;
  height: 4rem;
  background: url("../../images/user/common/ico-aside.svg");
  background-size: auto 4rem;
}
.type-b .aside-area .aside-nav a.aside-lecuture::before {
  background-position: 0rem 0;
}
.type-b .aside-area .aside-nav a.aside-qna::before {
  background-position: -4rem 0;
}
.type-b .aside-area .aside-nav a.aside-faq::before {
  background-position: -8rem 0;
}
.type-b .aside-area .aside-nav a.aside-guide::before {
  background-position: -12rem 0;
}
.type-b .mn-contents {
  overflow: hidden;
}
.type-b .mn-contents section {
  padding: 4rem 0;
}
.type-b .mn-contents section.mn-visual {
  padding-top: 3.2rem;
}
.type-b .mn-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  align-items: stretch;
  gap: 3.2rem;
}
.type-b .mn-visual {
  position: relative;
}
.type-b .mn-visual::before {
  content: " ";
  content: " ";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  height: 80%;
  background-color: #F3F0EE;
}
.type-b .mn-visual .wrap {
  display: grid;
  grid-template-columns: 75% 1fr;
  gap: 2.4rem;
}
.type-b .mn-visual .l-area {
  border-radius: 0 0 0 4rem;
  overflow: hidden;
  height: 40rem;
}
.type-b .mn-visual .l-area .swiper,
.type-b .mn-visual .l-area .swiper-wrapper,
.type-b .mn-visual .l-area .swiper-slide,
.type-b .mn-visual .l-area a {
  height: 100%;
}
.type-b .mn-visual .l-area .swiper img,
.type-b .mn-visual .l-area .swiper-wrapper img,
.type-b .mn-visual .l-area .swiper-slide img,
.type-b .mn-visual .l-area a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: 50% 50%;
}
.type-b .mn-visual .r-area {
  overflow: hidden;
}
.type-b .mn-visual .quick {
  display: flex;
  flex-direction: column;
  text-align: right;
  gap: 0.8rem;
  align-items: flex-end;
  margin-bottom: 4rem;
}
.type-b .mn-visual .quick a {
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 4.8rem;
  background-color: #00BFB8;
  padding: 0 2.4rem;
  border-radius: 2em;
  color: #fff;
}
.type-b .mn-visual .quick a:hover {
  background-color: rgb(0, 140, 134.8691099476);
}
.type-b .mn-visual .top-txt-swiper a {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.3;
  height: 2.6em;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
}
.type-b .mn-visual .top-txt-swiper a em,
.type-b .mn-visual .top-txt-swiper a strong {
  font-weight: 800;
}
.type-b .mn-visual .swiper-fnc-inline {
  margin-top: 3.2rem;
}
.type-b .mn-visual .slide-guide .wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  padding-top: 6.4rem;
  padding-bottom: 6.4rem;
  padding-left: 4rem;
  grid-template-columns: 60% 1fr;
}
.type-b .mn-visual .slide-guide .txt-area {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.type-b .mn-visual .slide-guide cite {
  position: relative;
  display: inline-block;
  border-radius: 2em;
  margin-bottom: 2.4rem;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  font-weight: 800;
  color: #727077;
  background-color: #F3F0EE;
  color: #100380;
  padding: 0.8rem 2rem;
  width: auto;
}
.type-b .mn-visual .slide-guide cite::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.8rem 0.8rem 0 0.8rem;
  border-color: #F3F0EE transparent transparent transparent;
}
.type-b .mn-visual .slide-guide h3 {
  font-size: var(--fs-3xlg);
  font-weight: 800;
}
.type-b .mn-visual .slide-guide h3 strong {
  font-weight: inherit;
  color: #100380;
}
.type-b .mn-visual .slide-guide .guide-fnc-area {
  position: relative;
  display: flex;
  gap: 0.8rem;
  z-index: 1;
  flex-wrap: wrap;
}
.type-b .mn-visual .slide-guide .guide-fnc-area a {
  width: 40%;
  background-color: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(2rem);
  box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
  border: 0.1rem solid rgba(255, 255, 255, 0.75);
  color: #0A0A0A;
}
.type-b .mn-visual .slide-guide .guide-fnc-area a:hover {
  background-color: #fff;
}
.type-b .mn-visual .slide-guide .guide-obj {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.type-b .mn-visual .slide-guide .guide-obj img {
  display: block;
  width: initial;
}
.type-b .mn-my .wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 2.4rem;
}
.type-b .mn-my .tit-area {
  grid-column: 1/span 4;
}
.type-b .mn-my .my-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column: 1/span 3;
  gap: 0 2.4rem;
}
.type-b .mn-my .my-list a {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 2.4rem;
  padding: 2.4rem 2.4rem 4rem;
  border: 0.1rem solid #DDDAE3;
  background-color: #F8F8FB;
  border-radius: var(--fs-lg);
  overflow: hidden;
  box-sizing: border-box;
  overflow: hidden;
}
.type-b .mn-my .my-list a:hover, .type-b .mn-my .my-list a:focus {
  background-color: #F3F0EE;
  border-color: #C1BFC8;
}
.type-b .mn-my .my-list .label-area {
  justify-content: space-between;
  align-items: center;
}
.type-b .mn-my .my-list .label-area .label, .type-b .mn-my .my-list .label-area .view-list cite, .view-list .type-b .mn-my .my-list .label-area cite {
  order: 2;
  margin-top: -1.2rem;
  margin-right: -1.2rem;
}
.type-b .mn-my .my-list cite {
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}
.type-b .mn-my .my-list h3 {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.3;
  height: 2.6em;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.type-b .mn-my .my-list ul {
  display: grid;
  gap: 0.8rem;
}
.type-b .mn-my .my-list ul li {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.type-b .mn-my .my-list ul li cite {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 8rem;
  padding: 0.4rem;
  border: 0.1rem solid #727077;
  border-radius: 2em;
}
.type-b .mn-my .my-list ul li .txt-area {
  font-size: var(--fs-xsm);
  font-weight: 400;
  color: #727077;
}
.type-b .mn-my .my-qna {
  border: 0.1rem solid #DDDAE3;
  border-radius: 0 8rem 0 0;
}
.type-b .mn-my .my-qna a {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  height: 100%;
  box-sizing: border-box;
  padding: 2.4rem;
  justify-content: center;
}
.type-b .mn-my .my-qna a:before {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  width: 6rem;
  height: 6rem;
  background: url("../../images/user/main/img_qna.svg") center no-repeat;
  background-size: contain;
}
.type-b .mn-my .my-qna h3 {
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
}
.type-b .mn-my .my-qna h3 em,
.type-b .mn-my .my-qna h3 strong {
  font-weight: 800;
}
.type-b .mn-my .my-qna ul {
  display: grid;
  gap: 0.8rem;
}
.type-b .mn-my .my-qna ul li {
  display: flex;
  justify-content: space-between;
  flex: 1;
  text-align: center;
  align-items: center;
  padding: 0 3.2rem;
  background-color: #F3F0EE;
  border-radius: 2em;
  height: 4.8rem;
}
.type-b .mn-my .my-qna ul cite {
  display: flex;
  gap: 0.4rem;
  font-size: #333333;
  font-weight: 700;
}
.type-b .mn-my .my-qna ul cite span {
  font-size: var(--fs-lg);
  color: #8B6E4C;
}
.type-b .mn-my .my-qna ul strong span {
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
}
.type-b .mn-my .my-qna ul strong span em,
.type-b .mn-my .my-qna ul strong span strong {
  font-weight: 800;
}
.type-b .mn-tabs-nav {
  display: table;
  border-collapse: collapse;
  margin: 0 auto 4rem;
}
.type-b .mn-tabs-nav > li {
  display: table-cell;
  border: 0.1rem solid #DDDAE3;
}
.type-b .mn-tabs-nav > li a {
  display: flex;
  min-width: 160px;
  justify-content: center;
  align-items: center;
  height: 5.6rem;
}
.type-b .mn-tabs-nav > li a.is-active {
  background-color: #8B6E4C;
  color: #fff;
}
.type-b .mn-theme .theme-list {
  display: grid;
  gap: 2.4rem;
  grid-template-columns: repeat(3, 1fr);
}
.type-b .mn-theme .theme-list .img-area {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: #F3F0EE;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 0.8rem;
  overflow: hidden;
}
.type-b .mn-theme .theme-list .img-area img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.type-b .mn-theme .theme-list .label-area {
  position: absolute;
  inset: 1.6rem 1.6rem auto auto;
}
.type-b .mn-theme .theme-list a {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.type-b .mn-theme .theme-list .txt-area {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.type-b .mn-theme .theme-list h3,
.type-b .mn-theme .theme-list p {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.3;
  height: 2.6em;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.type-b .mn-theme .theme-list h3 {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.type-b .mn-notice,
.type-b .mn-faq {
  overflow: hidden;
}
.type-b .mn-notice ul,
.type-b .mn-faq ul {
  overflow: hidden;
}
.type-b .mn-notice ul li,
.type-b .mn-faq ul li {
  display: block;
  overflow: hidden;
  height: 4rem;
}
.type-b .mn-notice ul a,
.type-b .mn-faq ul a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  gap: 0.8rem;
}
.type-b .mn-notice ul a:hover p, .type-b .mn-notice ul a:focus p,
.type-b .mn-faq ul a:hover p,
.type-b .mn-faq ul a:focus p {
  text-decoration: underline;
}
.type-b .mn-notice ul p,
.type-b .mn-faq ul p {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  flex: 1;
}
.type-b .mn-notice ul .time,
.type-b .mn-faq ul .time {
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
  flex: none;
}
.type-b .mn-faq ul a::before {
  content: "Q";
  display: inline-flex;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 100%;
  background-color: #F3F0EE;
  align-items: center;
  justify-content: center;
}
.type-b .mn-info {
  height: 100%;
}
.type-b .mn-info .info-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 20rem;
  background-color: #F3F0EE;
  border-radius: 0 0 4rem 0;
}
.type-b .mn-info .info-box > * {
  padding: 1.6rem 2.4rem;
}
.type-b .mn-info .info-box > * ~ * {
  border-top: 0.1rem solid #DDDAE3;
}
.type-b .mn-info .info-box .cs ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 0.8rem;
}
.type-b .mn-info .info-box .cs a {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.type-b .mn-info .info-box .cs i {
  position: relative;
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background-color: #fff;
}
.type-b .mn-info .info-box .cs i::before {
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
}
.type-b .mn-info .info-box .cs .cs-ico-tel::before {
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-position: -8rem -14rem;
  background: gr;
  background-color: #727077;
}
.type-b .mn-info .info-box .cs .cs-ico-email::before {
  width: 2rem;
  height: 2rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2rem * 20) auto;
  mask-position: -34rem -6rem;
  background: gr;
  background-color: #727077;
}

@media (max-width: 1279px) {
  .type-b .mn-contents section.mn-visual {
    padding-top: 1.6rem;
  }
  .type-b .mn-visual .wrap {
    grid-template-columns: auto;
    height: auto;
    aspect-ratio: 2/1;
  }
  .type-b .mn-visual::before {
    height: 28rem;
  }
  .type-b .mn-visual .quick {
    display: none;
  }
  .type-b .mn-visual .swiper-fnc-inline {
    margin-top: 1.6rem;
  }
  .type-b .mn-my .wrap {
    display: flex;
    flex-direction: column;
    grid-template-columns: auto;
  }
  .type-b .mn-my .my-list {
    gap: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .type-b .mn-my .my-qna ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1023px) {
  .type-b .mn-contents section.mn-visual {
    padding: 0;
  }
  .type-b .mn-visual::before {
    display: none;
  }
  .type-b .mn-visual .l-area {
    height: auto;
    width: calc(100% + var(--wrap-gap) * 2);
    margin-left: calc(var(--wrap-gap) * -1);
  }
  .type-b .mn-visual .swiper-slide {
    border-radius: 0;
  }
  .type-b .mn-visual .swiper-fnc-inline {
    justify-content: flex-end;
  }
  .type-b .mn-visual .slide-guide .wrap {
    grid-template-columns: none;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .type-b .mn-visual .slide-guide cite {
    font-size: var(--fs-md);
    margin-bottom: 1.6rem;
  }
  .type-b .mn-visual .slide-guide .guide-obj {
    display: none;
  }
  .type-b .mn-visual .slide-guide .guide-fnc-area a {
    flex: 1;
    padding: 0;
    width: 100%;
  }
  .type-b .mn-tabs-nav {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 2.4rem;
  }
  .type-b .mn-tabs-nav > li a {
    min-width: 0;
  }
  .type-b .mn-theme .theme-list {
    gap: 1.6rem;
  }
  .type-b .mn-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 0 3.2rem;
  }
  .type-b .mn-info {
    padding-top: 0;
    grid-column: 1/2 span;
    width: 100%;
  }
  .type-b .mn-contents section.mn-info {
    padding-top: 0;
  }
  .type-b .mn-info .info-box {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .type-b .mn-visual .top-txt-swiper .swiper-wrapper {
    display: none;
  }
  .type-b .mn-visual .swiper-fnc-inline {
    margin: 0;
  }
  .type-b .mn-visual .slide-guide .txt-area {
    gap: 0.8rem;
  }
  .type-b .mn-visual .slide-guide .guide-fnc-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
  }
  .type-b .mn-my .my-list {
    grid-template-columns: auto;
  }
  .type-b .mn-my .my-list a {
    padding: 1.6rem;
    gap: 1.6rem;
  }
  .type-b .mn-my .my-list .label-area {
    margin-top: 0.8rem;
    margin-right: 0.8rem;
  }
  .type-b .mn-my .my-qna a::before {
    width: 4.8rem;
    height: 4.8rem;
  }
  .type-b .mn-my .my-qna ul {
    grid-template-columns: auto;
  }
  .type-b .mn-theme .theme-list {
    grid-template-columns: auto;
    gap: 3.2rem;
  }
  .type-b .mn-theme .theme-list a {
    gap: 1.6rem;
  }
  .type-b .mn-theme .theme-list .txt-area {
    gap: 0.8rem;
  }
  .type-b .mn-row {
    grid-template-columns: auto;
    gap: 0 3.2rem;
  }
  .type-b .mn-row section {
    padding-top: 0;
  }
  .type-b .mn-info {
    grid-column: auto;
  }
}
@media (max-width: 639px) {
  .type-b .mn-visual .slide-guide .wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  .type-b .mn-visual .slide-guide .txt-area {
    justify-content: space-evenly;
  }
  .type-b .mn-visual .slide-guide cite {
    display: none;
  }
  .type-b .mn-visual .slide-guide .guide-fnc-area a {
    gap: 0.4rem;
    flex: 1;
    padding: 0;
    height: 3.2rem;
    font-size: 1.2rem;
  }
  .type-b .mn-visual .slide-guide .guide-fnc-area a i {
    transform: scale(0.8);
  }
}
/* type c */
.type-c {
  /*header */
  /* main */
}
.type-c .site-header {
  position: relative;
  z-index: 10;
  height: var(--type-a-header-h);
  display: grid;
  grid-template-rows: 4rem auto 5.6rem;
  border-bottom: 0.1rem solid #DDDAE3;
}
.type-c .site-header .wrap {
  height: 100%;
}
.type-c .site-header .header-top .util {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
  height: 100%;
}
.type-c .site-header .header-top .util span,
.type-c .site-header .header-top .util a {
  font-size: var(--fs-xsm);
  color: #727077;
  display: flex;
  align-items: center;
}
.type-c .site-header .header-top .util span::before,
.type-c .site-header .header-top .util a::before {
  content: " ";
  display: inline-block;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #DDDAE3;
  margin-right: 0.8rem;
}
.type-c .site-header .header-top .util span:first-child::before,
.type-c .site-header .header-top .util a:first-child::before {
  display: none;
}
.type-c .site-header .header-top .util span:hover, .type-c .site-header .header-top .util span:focus,
.type-c .site-header .header-top .util a:hover,
.type-c .site-header .header-top .util a:focus {
  color: #333333;
}
.type-c .site-header .header-top .util strong {
  color: #333333;
}
.type-c .site-header .header-top .util strong::before {
  content: " ";
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #00B6ED;
  border-radius: 100%;
  margin-right: 0.4rem;
  vertical-align: middle;
}
.type-c .site-header .header-cont .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.type-c .site-header .header-cont .logo img {
  display: block;
  height: 4rem;
}
.type-c .site-header .header-cont .gsch {
  position: relative;
}
.type-c .site-header .header-cont .gsch .btn-gsch-toggle {
  display: none;
}
.type-c .site-header .header-cont .gsch input {
  position: relative;
  border: none;
  max-width: 440px;
  padding: 0 4.8rem 0 0.8rem;
  border-radius: 0;
  transition: background 0.3s;
  background: left bottom no-repeat;
  background-image: linear-gradient(45deg, #1a1a1a 0%, #1a1a1a 100%);
  background-size: 100% 0.2rem;
}
.type-c .site-header .header-cont .gsch input:focus {
  background-image: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  outline: none;
}
.type-c .site-header .header-cont .gsch .btn-gsch {
  position: absolute;
  right: 0;
  width: 4.8rem;
  height: 4.8rem;
  font-size: 0;
}
.type-c .site-header .header-cont .gsch .btn-gsch::before {
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-position: -28.8rem -19.2rem;
  background: #1A1A1A;
}
.type-c .site-header .header-cont .glnk {
  display: flex;
  gap: 2.4rem;
}
.type-c .site-header .header-cont .glnk a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  font-size: var(--fs-sm);
}
.type-c .site-header .header-etc {
  border-top: 0.1rem solid #EFEEF3;
}
.type-c .site-header .header-etc .wrap {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
  align-items: center;
}
.type-c .site-gnb {
  flex: 1;
}
.type-c .site-gnb > ul {
  display: flex;
  justify-content: space-between;
}
.type-c .site-gnb > ul > li {
  position: relative;
}
.type-c .site-gnb > ul > li.is-active ul {
  display: block;
}
.type-c .site-gnb > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.6rem;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.type-c .site-gnb > ul > li > a.is-on, .type-c .site-gnb > ul > li > a:focus, .type-c .site-gnb > ul > li > a:hover {
  color: #100380;
}
.type-c .site-gnb > ul ul {
  position: absolute;
  display: none;
  width: 20rem;
  left: 0;
  margin-top: -0.1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
  border-radius: 0 0 0.8rem 0.8rem;
  word-break: keep-all;
  word-wrap: break-word;
  padding: 1.2rem;
}
.type-c .site-gnb > ul ul a {
  position: relative;
  display: block;
  padding: 1.2rem 2rem;
  font-weight: 500;
  border-radius: 0.4rem;
}
.type-c .site-gnb > ul ul a:hover, .type-c .site-gnb > ul ul a:focus {
  color: #fff;
  font-weight: 700;
}
.type-c .site-gnb > ul ul a:hover::before, .type-c .site-gnb > ul ul a:focus::before {
  width: 100%;
}
.type-c .site-gnb > ul ul a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #100380;
  z-index: -1;
  border-radius: 0.4rem;
}
.type-c .btn-nav-open {
  position: relative;
  display: block;
  flex: none;
  width: 5.6rem;
  height: 5.6rem;
}
.type-c .btn-nav-open::before, .type-c .btn-nav-open::after {
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  border-width: 0.2rem 0 0.2rem 0;
  border-style: solid;
  border-color: #918F97;
}
.type-c .btn-nav-open::after {
  height: 0.8rem;
}
.type-c .btn-nav-close {
  position: absolute;
  top: -1.6rem;
  right: -1.6rem;
  width: 4rem;
  height: 4rem;
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  border-radius: 50%;
  box-shadow: 0.2rem 0.2rem 4rem rgba(10, 10, 10, 0.2);
}
.type-c .btn-nav-close::before {
  content: " ";
  position: absolute;
  inset: 50%;
  transform: translate(-50%, -50%);
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-position: -36rem -4.8rem;
  background: wh;
  background-color: #fff;
}
.type-c .site-nav-area {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding: 4rem 2rem;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
  border-radius: 0.8rem;
  border: 0.2rem solid transparent;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  z-index: 1;
}
.type-c .site-nav-area.is-active {
  display: block;
}
.type-c .site-nav-area .nav-util,
.type-c .site-nav-area .btn-login,
.type-c .site-nav-area .nav-glnk {
  display: none;
}
.type-c .site-nav-area .site-nav > ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
  display: flex;
}
.type-c .site-nav-area .site-nav > ul > li {
  position: relative;
  flex: 1;
  border-left: 0.1rem solid #EFEEF3;
  padding: 0 1.2rem;
}
.type-c .site-nav-area .site-nav > ul > li:first-child {
  border-left: none;
}
.type-c .site-nav-area .site-nav > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: keep-all;
  width: 100%;
  text-align: center;
  height: 4.8rem;
  margin-bottom: 1.6rem;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
}
.type-c .site-nav-area .site-nav > ul > li > a.is-on, .type-c .site-nav-area .site-nav > ul > li > a:focus, .type-c .site-nav-area .site-nav > ul > li > a:hover {
  color: #100380;
}
.type-c .site-nav-area .site-nav > ul ul {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  justify-content: center;
}
.type-c .site-nav-area .site-nav > ul ul a {
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: var(--fs-md);
  font-weight: 400;
  color: #333333;
}
.type-c .site-nav-area .site-nav > ul ul a.is-on, .type-c .site-nav-area .site-nav > ul ul a:focus, .type-c .site-nav-area .site-nav > ul ul a:hover {
  color: #100380;
}
.type-c .aside-area {
  transform: translateY(3.2rem);
  position: sticky;
  top: 2.4rem;
  width: 100%;
  height: 0;
  z-index: 3;
}
.site-body:has(.aside-area) {
  position: relative;
}

.type-c .aside-area .aside-nav {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  width: 8.8rem;
  border-radius: 2.4rem 0 0 2.4rem;
  background: #fff;
  border: 0.1rem solid #DDDAE3;
  padding: 3.2rem 0.8rem;
  height: auto;
}
.type-c .aside-area .aside-nav a {
  display: block;
  text-align: center;
  word-break: keep-all;
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
}
.type-c .aside-area .aside-nav a:hover {
  color: #5A585E;
}
.type-c .aside-area .aside-nav a::before {
  content: " ";
  display: block;
  margin: 0 auto 0.4rem;
  width: 4rem;
  height: 4rem;
  background: url("../../images/user/common/ico-aside.svg");
  background-size: auto 4rem;
}
.type-c .aside-area .aside-nav a.aside-lecuture::before {
  background-position: 0rem 0;
}
.type-c .aside-area .aside-nav a.aside-qna::before {
  background-position: -4rem 0;
}
.type-c .aside-area .aside-nav a.aside-faq::before {
  background-position: -8rem 0;
}
.type-c .aside-area .aside-nav a.aside-guide::before {
  background-position: -12rem 0;
}
.type-c .btn-mn {
  display: inline-flex;
  height: 4.8rem;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  padding: 0 2.4rem;
  border: 0.1rem solid #DDDAE3;
  border-radius: 2em;
}
.type-c .btn-mn:hover {
  background-color: #F3F0EE;
}
.type-c .mn-contents {
  overflow: hidden;
}
.type-c .mn-contents section {
  padding: 8rem 0;
}
.type-c .mn-contents section.mn-visual {
  padding: 2.4rem 0 0 0;
}
.type-c .mn-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  align-items: stretch;
  gap: 3.2rem;
}
.type-c .mn-visual {
  position: relative;
  overflow: hidden;
}
.type-c .mn-visual .swiper-fnc-area {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  inset: auto 50% 0;
  transform: translateX(-50%);
  max-width: 128rem;
  margin: 0 auto;
  z-index: 2;
}
.type-c .mn-visual .swiper-fnc-area .swiper-fnc {
  margin-top: 0;
}
.type-c .mn-visual .swiper-fnc-area .swiper-fnc {
  background-color: rgba(10, 10, 10, 0.6);
  border-radius: 0.8rem 0 0.8rem 0;
  color: #fff;
}
.type-c .mn-visual .swiper-fnc-area .swiper-fnc .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: #DDDAE3;
  opacity: 1;
}
.type-c .mn-visual .swiper-fnc-area .swiper-fnc .btn-playStop::before {
  background-color: #fff;
}
.type-c .mn-visual .swiper {
  max-width: 1400px;
  overflow: visible;
}
.type-c .mn-visual .swiper img,
.type-c .mn-visual .swiper-wrapper img,
.type-c .mn-visual .swiper-slide img,
.type-c .mn-visual a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: 50% 50%;
}
.type-c .mn-visual .swiper .pcta,
.type-c .mn-visual .swiper-wrapper .pcta,
.type-c .mn-visual .swiper-slide .pcta,
.type-c .mn-visual a .pcta {
  height: 400px;
  object-fit: cover;
}
.type-c .mn-visual .swiper-slide {
  border-radius: 0.8rem;
  overflow: hidden;
}
.type-c .mn-visual .slide-guide .wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  padding-top: 6.4rem;
  padding-bottom: 7.2rem;
}
.type-c .mn-visual .slide-guide .txt-area {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.type-c .mn-visual .slide-guide cite {
  position: relative;
  display: inline-block;
  border-radius: 2em;
  margin-bottom: 2.4rem;
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  font-weight: 800;
  color: #727077;
  background-color: #F3F0EE;
  color: #100380;
  padding: 0.8rem 2rem;
  width: auto;
}
.type-c .mn-visual .slide-guide cite::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.8rem 0.8rem 0 0.8rem;
  border-color: #F3F0EE transparent transparent transparent;
}
.type-c .mn-visual .slide-guide h3 {
  font-size: var(--fs-3xlg);
  font-weight: 800;
}
.type-c .mn-visual .slide-guide h3 strong {
  font-weight: inherit;
  color: #100380;
}
.type-c .mn-visual .slide-guide .guide-fnc-area {
  position: relative;
  display: flex;
  gap: 0.8rem;
  z-index: 1;
}
.type-c .mn-visual .slide-guide .guide-fnc-area a {
  background-color: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(2rem);
  box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
  border: 0.1rem solid rgba(255, 255, 255, 0.75);
  color: #0A0A0A;
}
.type-c .mn-visual .slide-guide .guide-fnc-area a:hover {
  background-color: #fff;
}
.type-c .mn-visual .slide-guide .guide-obj {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.type-c .mn-visual .slide-guide .guide-obj img {
  display: block;
  width: initial;
}
.type-c .mn-my .wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 2.4rem;
}
.type-c .mn-my .tit-area {
  grid-column: 1/span 4;
}
.type-c .mn-my .my-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column: 1/span 3;
  gap: 0 1.6rem;
}
.type-c .mn-my .my-list a {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.4rem;
  padding: 2.4rem 2.4rem 0 2.4rem;
  border: 0.1rem solid #EFEEF3;
  border-radius: var(--fs-lg);
  overflow: hidden;
  box-sizing: border-box;
  overflow: hidden;
}
.type-c .mn-my .my-list a:hover, .type-c .mn-my .my-list a:focus {
  background-color: #F3F0EE;
  border-color: #C1BFC8;
}
.type-c .mn-my .my-list cite {
  font-size: var(--fs-xsm);
  font-weight: 400;
  color: #727077;
}
.type-c .mn-my .my-list .etc-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #F8F8FB;
  width: calc(100% + 4.8rem);
  margin-left: -2.4rem;
  padding: 0 2.4rem;
  height: 5.6rem;
  border-top: 0.1rem solid #EFEEF3;
}
.type-c .mn-my .my-list .etc-area cite {
  font-size: var(--fs-md);
  font-weight: 400;
  color: #333333;
}
.type-c .mn-my .my-list .etc-area cite:only-child {
  display: block;
  width: 100%;
  text-align: center;
}
.type-c .mn-my .my-list h3 {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.3;
  height: 2.6em;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.type-c .mn-my .my-list ul {
  display: grid;
  gap: 0.8rem;
}
.type-c .mn-my .my-list ul li {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.type-c .mn-my .my-list ul li cite {
  display: flex;
  align-items: center;
  flex: none;
}
.type-c .mn-my .my-list ul li .txt-area {
  font-size: var(--fs-xsm);
  font-weight: 400;
  color: #727077;
}
.type-c .mn-my .my-qna a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  height: 100%;
  box-sizing: border-box;
  padding: 2.4rem;
  justify-content: center;
  background-color: #F3F0EE;
  border-radius: 1.6rem;
}
.type-c .mn-my .my-qna h3 {
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
}
.type-c .mn-my .my-qna h3 em,
.type-c .mn-my .my-qna h3 strong {
  font-weight: 800;
}
.type-c .mn-my .my-qna ul {
  display: grid;
  gap: 0.8rem;
  width: 100%;
}
.type-c .mn-my .my-qna ul li {
  display: flex;
  justify-content: space-between;
  flex: 1;
  text-align: center;
  align-items: center;
  padding: 0 1.6rem;
  background-color: #DFDAD6;
  border-radius: 0.8rem;
  height: 4.8rem;
}
.type-c .mn-my .my-qna ul cite {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: var(--fs-md);
  font-weight: 700;
  color: #5A585E;
  line-height: 1.3;
}
.type-c .mn-my .my-qna ul cite span {
  font-size: var(--fs-lg);
  color: #8B6E4C;
}
.type-c .mn-my .my-qna ul span strong {
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
  color: #8B6E4C;
}
.type-c .mn-my .my-qna ul span strong em,
.type-c .mn-my .my-qna ul span strong strong {
  font-weight: 800;
}
.type-c .mn-reco {
  background-color: #F3F0EE;
}
.mn-contents .mn-reco {
  padding-bottom: 8rem;
}

.type-c .mn-reco .swiper {
  overflow: visible;
  transform: translateX(-4rem);
}
.type-c .mn-reco .swiper-fnc-area {
  transform: translateX(4rem);
}
.type-c .mn-reco .swiper-slide {
  margin-top: 3.2rem;
}
.type-c .mn-reco .swiper-slide-active {
  padding: 0 4rem;
  box-sizing: content-box;
}
.type-c .mn-reco .swiper-slide-active {
  z-index: 1;
}
.type-c .mn-reco .swiper-slide-active a {
  width: calc(100% + 8rem);
  height: 40rem;
  margin-left: -4rem;
  transform: translateY(-4rem);
  margin-bottom: -4rem;
  transform-origin: 50% 50%;
}
.type-c .mn-reco .swiper-slide-active a > .txt-area h3 {
  font-size: var(--fs-xlg);
  font-weight: 800;
  color: #333333;
  line-height: 1.4;
}
.type-c .mn-reco .swiper-slide-active a > .txt-area h3 em,
.type-c .mn-reco .swiper-slide-active a > .txt-area h3 strong {
  font-weight: 800;
}
.type-c .mn-reco a {
  display: grid;
  flex-direction: column;
  grid-template-rows: auto 12rem;
  border: 0.1rem solid #DDDAE3;
  border-radius: 0.8rem;
  background-color: #fff;
  height: 32rem;
  overflow: hidden;
  gap: 0;
  width: 100%;
  transform: scale(1);
  transform-origin: 100% 50%;
}
.type-c .mn-reco a .hover-show {
  display: none;
}
.type-c .mn-reco a .img-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.type-c .mn-reco a .img-area img {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center center;
}
.type-c .mn-reco a .img-area span {
  display: none;
}
.type-c .mn-reco a > .txt-area {
  display: flex;
  flex-direction: column;
  padding: 2.4rem;
  gap: 1.2rem;
  text-align: center;
  overflow: hidden;
  justify-content: center;
}
.type-c .mn-reco a > .txt-area .label-area {
  justify-content: center;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.type-c .mn-reco a > .txt-area h3 {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.type-c .mn-reco a ul {
  display: grid;
  flex-direction: column;
  gap: 0.8rem;
  overflow: hidden;
  min-width: 0;
}
.type-c .mn-reco a ul li {
  gap: 0.8rem;
  font-size: var(--fs-xsm);
  font-weight: 400;
  color: #727077;
  display: flex;
  align-items: center;
  line-height: 1;
  min-width: 0;
}
.type-c .mn-reco a ul li cite {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  padding-right: 0.8rem;
  flex: none;
}
.type-c .mn-reco a ul li .txt-area {
  flex: 1;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  text-align: left;
}
.type-c .mn-reco a:hover, .type-c .mn-reco a.hover {
  grid-template-rows: auto 6.4rem;
}
.type-c .mn-reco a:hover .img-area, .type-c .mn-reco a.hover .img-area {
  height: 6.4rem;
  order: 2;
}
.type-c .mn-reco a:hover .img-area::after, .type-c .mn-reco a.hover .img-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  pointer-events: none;
}
.type-c .mn-reco a:hover .img-area span, .type-c .mn-reco a.hover .img-area span {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: var(--fs-sm);
  color: #fff;
  z-index: 1;
}
.type-c .mn-reco a:hover > .txt-area, .type-c .mn-reco a.hover > .txt-area {
  position: relative;
  flex: 1;
  z-index: 1;
  align-items: flex-start;
  padding-top: 4rem;
  padding-bottom: 4rem;
  gap: 1.6rem;
  background-color: #100380;
  color: #fff;
}
.type-c .mn-reco a:hover > .txt-area .label-area, .type-c .mn-reco a.hover > .txt-area .label-area {
  display: none;
}
.type-c .mn-reco a:hover > .txt-area h3, .type-c .mn-reco a.hover > .txt-area h3 {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: #333333;
  line-height: 1.4;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.3;
  height: 2.6em;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: initial;
  text-align: left;
  color: #fff;
}
.type-c .mn-reco a:hover > .txt-area ul, .type-c .mn-reco a.hover > .txt-area ul {
  width: 100%;
  border-top: 0.1rem solid rgba(255, 255, 255, 0.25);
  padding-top: 2.4rem;
}
.type-c .mn-reco a:hover > .txt-area ul li, .type-c .mn-reco a.hover > .txt-area ul li {
  color: #fff;
}
.type-c .mn-reco a:hover > .txt-area .hover-show, .type-c .mn-reco a.hover > .txt-area .hover-show {
  display: grid !important;
}
.type-c .hover-show {
  display: none;
}
.type-c .mn-theme ul {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: repeat(5, 1fr);
}
.type-c .mn-theme ul a {
  position: relative;
  display: flex;
  width: 100%;
  height: 10rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  overflow: hidden;
}
.type-c .mn-theme ul a:hover .txt-area .hover-show {
  display: flex !important;
  justify-content: center;
  animation: opacity 0.4s forwards;
}
.type-c .mn-theme ul a::before {
  content: " ";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 26, 26, 0.5);
}
.type-c .mn-theme ul .img-area {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: #100380;
}
.type-c .mn-theme ul .img-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.type-c .mn-theme ul .txt-area {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  color: #fff;
  font-size: var(--fs-lg);
  font-weight: 800;
}
.type-c .mn-best > .wrap {
  position: relative;
}
.type-c .mn-best .info-area {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 24rem;
  word-break: keep-all;
}
.type-c .mn-best .swiper-area {
  transform: translateX(calc(50% - 64rem));
  margin-left: 26.4rem;
  width: 100%;
  overflow: visible;
}
.type-c .mn-best .swiper-fnc-area {
  width: auto;
  transform: none;
  position: static;
  display: flex;
  gap: 0.4rem;
}
.type-c .mn-best .swiper-fnc-area button {
  position: relative;
  inset: 0;
  transform: none;
}
.type-c .mn-best .num {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 4.4rem;
  top: 0;
  left: 1.6rem;
  color: #fff;
  font-size: var(--fs-lg);
  font-weight: 800;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='43' viewBox='0 0 36 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 28.465V0H36V28.465C36 29.7221 35.409 30.906 34.4044 31.6617L20.4044 42.1916C18.9804 43.2626 17.0196 43.2626 15.5956 42.1916L1.59563 31.6617C0.590977 30.906 0 29.7221 0 28.465Z' fill='url(%23paint0_linear_346_1752)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_346_1752' x1='0.0437114' y1='-2.13431e-06' x2='44.4866' y2='11.7583' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B6ED'/%3E%3Cstop offset='1' stop-color='%23FFD200'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  z-index: 2;
}
.type-c .mn-best a {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.type-c .mn-best a:hover img {
  transform: scale(1.1);
}
.type-c .mn-best a .img-area {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: #F3F0EE;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 0.8rem;
  overflow: hidden;
}
.type-c .mn-best a .img-area img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.type-c .mn-best a .txt-area {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.type-c .mn-best a .txt-area h3 {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.3;
  height: 2.6em;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.type-c .mn-row {
  display: grid;
  gap: 4rem;
  grid-template-columns: 1fr 36%;
  overflow: hidden;
}
.type-c .mn-faq {
  height: 100%;
}
.type-c .mn-faq ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  overflow: hidden;
}
.type-c .mn-faq ul li {
  background-color: #F8F8FB;
}
.type-c .mn-faq ul a {
  border-radius: 0.8rem;
  position: relative;
  display: block;
  height: 16.4rem;
  padding: 2.4rem 1.6rem;
  font-weight: 800;
  color: #333333;
  overflow: hidden;
}
.type-c .mn-faq ul a p {
  margin-top: 1.6rem;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.3;
  height: 3.9em;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.type-c .mn-faq ul a::before {
  content: " ";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.3s;
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
  z-index: 1;
}
.type-c .mn-faq ul a:hover {
  color: #fff;
  background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
}
.type-c .mn-faq ul a:hover .label, .type-c .mn-faq ul a:hover .view-list cite, .view-list .type-c .mn-faq ul a:hover cite {
  background-color: #100380;
  color: #fff;
}
.type-c .mn-notice ul {
  border-top: 0.2rem solid #333333;
}
.type-c .mn-notice ul li {
  display: block;
  overflow: hidden;
  height: 5.5rem;
  border-bottom: 0.1rem solid #DDDAE3;
}
.type-c .mn-notice ul li:first-of-type {
  border-top: none;
}
.type-c .mn-notice ul a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  gap: 0.8rem;
}
.type-c .mn-notice ul a::before {
  content: "";
  display: block;
  flex: none;
  width: 2.4rem;
  height: 2.4rem;
  mask-image: url("../../images/user/common/ico24x24.svg");
  mask-size: calc(2.4rem * 20) auto;
  mask-position: 0rem 0rem;
  background: gr;
  background-color: #727077;
}
.type-c .mn-notice ul a:hover p, .type-c .mn-notice ul a:focus p {
  text-decoration: underline;
}
.type-c .mn-notice ul p {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  flex: 1;
}
.type-c .mn-notice ul .time {
  font-size: var(--fs-sm);
  font-weight: 400;
  color: #727077;
  flex: none;
}

@media screen and (max-width: 1520px) {
  .type-c .mn-visual .swiper {
    max-width: 1280px;
  }
  .type-c .mn-visual .swiper img.pcta {
    width: 100%;
    height: auto;
    aspect-ratio: 1280/400;
  }
}
@media (max-width: 1279px) {
  .type-c .mn-contents section.mn-visual {
    padding-left: var(--wrap-gap);
    padding-right: var(--wrap-gap);
  }
  .type-c .mn-contents section.mn-visual .tamo {
    display: none !important;
  }
  .type-c .mn-my .wrap {
    display: flex;
    flex-direction: column;
    grid-template-columns: auto;
  }
  .type-c .mn-my .my-list {
    gap: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .type-c .mn-my .my-qna ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .mn-contents .mn-reco {
    padding-bottom: 8rem;
  }
  .type-c .mn-reco .swiper {
    overflow: visible;
    transform: none;
  }
  .type-c .mn-reco .swiper-fnc-area {
    transform: none;
  }
  .type-c .mn-reco .swiper-slide {
    margin-top: 0;
  }
  .type-c .mn-reco .swiper-slide-active {
    padding: 0 0;
    box-sizing: border-box;
  }
  .type-c .mn-reco .swiper-slide-active {
    z-index: 1;
  }
  .type-c .mn-reco .swiper-slide-active a,
  .type-c .mn-reco a,
  .type-c .mn-reco a:hover,
  .type-c .mn-reco a.hover {
    display: grid;
    flex-direction: column;
    grid-template-rows: auto;
    border: 0.1rem solid #DDDAE3;
    border-radius: 0.8rem;
    background-color: #fff;
    height: auto;
    overflow: hidden;
    gap: 0;
    width: 100%;
    transform: scale(1);
    transform-origin: 100% 50%;
    margin: 0;
    padding: 0;
  }
  .type-c .mn-reco .swiper-slide-active a .hover-show,
  .type-c .mn-reco a .hover-show,
  .type-c .mn-reco a:hover .hover-show,
  .type-c .mn-reco a.hover .hover-show {
    display: none !important;
  }
  .type-c .mn-reco .swiper-slide-active a .img-area,
  .type-c .mn-reco a .img-area,
  .type-c .mn-reco a:hover .img-area,
  .type-c .mn-reco a.hover .img-area {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
    order: 0;
  }
  .type-c .mn-reco .swiper-slide-active a .img-area img,
  .type-c .mn-reco a .img-area img,
  .type-c .mn-reco a:hover .img-area img,
  .type-c .mn-reco a.hover .img-area img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .type-c .mn-reco .swiper-slide-active a .img-area span,
  .type-c .mn-reco a .img-area span,
  .type-c .mn-reco a:hover .img-area span,
  .type-c .mn-reco a.hover .img-area span {
    display: none;
  }
  .type-c .mn-reco .swiper-slide-active a .img-area::after,
  .type-c .mn-reco a .img-area::after,
  .type-c .mn-reco a:hover .img-area::after,
  .type-c .mn-reco a.hover .img-area::after {
    display: none;
  }
  .type-c .mn-reco .swiper-slide-active a > .txt-area,
  .type-c .mn-reco a > .txt-area,
  .type-c .mn-reco a:hover > .txt-area,
  .type-c .mn-reco a.hover > .txt-area {
    display: flex;
    flex-direction: column;
    padding: 2.4rem;
    gap: 1.2rem;
    text-align: center;
    overflow: hidden;
    justify-content: center;
    animation: none;
    height: auto;
    background-color: transparent;
  }
  .type-c .mn-reco .swiper-slide-active a > .txt-area .label-area,
  .type-c .mn-reco a > .txt-area .label-area,
  .type-c .mn-reco a:hover > .txt-area .label-area,
  .type-c .mn-reco a.hover > .txt-area .label-area {
    justify-content: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    overflow: hidden;
    text-align: center;
  }
  .type-c .mn-reco .swiper-slide-active a > .txt-area h3,
  .type-c .mn-reco a > .txt-area h3,
  .type-c .mn-reco a:hover > .txt-area h3,
  .type-c .mn-reco a.hover > .txt-area h3 {
    font-size: var(--fs-lg);
    font-weight: 700;
    color: #333333;
    line-height: 1.4;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.3;
    height: 2.6em;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    flex: none;
    white-space: normal;
    text-align: center;
  }
  .type-c .mn-reco .swiper-slide-active a > .txt-area .hover-show,
  .type-c .mn-reco a > .txt-area .hover-show,
  .type-c .mn-reco a:hover > .txt-area .hover-show,
  .type-c .mn-reco a.hover > .txt-area .hover-show {
    display: none !important;
  }
  .type-c .mn-reco .swiper-slide-active a ul,
  .type-c .mn-reco a ul,
  .type-c .mn-reco a:hover ul,
  .type-c .mn-reco a.hover ul {
    display: grid;
    flex-direction: column;
    gap: 0.8rem;
    overflow: hidden;
    min-width: 0;
  }
  .type-c .mn-reco .swiper-slide-active a ul li,
  .type-c .mn-reco a ul li,
  .type-c .mn-reco a:hover ul li,
  .type-c .mn-reco a.hover ul li {
    display: grid;
    gap: 0.8rem;
    font-size: var(--fs-xsm);
    font-weight: 400;
    color: #727077;
    display: flex;
    line-height: 1;
    min-width: 0;
  }
  .type-c .mn-reco .swiper-slide-active a ul li cite,
  .type-c .mn-reco a ul li cite,
  .type-c .mn-reco a:hover ul li cite,
  .type-c .mn-reco a.hover ul li cite {
    border-right: 0.1rem solid #DDDAE3;
    padding-right: 0.8rem;
    flex: none;
  }
  .type-c .mn-reco .swiper-slide-active a ul li .txt-area,
  .type-c .mn-reco a ul li .txt-area,
  .type-c .mn-reco a:hover ul li .txt-area,
  .type-c .mn-reco a.hover ul li .txt-area {
    flex: 1;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.3;
    height: 2.6em;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
  }
  .type-c .mn-theme ul {
    gap: 0.8rem;
  }
  .type-c .mn-best {
    overflow: hidden;
  }
  .type-c .mn-best .info-area {
    display: flex;
    justify-content: space-between;
    position: static;
    width: 100%;
  }
  .type-c .mn-best .swiper-fnc-inline {
    position: relative;
    margin-bottom: 1.6rem;
  }
  .type-c .mn-best .swiper-area {
    transform: none;
    margin-left: 0;
    width: 100%;
    overflow: visible;
    padding-left: var(--wrap-gap);
    overflow: hidden;
  }
}
@media (max-width: 1023px) {
  .type-c .mn-contents section {
    padding: 4rem 0;
  }
  .type-c .mn-visual .swiper-slide img {
    height: auto;
  }
  .type-c .mn-visual .slide-guide .wrap {
    padding-top: 4rem;
    padding-bottom: 6.4rem;
  }
  .type-c .mn-visual .slide-guide cite {
    font-size: var(--fs-md);
    margin-bottom: 1.6rem;
  }
  .type-c .mn-visual .slide-guide .guide-obj {
    display: none;
  }
  .type-c .mn-visual .slide-guide .guide-fnc-area a {
    flex: 1;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .type-c .mn-contents section {
    padding: 4rem 0;
  }
  .type-c .mn-contents .mn-row {
    display: block;
    grid-template-columns: auto;
  }
  .type-c .mn-contents section.mn-visual {
    height: auto;
    padding: 0;
    aspect-ratio: 640/360;
  }
  .type-c .mn-contents section.mn-visual .swiper-slide {
    border: 0;
    border-radius: 0;
    aspect-ratio: 640/360;
  }
  .type-c .mn-contents section.mn-visual .swiper-slide img.mo {
    aspect-ratio: 640/360;
  }
  .type-c .mn-contents section.mn-visual .swiper-fnc-area .swiper-fnc {
    border-radius: 0.8rem 0 0 0;
  }
  .type-c .mn-contents section.mn-visual .slide-guide .txt-area {
    gap: 0.8rem;
  }
  .type-c .mn-contents section.mn-visual .slide-guide .guide-fnc-area {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
  }
  .type-c .mn-my .my-list {
    grid-template-columns: auto;
  }
  .type-c .mn-my .my-list a {
    padding-top: 2.4rem;
    gap: 1.6rem;
  }
  .type-c .mn-my .my-list .label-area {
    margin-top: 0.8rem;
    margin-right: 0.8rem;
  }
  .type-c .mn-my .my-qna a::before {
    width: 4.8rem;
    height: 4.8rem;
  }
  .type-c .mn-my .my-qna ul {
    grid-template-columns: auto;
  }
  .type-c .mn-theme ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .type-c .mn-faq ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .type-c .mn-faq ul a {
    padding: 1.6rem;
    height: 12.8rem;
  }
}
@media (max-width: 639px) {
  .type-c .mn-visual .slide-guide .wrap {
    padding-top: 2.4rem;
  }
  .type-c .mn-visual .slide-guide .txt-area {
    justify-content: space-evenly;
  }
  .type-c .mn-visual .slide-guide cite {
    display: none;
  }
  .type-c .mn-visual .slide-guide .guide-fnc-area a {
    gap: 0.4rem;
    flex: 1;
    padding: 0;
    height: 3.2rem;
    font-size: 1.2rem;
  }
  .type-c .mn-visual .slide-guide .guide-fnc-area a i {
    transform: scale(0.8);
  }
}
@media (max-width: 1279px) {
  .type-a,
  .type-b,
  .type-c {
    position: relative;
  }
  .type-a .site-header,
  .type-b .site-header,
  .type-c .site-header {
    position: sticky;
    top: 0;
    background-color: #fff;
    grid-template-rows: auto;
  }
  .type-a .site-header .header-top,
  .type-a .site-header .site-gnb,
  .type-a .site-header .header-cont .glnk,
  .type-b .site-header .header-top,
  .type-b .site-header .site-gnb,
  .type-b .site-header .header-cont .glnk,
  .type-c .site-header .header-top,
  .type-c .site-header .site-gnb,
  .type-c .site-header .header-cont .glnk {
    display: none;
    border: none;
  }
  .type-a .site-header .header-etc,
  .type-a .site-header .header-etc .wrap,
  .type-b .site-header .header-etc,
  .type-b .site-header .header-etc .wrap,
  .type-c .site-header .header-etc,
  .type-c .site-header .header-etc .wrap {
    position: static;
    height: 0;
    padding: 0;
    border: none;
  }
  .type-a .site-header .header-cont,
  .type-b .site-header .header-cont,
  .type-c .site-header .header-cont {
    height: var(--type-a-header-h);
  }
  .type-a .site-header .header-cont .logo img,
  .type-b .site-header .header-cont .logo img,
  .type-c .site-header .header-cont .logo img {
    height: 2.4rem;
  }
  .type-a .site-header .header-cont .gsch,
  .type-b .site-header .header-cont .gsch,
  .type-c .site-header .header-cont .gsch {
    margin-right: 3.6rem;
    position: relative;
  }
  .type-a .site-header .header-cont .gsch .btn-gsch-toggle,
  .type-b .site-header .header-cont .gsch .btn-gsch-toggle,
  .type-c .site-header .header-cont .gsch .btn-gsch-toggle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: -99999rem;
    z-index: 2;
    box-sizing: border-box;
    display: block;
  }
  .type-a .site-header .header-cont .gsch input[type=text],
  .type-b .site-header .header-cont .gsch input[type=text],
  .type-c .site-header .header-cont .gsch input[type=text] {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 24rem;
    border: none;
    display: none;
    padding-right: 4rem;
    min-height: 3.6rem;
    max-width: 0;
    transition: max-width 0.4s;
    padding-bottom: 0;
    border: 0.2rem solid transparent;
    background: linear-gradient(0deg, #fff, #fff), linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    font-size: var(--fs-sm);
  }
  .type-a .site-header .header-cont .gsch .btn-gsch,
  .type-b .site-header .header-cont .gsch .btn-gsch,
  .type-c .site-header .header-cont .gsch .btn-gsch {
    position: relative;
    right: 0;
    width: 3.6rem;
    height: 3.6rem;
    font-size: 0;
  }
  .type-a .site-header .header-cont .gsch .btn-gsch::before,
  .type-b .site-header .header-cont .gsch .btn-gsch::before,
  .type-c .site-header .header-cont .gsch .btn-gsch::before {
    content: " ";
    position: absolute;
    inset: 50%;
    transform: translate(-50%, -50%);
    width: 2.4rem;
    height: 2.4rem;
    mask-image: url("../../images/user/common/ico24x24.svg");
    mask-size: calc(2.4rem * 20) auto;
    mask-position: -28.8rem -19.2rem;
    background: #1A1A1A;
  }
  .type-a .site-header .header-cont .gsch.is-active,
  .type-b .site-header .header-cont .gsch.is-active,
  .type-c .site-header .header-cont .gsch.is-active {
    width: auto;
  }
  .type-a .site-header .header-cont .gsch.is-active .btn-gsch-toggle,
  .type-b .site-header .header-cont .gsch.is-active .btn-gsch-toggle,
  .type-c .site-header .header-cont .gsch.is-active .btn-gsch-toggle {
    display: none;
  }
  .type-a .site-header .header-cont .gsch.is-active input,
  .type-b .site-header .header-cont .gsch.is-active input,
  .type-c .site-header .header-cont .gsch.is-active input {
    display: flex;
    max-width: 24rem;
    box-shadow: 0.5rem 0.5rem 2rem rgba(10, 10, 10, 0.05);
    outline: none;
  }
  .type-a .site-header .btn-nav-open,
  .type-b .site-header .btn-nav-open,
  .type-c .site-header .btn-nav-open {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 3.6rem;
    height: 3.6rem;
  }
  .type-a .site-header .btn-nav-close,
  .type-b .site-header .btn-nav-close,
  .type-c .site-header .btn-nav-close {
    right: 1.6rem;
    top: 1.6rem;
    z-index: 1;
    border: none;
    width: 3.2rem;
    height: 3.2rem;
  }
  .type-a .site-header .site-nav-area,
  .type-b .site-header .site-nav-area,
  .type-c .site-header .site-nav-area {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    padding: 0;
    background: rgba(10, 10, 10, 0.25);
    backdrop-filter: blur(2rem);
    border-radius: 0;
    border: none;
  }
  .type-a .site-header .site-nav-area .site-nav,
  .type-b .site-header .site-nav-area .site-nav,
  .type-c .site-header .site-nav-area .site-nav {
    background-color: #fff;
    max-width: 36rem;
    width: 100%;
    height: 100%;
    margin-left: auto;
    display: grid;
    grid-template-rows: 16rem auto;
  }
  .type-a .site-header .site-nav-area .site-nav .nav-util,
  .type-b .site-header .site-nav-area .site-nav .nav-util,
  .type-c .site-header .site-nav-area .site-nav .nav-util {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 2.4rem;
    gap: 1.2rem;
    background: linear-gradient(110deg, #00B6ED 0%, #FFD200 100%);
    color: #fff;
  }
  .type-a .site-header .site-nav-area .site-nav .nav-util a,
  .type-b .site-header .site-nav-area .site-nav .nav-util a,
  .type-c .site-header .site-nav-area .site-nav .nav-util a {
    color: #fff;
  }
  .type-a .site-header .site-nav-area .site-nav .nav-util ul,
  .type-b .site-header .site-nav-area .site-nav .nav-util ul,
  .type-c .site-header .site-nav-area .site-nav .nav-util ul {
    font-size: 0;
    white-space: nowrap;
  }
  .type-a .site-header .site-nav-area .site-nav .nav-util li,
  .type-b .site-header .site-nav-area .site-nav .nav-util li,
  .type-c .site-header .site-nav-area .site-nav .nav-util li {
    display: inline-block;
    font-size: var(--fs-sm);
    vertical-align: middle;
    border-radius: 0;
  }
  .type-a .site-header .site-nav-area .site-nav .nav-util li a,
  .type-b .site-header .site-nav-area .site-nav .nav-util li a,
  .type-c .site-header .site-nav-area .site-nav .nav-util li a {
    padding: 0 0.8rem;
  }
  .type-a .site-header .site-nav-area .site-nav .nav-util li ~ li:before,
  .type-b .site-header .site-nav-area .site-nav .nav-util li ~ li:before,
  .type-c .site-header .site-nav-area .site-nav .nav-util li ~ li:before {
    content: " ";
    display: inline-block;
    width: 0.1rem;
    height: 1.2rem;
    vertical-align: middle;
    background-color: #F8F8FB;
  }
  .type-a .site-header .site-nav-area .site-nav .nav-util li:first-child a,
  .type-b .site-header .site-nav-area .site-nav .nav-util li:first-child a,
  .type-c .site-header .site-nav-area .site-nav .nav-util li:first-child a {
    padding-left: 0;
  }
  .type-a .site-header .site-nav-area .site-nav .nav-glnk,
  .type-b .site-header .site-nav-area .site-nav .nav-glnk,
  .type-c .site-header .site-nav-area .site-nav .nav-glnk {
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 0.8rem;
    padding: 0.8rem 1.6rem;
    font-size: var(--fs-sm);
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .type-a .site-header .site-nav-area .site-nav > ul,
  .type-a .site-header .site-nav-area .site-nav > ul > li,
  .type-b .site-header .site-nav-area .site-nav > ul,
  .type-b .site-header .site-nav-area .site-nav > ul > li,
  .type-c .site-header .site-nav-area .site-nav > ul,
  .type-c .site-header .site-nav-area .site-nav > ul > li {
    display: block;
    text-align: left;
    border: none;
    box-sizing: border-box;
  }
  .type-a .site-header .site-nav-area .site-nav > ul,
  .type-b .site-header .site-nav-area .site-nav > ul,
  .type-c .site-header .site-nav-area .site-nav > ul {
    position: relative;
    display: block;
    overflow-y: auto;
    width: 100%;
    border-right: 0.1rem solid #EFEEF3;
    padding: 0;
  }
  .type-a .site-header .site-nav-area .site-nav > ul::before,
  .type-b .site-header .site-nav-area .site-nav > ul::before,
  .type-c .site-header .site-nav-area .site-nav > ul::before {
    content: " ";
    position: absolute;
    right: 0;
    width: 60%;
    height: 100%;
    background-color: #F8F8FB;
  }
  .type-a .site-header .site-nav-area .site-nav > ul > li,
  .type-b .site-header .site-nav-area .site-nav > ul > li,
  .type-c .site-header .site-nav-area .site-nav > ul > li {
    position: static;
    border-bottom: 0.1rem solid #EFEEF3;
    width: 40%;
    background-color: #fff;
    padding: 0;
  }
  .type-a .site-header .site-nav-area .site-nav > ul > li > a,
  .type-b .site-header .site-nav-area .site-nav > ul > li > a,
  .type-c .site-header .site-nav-area .site-nav > ul > li > a {
    display: flex;
    min-height: 4.8rem;
    height: auto;
    justify-content: flex-start;
    padding: 1.6rem;
    align-items: flex-start;
    text-align: left;
    margin: 0;
    width: auto;
    box-sizing: border-box;
    border-radius: 0;
    font-size: 1.5rem;
    pointer-events: none;
    z-index: -1;
  }
  .type-a .site-header .site-nav-area .site-nav > ul > li > a:after,
  .type-b .site-header .site-nav-area .site-nav > ul > li > a:after,
  .type-c .site-header .site-nav-area .site-nav > ul > li > a:after {
    display: none;
  }
  .type-a .site-header .site-nav-area .site-nav > ul > li.is-active > a,
  .type-b .site-header .site-nav-area .site-nav > ul > li.is-active > a,
  .type-c .site-header .site-nav-area .site-nav > ul > li.is-active > a {
    color: #00B6ED;
  }
  .type-a .site-header .site-nav-area .site-nav > ul > li.is-active ul,
  .type-b .site-header .site-nav-area .site-nav > ul > li.is-active ul,
  .type-c .site-header .site-nav-area .site-nav > ul > li.is-active ul {
    position: sticky;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    min-height: 100%;
    overflow-y: auto;
    padding: 0;
    background-color: #F8F8FB;
  }
  .type-a .site-header .site-nav-area .site-nav > ul ul,
  .type-b .site-header .site-nav-area .site-nav > ul ul,
  .type-c .site-header .site-nav-area .site-nav > ul ul {
    display: none;
    gap: 0;
    padding: 0.8rem 0;
  }
  .type-a .site-header .site-nav-area .site-nav > ul ul a,
  .type-b .site-header .site-nav-area .site-nav > ul ul a,
  .type-c .site-header .site-nav-area .site-nav > ul ul a {
    display: flex;
    align-items: center;
    min-height: 4.8rem;
    padding: 1.6rem 2.4rem;
    border-radius: 0;
    font-size: 1.5rem;
  }
}
@media (max-width: 639px) {
  .type-a .site-header .site-nav-area .site-nav,
  .type-b .site-header .site-nav-area .site-nav,
  .type-c .site-header .site-nav-area .site-nav {
    max-width: 100%;
  }
}/*# sourceMappingURL=style.css.map */