/* [project]/src/components/remont/remont.module.css [app-client] (css) */
.remont-module__liC_Eq__hero {
  isolation: isolate;
  background: radial-gradient(circle at 78% 35%, #c5a44e2e, transparent 55%),
    radial-gradient(circle at 10% 90%, #1a4a2e99, transparent 60%),
    var(--color-forest-950);
  position: relative;
  overflow: hidden;
}

.remont-module__liC_Eq__heroGrid {
  z-index: -1;
  background-image: linear-gradient(#e3d0a00f 1px, #0000 1px), linear-gradient(90deg, #e3d0a00f 1px, #0000 1px);
  background-size: 34px 34px;
  animation: 24s linear infinite remont-module__liC_Eq__gridDrift;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle at 70% 45%, #000, #0000 75%);
  mask-image: radial-gradient(circle at 70% 45%, #000, #0000 75%);
}

@keyframes remont-module__liC_Eq__gridDrift {
  to {
    background-position: 34px 34px;
  }
}

.remont-module__liC_Eq__draw {
  stroke-dasharray: 1;
  stroke-dashoffset: 1px;
  animation: 1.6s cubic-bezier(.65, 0, .35, 1) forwards remont-module__liC_Eq__draw;
}

@keyframes remont-module__liC_Eq__draw {
  to {
    stroke-dashoffset: 0;
  }
}

.remont-module__liC_Eq__paint {
  transform-box: fill-box;
  transform-origin: 0;
  animation: 2.4s cubic-bezier(.6, 0, .3, 1) 1.5s forwards remont-module__liC_Eq__paint;
  transform: scaleX(0);
}

@keyframes remont-module__liC_Eq__paint {
  to {
    transform: scaleX(1);
  }
}

.remont-module__liC_Eq__roller {
  opacity: 0;
  animation: 2.4s cubic-bezier(.6, 0, .3, 1) 1.5s forwards remont-module__liC_Eq__roller;
}

@keyframes remont-module__liC_Eq__roller {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  92% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateX(200px);
  }
}

.remont-module__liC_Eq__plank {
  opacity: 0;
  animation: .5s ease-out forwards remont-module__liC_Eq__plank;
  transform: translateY(6px);
}

@keyframes remont-module__liC_Eq__plank {
  to {
    opacity: 1;
    transform: none;
  }
}

.remont-module__liC_Eq__lamp {
  transform-origin: 50% 0;
  animation: 4.5s ease-in-out 3.6s infinite remont-module__liC_Eq__lampSwing;
}

.remont-module__liC_Eq__lampGlow {
  opacity: 0;
  animation: .8s ease-out 3.9s forwards remont-module__liC_Eq__glowOn;
}

@keyframes remont-module__liC_Eq__lampSwing {
  0%, 100% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(3deg);
  }
}

@keyframes remont-module__liC_Eq__glowOn {
  to {
    opacity: 1;
  }
}

.remont-module__liC_Eq__sparkle {
  opacity: 0;
  animation: 2.6s ease-in-out infinite remont-module__liC_Eq__sparkle;
}

@keyframes remont-module__liC_Eq__sparkle {
  0%, 100% {
    opacity: 0;
    transform: scale(.4);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}

.remont-module__liC_Eq__priceTag {
  opacity: 0;
  animation: .7s cubic-bezier(.2, 1.4, .4, 1) 4.2s forwards remont-module__liC_Eq__tagIn, 4s ease-in-out 5s infinite remont-module__liC_Eq__bob;
}

@keyframes remont-module__liC_Eq__tagIn {
  from {
    opacity: 0;
    transform: translateY(14px)scale(.85);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes remont-module__liC_Eq__bob {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

.remont-module__liC_Eq__rise {
  opacity: 0;
  animation: .7s cubic-bezier(.2, .8, .2, 1) forwards remont-module__liC_Eq__rise;
  transform: translateY(18px);
}

@keyframes remont-module__liC_Eq__rise {
  to {
    opacity: 1;
    transform: none;
  }
}

.remont-module__liC_Eq__tile {
  transition: transform .35s cubic-bezier(.2, 1.4, .4, 1), border-color .25s, background-color .25s, box-shadow .35s;
}

.remont-module__liC_Eq__tile:hover {
  transform: translateY(-2px);
}

.remont-module__liC_Eq__tile:active {
  transform: scale(.97);
}

.remont-module__liC_Eq__tileOn {
  animation: .45s cubic-bezier(.2, 1.4, .4, 1) remont-module__liC_Eq__pop;
  box-shadow: 0 0 0 1px #c5a44ea6, 0 10px 30px -12px #c5a44e73;
}

@keyframes remont-module__liC_Eq__pop {
  0% {
    transform: scale(.96);
  }

  60% {
    transform: scale(1.03);
  }

  100% {
    transform: scale(1);
  }
}

.remont-module__liC_Eq__check path {
  stroke-dasharray: 20;
  stroke-dashoffset: 20px;
  transition: stroke-dashoffset .35s ease-out 50ms;
}

.remont-module__liC_Eq__checkOn path {
  stroke-dashoffset: 0;
}

.remont-module__liC_Eq__iconWiggle {
  animation: .6s ease-in-out remont-module__liC_Eq__wiggle;
}

@keyframes remont-module__liC_Eq__wiggle {
  0%, 100% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(-10deg);
  }

  60% {
    transform: rotate(8deg);
  }
}

.remont-module__liC_Eq__ring {
  position: relative;
}

.remont-module__liC_Eq__ring:before {
  content: "";
  border-radius: inherit;
  background: conic-gradient(from var(--fh-angle, 0deg), transparent 0 40%, var(--color-gold-400) 50%, transparent 60% 100%);
  -webkit-mask-composite: xor;
  pointer-events: none;
  padding: 1.5px;
  animation: 3.2s linear infinite remont-module__liC_Eq__spin;
  position: absolute;
  inset: -1px;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

@property --fh-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@keyframes remont-module__liC_Eq__spin {
  to {
    --fh-angle: 360deg;
  }
}

.remont-module__liC_Eq__range {
  appearance: none;
  background: linear-gradient(90deg, var(--color-gold-500) var(--fill, 50%), #f5f1e81f var(--fill, 50%));
  border-radius: 999px;
  outline: none;
  width: 100%;
  height: 6px;
}

.remont-module__liC_Eq__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: var(--color-cream);
  border: 5px solid var(--color-gold-500);
  cursor: grab;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 0 0 0 6px #c5a44e2e;
}

.remont-module__liC_Eq__range::-webkit-slider-thumb:active {
  cursor: grabbing;
  transform: scale(1.15);
  box-shadow: 0 0 0 10px #c5a44e38;
}

.remont-module__liC_Eq__range::-moz-range-thumb {
  background: var(--color-cream);
  border: 5px solid var(--color-gold-500);
  cursor: grab;
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

.remont-module__liC_Eq__flash {
  animation: .7s ease-out remont-module__liC_Eq__flash;
}

@keyframes remont-module__liC_Eq__flash {
  0% {
    text-shadow: 0 0 #d4b86a00;
  }

  30% {
    text-shadow: 0 0 24px #d4b86a8c;
  }

  100% {
    text-shadow: 0 0 #d4b86a00;
  }
}

.remont-module__liC_Eq__segment {
  transition: width .7s cubic-bezier(.2, .8, .2, 1);
}

.remont-module__liC_Eq__row {
  animation: .45s cubic-bezier(.2, .8, .2, 1) both remont-module__liC_Eq__rowIn;
}

@keyframes remont-module__liC_Eq__rowIn {
  from {
    opacity: 0;
    transform: translateX(10px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.remont-module__liC_Eq__shine {
  position: relative;
  overflow: hidden;
}

.remont-module__liC_Eq__shine:after {
  content: "";
  background: linear-gradient(110deg, #0000 30%, #ffffff38 50%, #0000 70%);
  animation: 3.8s ease-in-out 1.2s infinite remont-module__liC_Eq__shine;
  position: absolute;
  inset: 0;
  transform: translateX(-120%);
}

@keyframes remont-module__liC_Eq__shine {
  0%, 70% {
    transform: translateX(-120%);
  }

  100% {
    transform: translateX(120%);
  }
}

.remont-module__liC_Eq__dock {
  animation: .5s cubic-bezier(.2, .8, .2, 1) .6s backwards remont-module__liC_Eq__dockIn;
}

@keyframes remont-module__liC_Eq__dockIn {
  from {
    transform: translateY(110%);
  }

  to {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .remont-module__liC_Eq__draw, .remont-module__liC_Eq__paint, .remont-module__liC_Eq__roller, .remont-module__liC_Eq__plank, .remont-module__liC_Eq__lampGlow, .remont-module__liC_Eq__priceTag, .remont-module__liC_Eq__rise, .remont-module__liC_Eq__dock, .remont-module__liC_Eq__row {
    opacity: 1 !important;
    stroke-dashoffset: 0 !important;
    animation: none !important;
    transform: none !important;
  }

  .remont-module__liC_Eq__roller {
    opacity: 0 !important;
  }

  .remont-module__liC_Eq__heroGrid, .remont-module__liC_Eq__lamp, .remont-module__liC_Eq__sparkle, .remont-module__liC_Eq__ring:before, .remont-module__liC_Eq__shine:after, .remont-module__liC_Eq__tileOn, .remont-module__liC_Eq__iconWiggle, .remont-module__liC_Eq__flash {
    animation: none !important;
  }
}