/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, select{
  border: 0;
  margin: 0;
  padding: 0;
  font: inherit;
  font-size: 1em;
  vertical-align: baseline;
  display: block;
  text-decoration: none;
  outline: none;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body{
  font-size: 1em;
  min-width: 100%;
  min-height: 100%;
  min-width: 280px;
  font-weight: 300;
  background: #f1f2f3;
  font-family: 'Inter', sans-serif;
}
body::-webkit-scrollbar {
  display: none;
}
body{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
html, body{
  height: 100%;
  scroll-behavior: smooth;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
hr{
  background: none;
  border: 1px #f1f2f3 solid;
}
img{
  width: 100%;
  height: auto;
}
strong,b{
  display: inline;
  /* font-weight: 600; */
}
s{
  color: #ff9c00;
  display: inline-block;
}
input, textarea , select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid var(--color_light);
  -webkit-text-fill-color: var(--bg4);
  -webkit-box-shadow: 0 0 0px 1000px var(--color_light) inset;
  transition: background-color 5000s ease-in-out 0s;
}
select{
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 100%;
}
select option{
  background-color: var(--bg1);
}
select option:checked{
  background-color: var(--bg2);
}
span{
  display: inline;
}
/* ios only */
@media not all and (min-resolution:.001dpcm) {
   @supports (-webkit-appearance:none) {
     input[type="date"]:before {
       /* content: attr(placeholder) !important; */
     }
     .popup{
       backdrop-filter: saturate(180%) blur(20px);
       -webkit-backdrop-filter: saturate(180%) blur(20px);
     }
   }
}
input[type="date"]:before {
  /* content: attr(placeholder) !important; */
  color: #aaaaaa;
}
input[type="date"]:focus:before,
input[type="date"]:valid:before {
	content: "";
}
:focus-visible{
  outline: none;
}
:root{
  --bg1: #f1f2f3;
  --bg2: #ffffff;
  --bg3: #e0e3e4;
  --bg4: #000000;
  --bg5: #c7cdcf;
  --color: #003b94;
  --color_text: #003b94;
  --color_dark: #193764;
  --gradient: linear-gradient(135deg,#193764 0%,#a900ff 100%);
  --gradient_dark: linear-gradient(135deg,#122b51 0%,#9800e3 100%);
  --color_blue: #a900ff;
  --color_blue_dark: #9e00ed;
  --color_blue_light: #f4deff;
  --gradient_blue: linear-gradient(135deg, #a900ff 0%, #ee00ff 100%);
  --gradient_blue_dark: linear-gradient(135deg,#9900e6 0%, #de00ee 100%);
  
  --color_light: #f9e0ff;
  --color_blue_dlight: #d1e0ff;

  
  --color_purple: #eb85ff;
  --color_purple_dark: #db70ff;
  --color_purple_light: #fae0ff;
  --color_purple_dlight: #f7d1ff;
  --color_cyan: #42ebeb;
  --color_cyan_dark: #2fe9e9;
  --color_cyan_light: #ccffff;
  --color_cyan_dlight: #b3ffff;
  --color_green: #5de975;
  --color_green_dark: #4be765;
  --color_green_light: #d6ffdd;
  --color_green_dlight: #c7ffd1;
  --color_orange: #ff9b61;
  --color_orange_dark: #ff824d;
  --color_orange_light: #ffece0;
  --color_orange_dlight: #ffe2d1;
  --color_red: #e10909;
  --color_red_dark: #cd0d0d;
  --color_red_light: #ffdfdf;
  --color_red_dlight: #ffd1d1;
  --gradient_red: linear-gradient(135deg, #e10909 0%, #b3081b 100%);
  --gradient_red_dark: linear-gradient(135deg,#d10909 0%, #a4091b 100%);
}
@media (prefers-color-scheme:dark){
  .icon, .btn_close img{
    filter: invert(1) brightness(10);
  }
  :root{
    --bg1: #000000;
    --bg2: #191919;
    --bg3: #2c2c2c;
    --bg4: #ffffff;
    --bg5: #6b6b6b;
    --color_light: #5b4b6b;
    /* --color: #ffaa00;
    --color_alt: #ffbf00; 
    --color_dark: #ef8400;
    --color_text: #ffb300;
    --gradient: linear-gradient(135deg,#ff8d00 0%,#ef4d00 100%);
    --gradient_dark: linear-gradient(135deg,#ffaa00 0%,#ff5e00 100%);
    
    --color_red: hsl(345deg 85% 46%);
    --color_red_dark: hsl(345deg 100% 58%);
    --color_red_light: hsl(345deg 100% 11%);
    --color_red_dlight: hsl(345deg 100% 13%);
    --color_purple: hsl(290 100% 46%);
    --color_purple_dark: hsl(285deg 100% 58%);
    --color_purple_light: hsl(290deg 100% 11%);
    --color_purple_dlight: hsl(290deg 100% 13%);
    --color_blue: hsl(220deg 85% 46%);
    --color_blue_dark: hsl(215deg 85% 58%);
    --color_blue_light: hsl(220deg 100% 11%);
    --color_blue_dlight: hsl(220deg 100% 13%);
    --color_cyan: hsl(180deg 70% 42%);
    --color_cyan_dark: hsl(180deg 75% 52%);
    --color_cyan_light: hsl(180 100% 11%);
    --color_cyan_dlight: hsl(180deg 100% 13%);
    --color_green: hsl(130deg 60% 42%);
    --color_green_dark: hsl(130deg 65% 52%);
    --color_green_light: hsl(130deg 100% 11%);
    --color_green_dlight: hsl(130deg 100% 13%);
    --color_orange: hsl(22deg 100% 46%);
    --color_orange_dark: hsl(18deg 100% 58%);
    --color_orange_light: hsl(22deg 100% 11%);
    --color_orange_dlight: hsl(22deg 100% 13%);
    --gradient_red: linear-gradient(135deg,#ff3463 0%,#960023 100%);
    --gradient_red_dark: linear-gradient(135deg,#ff2859 0%,#ca002e 100%); */
  }
  body{
    color: #ffffff;
    background-color: var(--bg1);
  }
  select{
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  }  
}
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

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