@charset "utf-8";

 :root {
  --ico_close_x: url('/img/icon/ico_close_x.svg');
  --ico_download_outline: url('/img/icon/ico_download_outline.svg');
  --ico_filter_outline: url('/img/icon/ico_filter_outline.svg');
  --ico_share_outline: url('/img/icon/ico_share_outline.svg');
  --ico_url_copy: url('/img/icon/ico_url_copy.svg');
  --ico_reset: url('/img/icon/ico_reset.svg');
  --ico_caret: url('/img/icon/ico_caret.svg');

  /* filter hex code */
  --hex_white: invert(100%) sepia(0%) saturate(7496%) hue-rotate(215deg) brightness(200%) contrast(200%);
  --hex_black: invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg) brightness(0%) contrast(200%);
  --hex_darkgray: invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg) brightness(70%) contrast(100%);
  --hex_greenright: invert(62%) sepia(57%) saturate(5961%) hue-rotate(88deg) brightness(129%) contrast(115%);
  --hex_red: invert(23%) sepia(51%) saturate(7236%) hue-rotate(349deg) brightness(94%) contrast(96%);
  --hex_darkblue: invert(12%) sepia(61%) saturate(4518%) hue-rotate(260deg) brightness(93%) contrast(90%);
  --hex_skyblue: invert(95%) sepia(32%) saturate(7500%) hue-rotate(102deg) brightness(103%) contrast(102%);
  --hex_indigo: invert(17%) sepia(99%) saturate(3445%) hue-rotate(260deg) brightness(86%) contrast(126%);
  --hex_orange: invert(47%) sepia(82%) saturate(3136%) hue-rotate(348deg) brightness(96%) contrast(150%);
  --hex_yellow: invert(80%) sepia(23%) saturate(3665%) hue-rotate(352deg) brightness(103%) contrast(104%);
}


.ico {background-size:cover; background-repeat: no-repeat;}



/* src */
.ico_src_close_x{content: var(--ico_close_x);}
.ico_src_download_outline{content: var(--ico_download_outline);}
.ico_src_filter_outline{content: var(--ico_filter_outline);}
.ico_src_share_outline{content: var(--ico_share_outline);}
.ico_src_url_copy{content: var(--ico_url_copy);}
.ico_src_reset{content: var(--ico_reset);}
.ico_src_caret{content: var(--ico_caret);}