@charset "UTF-8";
/* CSS Document */
.guide-code-desc {
    padding-left: 0px;
    padding-top: 16px;
    margin-bottom: 16px;
}
.guide-code-desc code {
    border: 1px solid #C9C9C9;
    padding: .1em .3em;
    border-radius: 4px;
}
.guide-notes, .guide-preamble {
    padding-left: 0px;
}
.markdown-body h1 {
    margin: .0em;
}
.copy-btn {
    background-image: url('/assets/images/guides/copy-btn.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 5px;
    right: 20px;
    padding: 10px;
    height: 12px;
    border: none;
    cursor: pointer;
}
.copy-check-btn {
    background-image: url('/assets/images/guides/copy-check-btn.png');
}
.guide-row {
    margin-bottom: 1rem;
}
button:focus:not(:focus-visible) {
    outline: none;
}
button {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* MEDIA QUERIES */
/* Bootstrap 4 breakpoints */
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .guide-code-view {
        padding-left: 0px;
    }
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
/* Custom media queries */
/* Set width to make card deck cards 100% width */
@media (max-width: 950px) {}
@media (max-width: 767.98px) {
    .display-4 {
        font-size: 3rem;
    }
}
@media (prefers-color-scheme:dark) {
    body {
        color: gray;
        background: white;
    }
}