a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial;text-decoration:none}
@font-face{font-family:'Jura';src:url('/tmp/default/style/fonts/Jura.ttf') format('truetype')}
@font-face{font-family:'Parsen';src:url('/tmp/default/style/fonts/Parsen.ttf') format('truetype')}
@font-face{font-family:'Orbit';src:url('/tmp/default/style/fonts/Orbit.ttf') format('truetype')}
@font-face{font-family:'Cuber';src:url('/tmp/default/style/fonts/cuber.ttf') format('truetype')}
@font-face{font-family:'Zen';src:url('/tmp/default/style/fonts/Zen.ttf') format('truetype')}
@font-face{font-family:'ea';src:url('/tmp/default/style/fonts/ea.ttf') format('truetype')}
@font-face{font-family:'jooly';src:url('/tmp/default/style/fonts/jooly.ttf') format('truetype')}
@font-face{font-family:'rocker';src:url('/tmp/default/style/fonts/rocker.ttf') format('truetype')}
@font-face{font-family:'Com';src:url('/tmp/default/style/fonts/com.ttf') format('truetype')}
@font-face{font-family:'pir';src:url('/tmp/default/style/fonts/pir.ttf') format('truetype')}
@font-face{font-family:'agu';src:url('/tmp/default/style/fonts/agu.ttf') format('truetype')}
@font-face{font-family:'Play';src:url('/tmp/default/style/fonts/Play.ttf') format('truetype')}
@font-face{font-family:'Pono';src:url('/tmp/default/style/fonts/Pono.ttf') format('truetype')}
[x_font_Pono]{font-family:Pono,sans-serif}
[x_font_Play]{font-family:Play,sans-serif}
[x_txt_c]{text-align:center}
[x_bg_fff]{background:#fff}
[x_br_10]{border-radius:10px}
[x_pad_10_20]{padding:10px 20px}
[x_flex_ver]{display:flex;flex-direction:column}
[x_gap_10]{grid-gap:10px}
[x_bg_eee]{background:#f7f7f7}
[x_color_blue]{color:#043971}
[x_br_20]{border-radius:20px}
.txt {
    font-size: 36px;
    font-weight: 900;
    font-family: Orbit;
    color: #0a2b77;
    margin-left: -10px;
}
body,html{background-color:#ffffff}
body,p,input,select,textarea,button{letter-spacing:-0.2px;font-size:16px}
h1{color:#446699;font-family:'Play',sans-serif;font-weight:900;padding:0;margin:0;font-size:20px}
h2{font-family:'Orbit',sans-serif;font-size:12px;font-weight:900}
.type-select{border:0;outline:0;background-image:url(/files/system/icons/arrows.svg),linear-gradient(to bottom,#edf6ff00 0,#8f8f8f00 100%);background-repeat:no-repeat,repeat;background-position:right 0.5em top 50%,0 0;background-size:1.3em auto,100%;appearance:none;background-color:#ffffff;width:100%;display:block;padding:15px 15px;border:0 solid #f1f1f1;box-sizing:border-box;transition:.3s;width:100%;%;box-sizing:border-box;transition:all 0.2s ease-in-out;appearance:none;-webkit-appearance:none;box-shadow:-2px -2px 5px #FFF,2px 2px 5px #BABECC;border-radius:0.5rem}
div,p{text-shadow:1px 1px 1px #FFF}
form{padding:30px;width:225px;margin:0 auto;background:#f7f7f7;border-radius:20px;box-shadow:-2px -2px 5px #FFF,2px 2px 5px #BABECC;position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%)}
.segment{padding:32px 0;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:5px}
.segment2{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;margin:auto;background:#f5f5f5;padding:20px 10px;border-radius:10px}
.segment2 h2{font-size:16px;margin:5px 0;font-family:system-ui}
.segment img{width:80px;height:50px}
button{border:0;outline:0;font-size:16px;border-radius:5px;padding:16px;background-color:#eeeeee;text-shadow:1px 1px 0 #FFF}
label{display:block;margin-bottom:24px;width:100%}
input{border:0;outline:0;font-size:16px;border-radius:5px;padding:16px;background-color:#ffffff;width:100%;box-sizing:border-box;transition:all 0.2s ease-in-out;appearance:none;-webkit-appearance:none;box-shadow:-2px -2px 5px #FFF,2px 2px 5px #BABECC;border-radius:0.5rem}
input:focus{box-shadow:inset 1px 1px 2px #BABECC,inset -1px -1px 2px #FFF}
button{color: #000;;transition:all 0.2s ease-in-out;cursor:default;box-shadow:-2px -2px 5px #FFF,2px 2px 5px #BABECC}
button:hover{box-shadow:-2px -2px 5px #FFF,2px 2px 5px #BABECC}
button:active{box-shadow:inset 1px 1px 2px #BABECC,inset -1px -1px 2px #FFF}
button .icon{margin-right:8px}
button.unit{border-radius:8px;line-height:0;height:48px;display:inline-flex;justify-content:center;align-items:center;margin:0 8px;font-size:19.2px;cursor:default;box-shadow:-2px -2px 5px #FFF,2px 2px 5px #BABECC}
button.unit .icon{margin-right:0}
button.red{display:block;margin:auto;color:#446699;padding:10px 10px;border-radius:1rem}
.input-group{display:flex;align-items:center;justify-content:flex-start}
.input-group label{margin:0;flex:1}
.err{position:fixed;bottom:0;padding:20px;background:#ebd7ce;color:#ff0000;width:100%;text-align:center;left:0;right:0;font-family:'com',sans-serif}
@keyframes spinner{100%{transform:rotate(360deg) }
}
.submit-spinner{display:inline-block;width:24px;height:24px;vertical-align:-0.125em;border:0.2em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner;animation:.75s linear infinite spinner}
.submit-spinner_hide{display:none}
[err]{border-radius:10px;padding:15px 10px;background:#ffd0d0;text-align:center;position:absolute;bottom:5px;margin:auto;box-sizing:border-box;text-align:center;left:5px;right:5px}
[ok]{border-radius:10px;padding:15px 10px;background:#d9ffd0;text-align:center;position:absolute;bottom:5px;margin:auto;box-sizing:border-box;text-align:center;left:5px;right:5px}
[bx]{border:0;outline:0;font-size:16px;border-radius:10px;padding:16px;background:#ffffff;text-shadow:1px 1px 0 #FFF;margin-right:8px;width:100%;box-sizing:border-box;transition:all 0.2s ease-in-out;appearance:none;-webkit-appearance:none;margin-bottom:20px;box-shadow:-2px -2px 5px #FFF,2px 2px 5px #BABECC;overflow:hidden;height:130px}
[toast]{color:#212529;background-color:#ffffff;position:absolute;right:20px;bottom:20px;width:300px;border-radius:10px;border:1px solid rgb(0 0 0 / 14%);box-shadow:3px 3px 10px 0 #cccccc}
[toast_head]{position:relative;padding:.8rem 1rem .5rem;background-color:rgb(0 0 0 / 4%);border-bottom:1px solid rgba(0,0,0,.05);font-family:sans-serif;color:#ff0000;font-weight:900;display:flex;flex-direction:row}
[toast_body]{padding:1rem;font-family:sans-serif;line-height:26px}
[x_select]{margin-right:8px;box-shadow:inset 2px 2px 5px #BABECC,inset -5px -5px 10px #FFF;width:100%;box-sizing:border-box;transition:all 0.2s ease-in-out;appearance:none;-webkit-appearance:none;border:0;outline:0;font-size:16px;border-radius:10px;padding:16px;background-color:#EBECF0;text-shadow:1px 1px 0 #FFF}
.toast__close{content:"";position:absolute;top:.75rem;right:.75rem;width:.875em;height:.875em;background:transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center / .875em auto no-repeat;border:0;opacity:.5;cursor:pointer;transition:opacity .1s ease-in-out}
