:root{
    --catalogTop:0vw;
}
.katalog__youtube-video-container{
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100%;
    z-index: 200;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background:rgba(0,0,0,0.7);
    overflow: hidden;
  }
  .hidden{
    display:none;
  }
  .youtube-video{
    width: 80vw;
    height: 45vw;
    position: relative;
    border: none;
  }
.catalog{
    background: linear-gradient(90deg, #2A4671 0%, #856EF2 56.25%, #2C5583 100%);
    background-size: cover;
    background-repeat: no-repeat;
    padding:3.125vw 6.25vw 9.125vw 6.25vw;
    color:white;
    top:var(--catalogTop);
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}
.catalog::after{
    z-index: -1;
    position: absolute;
    content:' ';
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:  url("../../../img/kindalbom/noise.png") repeat left top;
    opacity:0.2;
}
.catalogHeading{
    margin-bottom: 2vw;
}
.chooseAlbum{
    display: flex;
    justify-content: start;
    align-items: center;
}
.albumNameButton{
    border:1px solid white;
    border-radius: 2vw;
    padding:0.5vw 1vw;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-right: 1.04vw;
}
.albumNameButton:hover{
    color:#2d2d2d;
    background-color: #fff;
    transition:all 0.3s ease;
}
.albumButtonIcon{
    width: 1.25vw;
    height: 1.25vw;
    margin-right: 0.6vw;
}
.choosen{
    background-color: #fff;
    color:black;
}
.hidden{
    display: none !important;
}
.albumDescriptionContainer{
    margin-top: 4.1vw;
}
.albumDescription{
    display: flex;
    justify-content: start;
    align-items: start;
}
.leftSide{
    height: 44.2vw;
    width: 52vw;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
#small{
    background-image: url('../../../img/kindalbom/catalog/small.webp');
}
#extra{
    background-image: url('../../../img/kindalbom/catalog/extra.webp');
}
#max{
    background-image: url('../../../img/kindalbom/catalog/max.webp');
}
   
.rightSide{
    width: 31.25vw;
    margin-left: 4vw;
}
.videoReview{
    width: max-content;
    white-space: nowrap;
    background-color: #2d2d2d;
    padding:0.5vw 1.5vw;
    border-radius: 2vw;
    color: white;
    text-decoration: none;
    display: flex;
    justify-content: start;
    align-items: center;
    -webkit-text-stroke:10px solid black;
    text-stroke:10px solid black;
    transition:all 0.3s ease;
}
.videoReview:hover{
    background-color: #fff;
    color:#2d2d2d;

}
.videoReviewIcon{
    margin-right: 1vw;
}
.albumName{
    margin-top: 2vw;
}
.albumDescriptionList{
    margin-top: 1vw;
    list-style:none;
}
.albumDescriptionList li{
    margin-bottom: 1vw;
    opacity:0.8;
}
.albumPrice{
    margin-top: 2vw;
}