/**
 * Copyright © Raphaël Castello, 2024
 * Web / contact :  www.sns.pm
 * Script name : browser.css
 * Version : 2.2.0
 */
/* not select text + box-sizing */
* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  box-sizing: border-box;
}
/* not select <img/> & <a/> */
a, img {
  user-drag: none;
  -webkit-user-drag: none;
}
/* enable user select on inputs */
input, textarea, code, code span {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}
/* text-wrap-style */
h1, h2, h3 {
  text-wrap-style: balance;
}
/* text-wrap-style small devices */
@media all and (max-width: 768px) {
  p, em, a, span, strong, div {
    text-wrap-style: pretty;
  }
}
/* color & background of text selected */
::selection {
  color: var(--white-dim);
  background-color: var(--dark-gray);
}
-webkit-::selection {
  color: var(--white-dim);
  background-color: var(--dark-gray);
}
/* not display HTML hiden attribute */
[hidden] {
  display: none;
}
/* autofill inputs */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px var(--white-dim) inset !important;
  -webkit-text-fill-color: var(--color-text) !important;
}
/* outline inputs focus */
input:focus, textarea:focus {
  outline: 1px solid var(--color-text);
}
/*  resets API & utility classes */
.fw300 {
  font-weight: 300;
}
.fw400 {
  font-weight: 400;
}
.fw500 {
  font-weight: 500;
}
.small {
  font-size: 1rem;
}
.inline-block {
  display: inline-block;
}
.underline {
  text-decoration: var(--text-decoration);
  text-decoration-thickness: var(--decoration-thickness);
  text-underline-offset: var(--decoration-offset);
}
.no_deco {
  text-decoration: none !important;
}
/* cursor as pointer */
.pointer {
  cursor: pointer;
}
.center {
  text-align: center !important;
}
.mrg0 {
  margin: 0 !important;
}
.no_wrap {
  white-space: nowrap !important;
}
.left {
  text-align: left !important;
}
.card {
  box-shadow: var(--card);
}
ul {
  margin: 0 auto;
  padding: 0;
}
li {
  list-style-type: none;
}
a:hover {
  text-decoration: none;
}
button {
  cursor: pointer;
}
/* SCROLL BAR */
/* Firefox */
::-webkit-scrollbar {
  /* auto / thin / none */
  scrollbar-width: auto;
  /* first thumb after track */
  scrollbar-color: #979181 #c2bba7;
}
/* Chrome, Edge and Safari */
/* width */
::-webkit-scrollbar {
  width: 10px;
}
/* thumb */
::-webkit-scrollbar-thumb {
  background: #979181;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #857f6f;
  cursor: pointer;
}
/* Track */
::-webkit-scrollbar-track {
  background: #c2bba7;
}
/* end SCROLL BAR */