@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@keyframes borderExpand {
  0% {
    border-width: 0; }
  50% {
    border-width: 10px;
    /* Pośredni efekt dla środkowego borderu */ }
  100% {
    border-width: 3px;
    /* Maksymalna szerokość dla zewnętrznego borderu */ } }
#module-group-342 {
  margin-top: -200px;
  padding-bottom: 80px; }

.flame {
  width: 15em;
  height: 12em;
  font-size: 1.2vh;
  position: relative; }
  .flame span {
    position: absolute;
    width: 5em;
    height: 5em;
    background: radial-gradient(#ff2300 20%, rgba(255, 69, 0, 0) 70%);
    border-radius: 50%;
    bottom: 0;
    left: calc((var(--n) - 1) * 10em / var(--particles));
    mix-blend-mode: screen;
    animation: rise 1s ease-in infinite;
    animation-delay: calc(var(--rnd) * 1s); }

@keyframes rise {
  from {
    transform: translateY(0) scale(1);
    filter: opacity(0); }
  25% {
    filter: opacity(1); }
  to {
    transform: translateY(-10em) scale(0);
    filter: opacity(0); } }
.pot-smoke {
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  cursor: pointer;
  border: none;
  background-color: transparent; }
  .pot-smoke:hover, .pot-smoke:focus {
    outline: none !important; }
    .pot-smoke:hover img, .pot-smoke:focus img {
      filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.7)) drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.5)); }
  .pot-smoke .flame-wrapper {
    position: absolute;
    bottom: 0;
    display: block; }
    .pot-smoke .flame-wrapper img {
      width: 20vh;
      filter: drop-shadow(0px 0px 3px #660a00cc) drop-shadow(0px 0px 6px #660a0088); }
  .pot-smoke .flame {
    filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.7)); }
  .pot-smoke img {
    width: 42vh; }

@media (max-width: 575.5px) {
  #module-group-342 {
    margin-top: 0px;
    padding-bottom: 120px; }

  .pot-smoke .flame-wrapper img {
    width: 100px; }
  .pot-smoke img {
    width: 200px; }

  .flame {
    font-size: 7px; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  #module-group-342 {
    padding-bottom: 60px; }

  .pot-smoke .flame-wrapper img {
    max-width: 80px; }
  .pot-smoke img {
    max-width: 150px; }

  .flame {
    font-size: calc(0.1vh + 5px); } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .pot-smoke img {
    max-width: 350px; } }
@media (min-width: 992px) and (max-width: 1199.5px) {
  .pot-smoke img {
    max-width: 400px; } }
@media (min-width: 1200px) and (max-width: 1579.5px) {
  .pot-smoke img {
    max-width: 450px; } }

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