/* shape.css */
ul{padding-left:1.5em;list-style-type:disc;margin-bottom: 1em}
ol{padding-left:1.5em;list-style-type:decimal;margin-bottom: 1em}

.help::after,.helpB:after,.helpL:after,.helpR:after,a.btn:hover{box-shadow:0 3px 8px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.08)}
.pgno>:not(.off),.pop .x{cursor:pointer}
.btn{padding:.5rem .75rem;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer}
.btn:hover{box-shadow:0 3px 8px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.08)}
a.btn{text-decoration:none;display:inline-block;border:none}
.box,.rc,.tab,.tabB,.tabL,.tabR{padding:.375rem .75rem}
img.box{padding:2px}
img.rc{padding:0}
.box>:last-child,.btn>:last-child,.rc>:last-child,.tab>:last-child,.tabB>:last-child,.tabL>:last-child,.tabR>:last-child{margin-bottom:0}
.badge{padding:.1rem .3rem;font-size:.8rem}
.box,.btn,.disc,.rc,.tab,.tabB,.tabL,.tabR{border:1px solid rgba(0,0,0,.1)}
.box.bg-dark,.btn.bg-dark,.disc.bg-dark,.rc.bg-dark,.tab.bg-dark,.tabB.bg-dark,.tabL.bg-dark,.tabR.bg-dark{border:1px solid rgba(0,0,0,.2)}
.badge,.btn,.rc{border-radius:.25rem}
.disc{border-radius:50%}
.tab{border-radius:.25rem .25rem 0 0}
.tabR{border-radius:0 .25rem .25rem 0}
.tabB{border-radius:0 0 .25rem .25rem}
.tabL{border-radius:.25rem 0 0 .25rem}
ul.box,ul.btn,ul.rc,ul.tab,ul.tabB,ul.tabL,ul.tabR{list-style:none;padding:0;border-bottom:0}
ul.box li,ul.btn li,ul.rc li,ul.tab li,ul.tabB li,ul.tabL li,ul.tabR li{border-top:solid 1px rgba(255,255,255,.2);border-bottom:solid 1px rgba(0,0,0,.08);padding:.375rem .75rem}
ul.box.bg-dark li,ul.btn.bg-dark li,ul.rc.bg-dark li,ul.tab.bg-dark li,ul.tabB.bg-dark li,ul.tabL.bg-dark li,ul.tabR.bg-dark li{border-bottom:solid 1px rgba(0,0,0,.8)}
ul.btn>li:first-child,ul.rc>li:first-child,ul.tab>li:first-child{border-radius:.25rem .25rem 0 0}
ul.tabR>li:first-child{border-radius:0 .25rem 0 0}
ul.tabL>li:first-child{border-radius:.25rem 0 0}
ul.btn>li:last-child,ul.rc>li:last-child{border-radius:0 0 .25rem .25rem}
ul.tabR>li:last-child{border-radius:0 0 .25rem}
ul.tabB>li:last-child{border-radius:0 0 .25rem .25rem}
ul.tabL>li:last-child{border-radius:0 0 0 .25rem}
ol.box,ol.btn,ol.rc,ol.tab,ol.tabB,ol.tabL,ol.tabR{list-style:none;padding:0;border-right:0;display:inline-flex;flex-direction:row}
ol.box.bg-dark li,ol.btn.bg-dark li,ol.rc.bg-dark li,ol.tab.bg-dark li,ol.tabB.bg-dark li,ol.tabL.bg-dark li,ol.tabR.bg-dark li{border-right:solid 1px rgba(0,0,0,.8)}
ol.box li,ol.btn li,ol.rc li,ol.tab li,ol.tabB li,ol.tabL li,ol.tabR li{border-left:solid 1px rgba(255,255,255,.2);border-right:solid 1px rgba(0,0,0,.08);padding:.375rem .75rem;margin-bottom:0}
ol.box li:last-child,ol.btn li:last-child,ol.rc li:last-child,ol.tab li:last-child,ol.tabB li:last-child,ol.tabL li:last-child,ol.tabR li:last-child{flex:1}
ol.btn li:first-child,ol.rc li:first-child,ol.tabL li:first-child{border-radius:.25rem 0 0 .25rem}
ol.tab li:first-child{border-radius:.25rem 0 0}
ol.tabB li:first-child{border-radius:0 0 0 .25rem}
ol.btn li:last-child,ol.rc li:last-child,ol.tabR li:last-child{border-radius:0 .25rem .25rem 0}
ol.tab li:last-child{border-radius:0 .25rem 0 0}
ol.tabB li:last-child{border-radius:0 0 .25rem}
ol.code li{border-bottom:0;border-top:0}
.rc-0{border-radius:0}
table.table{border-collapse:collapse;width:100%}
table.table tr{border-bottom:solid 1px rgba(0,0,0,.1)}
table.table tr:hover{background-color:#eec}
table.table td,table.table th{vertical-align:top;padding:10px}
table.span td,table.span th{padding:.375rem .75rem}
table.span{padding:0}
table.table.strip tr:nth-child(odd):not(:first-child){background-color:#f5f5f5}
.help,.helpB,.helpL,.helpR{border-bottom:dashed 1px rgba(0,0,0,.4);display:inline-block;position:relative}
.help:before,.helpB:before,.helpL:before,.helpR:before{content:"";border-color:rgba(0,0,0,.8) transparent transparent;border-style:solid;border-width:4px 6px 0;display:none;left:10px;position:absolute;top:-6px;z-index:99}
.helpR:before{left:100%;top:50%;margin-left:1px;transform:translateY(-50%) rotate(90deg)}
.helpB:before{top:100%;margin-top:6px;transform:rotate(180deg)}
.helpL:before{left:0;top:50%;margin-left:-12px;transform:translateY(-50%) rotate(-90deg)}
.help::after,.helpB:after,.helpL:after,.helpR:after{content:attr(data-help);background:rgba(0,0,0,.8);border-radius:5px;color:#fff;display:none;font-size:12px;left:0;min-width:80px;padding:4px 6px;position:absolute;top:-6px;transform:translateY(-100%);z-index:99}
.help:hover::after,.help:hover::before,.helpB:hover::after,.helpB:hover::before,.helpL:hover::after,.helpL:hover::before,.helpR:hover::after,.helpR:hover::before,.pop>div{display:block}
.helpR:after{left:100%;top:50%;margin-left:8px;transform:translateX(0) translateY(-50%)}
.helpB:after{top:100%;margin-top:10px;transform:translateY(0)}
.helpL:after{left:0;top:50%;margin-left:-7px;transform:translateX(-100%) translateY(-50%)}
.pop{background-color:#000;background-color:rgba(0,0,0,.4);box-sizing:border-box;height:100%;left:0;overflow:auto;padding:20px;position:fixed;top:0;width:100%;z-index:110;display:flex;justify-content:center;align-items:center}
.pop>div,.youtube{position:relative}
.pop>div{border-radius:.25rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin:auto;max-width:80%;min-width:300px;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}
.pop b.x{color:#fff;float:right;font-size:28px;margin-top:-10px;opacity:.4;text-shadow:0 1px 1px #000}
.pop b.x:hover{opacity:.8}
.tabs>:first-child{margin-bottom:0;cursor:pointer}
.tabs>:first-child .on{background:rgba(0,0,0,.3)}
.pgno .off{color:#888}
.pgno .on{background-color:var(--navy)}
.youtube{padding-bottom:56.25%;padding-top:25px;height:0}
.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

#loading{position:fixed;z-index:999;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0;width:48px;height:48px}
#loading:before {content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffcc}
#loading:after{content:'';display:block;width:50px;height:50px;border:5px solid #f30;border-radius:50%;border-bottom-color:transparent;animation:spinner 1s linear infinite}
@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}