html,body{padding:0;margin:0;overflow:hidden;height:100%}
body{background:#07151d;color:white}
html,body,canvas{touch-action-delay:none;touch-action:none}
canvas,.c3htmlwrap{position:absolute}
.c3htmlwrap{contain:strict}
.c3overlay{pointer-events:none}
.c3htmlwrap[interactive] > *{pointer-events:auto}
html[ioswebview] .c3htmlwrap,html[ioswebview] canvas{-webkit-user-select:none;user-select:none}
html[ioswebview] .c3htmlwrap > *{-webkit-user-select:auto;user-select:auto}
#notSupportedWrap{margin:2em auto 1em;width:75%;max-width:45em;border:2px solid #aaa;border-radius:1em;padding:2em;background-color:#f0f0f0;font-family:"Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;color:black}
#notSupportedTitle{font-size:1.8em}
.notSupportedMessage{font-size:1.2em}
.notSupportedMessage em{color:#888}
.bbCodeH1{font-size:2em;font-weight:bold}
.bbCodeH2{font-size:1.5em;font-weight:bold}
.bbCodeH3{font-size:1.25em;font-weight:bold}
.bbCodeH4{font-size:1.1em;font-weight:bold}
.bbCodeItem::before{content:" • "}
.c3-text-icon{height:1em;width:auto;position:relative}
.c3-screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.card{position:relative;color:#fff;background:transparent;overflow:hidden;border-top:3px solid rgba(56,229,255,0.75);border-right:3px solid rgba(56,229,255,0.75);border-bottom:3px solid rgba(56,229,255,0.75);border-left:3px solid rgba(56,229,255,0.75);font-family:sans-serif;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:1em}p{font-size:.95rem;text-align:center}span{position:absolute;border-radius:100vmax}.top{top:0;left:0;width:0;height:5px;background:linear-gradient(90deg,transparent 50%,rgba(255,255,255,0.5),rgb(255,255,255))}.bottom{right:0;bottom:0;height:5px;background:linear-gradient(90deg,rgb(255,255,255),rgba(255,255,255,0.5),transparent 50%)}.right{top:0;right:0;width:5px;height:0;background:linear-gradient(180deg,transparent 30%,rgba(255 255,255,0.5),rgb(255,255,255))}.left{left:0;bottom:0;width:5px;height:0;background:linear-gradient(180deg,rgb(255,255,255),rgba(255,255,255,0.5),transparent 70%)}.top{animation:animateTop 3s ease-in-out infinite}.bottom{animation:animateBottom 3s ease-in-out infinite}.right{animation:animateRight 3s ease-in-out infinite}.left{animation:animateLeft 3s ease-in-out infinite}@keyframes animateTop{25%{width:100%;opacity:1}30%,100%{opacity:0}}@keyframes animateBottom{0%,50%{opacity:0;width:0}75%{opacity:1;width:100%}76%,100%{opacity:0}}@keyframes animateRight{0%,25%{opacity:0;height:0}50%{opacity:1;height:100%}55%,100%{height:100%;opacity:0}}@keyframes animateLeft{0%,75%{opacity:0;bottom:0;height:0}100%{opacity:1;height:100%}}.gradient-border{--border-width:1px;position:relative;display:flex;justify-content:center;align-items:center;width:300px;height:200px;font-family:Lato,sans-serif;font-size:2.5rem;text-transform:uppercase;color:white;background:#222;border-radius:10px;&::after {;position:absolute;content:"";top:calc(-1 * var(--border-width));left:calc(-1 * var(--border-width));z-index:-1;width:calc(100% + var(--border-width) * 2);height:calc(100% + var(--border-width) * 2);background:linear-gradient(60deg,hsl(224,85%,66%),hsl(269,85%,66%),hsl(314,85%,66%),hsl(359,85%,66%),hsl(44,85%,66%),hsl(89,85%,66%),hsl(134,85%,66%),hsl(179,85%,66%));background-size:300% 300%;background-position:0 50%;border-radius:10px;animation:moveGradient 4s alternate infinite}}@keyframes moveGradient{50%{background-position:100% 50%}}.border-animation{background-color:transparent;border:2px solid transparent;animation:border-color-change 1s infinite linear}@keyframes border-color-change{0%{border-color:white}25%{border-color:#38e5ff}50%{border-color:white}75%{border-color:#38e5ff}100%{border-color:white}}
.lds-roller{color:#fff}
.lds-roller,.lds-roller div,.lds-roller div:after{box-sizing:border-box}
.lds-roller{display:inline-block;position:absolute;width:80px;height:80px;left:calc(50% - 40px);top:calc(50% - 40px);transform-origin:center;transform:scale(1.5);z-index:10}
.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;transform-origin:40px 40px}
.lds-roller div:after{content:" ";display:block;position:absolute;width:7.2px;height:7.2px;border-radius:50%;background:currentColor;margin:-3.6px 0 0 -3.6px}
.lds-roller div:nth-child(1){animation-delay:-.036s}
.lds-roller div:nth-child(1):after{top:62.62742px;left:62.62742px}
.lds-roller div:nth-child(2){animation-delay:-.072s}
.lds-roller div:nth-child(2):after{top:67.71281px;left:56px}
.lds-roller div:nth-child(3){animation-delay:-.108s}
.lds-roller div:nth-child(3):after{top:70.90963px;left:48.28221px}
.lds-roller div:nth-child(4){animation-delay:-.144s}
.lds-roller div:nth-child(4):after{top:72px;left:40px}
.lds-roller div:nth-child(5){animation-delay:-.18s}
.lds-roller div:nth-child(5):after{top:70.90963px;left:31.71779px}
.lds-roller div:nth-child(6){animation-delay:-.216s}
.lds-roller div:nth-child(6):after{top:67.71281px;left:24px}
.lds-roller div:nth-child(7){animation-delay:-.252s}
.lds-roller div:nth-child(7):after{top:62.62742px;left:17.37258px}
.lds-roller div:nth-child(8){animation-delay:-.288s}
.lds-roller div:nth-child(8):after{top:56px;left:12.28719px}
@keyframes lds-roller {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}