@import url(./first.css?v10);
@import url(./fonts.css?v10);
@import url(./homeboard.css?v10);
@import url(./admin.css?v10);
@import url(./alllll.css?v10);
@import url(./extras.css?v10);

* {
    box-sizing: border-box;
    transition: 0.1s;
    font-family: 'Nunito', sans-serif;
}

:root {
    --padding-top: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px) + 20px);
    --padding-bottom: calc(var(--tg-safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px) + 20px);
    --padding-left: calc(var(--tg-safe-area-inset-left, 0px) + var(--tg-content-safe-area-inset-left, 0px) + 20px);
    --padding-right: calc(var(--tg-safe-area-inset-right, 0px) + var(--tg-content-safe-area-inset-right, 0px) + 20px);
}

.root {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom);
    display: flex;
    font-family: 'Nunito', 'Montserrat', sans-serif;
    color: white;
    background-color: black;
}
*:not(input):not(textarea) {
    -webkit-user-select: none;
    user-select: none;
}

@media screen and (min-width: 500px) {
    .root {
        width: 500px;
        left: calc(50% - 250px);
        padding-left: 20px;
        padding-right: 20px;
    }

    body {
        background: var(--color-background);

    }
}

.hidden {
    display: none !important;
}
.screen {
    background: black;
}



@keyframes back-top {

    0% {
        transform: translateX(0vw);
        z-index: 2;
    }
    100% {
        transform: translateX(100vw);
        z-index: 2;
    }

}
@keyframes back-bottom {
    0% {
        transform: scale(0.9);
        z-index: 1;
    }
    100% {
        transform: scale(1);
        z-index: 1;
    }
}



@keyframes nap-top {
    0% {
        transform: translateX(100vw);
        z-index: 2;
    }
    100% {
        transform: translateX(0vw);
        z-index: 2;
    }
}
@keyframes nap-bottom {
    0% {
        transform: scale(1);
        z-index: 1;
    }
    100% {
        transform: scale(0.9);
        z-index: 1;
    }
}






.glass-card {
  overflow: hidden; /* Чтобы шум не вылезал за скругления */

  border: 1px solid rgba(255, 255, 255, 0.2);
  border-right-color: rgba(255, 255, 255, 0.1); /* Тень на одном боку */
  border-bottom-color: rgba(255, 255, 255, 0.1);

  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
}

/* 4. Слой зернистости (Noise) */
.glass-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: -1; /* Шум под текстом, но над основным фоном */
  

  opacity: 0.05; /* Едва заметно, чтобы не рябило */
  pointer-events: none;
}

/* 5. Внутренний блик (Inner Glow) */
.glass-card::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-radius: inherit;
  z-index: -1;
  pointer-events: none;
}






.icon[iid='plus'] {
    mask-image: url(./../imgs/plus.png);
    mask-repeat: no-repeat;
    mask-size: 100%;
}