/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
:root {
  --global-transition: all 0.3s ease-out;
  --but-wdth: 50;
}

/* scroll lenis */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}

html {
  scrollbar-width: none;
  /* Para navegadores basados en Firefox */
  -ms-overflow-style: none;
  /* Para Internet Explorer y Edge */
  scroll-behavior: initial;
}

::selection {
  color: white;
  background: #0066ff;
}

body::-webkit-scrollbar {
  display: none !important;
  /* Para navegadores basados en WebKit (Chrome, Safari, etc.) */
}

.scrollbar {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10;
  mix-blend-mode: difference;
  /* padding: 24px 0; */
}

.scrollbar .inner {
  height: 100%;
  position: relative;
}

.theme-switcher {
  width: 10px;
  display: none;
}

.scrollbar .thumb {
  min-height: 50;
  width: 30px;
  background-color: #e9e9ea;
  position: absolute;
  right: 0px;
  border-radius: 10px;
  /* border: 1px solid black; */
  cursor: grab;
  margin-right: 7px;
}