:root {
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
}

*, ::after, ::before {
    box-sizing: border-box;
}

img, svg {
    vertical-align: middle;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

/* pinta as barras de rolagem no desktop */

* {
  scrollbar-width: thin;
  scrollbar-color: var(--theme-color-1);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--theme-color-1);
  border-radius: 20px;
}

/* Opera */
@media all and (min-width: 0px) { 

	* { 
		scrollbar-width: auto !important;
	} 

}

svg:not(:root) {
    overflow: visible;
}

.no-scrollbar {
	-ms-overflow-style: none;
    scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
	display: none;
}

html body {
  	-webkit-user-select: none; /* Safari */
  	-ms-user-select: none; /* IE 10 and IE 11 */
  	user-select: none; /* Standard syntax */
  	-khtml-user-select: none;
  	-moz-user-select: none;
  	-o-user-select: none;
  	overflow-x: hidden;
  	overflow-y: hidden;
}

body {
	margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;	
}

#page-wrapper {
	display: none;
}	

.hidden {
	display: none !important;
}