@font-face {
   font-family: "Inter";
   font-style: normal;
   font-weight: 400;
   src: url("../../fonts/inter/Inter-Regular.woff2?v=3.19") format("woff2"), url("../../fonts/inter/Inter-Regular.woff?v=3.19") format("woff");
}
@font-face {
   font-family: "Inter";
   font-style: normal;
   font-weight: 500;
   src: url("../../fonts/inter/Inter-Medium.woff2?v=3.19") format("woff2"), url("../../fonts/inter/Inter-Medium.woff?v=3.19") format("woff");
}
@font-face {
   font-family: "Inter";
   font-style: normal;
   font-weight: 600;
   src: url("../../fonts/inter/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("../../fonts/inter/Inter-SemiBold.woff?v=3.19") format("woff");
}
.notification-cookie {
   -webkit-transform: translateY(500%);
           transform: translateY(500%);
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
   max-width: 398px;
   width: 100%;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   padding: 10px 75px 10px 15px;
   background-color: #F6F6F6;
   z-index: 1000;
}
.notification-cookie:hover {
   cursor: pointer;
}
@media (max-width: 400px) {
   .notification-cookie {
      border-radius: 0;
   }
}
@media (max-width: 374px) {
   .notification-cookie {
      padding: 7px 75px 7px 15px;
   }
}
.notification-cookie[show=false] {
   display: none;
   opacity: 0;
   visibility: hidden;
}
.notification-cookie__desc {
   margin-bottom: 0;
   text-align: left;
   line-height: normal;
}
.notification-cookie__desc, .notification-cookie__link {
   font-family: "Inter";
   font-weight: 400;
   font-size: 12px;
   line-height: 14.52px;
   color: #838383;
}
.notification-cookie .notification-cookie__link {
   text-decoration: underline;
}
.notification-cookie .notification-cookie__link:hover {
   cursor: pointer;
}
.notification-cookie .notification-cookie__link:hover, .notification-cookie .notification-cookie__link:active {
   color: #a5a5a5;
}
.notification-cookie__btn-close {
   padding: 0;
   border: 0;
   background-color: inherit;
   border-radius: 50%;
   overflow: hidden;
   cursor: pointer;
   position: absolute;
   right: 25px;
   top: 50%;
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
   height: 29px;
   width: 29px;
}
.notification-cookie__btn-close-img {
   display: block;
   width: 100%;
}

.notification-show {
   -webkit-animation: slide-top 1s forwards;
           animation: slide-top 1s forwards;
}

.notification-hide {
   -webkit-animation: slide-bottom 1s forwards;
           animation: slide-bottom 1s forwards;
}

@-webkit-keyframes slide-top {
   0% {
      -webkit-transform: translateY(500%);
              transform: translateY(500%);
   }
   50% {
      -webkit-transform: translateY(300%);
              transform: translateY(300%);
   }
   to {
      -webkit-transform: translateY(0%);
              transform: translateY(0%);
   }
}

@keyframes slide-top {
   0% {
      -webkit-transform: translateY(500%);
              transform: translateY(500%);
   }
   50% {
      -webkit-transform: translateY(300%);
              transform: translateY(300%);
   }
   to {
      -webkit-transform: translateY(0%);
              transform: translateY(0%);
   }
}
@-webkit-keyframes slide-bottom {
   0% {
      -webkit-transform: translateY(0%);
              transform: translateY(0%);
   }
   to {
      -webkit-transform: translateY(500%);
              transform: translateY(500%);
   }
}
@keyframes slide-bottom {
   0% {
      -webkit-transform: translateY(0%);
              transform: translateY(0%);
   }
   to {
      -webkit-transform: translateY(500%);
              transform: translateY(500%);
   }
}
