[data-modal], [modal] {
  position: fixed;
  z-index: 100;
  width: 100vw;
  top: 0;
  height: 100%;
  left: 0;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
  justify-content: center;
}

:root {
  --sb-width:330px;
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #fd7e14;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --header-height:70px;
  --transition-in: cubic-bezier(0.390, 0.575, 0.565, 1.000) both running;
  --transition-out: cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.gold-text .wrapper {
  background: radial-gradient(#272727, #1b1b1b);
  display: grid;
  grid-template-areas: "overlap";
  place-content: center;
  text-transform: uppercase;
  height: 100%;
}
.gold-text .wrapper > p {
  background-clip: text;
  -webkit-background-clip: text;
  color: #363833;
  font-family: var(--font-sans);
  font-weight: 900;
  font-size: clamp(1.5em, 100vh, 5.5rem);
  grid-area: overlap;
  letter-spacing: 1px;
  -webkit-text-stroke: 4px transparent;
}
.gold-text p.bg {
  background-image: repeating-linear-gradient(105deg, #ffb338 0%, #3e2904 5%, #ffb338 12%);
  color: transparent;
  filter: drop-shadow(5px 15px 15px black);
  transform: scaleY(1.05);
  transform-origin: top;
  text-align: center;
}
.gold-text p.fg {
  background-image: repeating-linear-gradient(5deg, #ffb338 0%, #77571d 23%, #ffb338 31%);
  color: #1e2127;
  transform: scale(1);
  text-align: center;
}

.fade-in-top {
  animation: fade-in-top 0.3s var(--transition-in);
}

@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-out-top {
  animation: fade-out-top 0.3s var(--transition-out);
}

@keyframes fade-out-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
}
.fade-in-bottom {
  animation: fade-in-bottom 0.3s var(--transition-in);
}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1;
  }
}
.fade-out-bottom {
  animation: fade-out-bottom 0.3s var(--transition-out);
}

@keyframes fade-out-bottom {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
}
.shop-loader {
  color: #000;
  width: 4px;
  aspect-ratio: 1;
  border-radius: 50%;
  box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
  transform: translateX(-38px);
  animation: l21 0.5s infinite alternate linear;
}

@keyframes l21 {
  50% {
    box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px;
  }
  100% {
    box-shadow: 19px 0 0 0, 38px 0 0 3px, 57px 0 0 7px;
  }
}
textarea {
  resize: none !important;
}

img {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a {
  text-decoration: none !important;
}

.stars.filled {
  color: rgb(255, 215, 0);
}

.stock.green {
  color: var(--green);
}

.stock.red {
  color: var(--red);
}

.discount {
  color: #ddd;
  text-decoration: line-through;
}

.flash-box {
  padding: 7px;
}

.flash-content {
  justify-content: center;
  align-items: center;
}

.user_avatar_unlogged:not(img) {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #d1d1d6;
}

.customer-avatar-container.unlogged .user_avatar_unlogged {
  width: 35px !important;
  height: 35px !important;
}

.customer-avatar-container {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}
.customer-avatar-container .customer-avatar {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 50%;
}

label[required-field]::after {
  font-weight: 900;
  font-size: 15px;
}

*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-thumb {
  background-color: #e1dbe2;
}

*:hover::-webkit-scrollbar-thumb {
  background-color: #e1dbe2;
}

*::-webkit-scrollbar-thumb {
  background-color: transparent;
}

*::-webkit-scrollbar-track {
  box-shadow: inset 0 0 10px transparent;
  position: relative;
}

*::-webkit-scrollbar {
  height: 10px;
}

*::-webkit-scrollbar-thumb {
  background-color: #e1dbe2;
}

*:hover::-webkit-scrollbar-thumb {
  background-color: #e1dbe2;
}

*::-webkit-scrollbar-thumb {
  background-color: transparent;
}

*::-webkit-scrollbar-track {
  box-shadow: inset 0 0 10px transparent;
  position: relative;
}

/*# sourceMappingURL=app.css.map */