@charset "Windows-1251";
@import url("//forumstatic.ru/files/001c/56/64/48043.css"); /* modern normalize*/
@import url('//forumstatic.ru/files/001c/56/64/56573.css'); /*f-rr*/
@import url('//forumstatic.ru/files/001c/56/64/25153.css'); /*fi-ss*/
@import url('https://fonts.googleapis.com/css2?family=Alegreya+SC:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Alegreya+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Alegreya:ital,wght@0,400..900;1,400..900&family=Protest+Revolution&family=Amarante&family=Kurale&family=Manrope:wght@200..800&display=swap');

@import url(style_cs.1772606191.css);
/*@import url("https://https-und-home-merethlot-dot-scrile-und-8090-und-skeeping.devproxy.scrile.com/templates/skeeping/english/styles/fstyles/exe-test2.css");*/

@font-face {
  font-family: "BKR Racacosta";
  src: url("https://forumstatic.ru/files/001c/56/64/86580.ttf?v=1") format("truetype");
}

/*@font-face {*/
/*  font-family: "Trovical Calm";*/
/*  src: url("https://forumstatic.ru/files/001c/56/64/56443.otf") format("opentype");*/
/*}*/

@font-face {
  font-family: "Recolors";
  src: url("https://forumstatic.ru/files/001c/56/64/90432.otf") format("opentype");
}


/*@font-face {*/
/*  font-family: "wadik"; */
/*  src: url(//forumstatic.ru/files/001c/69/74/56837.otf) format("opentype");*/
/*  font-style: normal; */
/*  font-weight: normal; */
/*  font-display: swap;*/
/*}*/



.isadmin .custom_tag_eventimg  {
  display: inline-block;
}

#frostOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    background: 
        radial-gradient(
            circle at var(--mouse-x, 50%) var(--mouse-y, 50%), 
            transparent 60px, 
            rgba(255, 255, 255, 0.15) 120px
        ),
        url("https://forumstatic.ru/files/001c/56/64/33652.webp");
    backdrop-filter: blur(2px);
}

#frostOverlay.active {
    pointer-events: auto;
}

.wiping {
    transition: none !important;
}

#pun .sticker img {
    max-width: 100px;
}

#pun  .sticker[data-sticker='emoji'] img {
    width: 20px;
    aspect-ratio: 1;

}
#pun  .sticker[data-sticker='custom'] img {
    max-width: 100px;
}

#pun  .sticker[data-sticker='static'] img {
    max-width: 60px;
}

.modal-content.login-notification-content {
  min-height: 190px;
  display: grid;
}  

.login-notification-image {
  background-repeat: no-repeat;
  background-size: 180px;
  background-position: right bottom;
  height: 180px;
  width: auto;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.3;
  pointer-events: none;
  img {
    height: 100%;
    width: auto;
  }
}

.modal-content.login-notification-content .modal-body {
  display: grid;
}

.login-notification-text,
.login-notification-button {
  text-align: center;
}

.login-notification-text {
  margin: 1rem .5rem;
}

.login-notification-button {
  align-self: flex-end;
}

#gnome-repeat {
  position: fixed;
  z-index: 20;
  transition: all 1.2s ease;
  pointer-events: none;
}

#gnome-repeat img {
  display: block;
  max-height: 160px;
  max-width: 160px;
}

#gnome-repeat .gnome-bubble {
  position: absolute;
  background: var(--category-bg-color);
  padding: 8px 12px;
  border-radius: var(--border-radius);
  box-shadow: 0 5px 15px rgba(0,0,0,.2);
  font-size: 13px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity .6s ease .8s;
}

/* --- Снизу --- */
#gnome-repeat.bottom {
  left: 55%;
  transform: translateX(-50%) translateY(100%);
  bottom: 0;
}
#gnome-repeat.bottom.show {
  transform: translateX(-50%) translateY(calc(100% - var(--gnome-offset)));
}
#gnome-repeat.bottom .gnome-bubble {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
#gnome-repeat.bottom.show .gnome-bubble {
  opacity: 1;
}

/* --- Слева --- */
#gnome-repeat.left {
  top: 45%;
  left: 0;
  transform: translateX(-100%) translateY(-50%);
}

#gnome-repeat.left img {
  transform: rotate(90deg);
}

#gnome-repeat.left.show {
  transform: translateX(calc(-100% + var(--gnome-offset))) translateY(-50%);
}

#gnome-repeat.left .gnome-bubble {
  left: 50%;
  top: 0;
}

#gnome-repeat.left.show .gnome-bubble {
  opacity: 1;
}

/* --- Справа --- */
#gnome-repeat.right {
  top: 55%;
  right: 0;
  transform: translateX(100%) translateY(-50%);
}

#gnome-repeat.right img {
  transform: rotate(-90deg);
}

#gnome-repeat.right.show {
  transform: translateX(calc(100% - var(--gnome-offset))) translateY(-50%);
}
#gnome-repeat.right .gnome-bubble {
/*  right: 100%;
  top: 50%;
  transform: translateY(-50%);*/
}
#gnome-repeat.right.show .gnome-bubble {
  opacity: 1;
}