.image-container img.image-src {width: 100%;
    height: auto;
    margin-top:15px;
    max-width: 100%;
    max-height: inherit;}
	
#translate,#translateSelectLanguage{
	cursor:pointer
}
.VPSidebar.hideleft{
	display: none !important;
}

#VPContent.hideleft{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.vp-doc img{
box-shadow:0 0 12px 2px rgba(0,0,0,0.16);
}

.VPNavBar.has-sidebar .container > .title{
	overflow:hidden;
	padding:0 10px;
}

.VPHero.VPHomeHero p.tagline {
	line-height: 36px;
	font-size: 18px;
}
.VPHero.VPHomeHero{padding-left:0;padding-right:0}
.VPHomeHero .container{max-width:100%}
[onclick]{
	cursor:pointer;
}

.videowrap{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.videowrap video{
	width:49.5%;
}

@media (max-width: 960px) {
	.videowrap video{
		width:100%;
	}
	
}
@media (min-width: 960px) {
    .VPHero.VPHomeHero p.tagline {
        line-height: 36px;
        font-size: 18px;
    }
}

h1.name+p.text{
	    color: hsl(215deg 100% 50% / 80%);
}

@media (min-width: 640px) {
   .VPHero.VPHomeHero .tagline {
        padding-top: 12px;
        max-width: 576px;
        line-height: 32px;
        font-size: 14px;
    }
}

.VPLink.VPFeature .details{
	word-break: break-all;
}


:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe, #41d1ff);

}

.vp-doc [class*=language-] pre.shiki, .vp-doc .line-numbers-wrapper,.vp-doc [class*=language-] code{
background:#000000;
color:#fff
}


.VPHero .container .main{justify-content: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
	}
.VPHero .container .main .heading{
		align-items: center;
		
	}
.VPHero .container .main .heading .name, .VPHero .container .main .tagline{
max-width:100%;

}

h1.heading .text{color:#715ffa}




.VPNavBarMenu .link.VPNavBarMenuLink::after, .actions .VPButton::after{display:none !important}