.main{
    overflow: initial !important;
}
.sample-code-item .platform-container span{
    color: #aaaaaa;
}
.sample-code-item .platform-container{
    margin-top: 0.2em;
}
.sample-code-item .platform-container span:not(:last-child)::after{
    content: "·";
    display: inline-block;
    margin-left: 0.4em;
    margin-right: 0.175em;
    color: #aaaaaa
}

#sample-code section.sample-code ul.sample-code-items li.sample-code-item .cs-title{
    line-height: 1 !important;
}

@media only screen and (max-width: 735px) {
    #sample-code section.sample-code ul.sample-code-items li.sample-code-item .cs-title{
        margin-top: 0.5em;
    }
}

#sample-code .link-sample-code{
	color: rgba(51, 51, 51, 0.6);
	pointer-events: none;
}

.sample-code h3{
    padding-bottom: 0.5em;
}

/* .sample-code-items li.sample-code-item:not(:last-child){
    border-bottom: 1px solid #d6d6d6;
} */

.sticky{
    background-color: rgba(242,242,242,0.9);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    font-size: 1.2rem;
    top: 52px;
    padding-top: 0.8em;
    padding-bottom: 0.75em;
}

inputp[type='text']{
    text-align: center;
}

.sample-icon img{
    -webkit-border-radius: 9px; 
    -moz-border-radius: 9px; 
    border-radius: 9px; 
    /* background-color: #FAFAFA; */
}

.sample-icon, .sample-description{
    padding-top: 3em;
    padding-bottom: 3em;
}

.sample-code-items .sample-code-item:not(:last-child) .sample-description{
    border-bottom: 1px solid #d2d2d2;
}

.font-bold{
    font-weight: 600;
}

@media only screen and (max-width: 735px){
    .sample-icon{
        padding-top: 2em;
        padding-bottom: 0em;
    }
    .sample-description{
        padding-top: 1em;
        padding-bottom: 2em;
    }
}