:root {
    --doc-height: 100vh;
    --hig-fix-1: 0px;
}

body{
    overflow: hidden;
}

.ripple{
    position: relative;
    overflow: hidden;
}

.over-hidden{
    overflow: hidden;
}

.ripple > ripple{
    --scale: 100;
    position: absolute;
    width: 2px;
    height: 2px;
    animation-name: ripple;
    animation-duration: 0.8s;
    opacity: 0;
    border-radius: 50%;
    pointer-events: none;
    background-color: var(--bs-emphasis-color);
}

@keyframes ripple {
    0% {
        opacity: .2;
        transform: scale(0);
    }
    100% {
        opacity: 0;
        transform: scale(var(--scale));
    }
}

.stepper-h {
    display: flex;
    align-items: center;
    overflow-x: auto;
}
.stepper-h .stepper-item{
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    min-width: max-content;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
@media (min-width: 768px){
    .stepper-h .stepper-item{
        padding: 0.5rem 1rem;
    }
}
.stepper-h .stepper-item > *{
    pointer-events: none;
}
.stepper-h .stepper-item > label{
    --size: 1.6rem;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.8rem;
    font-size: 0.8rem;
    line-height: 0.8rem;
    background-color: rgb(var(--bs-tertiary-bg-rgb));
    border: 1px var(--bs-border-color) solid;
}
.stepper-h .stepper-item > label:has(+ span:empty){
    margin-right: 0;
}
/*.stepper-h .stepper-item.active{
     background-color: rgba(var(--bs-emphasis-color-rgb), 0.03); 
}*/
.stepper-h .stepper-item.active > label{
    background-color: #2196f3;
    color: #fff;
}
.stepper-h .stepper-item:not(.stepper-nohover){
    cursor: pointer;
}
.stepper-h .stepper-item:not(.stepper-nohover):hover{
    background-color: rgba(var(--bs-emphasis-color-rgb), 0.07);
}
.stepper-h .stepper-line{
    border-top: 1px solid var(--bs-border-color);
    flex: auto;
    height: 0;
    margin: 0 -0.4rem;
    min-width: 1.2rem;
}

.stepper-h.stepper-keep .stepper-item:has(~ .active) > label{
    background-color: #2196f3;
    color: #fff;
}
.stepper-h.stepper-keep .stepper-line:has(~ .active){
    border-top: 1px solid #2196f3;
}

.skipBtn{
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
}

.boxGrid{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1rem;
}

.p-relative{
    position: relative;
}
.fs_0-8rem{
    font-size: 0.8rem !important;
}

.r_7hvl89{
    padding-bottom: 40px;
    min-height: calc(var(--hig) - 58px);
}
.r_qtcpfy{
    margin-top: 66px;
    --hig: calc(var(--doc-height) - 65px);
    height: calc(var(--hig) - 1px);
    overflow-y: auto;
}
.r_bsr021.c_blue{--ftc: rgb(13 110 253 / 1); --bgc: rgb(13 110 253 / .1);}
.r_bsr021.c_yellow{--ftc: rgb(164 97 0 / 1); --bgc: rgb(255 193 7 / .1);}
.r_bsr021.c_red{--ftc: rgb(220 53 69 / 1); --bgc: rgb(220 53 69 / .1);}
html[data-bs-theme=dark] .r_bsr021.c_blue{--ftc: rgb(134 197 249 / 1);}
html[data-bs-theme=dark] .r_bsr021.c_yellow{--ftc: rgb(255 193 7 / 1);}
html[data-bs-theme=dark] .r_bsr021.c_red{--ftc: rgb(255 72 72 / 1);}
.r_b4tx2e{
    position: absolute;
    width: 100%;
    height: calc(var(--hig-fix-1) - 2px);
    margin: 66px 0 0;
}
.r_bsr021{
    --size: .9rem;
    height: calc(2.5rem - 4px);
    min-width: calc(100% - 2px);
    padding: 0 1rem;
    font-size: var(--size);
    border: 1px solid var(--ftc);
    background-color: var(--bgc);
    color: var(--ftc);
    display: none;
    margin: 1px;
    margin-bottom: 4px;
}
.r_bsr021 > div{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.r_bsr021 > div > div{
    display: flex;
    align-items: center;
}
.r_bsr021 > div > div > i{
    margin-right: .8rem;
}
.r_bsr021 > div > div > .btn-close{
    width: var(--size);
    height: var(--size);
    margin-left: 1rem;
}
.r_z2yflc{
    --hig-fix-1: 2.5rem;
}
.r_9u6rto{
    padding: calc(64px + var(--hig-fix-1)) 0 0 0; 
    min-height: calc(var(--doc-height) - 0px - var(--hig-fix-1));
}
.r_6n0qy0{
    --hig:calc(var(--doc-height) - 65px - var(--hig-fix-1));
    position:relative;
    height:var(--hig);
}
.r_iodn55{
    height:var(--hig);
    overflow-y:auto;
}
.r_0elzzl{
    min-height:calc(100% - 80px);
}
.r_19h4tm{
    font-size: 0.9rem;
}
.r_5tzsor{
    height:calc(var(--hig) - 1px);
    overflow-y:scroll;
}
.zoom-0_8{
    zoom:0.8;
}
.r_ockqe5{
    line-height:1em !important;
}
.r_bveokc{
    height:1em;
}
.r_9sxend{
    height:calc(100vh - 177px);
}

.emoji, .emoji *{
    font-family: 'Noto Color Emoji', sans-serif;
}

.bg-body-tertiary{
    --s: 0.3s;
    transition-property: background-color;
    transition-duration: var(--s);
    -moz-transition-property: background-color;
    -moz-transition-duration: var(--s);
    -webkit-transition-property: background-color;
    -webkit-transition-duration: var(--s);
    -o-transition-property: background-color;
    -o-transition-duration: var(--s);
}
.padding-tertiary{
    --s: 0.5s;
    transition-property: padding;
    transition-duration: var(--s);
    -moz-transition-property: padding;
    -moz-transition-duration: var(--s);
    -webkit-transition-property: padding;
    -webkit-transition-duration: var(--s);
    -o-transition-property: padding;
    -o-transition-duration: var(--s);
}
#mainBox{
    background-color: var(--bs-body-bg);
    --s: 0.2s;
    transition-property: background-color;
    transition-duration: var(--s);
    -moz-transition-property: background-color;
    -moz-transition-duration: var(--s);
    -webkit-transition-property: background-color;
    -webkit-transition-duration: var(--s);
    -o-transition-property: background-color;
    -o-transition-duration: var(--s);
}

.api-color pre > code {
    --bs-primary-rgb: 86,156,214;
    --bs-info-rgb: 156,220,254;
    --bs-success-rgb: 181,206,168;
    --bs-danger-rgb: 228,160,133;
}