@charset "UTF-8";

.md-typeset code {
    word-break:normal;
}
/*
.md-typeset .magiclink:before{position:relative;padding-right:.25rem;font-family:FontAwesome;-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial;font-weight:400}.md-typeset .magiclink-repository.magiclink-github:before{content:""}.md-typeset .magiclink-repository.magiclink-gitlab:before{content:""}.md-typeset .magiclink-repository.magiclink-bitbucket:before{content:""}.md-typeset {}
*/ 

.md-typeset .md-button {
    color: hsla(231, 48%, 48%, 1);
}

img[src*='#w40'] {
    width: 40px;
}
img[src*='#w24'] {
    width: 24px;
}
img[src*='#w100'] {
    width: 100px;
}
img[src*='#w200'] {
    width: 200px;
}

/* HPP Sample */
.hpp_container {
    margin-left: auto;
    margin-right: auto;
    width: 375px;
    box-shadow: 0 8px 20px 4px rgba(128, 128, 128, 0.56);
    display:flex;
    justify-content: center;
    border-radius: 10px;        
    overflow: hidden;
}

.hpp_container iframe {
    border-radius: 10px;        
}

.custom-demo-button a {
    display: inline-block;
    background-color: #FFD400;
    color: #000;
    font-weight: 600;
    font-size: 11px;
    padding: 0.4rem 1.5rem;
    border-radius: 6px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    margin-left: 1rem;
}

.custom-demo-button a:hover {
    background-color: #FFC800;
}

/* Hide on mobile */
@media screen and (max-width: 960px) {
    .custom-demo-button {
        display: none;
    }
}