/*! Spectre.css v0.5.9 | MIT License | github.com/picturepan2/spectre */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}address{font-style:normal}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;font-size:1em}dfn{font-style:italic}small{font-size:80%;font-weight:400}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0;padding:0}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item;outline:0}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box;font-size:20px;line-height:1.5;-webkit-tap-highlight-color:transparent}body{background:#fff;color:#3b4351;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.8rem;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:#5755d9;outline:0;text-decoration:none}a:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}a.active,a:active,a:focus,a:hover{color:#302ecd;text-decoration:underline}a:visited{color:#807fe2}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:500;line-height:1.2;margin-bottom:.5em;margin-top:0}.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500}.h1,h1{font-size:2rem}.h2,h2{font-size:1.6rem}.h3,h3{font-size:1.4rem}.h4,h4{font-size:1.2rem}.h5,h5{font-size:1rem}.h6,h6{font-size:.8rem}p{margin:0 0 1.2rem}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}abbr[title]{border-bottom:.05rem dotted;cursor:help;text-decoration:none}kbd{background:#303742;border-radius:.1rem;color:#fff;font-size:.7rem;line-height:1.25;padding:.1rem .2rem}mark{background:#ffe9b3;border-bottom:.05rem solid #ffd367;border-radius:.1rem;color:#3b4351;padding:.05rem .1rem 0}blockquote{border-left:.1rem solid #dadee4;margin-left:0;padding:.4rem .8rem}blockquote p:last-child{margin-bottom:0}ol,ul{margin:.8rem 0 .8rem .8rem;padding:0}ol ol,ol ul,ul ol,ul ul{margin:.8rem 0 .8rem .8rem}ol li,ul li{margin-top:.4rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}dl dt{font-weight:700}dl dd{margin:.4rem 0 .8rem 0}.lang-zh,.lang-zh-hans,html:lang(zh),html:lang(zh-Hans){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif}.lang-zh-hant,html:lang(zh-Hant){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Hiragino Sans CNS","Microsoft JhengHei","Helvetica Neue",sans-serif}.lang-ja,html:lang(ja){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif}.lang-ko,html:lang(ko){font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif}.lang-cjk ins,.lang-cjk u,:lang(ja) ins,:lang(ja) u,:lang(zh) ins,:lang(zh) u{border-bottom:.05rem solid;text-decoration:none}.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u{margin-left:.125em}.table{border-collapse:collapse;border-spacing:0;text-align:left;width:100%}.table.table-striped tbody tr:nth-of-type(odd){background:#f7f8f9}.table tbody tr.active,.table.table-striped tbody tr.active{background:#eef0f3}.table.table-hover tbody tr:hover{background:#eef0f3}.table.table-scroll{display:block;overflow-x:auto;padding-bottom:.75rem;white-space:nowrap}.table td,.table th{border-bottom:.05rem solid #dadee4;padding:.6rem .4rem}.table th{border-bottom-width:.1rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:.05rem solid #5755d9;border-radius:.1rem;color:#5755d9;cursor:pointer;display:inline-block;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.25rem .4rem;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.btn:focus,.btn:hover{background:#f1f1fc;border-color:#4b48d6;text-decoration:none}.btn.active,.btn:active{background:#4b48d6;border-color:#3634d2;color:#fff;text-decoration:none}.btn.active.loading::after,.btn:active.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.disabled,.btn:disabled,.btn[disabled]{cursor:default;opacity:.5;pointer-events:none}.btn.btn-primary{background:#5755d9;border-color:#4b48d6;color:#fff}.btn.btn-primary:focus,.btn.btn-primary:hover{background:#4240d4;border-color:#3634d2;color:#fff}.btn.btn-primary.active,.btn.btn-primary:active{background:#3a38d2;border-color:#302ecd;color:#fff}.btn.btn-primary.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-success{background:#32b643;border-color:#2faa3f;color:#fff}.btn.btn-success:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.btn.btn-success:focus,.btn.btn-success:hover{background:#30ae40;border-color:#2da23c;color:#fff}.btn.btn-success.active,.btn.btn-success:active{background:#2a9a39;border-color:#278e34;color:#fff}.btn.btn-success.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-error{background:#e85600;border-color:#d95000;color:#fff}.btn.btn-error:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.btn.btn-error:focus,.btn.btn-error:hover{background:#de5200;border-color:#cf4d00;color:#fff}.btn.btn-error.active,.btn.btn-error:active{background:#c44900;border-color:#b54300;color:#fff}.btn.btn-error.loading::after{border-bottom-color:#fff;border-left-color:#fff}.btn.btn-link{background:0 0;border-color:transparent;color:#5755d9}.btn.btn-link.active,.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover{color:#302ecd}.btn.btn-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.btn.btn-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.btn.btn-block{display:block;width:100%}.btn.btn-action{padding-left:0;padding-right:0;width:1.8rem}.btn.btn-action.btn-sm{width:1.4rem}.btn.btn-action.btn-lg{width:2rem}.btn.btn-clear{background:0 0;border:0;color:currentColor;height:1rem;line-height:.8rem;margin-left:.2rem;margin-right:-2px;opacity:1;padding:.1rem;text-decoration:none;width:1rem}.btn.btn-clear:focus,.btn.btn-clear:hover{background:rgba(247,248,249,.5);opacity:.95}.btn.btn-clear::before{content:"\2715"}.btn-group{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group .btn{-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.05rem}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.05rem}.btn-group .btn.active,.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover{z-index:1}.btn-group.btn-group-block{display:-ms-flexbox;display:flex}.btn-group.btn-group-block .btn{-ms-flex:1 0 0;flex:1 0 0}.form-group:not(:last-child){margin-bottom:.4rem}fieldset{margin-bottom:.8rem}legend{font-size:.9rem;font-weight:500;margin-bottom:.8rem}.form-label{display:block;line-height:1.2rem;padding:.3rem 0}.form-label.label-sm{font-size:.7rem;padding:.1rem 0}.form-label.label-lg{font-size:.9rem;padding:.4rem 0}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:none;border:.05rem solid #bcc3ce;border-radius:.1rem;color:#3b4351;display:block;font-size:.8rem;height:1.8rem;line-height:1.2rem;max-width:100%;outline:0;padding:.25rem .4rem;position:relative;transition:background .2s,border .2s,box-shadow .2s,color .2s;width:100%}.form-input:focus{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-input:-ms-input-placeholder{color:#bcc3ce}.form-input::-ms-input-placeholder{color:#bcc3ce}.form-input::placeholder{color:#bcc3ce}.form-input.input-sm{font-size:.7rem;height:1.4rem;padding:.05rem .3rem}.form-input.input-lg{font-size:.9rem;height:2rem;padding:.35rem .6rem}.form-input.input-inline{display:inline-block;vertical-align:middle;width:auto}.form-input[type=file]{height:auto}textarea.form-input,textarea.form-input.input-lg,textarea.form-input.input-sm{height:auto}.form-input-hint{color:#bcc3ce;font-size:.7rem;margin-top:.2rem}.has-success .form-input-hint,.is-success+.form-input-hint{color:#32b643}.has-error .form-input-hint,.is-error+.form-input-hint{color:#e85600}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:.05rem solid #bcc3ce;border-radius:.1rem;color:inherit;font-size:.8rem;height:1.8rem;line-height:1.2rem;outline:0;padding:.25rem .4rem;vertical-align:middle;width:100%}.form-select:focus{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-select::-ms-expand{display:none}.form-select.select-sm{font-size:.7rem;height:1.4rem;padding:.05rem 1.1rem .05rem .3rem}.form-select.select-lg{font-size:.9rem;height:2rem;padding:.35rem 1.4rem .35rem .6rem}.form-select[multiple],.form-select[size]{height:auto;padding:.25rem .4rem}.form-select[multiple] option,.form-select[size] option{padding:.1rem .2rem}.form-select:not([multiple]):not([size]){background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;padding-right:1.2rem}.has-icon-left,.has-icon-right{position:relative}.has-icon-left .form-icon,.has-icon-right .form-icon{height:.8rem;margin:0 .25rem;position:absolute;top:50%;transform:translateY(-50%);width:.8rem;z-index:2}.has-icon-left .form-icon{left:.05rem}.has-icon-left .form-input{padding-left:1.3rem}.has-icon-right .form-icon{right:.05rem}.has-icon-right .form-input{padding-right:1.3rem}.form-checkbox,.form-radio,.form-switch{display:block;line-height:1.2rem;margin:.2rem 0;min-height:1.4rem;padding:.1rem .4rem .1rem 1.2rem;position:relative}.form-checkbox input,.form-radio input,.form-switch input{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon,.form-switch input:focus+.form-icon{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon,.form-switch input:checked+.form-icon{background:#5755d9;border-color:#5755d9}.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon{border:.05rem solid #bcc3ce;cursor:pointer;display:inline-block;position:absolute;transition:background .2s,border .2s,box-shadow .2s,color .2s}.form-checkbox.input-sm,.form-radio.input-sm,.form-switch.input-sm{font-size:.7rem;margin:0}.form-checkbox.input-lg,.form-radio.input-lg,.form-switch.input-lg{font-size:.9rem;margin:.3rem 0}.form-checkbox .form-icon,.form-radio .form-icon{background:#fff;height:.8rem;left:0;top:.3rem;width:.8rem}.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon{background:#eef0f3}.form-checkbox .form-icon{border-radius:.1rem}.form-checkbox input:checked+.form-icon::before{background-clip:padding-box;border:.1rem solid #fff;border-left-width:0;border-top-width:0;content:"";height:9px;left:50%;margin-left:-3px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg);width:6px}.form-checkbox input:indeterminate+.form-icon{background:#5755d9;border-color:#5755d9}.form-checkbox input:indeterminate+.form-icon::before{background:#fff;content:"";height:2px;left:50%;margin-left:-5px;margin-top:-1px;position:absolute;top:50%;width:10px}.form-radio .form-icon{border-radius:50%}.form-radio input:checked+.form-icon::before{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.form-switch{padding-left:2rem}.form-switch .form-icon{background:#bcc3ce;background-clip:padding-box;border-radius:.45rem;height:.9rem;left:0;top:.25rem;width:1.6rem}.form-switch .form-icon::before{background:#fff;border-radius:50%;content:"";display:block;height:.8rem;left:0;position:absolute;top:0;transition:background .2s,border .2s,box-shadow .2s,color .2s,left .2s;width:.8rem}.form-switch input:checked+.form-icon::before{left:14px}.form-switch input:active+.form-icon::before{background:#f7f8f9}.input-group{display:-ms-flexbox;display:flex}.input-group .input-group-addon{background:#f7f8f9;border:.05rem solid #bcc3ce;border-radius:.1rem;line-height:1.2rem;padding:.25rem .4rem;white-space:nowrap}.input-group .input-group-addon.addon-sm{font-size:.7rem;padding:.05rem .3rem}.input-group .input-group-addon.addon-lg{font-size:.9rem;padding:.35rem .6rem}.input-group .form-input,.input-group .form-select{-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.input-group .input-group-btn{z-index:1}.input-group .form-input:first-child:not(:last-child),.input-group .form-select:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .form-select:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){border-radius:0;margin-left:-.05rem}.input-group .form-input:last-child:not(:first-child),.input-group .form-select:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-.05rem}.input-group .form-input:focus,.input-group .form-select:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:2}.input-group .form-select{width:auto}.input-group.input-inline{display:-ms-inline-flexbox;display:inline-flex}.form-input.is-success,.form-select.is-success,.has-success .form-input,.has-success .form-select{background:#f9fdfa;border-color:#32b643}.form-input.is-success:focus,.form-select.is-success:focus,.has-success .form-input:focus,.has-success .form-select:focus{box-shadow:0 0 0 .1rem rgba(50,182,67,.2)}.form-input.is-error,.form-select.is-error,.has-error .form-input,.has-error .form-select{background:#fffaf7;border-color:#e85600}.form-input.is-error:focus,.form-select.is-error:focus,.has-error .form-input:focus,.has-error .form-select:focus{box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error .form-icon,.form-radio.is-error .form-icon,.form-switch.is-error .form-icon,.has-error .form-checkbox .form-icon,.has-error .form-radio .form-icon,.has-error .form-switch .form-icon{border-color:#e85600}.form-checkbox.is-error input:checked+.form-icon,.form-radio.is-error input:checked+.form-icon,.form-switch.is-error input:checked+.form-icon,.has-error .form-checkbox input:checked+.form-icon,.has-error .form-radio input:checked+.form-icon,.has-error .form-switch input:checked+.form-icon{background:#e85600;border-color:#e85600}.form-checkbox.is-error input:focus+.form-icon,.form-radio.is-error input:focus+.form-icon,.form-switch.is-error input:focus+.form-icon,.has-error .form-checkbox input:focus+.form-icon,.has-error .form-radio input:focus+.form-icon,.has-error .form-switch input:focus+.form-icon{border-color:#e85600;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-checkbox.is-error input:indeterminate+.form-icon,.has-error .form-checkbox input:indeterminate+.form-icon{background:#e85600;border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid{border-color:#e85600}.form-input:not(:placeholder-shown):invalid{border-color:#e85600}.form-input:not(:-ms-input-placeholder):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:placeholder-shown):invalid:focus{background:#fffaf7;box-shadow:0 0 0 .1rem rgba(232,86,0,.2)}.form-input:not(:-ms-input-placeholder):invalid+.form-input-hint{color:#e85600}.form-input:not(:placeholder-shown):invalid+.form-input-hint{color:#e85600}.form-input.disabled,.form-input:disabled,.form-select.disabled,.form-select:disabled{background-color:#eef0f3;cursor:not-allowed;opacity:.5}.form-input[readonly]{background-color:#f7f8f9}input.disabled+.form-icon,input:disabled+.form-icon{background:#eef0f3;cursor:not-allowed;opacity:.5}.form-switch input.disabled+.form-icon::before,.form-switch input:disabled+.form-icon::before{background:#fff}.form-horizontal{padding:.4rem 0}.form-horizontal .form-group{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-inline{display:inline-block}.label{background:#eef0f3;border-radius:.1rem;color:#455060;display:inline-block;line-height:1.25;padding:.1rem .2rem}.label.label-rounded{border-radius:5rem;padding-left:.4rem;padding-right:.4rem}.label.label-primary{background:#5755d9;color:#fff}.label.label-secondary{background:#f1f1fc;color:#5755d9}.label.label-success{background:#32b643;color:#fff}.label.label-warning{background:#ffb700;color:#fff}.label.label-error{background:#e85600;color:#fff}code{background:#fcf2f2;border-radius:.1rem;color:#d73e48;font-size:85%;line-height:1.25;padding:.1rem .2rem}.code{border-radius:.1rem;color:#3b4351;position:relative}.code::before{color:#bcc3ce;content:attr(data-lang);font-size:.7rem;position:absolute;right:.4rem;top:.1rem}.code code{background:#f7f8f9;color:inherit;display:block;line-height:1.5;overflow-x:auto;padding:1rem;width:100%}.img-responsive{display:block;height:auto;max-width:100%}.img-fit-cover{object-fit:cover}.img-fit-contain{object-fit:contain}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive::before{content:"";display:block;padding-bottom:56.25%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}video.video-responsive{height:auto;max-width:100%}video.video-responsive::before{content:none}.video-responsive-4-3::before{padding-bottom:75%}.video-responsive-1-1::before{padding-bottom:100%}.figure{margin:0 0 .4rem 0}.figure .figure-caption{color:#66758c;margin-top:.4rem}.container{margin-left:auto;margin-right:auto;padding-left:.4rem;padding-right:.4rem;width:100%}.container.grid-xl{max-width:1296px}.container.grid-lg{max-width:976px}.container.grid-md{max-width:856px}.container.grid-sm{max-width:616px}.container.grid-xs{max-width:496px}.show-lg,.show-md,.show-sm,.show-xl,.show-xs{display:none!important}.cols,.columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-.4rem;margin-right:-.4rem}.cols.col-gapless,.columns.col-gapless{margin-left:0;margin-right:0}.cols.col-gapless>.column,.columns.col-gapless>.column{padding-left:0;padding-right:0}.cols.col-oneline,.columns.col-oneline{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.column,[class~=col-]{-ms-flex:1;flex:1;max-width:100%;padding-left:.4rem;padding-right:.4rem}.column.col-1,.column.col-10,.column.col-11,.column.col-12,.column.col-2,.column.col-3,.column.col-4,.column.col-5,.column.col-6,.column.col-7,.column.col-8,.column.col-9,.column.col-auto,[class~=col-].col-1,[class~=col-].col-10,[class~=col-].col-11,[class~=col-].col-12,[class~=col-].col-2,[class~=col-].col-3,[class~=col-].col-4,[class~=col-].col-5,[class~=col-].col-6,[class~=col-].col-7,[class~=col-].col-8,[class~=col-].col-9,[class~=col-].col-auto{-ms-flex:none;flex:none}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;width:auto}.col-mx-auto{margin-left:auto;margin-right:auto}.col-ml-auto{margin-left:auto}.col-mr-auto{margin-right:auto}@media (max-width:1280px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{-ms-flex:none;flex:none}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-auto{width:auto}.hide-xl{display:none!important}.show-xl{display:block!important}}@media (max-width:960px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto{-ms-flex:none;flex:none}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-auto{width:auto}.hide-lg{display:none!important}.show-lg{display:block!important}}@media (max-width:840px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto{-ms-flex:none;flex:none}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-auto{width:auto}.hide-md{display:none!important}.show-md{display:block!important}}@media (max-width:600px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{-ms-flex:none;flex:none}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-auto{width:auto}.hide-sm{display:none!important}.show-sm{display:block!important}}@media (max-width:480px){.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-auto{-ms-flex:none;flex:none}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-auto{width:auto}.hide-xs{display:none!important}.show-xs{display:block!important}}.hero{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:4rem;padding-top:4rem}.hero.hero-sm{padding-bottom:2rem;padding-top:2rem}.hero.hero-lg{padding-bottom:8rem;padding-top:8rem}.hero .hero-body{padding:.4rem}.navbar{align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.navbar .navbar-section{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1 0 0;flex:1 0 0;-ms-flex-align:center}.navbar .navbar-section:not(:first-child):last-child{-ms-flex-pack:end;justify-content:flex-end}.navbar .navbar-center{align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center}.navbar .navbar-brand{font-size:.9rem;text-decoration:none}.accordion input:checked~.accordion-header>.icon:first-child,.accordion[open] .accordion-header>.icon:first-child{transform:rotate(90deg)}.accordion input:checked~.accordion-body,.accordion[open] .accordion-body{max-height:50rem}.accordion .accordion-header{display:block;padding:.2rem .4rem}.accordion .accordion-header .icon{transition:transform .25s}.accordion .accordion-body{margin-bottom:.4rem;max-height:0;overflow:hidden;transition:max-height .25s}summary.accordion-header::-webkit-details-marker{display:none}.avatar{background:#5755d9;border-radius:50%;color:rgba(255,255,255,.85);display:inline-block;font-size:.8rem;font-weight:300;height:1.6rem;line-height:1.25;margin:0;position:relative;vertical-align:middle;width:1.6rem}.avatar.avatar-xs{font-size:.4rem;height:.8rem;width:.8rem}.avatar.avatar-sm{font-size:.6rem;height:1.2rem;width:1.2rem}.avatar.avatar-lg{font-size:1.2rem;height:2.4rem;width:2.4rem}.avatar.avatar-xl{font-size:1.6rem;height:3.2rem;width:3.2rem}.avatar img{border-radius:50%;height:100%;position:relative;width:100%;z-index:1}.avatar .avatar-icon,.avatar .avatar-presence{background:#fff;bottom:14.64%;height:50%;padding:.1rem;position:absolute;right:14.64%;transform:translate(50%,50%);width:50%;z-index:2}.avatar .avatar-presence{background:#bcc3ce;border-radius:50%;box-shadow:0 0 0 .1rem #fff;height:.5em;width:.5em}.avatar .avatar-presence.online{background:#32b643}.avatar .avatar-presence.busy{background:#e85600}.avatar .avatar-presence.away{background:#ffb700}.avatar[data-initial]::before{color:currentColor;content:attr(data-initial);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.badge{position:relative;white-space:nowrap}.badge:not([data-badge])::after,.badge[data-badge]::after{background:#5755d9;background-clip:padding-box;border-radius:.5rem;box-shadow:0 0 0 .1rem #fff;color:#fff;content:attr(data-badge);display:inline-block;transform:translate(-.05rem,-.5rem)}.badge[data-badge]::after{font-size:.7rem;height:.9rem;line-height:1;min-width:.9rem;padding:.1rem .2rem;text-align:center;white-space:nowrap}.badge:not([data-badge])::after,.badge[data-badge=""]::after{height:6px;min-width:6px;padding:0;width:6px}.badge.btn::after{position:absolute;right:0;top:0;transform:translate(50%,-50%)}.badge.avatar::after{position:absolute;right:14.64%;top:14.64%;transform:translate(50%,-50%);z-index:100}.breadcrumb{list-style:none;margin:.2rem 0;padding:.2rem 0}.breadcrumb .breadcrumb-item{color:#66758c;display:inline-block;margin:0;padding:.2rem 0}.breadcrumb .breadcrumb-item:not(:last-child){margin-right:.2rem}.breadcrumb .breadcrumb-item:not(:last-child) a{color:#66758c}.breadcrumb .breadcrumb-item:not(:first-child)::before{color:#66758c;content:"/";padding-right:.4rem}.bar{background:#eef0f3;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:.8rem;width:100%}.bar.bar-sm{height:.2rem}.bar .bar-item{background:#5755d9;color:#fff;display:block;-ms-flex-negative:0;flex-shrink:0;font-size:.7rem;height:100%;line-height:.8rem;position:relative;text-align:center;width:0}.bar .bar-item:first-child{border-bottom-left-radius:.1rem;border-top-left-radius:.1rem}.bar .bar-item:last-child{border-bottom-right-radius:.1rem;border-top-right-radius:.1rem;-ms-flex-negative:1;flex-shrink:1}.bar-slider{height:.1rem;margin:.4rem 0;position:relative}.bar-slider .bar-item{left:0;padding:0;position:absolute}.bar-slider .bar-item:not(:last-child):first-child{background:#eef0f3;z-index:1}.bar-slider .bar-slider-btn{background:#5755d9;border:0;border-radius:50%;height:.6rem;padding:0;position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:.6rem}.bar-slider .bar-slider-btn:active{box-shadow:0 0 0 .1rem #5755d9}.card{background:#fff;border:.05rem solid #dadee4;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card .card-body,.card .card-footer,.card .card-header{padding:.8rem;padding-bottom:0}.card .card-body:last-child,.card .card-footer:last-child,.card .card-header:last-child{padding-bottom:.8rem}.card .card-body{-ms-flex:1 1 auto;flex:1 1 auto}.card .card-image{padding-top:.8rem}.card .card-image:first-child{padding-top:0}.card .card-image:first-child img{border-top-left-radius:.1rem;border-top-right-radius:.1rem}.card .card-image:last-child img{border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem}.chip{align-items:center;background:#eef0f3;border-radius:5rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;font-size:90%;height:1.2rem;line-height:.8rem;margin:.1rem;max-width:320px;overflow:hidden;padding:.2rem .4rem;text-decoration:none;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.chip.active{background:#5755d9;color:#fff}.chip .avatar{margin-left:-.4rem;margin-right:.2rem}.chip .btn-clear{border-radius:50%;transform:scale(.75)}.dropdown{display:inline-block;position:relative}.dropdown .menu{animation:slide-down .15s ease 1;display:none;left:0;max-height:50vh;overflow-y:auto;position:absolute;top:100%}.dropdown.dropdown-right .menu{left:auto;right:0}.dropdown .dropdown-toggle:focus+.menu,.dropdown .menu:hover,.dropdown.active .menu{display:block}.dropdown .btn-group .dropdown-toggle:nth-last-child(2){border-bottom-right-radius:.1rem;border-top-right-radius:.1rem}.empty{background:#f7f8f9;border-radius:.1rem;color:#66758c;padding:3.2rem 1.6rem;text-align:center}.empty .empty-icon{margin-bottom:.8rem}.empty .empty-subtitle,.empty .empty-title{margin:.4rem auto}.empty .empty-action{margin-top:.8rem}.menu{background:#fff;border-radius:.1rem;box-shadow:0 .05rem .2rem rgba(48,55,66,.3);list-style:none;margin:0;min-width:180px;padding:.4rem;transform:translateY(.2rem);z-index:300}.menu.menu-nav{background:0 0;box-shadow:none}.menu .menu-item{margin-top:0;padding:0 .4rem;position:relative;text-decoration:none}.menu .menu-item>a{border-radius:.1rem;color:inherit;display:block;margin:0 -.4rem;padding:.2rem .4rem;text-decoration:none}.menu .menu-item>a:focus,.menu .menu-item>a:hover{background:#f1f1fc;color:#5755d9}.menu .menu-item>a.active,.menu .menu-item>a:active{background:#f1f1fc;color:#5755d9}.menu .menu-item .form-checkbox,.menu .menu-item .form-radio,.menu .menu-item .form-switch{margin:.1rem 0}.menu .menu-item+.menu-item{margin-top:.2rem}.menu .menu-badge{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;height:100%;position:absolute;right:0;top:0}.menu .menu-badge .label{margin-right:.4rem}.modal{align-items:center;bottom:0;display:none;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;left:0;opacity:0;overflow:hidden;padding:.4rem;position:fixed;right:0;top:0}.modal.active,.modal:target{display:-ms-flexbox;display:flex;opacity:1;z-index:400}.modal.active .modal-overlay,.modal:target .modal-overlay{background:rgba(247,248,249,.75);bottom:0;cursor:default;display:block;left:0;position:absolute;right:0;top:0}.modal.active .modal-container,.modal:target .modal-container{animation:slide-down .2s ease 1;z-index:1}.modal.modal-sm .modal-container{max-width:320px;padding:0 .4rem}.modal.modal-lg .modal-overlay{background:#fff}.modal.modal-lg .modal-container{box-shadow:none;max-width:960px}.modal-container{background:#fff;border-radius:.1rem;box-shadow:0 .2rem .5rem rgba(48,55,66,.3);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:75vh;max-width:640px;padding:0 .8rem;width:100%}.modal-container.modal-fullheight{max-height:100vh}.modal-container .modal-header{color:#303742;padding:.8rem}.modal-container .modal-body{overflow-y:auto;padding:.8rem;position:relative}.modal-container .modal-footer{padding:.8rem;text-align:right}.nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;list-style:none;margin:.2rem 0}.nav .nav-item a{color:#66758c;padding:.2rem .4rem;text-decoration:none}.nav .nav-item a:focus,.nav .nav-item a:hover{color:#5755d9}.nav .nav-item.active>a{color:#505c6e;font-weight:700}.nav .nav-item.active>a:focus,.nav .nav-item.active>a:hover{color:#5755d9}.nav .nav{margin-bottom:.4rem;margin-left:.8rem}.pagination{display:-ms-flexbox;display:flex;list-style:none;margin:.2rem 0;padding:.2rem 0}.pagination .page-item{margin:.2rem .05rem}.pagination .page-item span{display:inline-block;padding:.2rem .2rem}.pagination .page-item a{border-radius:.1rem;display:inline-block;padding:.2rem .4rem;text-decoration:none}.pagination .page-item a:focus,.pagination .page-item a:hover{color:#5755d9}.pagination .page-item.disabled a{cursor:default;opacity:.5;pointer-events:none}.pagination .page-item.active a{background:#5755d9;color:#fff}.pagination .page-item.page-next,.pagination .page-item.page-prev{-ms-flex:1 0 50%;flex:1 0 50%}.pagination .page-item.page-next{text-align:right}.pagination .page-item .page-item-title{margin:0}.pagination .page-item .page-item-subtitle{margin:0;opacity:.5}.panel{border:.05rem solid #dadee4;border-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.panel .panel-footer,.panel .panel-header{-ms-flex:0 0 auto;flex:0 0 auto;padding:.8rem}.panel .panel-nav{-ms-flex:0 0 auto;flex:0 0 auto}.panel .panel-body{-ms-flex:1 1 auto;flex:1 1 auto;overflow-y:auto;padding:0 .8rem}.popover{display:inline-block;position:relative}.popover .popover-container{left:50%;opacity:0;padding:.4rem;position:absolute;top:0;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:320px;z-index:300}.popover :focus+.popover-container,.popover:hover .popover-container{display:block;opacity:1;transform:translate(-50%,-100%) scale(1)}.popover.popover-right .popover-container{left:100%;top:50%}.popover.popover-right :focus+.popover-container,.popover.popover-right:hover .popover-container{transform:translate(0,-50%) scale(1)}.popover.popover-bottom .popover-container{left:50%;top:100%}.popover.popover-bottom :focus+.popover-container,.popover.popover-bottom:hover .popover-container{transform:translate(-50%,0) scale(1)}.popover.popover-left .popover-container{left:0;top:50%}.popover.popover-left :focus+.popover-container,.popover.popover-left:hover .popover-container{transform:translate(-100%,-50%) scale(1)}.popover .card{border:0;box-shadow:0 .2rem .5rem rgba(48,55,66,.3)}.step{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;list-style:none;margin:.2rem 0;width:100%}.step .step-item{-ms-flex:1 1 0;flex:1 1 0;margin-top:0;min-height:1rem;position:relative;text-align:center}.step .step-item:not(:first-child)::before{background:#5755d9;content:"";height:2px;left:-50%;position:absolute;top:9px;width:100%}.step .step-item a{color:#5755d9;display:inline-block;padding:20px 10px 0;text-decoration:none}.step .step-item a::before{background:#5755d9;border:.1rem solid #fff;border-radius:50%;content:"";display:block;height:.6rem;left:50%;position:absolute;top:.2rem;transform:translateX(-50%);width:.6rem;z-index:1}.step .step-item.active a::before{background:#fff;border:.1rem solid #5755d9}.step .step-item.active~.step-item::before{background:#dadee4}.step .step-item.active~.step-item a{color:#bcc3ce}.step .step-item.active~.step-item a::before{background:#dadee4}.tab{align-items:center;border-bottom:.05rem solid #dadee4;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:.2rem 0 .15rem 0}.tab .tab-item{margin-top:0}.tab .tab-item a{border-bottom:.1rem solid transparent;color:inherit;display:block;margin:0 .4rem 0 0;padding:.4rem .2rem .3rem .2rem;text-decoration:none}.tab .tab-item a:focus,.tab .tab-item a:hover{color:#5755d9}.tab .tab-item a.active,.tab .tab-item.active a{border-bottom-color:#5755d9;color:#5755d9}.tab .tab-item.tab-action{-ms-flex:1 0 auto;flex:1 0 auto;text-align:right}.tab .tab-item .btn-clear{margin-top:-.2rem}.tab.tab-block .tab-item{-ms-flex:1 0 0;flex:1 0 0;text-align:center}.tab.tab-block .tab-item a{margin:0}.tab.tab-block .tab-item .badge[data-badge]::after{position:absolute;right:.1rem;top:.1rem;transform:translate(0,0)}.tab:not(.tab-block) .badge{padding-right:0}.tile{align-content:space-between;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-align:start;-ms-flex-line-pack:justify}.tile .tile-action,.tile .tile-icon{-ms-flex:0 0 auto;flex:0 0 auto}.tile .tile-content{-ms-flex:1 1 auto;flex:1 1 auto}.tile .tile-content:not(:first-child){padding-left:.4rem}.tile .tile-content:not(:last-child){padding-right:.4rem}.tile .tile-subtitle,.tile .tile-title{line-height:1.2rem}.tile.tile-centered{align-items:center;-ms-flex-align:center}.tile.tile-centered .tile-content{overflow:hidden}.tile.tile-centered .tile-subtitle,.tile.tile-centered .tile-title{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{background:rgba(48,55,66,.95);border:.05rem solid #303742;border-color:#303742;border-radius:.1rem;color:#fff;display:block;padding:.4rem;width:100%}.toast.toast-primary{background:rgba(87,85,217,.95);border-color:#5755d9}.toast.toast-success{background:rgba(50,182,67,.95);border-color:#32b643}.toast.toast-warning{background:rgba(255,183,0,.95);border-color:#ffb700}.toast.toast-error{background:rgba(232,86,0,.95);border-color:#e85600}.toast a{color:#fff;text-decoration:underline}.toast a.active,.toast a:active,.toast a:focus,.toast a:hover{opacity:.75}.toast .btn-clear{margin:.1rem}.toast p:last-child{margin-bottom:0}.tooltip{position:relative}.tooltip::after{background:rgba(48,55,66,.95);border-radius:.1rem;bottom:100%;color:#fff;content:attr(data-tooltip);display:block;font-size:.7rem;left:50%;max-width:320px;opacity:0;overflow:hidden;padding:.2rem .4rem;pointer-events:none;position:absolute;text-overflow:ellipsis;transform:translate(-50%,.4rem);transition:opacity .2s,transform .2s;white-space:pre;z-index:300}.tooltip:focus::after,.tooltip:hover::after{opacity:1;transform:translate(-50%,-.2rem)}.tooltip.disabled,.tooltip[disabled]{pointer-events:auto}.tooltip.tooltip-right::after{bottom:50%;left:100%;transform:translate(-.2rem,50%)}.tooltip.tooltip-right:focus::after,.tooltip.tooltip-right:hover::after{transform:translate(.2rem,50%)}.tooltip.tooltip-bottom::after{bottom:auto;top:100%;transform:translate(-50%,-.4rem)}.tooltip.tooltip-bottom:focus::after,.tooltip.tooltip-bottom:hover::after{transform:translate(-50%,.2rem)}.tooltip.tooltip-left::after{bottom:50%;left:auto;right:100%;transform:translate(.4rem,50%)}.tooltip.tooltip-left:focus::after,.tooltip.tooltip-left:hover::after{transform:translate(-.2rem,50%)}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-1.6rem)}100%{opacity:1;transform:translateY(0)}}.text-primary{color:#5755d9!important}a.text-primary:focus,a.text-primary:hover{color:#4240d4}a.text-primary:visited{color:#6c6ade}.text-secondary{color:#e5e5f9!important}a.text-secondary:focus,a.text-secondary:hover{color:#d1d0f4}a.text-secondary:visited{color:#fafafe}.text-gray{color:#bcc3ce!important}a.text-gray:focus,a.text-gray:hover{color:#adb6c4}a.text-gray:visited{color:#cbd0d9}.text-light{color:#fff!important}a.text-light:focus,a.text-light:hover{color:#f2f2f2}a.text-light:visited{color:#fff}.text-dark{color:#3b4351!important}a.text-dark:focus,a.text-dark:hover{color:#303742}a.text-dark:visited{color:#455060}.text-success{color:#32b643!important}a.text-success:focus,a.text-success:hover{color:#2da23c}a.text-success:visited{color:#39c94b}.text-warning{color:#ffb700!important}a.text-warning:focus,a.text-warning:hover{color:#e6a500}a.text-warning:visited{color:#ffbe1a}.text-error{color:#e85600!important}a.text-error:focus,a.text-error:hover{color:#cf4d00}a.text-error:visited{color:#ff6003}.bg-primary{background:#5755d9!important;color:#fff}.bg-secondary{background:#f1f1fc!important}.bg-dark{background:#303742!important;color:#fff}.bg-gray{background:#f7f8f9!important}.bg-success{background:#32b643!important;color:#fff}.bg-warning{background:#ffb700!important;color:#fff}.bg-error{background:#e85600!important;color:#fff}.c-hand{cursor:pointer}.c-move{cursor:move}.c-zoom-in{cursor:zoom-in}.c-zoom-out{cursor:zoom-out}.c-not-allowed{cursor:not-allowed}.c-auto{cursor:auto}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:-ms-flexbox;display:flex}.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.d-hide,.d-none{display:none!important}.d-visible{visibility:visible}.d-invisible{visibility:hidden}.text-hide{background:0 0;border:0;color:transparent;font-size:0;line-height:0;text-shadow:none}.text-assistive{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.divider,.divider-vert{display:block;position:relative}.divider-vert[data-content]::after,.divider[data-content]::after{background:#fff;color:#bcc3ce;content:attr(data-content);display:inline-block;font-size:.7rem;padding:0 .4rem;transform:translateY(-.65rem)}.divider{border-top:.05rem solid #f1f3f5;height:.05rem;margin:.4rem 0}.divider[data-content]{margin:.8rem 0}.divider-vert{display:block;padding:.8rem}.divider-vert::before{border-left:.05rem solid #dadee4;bottom:.4rem;content:"";display:block;left:50%;position:absolute;top:.4rem;transform:translateX(-50%)}.divider-vert[data-content]::after{left:50%;padding:.2rem 0;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading{color:transparent!important;min-height:.8rem;pointer-events:none;position:relative}.loading::after{animation:loading .5s infinite linear;background:0 0;border:.1rem solid #5755d9;border-radius:50%;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:.8rem;left:50%;margin-left:-.4rem;margin-top:-.4rem;opacity:1;padding:0;position:absolute;top:50%;width:.8rem;z-index:1}.loading.loading-lg{min-height:2rem}.loading.loading-lg::after{height:1.6rem;margin-left:-.8rem;margin-top:-.8rem;width:1.6rem}.clearfix::after{clear:both;content:"";display:table}.float-left{float:left!important}.float-right{float:right!important}.p-relative{position:relative!important}.p-absolute{position:absolute!important}.p-fixed{position:fixed!important}.p-sticky{position:-webkit-sticky!important;position:sticky!important}.p-centered{display:block;float:none;margin-left:auto;margin-right:auto}.flex-centered{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.mt-0{margin-top:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.m-1{margin:.2rem!important}.mb-1{margin-bottom:.2rem!important}.ml-1{margin-left:.2rem!important}.mr-1{margin-right:.2rem!important}.mt-1{margin-top:.2rem!important}.mx-1{margin-left:.2rem!important;margin-right:.2rem!important}.my-1{margin-bottom:.2rem!important;margin-top:.2rem!important}.m-2{margin:.4rem!important}.mb-2{margin-bottom:.4rem!important}.ml-2{margin-left:.4rem!important}.mr-2{margin-right:.4rem!important}.mt-2{margin-top:.4rem!important}.mx-2{margin-left:.4rem!important;margin-right:.4rem!important}.my-2{margin-bottom:.4rem!important;margin-top:.4rem!important}.p-0{padding:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.pt-0{padding-top:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.p-1{padding:.2rem!important}.pb-1{padding-bottom:.2rem!important}.pl-1{padding-left:.2rem!important}.pr-1{padding-right:.2rem!important}.pt-1{padding-top:.2rem!important}.px-1{padding-left:.2rem!important;padding-right:.2rem!important}.py-1{padding-bottom:.2rem!important;padding-top:.2rem!important}.p-2{padding:.4rem!important}.pb-2{padding-bottom:.4rem!important}.pl-2{padding-left:.4rem!important}.pr-2{padding-right:.4rem!important}.pt-2{padding-top:.4rem!important}.px-2{padding-left:.4rem!important;padding-right:.4rem!important}.py-2{padding-bottom:.4rem!important;padding-top:.4rem!important}.s-rounded{border-radius:.1rem}.s-circle{border-radius:50%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-large{font-size:1.2em}.text-small{font-size:.9em}.text-tiny{font-size:.8em}.text-muted{opacity:.8}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clip{overflow:hidden;text-overflow:clip;white-space:nowrap}.text-break{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break:break-word;word-wrap:break-word}
/*! Spectre.css Experimentals v0.5.9 | MIT License | github.com/picturepan2/spectre */.form-autocomplete{position:relative}.form-autocomplete .form-autocomplete-input{align-content:flex-start;display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto;min-height:1.6rem;padding:.1rem}.form-autocomplete .form-autocomplete-input.is-focused{border-color:#5755d9;box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.form-autocomplete .form-autocomplete-input .form-input{border-color:transparent;box-shadow:none;display:inline-block;-ms-flex:1 0 auto;flex:1 0 auto;height:1.2rem;line-height:.8rem;margin:.1rem;width:auto}.form-autocomplete .menu{left:0;position:absolute;top:100%;width:100%}.form-autocomplete.autocomplete-oneline .form-autocomplete-input{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.form-autocomplete.autocomplete-oneline .chip{-ms-flex:1 0 auto;flex:1 0 auto}.calendar{border:.05rem solid #dadee4;border-radius:.1rem;display:block;min-width:280px}.calendar .calendar-nav{align-items:center;background:#f7f8f9;border-top-left-radius:.1rem;border-top-right-radius:.1rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;font-size:.9rem;padding:.4rem}.calendar .calendar-body,.calendar .calendar-header{display:-ms-flexbox;display:flex;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;padding:.4rem 0}.calendar .calendar-body .calendar-date,.calendar .calendar-header .calendar-date{-ms-flex:0 0 14.28%;flex:0 0 14.28%;max-width:14.28%}.calendar .calendar-header{background:#f7f8f9;border-bottom:.05rem solid #dadee4;color:#bcc3ce;font-size:.7rem;text-align:center}.calendar .calendar-body{color:#66758c}.calendar .calendar-date{border:0;padding:.2rem}.calendar .calendar-date .date-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:.05rem solid transparent;border-radius:50%;color:#66758c;cursor:pointer;font-size:.7rem;height:1.4rem;line-height:1rem;outline:0;padding:.1rem;position:relative;text-align:center;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s;vertical-align:middle;white-space:nowrap;width:1.4rem}.calendar .calendar-date .date-item.date-today{border-color:#e5e5f9;color:#5755d9}.calendar .calendar-date .date-item:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2)}.calendar .calendar-date .date-item:focus,.calendar .calendar-date .date-item:hover{background:#fefeff;border-color:#e5e5f9;color:#5755d9;text-decoration:none}.calendar .calendar-date .date-item.active,.calendar .calendar-date .date-item:active{background:#4b48d6;border-color:#3634d2;color:#fff}.calendar .calendar-date .date-item.badge::after{position:absolute;right:3px;top:3px;transform:translate(50%,-50%)}.calendar .calendar-date .calendar-event.disabled,.calendar .calendar-date .calendar-event:disabled,.calendar .calendar-date .date-item.disabled,.calendar .calendar-date .date-item:disabled{cursor:default;opacity:.25;pointer-events:none}.calendar .calendar-date.next-month .calendar-event,.calendar .calendar-date.next-month .date-item,.calendar .calendar-date.prev-month .calendar-event,.calendar .calendar-date.prev-month .date-item{opacity:.25}.calendar .calendar-range{position:relative}.calendar .calendar-range::before{background:#f1f1fc;content:"";height:1.4rem;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.calendar .calendar-range.range-start::before{left:50%}.calendar .calendar-range.range-end::before{right:50%}.calendar .calendar-range.range-end .date-item,.calendar .calendar-range.range-start .date-item{background:#4b48d6;border-color:#3634d2;color:#fff}.calendar .calendar-range .date-item{color:#5755d9}.calendar.calendar-lg .calendar-body{padding:0}.calendar.calendar-lg .calendar-body .calendar-date{border-bottom:.05rem solid #dadee4;border-right:.05rem solid #dadee4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:5.5rem;padding:0}.calendar.calendar-lg .calendar-body .calendar-date:nth-child(7n){border-right:0}.calendar.calendar-lg .calendar-body .calendar-date:nth-last-child(-n+7){border-bottom:0}.calendar.calendar-lg .date-item{align-self:flex-end;-ms-flex-item-align:end;height:1.4rem;margin-right:.2rem;margin-top:.2rem}.calendar.calendar-lg .calendar-range::before{top:19px}.calendar.calendar-lg .calendar-range.range-start::before{left:auto;width:19px}.calendar.calendar-lg .calendar-range.range-end::before{right:19px}.calendar.calendar-lg .calendar-events{flex-grow:1;-ms-flex-positive:1;line-height:1;overflow-y:auto;padding:.2rem}.calendar.calendar-lg .calendar-event{border-radius:.1rem;display:block;font-size:.7rem;margin:.1rem auto;overflow:hidden;padding:3px 4px;text-overflow:ellipsis;white-space:nowrap}.carousel .carousel-locator:nth-of-type(1):checked~.carousel-container .carousel-item:nth-of-type(1),.carousel .carousel-locator:nth-of-type(2):checked~.carousel-container .carousel-item:nth-of-type(2),.carousel .carousel-locator:nth-of-type(3):checked~.carousel-container .carousel-item:nth-of-type(3),.carousel .carousel-locator:nth-of-type(4):checked~.carousel-container .carousel-item:nth-of-type(4),.carousel .carousel-locator:nth-of-type(5):checked~.carousel-container .carousel-item:nth-of-type(5),.carousel .carousel-locator:nth-of-type(6):checked~.carousel-container .carousel-item:nth-of-type(6),.carousel .carousel-locator:nth-of-type(7):checked~.carousel-container .carousel-item:nth-of-type(7),.carousel .carousel-locator:nth-of-type(8):checked~.carousel-container .carousel-item:nth-of-type(8){animation:carousel-slidein .75s ease-in-out 1;opacity:1;z-index:100}.carousel .carousel-locator:nth-of-type(1):checked~.carousel-nav .nav-item:nth-of-type(1),.carousel .carousel-locator:nth-of-type(2):checked~.carousel-nav .nav-item:nth-of-type(2),.carousel .carousel-locator:nth-of-type(3):checked~.carousel-nav .nav-item:nth-of-type(3),.carousel .carousel-locator:nth-of-type(4):checked~.carousel-nav .nav-item:nth-of-type(4),.carousel .carousel-locator:nth-of-type(5):checked~.carousel-nav .nav-item:nth-of-type(5),.carousel .carousel-locator:nth-of-type(6):checked~.carousel-nav .nav-item:nth-of-type(6),.carousel .carousel-locator:nth-of-type(7):checked~.carousel-nav .nav-item:nth-of-type(7),.carousel .carousel-locator:nth-of-type(8):checked~.carousel-nav .nav-item:nth-of-type(8){color:#f7f8f9}.carousel{background:#f7f8f9;display:block;overflow:hidden;-webkit-overflow-scrolling:touch;position:relative;width:100%;z-index:1}.carousel .carousel-container{height:100%;left:0;position:relative}.carousel .carousel-container::before{content:"";display:block;padding-bottom:56.25%}.carousel .carousel-container .carousel-item{animation:carousel-slideout 1s ease-in-out 1;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.carousel .carousel-container .carousel-item:hover .item-next,.carousel .carousel-container .carousel-item:hover .item-prev{opacity:1}.carousel .carousel-container .item-next,.carousel .carousel-container .item-prev{background:rgba(247,248,249,.25);border-color:rgba(247,248,249,.5);color:#f7f8f9;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s;z-index:100}.carousel .carousel-container .item-prev{left:1rem}.carousel .carousel-container .item-next{right:1rem}.carousel .carousel-nav{bottom:.4rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:10rem;z-index:100}.carousel .carousel-nav .nav-item{color:rgba(247,248,249,.5);display:block;-ms-flex:1 0 auto;flex:1 0 auto;height:1.6rem;margin:.2rem;max-width:2.5rem;position:relative}.carousel .carousel-nav .nav-item::before{background:currentColor;content:"";display:block;height:.1rem;position:absolute;top:.5rem;width:100%}@keyframes carousel-slidein{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes carousel-slideout{0%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(-50%)}}.comparison-slider{height:50vh;overflow:hidden;-webkit-overflow-scrolling:touch;position:relative;width:100%}.comparison-slider .comparison-after,.comparison-slider .comparison-before{height:100%;left:0;margin:0;overflow:hidden;position:absolute;top:0}.comparison-slider .comparison-after img,.comparison-slider .comparison-before img{height:100%;object-fit:cover;object-position:left center;position:absolute;width:100%}.comparison-slider .comparison-before{width:100%;z-index:1}.comparison-slider .comparison-before .comparison-label{right:.8rem}.comparison-slider .comparison-after{max-width:100%;min-width:0;z-index:2}.comparison-slider .comparison-after::before{background:0 0;content:"";cursor:default;height:100%;left:0;position:absolute;right:.8rem;top:0;z-index:1}.comparison-slider .comparison-after::after{background:currentColor;border-radius:50%;box-shadow:0 -5px,0 5px;color:#fff;content:"";height:3px;pointer-events:none;position:absolute;right:.4rem;top:50%;transform:translate(50%,-50%);width:3px}.comparison-slider .comparison-after .comparison-label{left:.8rem}.comparison-slider .comparison-resizer{animation:first-run 1.5s 1 ease-in-out;cursor:ew-resize;height:.8rem;left:0;max-width:100%;min-width:.8rem;opacity:0;outline:0;position:relative;resize:horizontal;top:50%;transform:translateY(-50%) scaleY(30);width:0}.comparison-slider .comparison-label{background:rgba(48,55,66,.5);bottom:.8rem;color:#fff;padding:.2rem .4rem;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes first-run{0%{width:0}25%{width:2.4rem}50%{width:.8rem}75%{width:1.2rem}100%{width:0}}.filter .filter-tag#tag-0:checked~.filter-nav .chip[for=tag-0],.filter .filter-tag#tag-1:checked~.filter-nav .chip[for=tag-1],.filter .filter-tag#tag-2:checked~.filter-nav .chip[for=tag-2],.filter .filter-tag#tag-3:checked~.filter-nav .chip[for=tag-3],.filter .filter-tag#tag-4:checked~.filter-nav .chip[for=tag-4],.filter .filter-tag#tag-5:checked~.filter-nav .chip[for=tag-5],.filter .filter-tag#tag-6:checked~.filter-nav .chip[for=tag-6],.filter .filter-tag#tag-7:checked~.filter-nav .chip[for=tag-7],.filter .filter-tag#tag-8:checked~.filter-nav .chip[for=tag-8]{background:#5755d9;color:#fff}.filter .filter-tag#tag-1:checked~.filter-body .filter-item:not([data-tag~=tag-1]),.filter .filter-tag#tag-2:checked~.filter-body .filter-item:not([data-tag~=tag-2]),.filter .filter-tag#tag-3:checked~.filter-body .filter-item:not([data-tag~=tag-3]),.filter .filter-tag#tag-4:checked~.filter-body .filter-item:not([data-tag~=tag-4]),.filter .filter-tag#tag-5:checked~.filter-body .filter-item:not([data-tag~=tag-5]),.filter .filter-tag#tag-6:checked~.filter-body .filter-item:not([data-tag~=tag-6]),.filter .filter-tag#tag-7:checked~.filter-body .filter-item:not([data-tag~=tag-7]),.filter .filter-tag#tag-8:checked~.filter-body .filter-item:not([data-tag~=tag-8]){display:none}.filter .filter-nav{margin:.4rem 0}.filter .filter-body{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.meter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f7f8f9;border:0;border-radius:.1rem;display:block;height:.8rem;width:100%}.meter::-webkit-meter-inner-element{display:block}.meter::-webkit-meter-bar,.meter::-webkit-meter-even-less-good-value,.meter::-webkit-meter-optimum-value,.meter::-webkit-meter-suboptimum-value{border-radius:.1rem}.meter::-webkit-meter-bar{background:#f7f8f9}.meter::-webkit-meter-optimum-value{background:#32b643}.meter::-webkit-meter-suboptimum-value{background:#ffb700}.meter::-webkit-meter-even-less-good-value{background:#e85600}.meter:-moz-meter-optimum,.meter:-moz-meter-sub-optimum,.meter:-moz-meter-sub-sub-optimum,.meter::-moz-meter-bar{border-radius:.1rem}.meter:-moz-meter-optimum::-moz-meter-bar{background:#32b643}.meter:-moz-meter-sub-optimum::-moz-meter-bar{background:#ffb700}.meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:#e85600}.off-canvas{display:-ms-flexbox;display:flex;-ms-flex-flow:nowrap;flex-flow:nowrap;height:100%;position:relative;width:100%}.off-canvas .off-canvas-toggle{display:block;left:.4rem;position:absolute;top:.4rem;transition:none;z-index:1}.off-canvas .off-canvas-sidebar{background:#f7f8f9;bottom:0;left:0;min-width:10rem;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s;z-index:200}.off-canvas .off-canvas-content{-ms-flex:1 1 auto;flex:1 1 auto;height:100%;padding:.4rem .4rem .4rem 4rem}.off-canvas .off-canvas-overlay{background:rgba(48,55,66,.1);border-color:transparent;border-radius:0;bottom:0;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.off-canvas .off-canvas-sidebar.active,.off-canvas .off-canvas-sidebar:target{transform:translateX(0)}.off-canvas .off-canvas-sidebar.active~.off-canvas-overlay,.off-canvas .off-canvas-sidebar:target~.off-canvas-overlay{display:block;z-index:100}@media (min-width:960px){.off-canvas.off-canvas-sidebar-show .off-canvas-toggle{display:none}.off-canvas.off-canvas-sidebar-show .off-canvas-sidebar{-ms-flex:0 0 auto;flex:0 0 auto;position:relative;transform:none}.off-canvas.off-canvas-sidebar-show .off-canvas-overlay{display:none!important}}.parallax{display:block;height:auto;position:relative;width:auto}.parallax .parallax-content{box-shadow:0 1rem 2.1rem rgba(48,55,66,.3);height:auto;transform:perspective(1000px);transform-style:preserve-3d;transition:all .4s ease;width:100%}.parallax .parallax-content::before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.parallax .parallax-front{align-items:center;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:100%;justify-content:center;left:0;position:absolute;text-align:center;text-shadow:0 0 20px rgba(48,55,66,.75);top:0;transform:translateZ(50px) scale(.95);transition:transform .4s;width:100%;z-index:1}.parallax .parallax-top-left{height:50%;left:0;outline:0;position:absolute;top:0;width:50%;z-index:100}.parallax .parallax-top-left:focus~.parallax-content,.parallax .parallax-top-left:hover~.parallax-content{transform:perspective(1000px) rotateX(3deg) rotateY(-3deg)}.parallax .parallax-top-left:focus~.parallax-content::before,.parallax .parallax-top-left:hover~.parallax-content::before{background:linear-gradient(135deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-top-left:focus~.parallax-content .parallax-front,.parallax .parallax-top-left:hover~.parallax-content .parallax-front{transform:translate3d(4.5px,4.5px,50px) scale(.95)}.parallax .parallax-top-right{height:50%;outline:0;position:absolute;right:0;top:0;width:50%;z-index:100}.parallax .parallax-top-right:focus~.parallax-content,.parallax .parallax-top-right:hover~.parallax-content{transform:perspective(1000px) rotateX(3deg) rotateY(3deg)}.parallax .parallax-top-right:focus~.parallax-content::before,.parallax .parallax-top-right:hover~.parallax-content::before{background:linear-gradient(-135deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-top-right:focus~.parallax-content .parallax-front,.parallax .parallax-top-right:hover~.parallax-content .parallax-front{transform:translate3d(-4.5px,4.5px,50px) scale(.95)}.parallax .parallax-bottom-left{bottom:0;height:50%;left:0;outline:0;position:absolute;width:50%;z-index:100}.parallax .parallax-bottom-left:focus~.parallax-content,.parallax .parallax-bottom-left:hover~.parallax-content{transform:perspective(1000px) rotateX(-3deg) rotateY(-3deg)}.parallax .parallax-bottom-left:focus~.parallax-content::before,.parallax .parallax-bottom-left:hover~.parallax-content::before{background:linear-gradient(45deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-bottom-left:focus~.parallax-content .parallax-front,.parallax .parallax-bottom-left:hover~.parallax-content .parallax-front{transform:translate3d(4.5px,-4.5px,50px) scale(.95)}.parallax .parallax-bottom-right{bottom:0;height:50%;outline:0;position:absolute;right:0;width:50%;z-index:100}.parallax .parallax-bottom-right:focus~.parallax-content,.parallax .parallax-bottom-right:hover~.parallax-content{transform:perspective(1000px) rotateX(-3deg) rotateY(3deg)}.parallax .parallax-bottom-right:focus~.parallax-content::before,.parallax .parallax-bottom-right:hover~.parallax-content::before{background:linear-gradient(-45deg,rgba(255,255,255,.35) 0,transparent 50%)}.parallax .parallax-bottom-right:focus~.parallax-content .parallax-front,.parallax .parallax-bottom-right:hover~.parallax-content .parallax-front{transform:translate3d(-4.5px,-4.5px,50px) scale(.95)}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eef0f3;border:0;border-radius:.1rem;color:#5755d9;height:.2rem;position:relative;width:100%}.progress::-webkit-progress-bar{background:0 0;border-radius:.1rem}.progress::-webkit-progress-value{background:#5755d9;border-radius:.1rem}.progress::-moz-progress-bar{background:#5755d9;border-radius:.1rem}.progress:indeterminate{animation:progress-indeterminate 1.5s linear infinite;background:#eef0f3 linear-gradient(to right,#5755d9 30%,#eef0f3 30%) top left/150% 150% no-repeat}.progress:indeterminate::-moz-progress-bar{background:0 0}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;display:block;height:1.2rem;width:100%}.slider:focus{box-shadow:0 0 0 .1rem rgba(87,85,217,.2);outline:0}.slider.tooltip:not([data-tooltip])::after{content:attr(value)}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#5755d9;border:0;border-radius:50%;height:.6rem;margin-top:-.25rem;-webkit-transition:transform .2s;transition:transform .2s;width:.6rem}.slider::-moz-range-thumb{background:#5755d9;border:0;border-radius:50%;height:.6rem;-moz-transition:transform .2s;transition:transform .2s;width:.6rem}.slider::-ms-thumb{background:#5755d9;border:0;border-radius:50%;height:.6rem;-ms-transition:transform .2s;transition:transform .2s;width:.6rem}.slider:active::-webkit-slider-thumb{transform:scale(1.25)}.slider:active::-moz-range-thumb{transform:scale(1.25)}.slider:active::-ms-thumb{transform:scale(1.25)}.slider.disabled::-webkit-slider-thumb,.slider:disabled::-webkit-slider-thumb{background:#f7f8f9;transform:scale(1)}.slider.disabled::-moz-range-thumb,.slider:disabled::-moz-range-thumb{background:#f7f8f9;transform:scale(1)}.slider.disabled::-ms-thumb,.slider:disabled::-ms-thumb{background:#f7f8f9;transform:scale(1)}.slider::-webkit-slider-runnable-track{background:#eef0f3;border-radius:.1rem;height:.1rem;width:100%}.slider::-moz-range-track{background:#eef0f3;border-radius:.1rem;height:.1rem;width:100%}.slider::-ms-track{background:#eef0f3;border-radius:.1rem;height:.1rem;width:100%}.slider::-ms-fill-lower{background:#5755d9}.timeline .timeline-item{display:-ms-flexbox;display:flex;margin-bottom:1.2rem;position:relative}.timeline .timeline-item::before{background:#dadee4;content:"";height:100%;left:11px;position:absolute;top:1.2rem;width:2px}.timeline .timeline-item .timeline-left{-ms-flex:0 0 auto;flex:0 0 auto}.timeline .timeline-item .timeline-content{-ms-flex:1 1 auto;flex:1 1 auto;padding:2px 0 2px .8rem}.timeline .timeline-item .timeline-icon{align-items:center;border-radius:50%;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-pack:center;height:1.2rem;justify-content:center;text-align:center;width:1.2rem}.timeline .timeline-item .timeline-icon::before{border:.1rem solid #5755d9;border-radius:50%;content:"";display:block;height:.4rem;left:.4rem;position:absolute;top:.4rem;width:.4rem}.timeline .timeline-item .timeline-icon.icon-lg{background:#5755d9;line-height:1.2rem}.timeline .timeline-item .timeline-icon.icon-lg::before{content:none}.viewer-360{align-items:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column}.viewer-360 .viewer-slider[max="36"][value="1"]+.viewer-image{background-position-y:0}.viewer-360 .viewer-slider[max="36"][value="2"]+.viewer-image{background-position-y:2.8571428571%}.viewer-360 .viewer-slider[max="36"][value="3"]+.viewer-image{background-position-y:5.7142857143%}.viewer-360 .viewer-slider[max="36"][value="4"]+.viewer-image{background-position-y:8.5714285714%}.viewer-360 .viewer-slider[max="36"][value="5"]+.viewer-image{background-position-y:11.4285714286%}.viewer-360 .viewer-slider[max="36"][value="6"]+.viewer-image{background-position-y:14.2857142857%}.viewer-360 .viewer-slider[max="36"][value="7"]+.viewer-image{background-position-y:17.1428571429%}.viewer-360 .viewer-slider[max="36"][value="8"]+.viewer-image{background-position-y:20%}.viewer-360 .viewer-slider[max="36"][value="9"]+.viewer-image{background-position-y:22.8571428571%}.viewer-360 .viewer-slider[max="36"][value="10"]+.viewer-image{background-position-y:25.7142857143%}.viewer-360 .viewer-slider[max="36"][value="11"]+.viewer-image{background-position-y:28.5714285714%}.viewer-360 .viewer-slider[max="36"][value="12"]+.viewer-image{background-position-y:31.4285714286%}.viewer-360 .viewer-slider[max="36"][value="13"]+.viewer-image{background-position-y:34.2857142857%}.viewer-360 .viewer-slider[max="36"][value="14"]+.viewer-image{background-position-y:37.1428571429%}.viewer-360 .viewer-slider[max="36"][value="15"]+.viewer-image{background-position-y:40%}.viewer-360 .viewer-slider[max="36"][value="16"]+.viewer-image{background-position-y:42.8571428571%}.viewer-360 .viewer-slider[max="36"][value="17"]+.viewer-image{background-position-y:45.7142857143%}.viewer-360 .viewer-slider[max="36"][value="18"]+.viewer-image{background-position-y:48.5714285714%}.viewer-360 .viewer-slider[max="36"][value="19"]+.viewer-image{background-position-y:51.4285714286%}.viewer-360 .viewer-slider[max="36"][value="20"]+.viewer-image{background-position-y:54.2857142857%}.viewer-360 .viewer-slider[max="36"][value="21"]+.viewer-image{background-position-y:57.1428571429%}.viewer-360 .viewer-slider[max="36"][value="22"]+.viewer-image{background-position-y:60%}.viewer-360 .viewer-slider[max="36"][value="23"]+.viewer-image{background-position-y:62.8571428571%}.viewer-360 .viewer-slider[max="36"][value="24"]+.viewer-image{background-position-y:65.7142857143%}.viewer-360 .viewer-slider[max="36"][value="25"]+.viewer-image{background-position-y:68.5714285714%}.viewer-360 .viewer-slider[max="36"][value="26"]+.viewer-image{background-position-y:71.4285714286%}.viewer-360 .viewer-slider[max="36"][value="27"]+.viewer-image{background-position-y:74.2857142857%}.viewer-360 .viewer-slider[max="36"][value="28"]+.viewer-image{background-position-y:77.1428571429%}.viewer-360 .viewer-slider[max="36"][value="29"]+.viewer-image{background-position-y:80%}.viewer-360 .viewer-slider[max="36"][value="30"]+.viewer-image{background-position-y:82.8571428571%}.viewer-360 .viewer-slider[max="36"][value="31"]+.viewer-image{background-position-y:85.7142857143%}.viewer-360 .viewer-slider[max="36"][value="32"]+.viewer-image{background-position-y:88.5714285714%}.viewer-360 .viewer-slider[max="36"][value="33"]+.viewer-image{background-position-y:91.4285714286%}.viewer-360 .viewer-slider[max="36"][value="34"]+.viewer-image{background-position-y:94.2857142857%}.viewer-360 .viewer-slider[max="36"][value="35"]+.viewer-image{background-position-y:97.1428571429%}.viewer-360 .viewer-slider[max="36"][value="36"]+.viewer-image{background-position-y:100%}.viewer-360 .viewer-slider{cursor:ew-resize;-ms-flex-order:2;margin:1rem;order:2;width:60%}.viewer-360 .viewer-image{background-position-y:0;background-repeat:no-repeat;background-size:100%;-ms-flex-order:1;max-width:100%;order:1}
/*! Spectre.css Icons v0.5.9 | MIT License | github.com/picturepan2/spectre */.icon{box-sizing:border-box;display:inline-block;font-size:inherit;font-style:normal;height:1em;position:relative;text-indent:-9999px;vertical-align:middle;width:1em}.icon::after,.icon::before{content:"";display:block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.icon.icon-2x{font-size:1.6rem}.icon.icon-3x{font-size:2.4rem}.icon.icon-4x{font-size:3.2rem}.accordion .icon,.btn .icon,.menu .icon,.toast .icon{vertical-align:-10%}.btn-lg .icon{vertical-align:-15%}.icon-arrow-down::before,.icon-arrow-left::before,.icon-arrow-right::before,.icon-arrow-up::before,.icon-back::before,.icon-downward::before,.icon-forward::before,.icon-upward::before{border:.1rem solid currentColor;border-bottom:0;border-right:0;height:.65em;width:.65em}.icon-arrow-down::before{transform:translate(-50%,-75%) rotate(225deg)}.icon-arrow-left::before{transform:translate(-25%,-50%) rotate(-45deg)}.icon-arrow-right::before{transform:translate(-75%,-50%) rotate(135deg)}.icon-arrow-up::before{transform:translate(-50%,-25%) rotate(45deg)}.icon-back::after,.icon-forward::after{background:currentColor;height:.1rem;width:.8em}.icon-downward::after,.icon-upward::after{background:currentColor;height:.8em;width:.1rem}.icon-back::after{left:55%}.icon-back::before{transform:translate(-50%,-50%) rotate(-45deg)}.icon-downward::after{top:45%}.icon-downward::before{transform:translate(-50%,-50%) rotate(-135deg)}.icon-forward::after{left:45%}.icon-forward::before{transform:translate(-50%,-50%) rotate(135deg)}.icon-upward::after{top:55%}.icon-upward::before{transform:translate(-50%,-50%) rotate(45deg)}.icon-caret::before{border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid currentColor;height:0;transform:translate(-50%,-25%);width:0}.icon-menu::before{background:currentColor;box-shadow:0 -.35em,0 .35em;height:.1rem;width:100%}.icon-apps::before{background:currentColor;box-shadow:-.35em -.35em,-.35em 0,-.35em .35em,0 -.35em,0 .35em,.35em -.35em,.35em 0,.35em .35em;height:3px;width:3px}.icon-resize-horiz::after,.icon-resize-horiz::before,.icon-resize-vert::after,.icon-resize-vert::before{border:.1rem solid currentColor;border-bottom:0;border-right:0;height:.45em;width:.45em}.icon-resize-horiz::before,.icon-resize-vert::before{transform:translate(-50%,-90%) rotate(45deg)}.icon-resize-horiz::after,.icon-resize-vert::after{transform:translate(-50%,-10%) rotate(225deg)}.icon-resize-horiz::before{transform:translate(-90%,-50%) rotate(-45deg)}.icon-resize-horiz::after{transform:translate(-10%,-50%) rotate(135deg)}.icon-more-horiz::before,.icon-more-vert::before{background:currentColor;border-radius:50%;box-shadow:-.4em 0,.4em 0;height:3px;width:3px}.icon-more-vert::before{box-shadow:0 -.4em,0 .4em}.icon-cross::before,.icon-minus::before,.icon-plus::before{background:currentColor;height:.1rem;width:100%}.icon-cross::after,.icon-plus::after{background:currentColor;height:100%;width:.1rem}.icon-cross::before{width:100%}.icon-cross::after{height:100%}.icon-cross::after,.icon-cross::before{transform:translate(-50%,-50%) rotate(45deg)}.icon-check::before{border:.1rem solid currentColor;border-right:0;border-top:0;height:.5em;transform:translate(-50%,-75%) rotate(-45deg);width:.9em}.icon-stop{border:.1rem solid currentColor;border-radius:50%}.icon-stop::before{background:currentColor;height:.1rem;transform:translate(-50%,-50%) rotate(45deg);width:1em}.icon-shutdown{border:.1rem solid currentColor;border-radius:50%;border-top-color:transparent}.icon-shutdown::before{background:currentColor;content:"";height:.5em;top:.1em;width:.1rem}.icon-refresh::before{border:.1rem solid currentColor;border-radius:50%;border-right-color:transparent;height:1em;width:1em}.icon-refresh::after{border:.2em solid currentColor;border-left-color:transparent;border-top-color:transparent;height:0;left:80%;top:20%;width:0}.icon-search::before{border:.1rem solid currentColor;border-radius:50%;height:.75em;left:5%;top:5%;transform:translate(0,0) rotate(45deg);width:.75em}.icon-search::after{background:currentColor;height:.1rem;left:80%;top:80%;transform:translate(-50%,-50%) rotate(45deg);width:.4em}.icon-edit::before{border:.1rem solid currentColor;height:.4em;transform:translate(-40%,-60%) rotate(-45deg);width:.85em}.icon-edit::after{border:.15em solid currentColor;border-right-color:transparent;border-top-color:transparent;height:0;left:5%;top:95%;transform:translate(0,-100%);width:0}.icon-delete::before{border:.1rem solid currentColor;border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem;border-top:0;height:.75em;top:60%;width:.75em}.icon-delete::after{background:currentColor;box-shadow:-.25em .2em,.25em .2em;height:.1rem;top:.05rem;width:.5em}.icon-share{border:.1rem solid currentColor;border-radius:.1rem;border-right:0;border-top:0}.icon-share::before{border:.1rem solid currentColor;border-left:0;border-top:0;height:.4em;left:100%;top:.25em;transform:translate(-125%,-50%) rotate(-45deg);width:.4em}.icon-share::after{border:.1rem solid currentColor;border-bottom:0;border-radius:75% 0;border-right:0;height:.5em;width:.6em}.icon-flag::before{background:currentColor;height:1em;left:15%;width:.1rem}.icon-flag::after{border:.1rem solid currentColor;border-bottom-right-radius:.1rem;border-left:0;border-top-right-radius:.1rem;height:.65em;left:60%;top:35%;width:.8em}.icon-bookmark::before{border:.1rem solid currentColor;border-bottom:0;border-top-left-radius:.1rem;border-top-right-radius:.1rem;height:.9em;width:.8em}.icon-bookmark::after{border:.1rem solid currentColor;border-bottom:0;border-left:0;border-radius:.1rem;height:.5em;transform:translate(-50%,35%) rotate(-45deg) skew(15deg,15deg);width:.5em}.icon-download,.icon-upload{border-bottom:.1rem solid currentColor}.icon-download::before,.icon-upload::before{border:.1rem solid currentColor;border-bottom:0;border-right:0;height:.5em;transform:translate(-50%,-60%) rotate(-135deg);width:.5em}.icon-download::after,.icon-upload::after{background:currentColor;height:.6em;top:40%;width:.1rem}.icon-upload::before{transform:translate(-50%,-60%) rotate(45deg)}.icon-upload::after{top:50%}.icon-copy::before{border:.1rem solid currentColor;border-bottom:0;border-radius:.1rem;border-right:0;height:.8em;left:40%;top:35%;width:.8em}.icon-copy::after{border:.1rem solid currentColor;border-radius:.1rem;height:.8em;left:60%;top:60%;width:.8em}.icon-time{border:.1rem solid currentColor;border-radius:50%}.icon-time::before{background:currentColor;height:.4em;transform:translate(-50%,-75%);width:.1rem}.icon-time::after{background:currentColor;height:.3em;transform:translate(-50%,-75%) rotate(90deg);transform-origin:50% 90%;width:.1rem}.icon-mail::before{border:.1rem solid currentColor;border-radius:.1rem;height:.8em;width:1em}.icon-mail::after{border:.1rem solid currentColor;border-right:0;border-top:0;height:.5em;transform:translate(-50%,-90%) rotate(-45deg) skew(10deg,10deg);width:.5em}.icon-people::before{border:.1rem solid currentColor;border-radius:50%;height:.45em;top:25%;width:.45em}.icon-people::after{border:.1rem solid currentColor;border-radius:50% 50% 0 0;height:.4em;top:75%;width:.9em}.icon-message{border:.1rem solid currentColor;border-bottom:0;border-radius:.1rem;border-right:0}.icon-message::before{border:.1rem solid currentColor;border-bottom-right-radius:.1rem;border-left:0;border-top:0;height:.8em;left:65%;top:40%;width:.7em}.icon-message::after{background:currentColor;border-radius:.1rem;height:.3em;left:10%;top:100%;transform:translate(0,-90%) rotate(45deg);width:.1rem}.icon-photo{border:.1rem solid currentColor;border-radius:.1rem}.icon-photo::before{border:.1rem solid currentColor;border-radius:50%;height:.25em;left:35%;top:35%;width:.25em}.icon-photo::after{border:.1rem solid currentColor;border-bottom:0;border-left:0;height:.5em;left:60%;transform:translate(-50%,25%) rotate(-45deg);width:.5em}.icon-link::after,.icon-link::before{border:.1rem solid currentColor;border-radius:5em 0 0 5em;border-right:0;height:.5em;width:.75em}.icon-link::before{transform:translate(-70%,-45%) rotate(-45deg)}.icon-link::after{transform:translate(-30%,-55%) rotate(135deg)}.icon-location::before{border:.1rem solid currentColor;border-radius:50% 50% 50% 0;height:.8em;transform:translate(-50%,-60%) rotate(-45deg);width:.8em}.icon-location::after{border:.1rem solid currentColor;border-radius:50%;height:.2em;transform:translate(-50%,-80%);width:.2em}.icon-emoji{border:.1rem solid currentColor;border-radius:50%}.icon-emoji::before{border-radius:50%;box-shadow:-.17em -.1em,.17em -.1em;height:.15em;width:.15em}.icon-emoji::after{border:.1rem solid currentColor;border-bottom-color:transparent;border-radius:50%;border-right-color:transparent;height:.5em;transform:translate(-50%,-40%) rotate(-135deg);width:.5em}
dialog {
  position: absolute;
  left: 0; right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: white;
  color: black;
  display: block;
}

dialog:not([open]) {
  display: none;
}

dialog + .backdrop {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0,0,0,0.1);
}

._dialog_overlay {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
}

dialog.fixed {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
}
html,
body {
  height: 100%;
  margin: 0px;
}
.btn {
  color: #ffffff !important;
  background: #5755d9 !important;
  border-color: #4b48d6 !important;
}
.btn-tiny {
  background: #5755d9;
  border-color: #4b48d6;
  color: #fff;
  cursor: pointer;
  height: 1.5rem;
  line-height: 0.5rem;
}
.btn-max {
  margin-left: 10px;
}
.btn-submit {
  min-width: 183px;
  height: 50px;
  font-size: 20px;
  margin: 10px 0 30px 0;
}
.btn-rounded {
  border-radius: 8px;
}
.flex {
  display: flex;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.centered-content {
  display: flex;
  padding: 0px;
  justify-content: center;
}
.centered-content button {
  margin-right: 20px;
}
.dynamic-title {
  font-size: 32px;
  margin-bottom: 16px;
}
.capitalized {
  text-transform: capitalize;
}
.main-container {
  margin: 0 0 0 60px;
}
.hidden {
  display: none !important;
}
.visibility-hidden {
  visibility: hidden !important;
}
a:link {
  color: #ddd;
}
a:visited {
  color: #ccc;
}
a:hover {
  color: #fff;
}
a:active {
  color: #ddd;
}
@font-face {
  font-family: Prototype;
  src: url(./assets/Prototype.ttf);
  unicode-range: U+000-5FF;
  /* Latin glyphs */
}
@font-face {
  font-family: Prototype;
  src: url(./assets/Prototype-ru.ttf);
  unicode-range: U+0410-044F;
  /* Russian glyphs */
}
@font-face {
  font-family: Prototype;
  src: url(./assets/Prototype-pl.ttf);
  unicode-range: U+0104-0107, U+0118-0119, U+0141-0144, U+00D3, U+00F3, U+015A, U+015B, U+0179, U+017A-017C;
  /* Polish glyphs */
}
body {
  background: #303030;
  color: #dddddd;
  font-family: Ubuntu, Sans;
  font-size: 23px;
}
h1 {
  filter: drop-shadow(4px 4px 4px black);
  text-shadow: -1px -1px 1px #aaaa, 1px 1px 1px #333a;
  padding: 1px 15px;
  border-radius: 8px;
}
h2 {
  font-size: 32px;
  filter: drop-shadow(4px 4px 4px black);
  text-shadow: -1px -1px 6px #aaa4;
}
.filterDiv {
  font-size: 17px !important;
}
.is-action {
  color: lightblue;
  cursor: pointer;
}
.nowrap {
  white-space: nowrap;
}
.newlines {
  white-space: pre;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.player_bg_color_red {
  background-color: #991100;
}
.player_bg_color_yellow {
  background-color: #aaaa00;
}
.player_bg_color_green {
  background-color: #009900;
}
.player_bg_color_black {
  background-color: #aaaaaa;
}
.player_bg_color_blue {
  background-color: #0066ff;
}
.player_bg_color_purple {
  background-color: #8c00ff;
}
.player_bg_color_orange {
  background-color: #ec710c;
}
.player_bg_color_pink {
  background-color: #f574bb;
}
.player_translucent_bg_color_red {
  background: rgba(153, 17, 0, 0.7);
}
.player_translucent_bg_color_yellow {
  background: rgba(170, 170, 0, 0.7);
}
.player_translucent_bg_color_green {
  background: rgba(0, 153, 0, 0.7);
}
.player_translucent_bg_color_black {
  background: rgba(170, 170, 170, 0.7);
}
.player_translucent_bg_color_blue {
  background: rgba(0, 102, 255, 0.7);
}
.player_translucent_bg_color_purple {
  background: rgba(140, 0, 255, 0.7);
}
.player_translucent_bg_color_orange {
  background: rgba(236, 113, 12, 0.7);
}
.player_translucent_bg_color_pink {
  background: rgba(245, 116, 187, 0.7);
}
.alert-dialog {
  position: fixed;
}
.general-warning {
  color: #bb0000;
}
.filterDiv,
.filterDiv::after,
.filterDiv::before,
.filterDiv *::after,
.filterDiv *::before,
.filterDiv *,
.filterDiv ::before,
.filterDiv ::after {
  box-sizing: content-box;
}
.cardbox {
  display: inline-block;
  vertical-align: top;
}
.cards-stack {
  position: relative;
  margin-top: -256px;
  filter: drop-shadow(0px -3px 3px black);
  z-index: 1;
}
.cards-stack:hover {
  z-index: 2;
}
.cards-stack-first {
  position: relative;
  z-index: 1;
}
.cards-stack-first:hover {
  z-index: 2;
}
.card-unavailable {
  filter: brightness(0.55);
}
.card-unavailable:hover {
  filter: brightness(1);
}
.card-hide {
  display: none;
}
.nofloat {
  clear: both;
  margin-bottom: 15px;
}
.cardbox-with-owner-label {
  padding-bottom: 25px;
}
.card-owner-label {
  border-radius: 0px 0px 15px 15px;
  margin: auto;
  margin-top: 10px;
  width: 60%;
  padding: 3px 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.card-warning {
  font-size: 18px;
  color: #d73a49;
  padding: 10px 0;
}
.filterDiv {
  cursor: pointer;
  position: relative;
  background: #333333;
  background: linear-gradient(to bottom right, #ffffff, #aaaaaa, #eeeeee, #cecece, #dddddd, #eeeeee, #cccccc);
  width: 240px;
  height: 310px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 15px 30px 10px 0px;
  border-top: 4px solid #dddddd;
  border-left: 4px solid #dddddd;
  border-bottom: 4px solid #898989;
  border-right: 4px solid #898989;
  border-radius: 20px;
  box-shadow: 0 0 2px 1px black;
}
input[type="checkbox"] + .filterDiv.card-container,
input[type="radio"] + .filterDiv.card-container {
  margin-top: 22px;
}
input[type="checkbox"]:checked + .filterDiv,
input[type="radio"]:checked + .filterDiv {
  box-shadow: 0 0 0 1px #303030, 0 0 7px 10px #c97e23;
}
input[type="checkbox"]:checked + .filterDiv::after,
input[type="radio"]:checked + .filterDiv::after {
  content: "✓";
  position: absolute;
  width: 90px;
  height: 21px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  top: -30px;
  left: calc(50% - 45px);
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  background: #c97e23;
  color: black;
  z-index: 1;
}
.filterDiv3 {
  position: relative;
  background: #eeeeee;
  background: linear-gradient(to bottom right, #ffffff, #aaaaaa, #eeeeee, #cecece, #dddddd, #eeeeee, #cccccc);
  width: 240px;
  height: 310px;
  font-family: Arial, Helvetica, sans-serif;
  left: 33%;
  margin-top: 240px;
  transform: scale(2);
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
  border-radius: 20px;
  box-shadow: 0 0 30px 15px black;
  transition: transform 200ms ease-in-out;
}
.filterDiv-stacked {
  transform: perspective(3500px) rotateY(45deg);
  box-shadow: 0 0 30px 15px black;
  transition: 0.2s;
  margin-right: -130px;
  transition: transform 200ms ease-in-out;
}
.filterDiv-stacked:hover {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
  transition: transform 200ms ease-in-out;
  z-index: 99;
}
.prelude-card {
  height: 240px;
}
.colony-card {
  color: white;
  height: 275px;
  width: 418px;
  background-color: black;
  background-repeat: no-repeat;
  border: none;
  padding-top: 1px;
}
.price {
  float: left;
  font-size: 26px;
  width: 50px;
  height: 50px;
  line-height: 48px;
  border-radius: 10px;
  text-align: center;
  margin-top: -77px;
  margin-left: -10px;
  background-image: url(./assets/resources/megacredit.png);
  background-size: 50px;
  filter: drop-shadow(0px 0px 1px black);
  font-family: Prototype;
  color: #000;
}
.number {
  float: left;
  font-family: Prototype;
  width: 36px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-top: -64px;
  margin-left: 50px;
  font-size: 12px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  background: #cccccc;
  border-radius: 2px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
}
.prelude-label {
  text-transform: uppercase;
  float: left;
  width: 80px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  margin-top: -64px;
  margin-left: 4px;
  font-size: 12px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #eb76ab;
  border-radius: 14px 2px 2px 2px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
}
/* .standard-icon:after {
    content: "\00a0";
    position: absolute;
    border: 1px solid black;
    line-height: 16px;
    width: 16px;
    height: 16px;
    text-align: center;
    color: white;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
} */
.corporate-icon:after {
  position: absolute;
  border: 1px solid black;
  background-color: #cc3333;
  font-size: 11px;
  line-height: 15px;
  width: 16px;
  height: 16px;
  text-align: center;
  color: white;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  content: "";
  background-image: url("./assets/triangle16.png");
  background-size: 10px 10px;
  background-position: bottom 4px right 3px;
  background-repeat: no-repeat;
}
.prelude-icon:after {
  position: absolute;
  border: 1px solid black;
  background-color: #eb76ab;
  font-size: 11px;
  font-weight: bold;
  line-height: 15px;
  width: 16px;
  height: 16px;
  text-align: center;
  color: white;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  content: "";
  background-image: url("./assets/triangle16.png");
  background-size: 10px 10px;
  background-position: bottom 4px right 3px;
  background-repeat: no-repeat;
  transform: rotate(-90deg);
}
.prelude2-icon:after {
  position: absolute;
  border: 1px solid black;
  font-family: Prototype;
  background-color: #eb76ab;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  width: 16px;
  height: 16px;
  text-align: center;
  color: white;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  content: "2";
}
.venus-icon:after {
  position: absolute;
  border: 1px solid black;
  background: #5496c9;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  width: 16px;
  height: 16px;
  text-align: center;
  color: white;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  content: "";
  background-image: url("./assets/triangle16.png");
  background-size: 10px 10px;
  background-position: bottom 4px right 3px;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
.turmoil-icon:after {
  position: absolute;
  color: #222;
  border: 1px solid black;
  background: darkorange;
  font-weight: bold;
  font-size: 16px;
  line-height: 14px;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  content: "\25b2";
  transform: rotate(180deg);
}
.promo-icon:after {
  position: absolute;
  border: 1px solid black;
  background: white;
  border: 5px solid #444444;
  font-weight: bold;
  font-size: 24px;
  line-height: 18px;
  width: 8px;
  height: 8px;
  text-align: center;
  color: white;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  content: "\0020";
}
.colonies-icon:after {
  position: absolute;
  color: #222;
  border: 1px solid black;
  font-weight: bold;
  font-size: 16px;
  line-height: 14px;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  content: "\25b2";
  background: #d4d4d4;
}
.community-icon:after {
  position: absolute;
  color: #222;
  border: 1px solid black;
  background: moccasin;
  font-weight: bold;
  font-size: 16px;
  line-height: 14px;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  content: "\2666";
}
.ares-icon:after {
  position: absolute;
  color: #EFEF64;
  border: 1px solid black;
  background: #953316;
  font-family: Prototype;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  content: "A";
}
.moon-icon:after {
  position: absolute;
  color: #DDD;
  border: 1px solid #222;
  background: #999;
  font-family: Prototype;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  content: "M";
}
.pathfinders-icon:after {
  position: absolute;
  color: #DDD;
  border: 1px solid #222;
  background: #b84;
  font-family: Prototype;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  content: "🪐";
}
.ceo-icon:after {
  position: absolute;
  color: #000;
  border: 1px solid #222;
  background: #edbd18;
  font-family: Prototype;
  font-size: 9px;
  line-height: 17px;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  content: "💼";
}
.starwars-icon:after {
  position: absolute;
  color: #DDD;
  border: 1px solid #222;
  background: #999;
  font-family: Prototype;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  content: "W";
}
.underworld-icon:after {
  position: absolute;
  background-image: url(./assets/expansion_icons/expansion_icon_underworld.png);
  width: 26px;
  height: 26px;
  background-size: 26px;
  content: "";
}
.button-icon:after {
  margin-top: -9px;
  margin-left: -9px;
}
.tag {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 40px;
  height: 40px;
  background-size: 50px;
  background-position: -5px;
  text-align: center;
  border-radius: 50%;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
  background-color: white;
  margin-top: -6px;
  filter: brightness(0.9);
}
.tag1 {
  margin-left: 200px;
}
.tag2 {
  margin-left: 152px;
}
.tag3 {
  margin-left: 104px;
}
.title {
  font-family: "Ubuntu";
  color: #020202;
  text-transform: uppercase;
  float: left;
  margin-top: 36px;
  margin-left: -1px;
  width: 100%;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 0 0 30% 30%;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
}
.show {
  display: block;
}
.container {
  margin-top: 20px;
  overflow: hidden;
}
.close {
  position: absolute;
  left: 870px;
  margin-top: -10px;
  font-weight: bold;
  font-size: 40px;
  cursor: pointer;
}
/*********** Title text sizing************/
.title-small {
  font-size: 15px !important;
}
.title-smaller {
  font-size: 14px !important;
}
/*********** Background colors************/
.background-color-corporation {
  background: linear-gradient(-60deg, #ffcc64 10%, #ffdd99, #ffcc64 90%);
}
.background-color-automated {
  background: linear-gradient(-60deg, #089108 10%, #0ac20a, #089108 90%);
}
.background-color-ceo {
  background: linear-gradient(-60deg, #F8C61B 10%, #EED240, #CD872A 90%);
}
.background-color-active {
  background: linear-gradient(-60deg, #208cdf 10%, #4da3e6, #208cdf 90%);
}
.background-color-events {
  background: linear-gradient(-60deg, #ec6a13 10%, #f08842, #ec6a13 90%);
}
.background-color-prelude {
  background: linear-gradient(-60deg, #eb76ab 10%, #f2a6c8, #eb76ab 90%);
}
.background-color-colony {
  background: linear-gradient(-60deg, #9e9180 10%, rgba(158, 145, 128, 0.6), #9e9180 90%);
}
.background-color-global {
  background: linear-gradient(-60deg, #43afa5 10%, #43afa588, #43afa5 90%);
}
.background-color-standard-project {
  background: linear-gradient(-60deg, #a0a0a7 10%, #c0c0c0, #a0a0a7 90%);
}
.background-color-global-event {
  background: #EEE;
}
/*********** Style the tags ************/
.tag-wild {
  background-image: url("./assets/tags/wild.png");
}
.tag-building {
  background-image: url("./assets/tags/building.png");
}
.tag-space {
  background-image: url("./assets/tags/space.png");
}
.tag-power {
  background-image: url("./assets/tags/power.png");
}
.tag-jovian {
  background-image: url("./assets/tags/jovian.png");
}
.tag-venus {
  background-image: url("./assets/tags/venus.png");
}
.tag-earth {
  background-image: url("./assets/tags/earth.png");
}
.tag-city {
  background-image: url("./assets/tags/city.png");
}
.tag-microbe {
  background-image: url("./assets/tags/microbe.png");
}
.tag-plant {
  background-image: url("./assets/tags/plant.png");
}
.tag-animal {
  background-image: url("./assets/tags/animal.png");
}
.tag-event {
  background-image: url("./assets/tags/event.png");
}
.tag-science {
  background-image: url("./assets/tags/science.png");
  background-size: 46px;
  background-position: -3px;
}
.tag-moon {
  background-image: url("./assets/tags/moon.png");
}
.tag-mars {
  background-image: url("./assets/tags/mars.png");
}
.tag-clone {
  background-image: url("./assets/tags/clone.png");
}
.tag-crime {
  background-image: url("./assets/tags/crime.png");
}
.tag-none {
  background-image: url("./assets/tags/tag-none.png");
}
.tag-asterisk {
  background-image: url("./assets/underworld/asterisk-tag.png");
}
/************** Style the Content ************/
.content {
  color: black;
  position: relative;
  display: inline-block;
  width: 220px;
  padding: 10px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
}
.content.hover-hide-res:hover {
  z-index: 4;
}
.contentCorporation {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 8px;
  color: #020202;
}
.requirements {
  width: 70%;
  margin-left: 33px;
  margin-bottom: 10px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-weight: normal;
  font-size: 15px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  background: linear-gradient(90deg, #f3a10e 0%, #fdea25 45%, #fdea25 55%, #f3a10e 100%);
  font-family: Ubuntu;
  font-weight: bold;
}
.requirements-max {
  background-image: url(./assets/requisites/max_big.png);
  background-size: 164px 34px;
  background-position: -4px -4px;
  filter: grayscale(0.2);
}
.points {
  position: absolute;
  font-family: Prototype;
  font-weight: normal;
  margin-top: 177px;
  margin-left: 137px;
  width: 80px;
  height: 42px;
  line-height: 35px;
  font-size: 28px;
  text-align: center;
  border-radius: 12px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
  background-color: #cda282;
  background: linear-gradient(#cc8b00, #805700, #805700);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
}
.pointsCorporation {
  position: absolute;
  font-family: Prototype;
  font-weight: normal;
  z-index: 1;
  margin-top: 250px;
  margin-left: 135px;
  width: 80px;
  height: 42px;
  line-height: 35px;
  font-size: 28px;
  text-align: center;
  border-radius: 12px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
  background-color: #cda282;
  background: linear-gradient(#cc8b00, #805700, #805700);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
}
.points-big {
  line-height: 42px;
  font-size: 36px;
  text-shadow: 0 0 5px darkorange;
}
.description {
  color: #020202;
  font-size: 11px;
  line-height: 13px;
  font-weight: normal;
}
.production-box {
  font-family: Prototype;
  font-weight: normal;
  font-size: 18px;
  width: 44px;
  display: inline-block;
  vertical-align: middle;
  text-shadow: none;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  padding-top: 4px;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 2px;
  padding-bottom: 4px;
  line-height: 32px;
  background-image: url(./assets/misc/production.png);
  background-size: cover;
}
.production-box div {
  display: inline-block;
}
.production-box .resource-tag {
  margin-bottom: 2px !important;
}
.production-box-size1a {
  width: 66px;
}
.production-box-size2 {
  width: 80px;
}
.production-box-size2a {
  width: 100px;
}
.production-box-size3 {
  width: 115px;
}
.production-box-size3a {
  width: 130px;
}
.production-box-size4 {
  width: 150px;
}
.production-box-size4a {
  width: 165px;
}
.production {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  background-size: 30px;
  line-height: 30px;
  margin: 2px;
  text-align: center;
  vertical-align: bottom;
}
.production-prefix {
  display: inline-block;
  position: relative;
  color: #0000;
  width: 23px;
  height: 10px;
  vertical-align: central;
  line-height: 10px;
  font-weight: normal;
  font-size: 20px;
}
.empty-production {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 25px;
  line-height: 25px;
  margin-top: 2px;
  margin-left: 3px;
  margin-right: 6px;
  text-align: center;
  background-color: #805700;
  border: 1px solid #805700;
}
.red-outline {
  filter: drop-shadow(1px 0px 1px #c33) drop-shadow(-1px 0px 1px #c33) drop-shadow(0px 1px 1px #c33) drop-shadow(0px -1px 1px #c33) !important;
}
/************** Tiles**************/
.tile {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 40px;
  height: 46px;
  background-size: 40px 46px;
  line-height: 16px;
  text-align: center;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  filter: drop-shadow(0px 0px 1px black);
  background-image: url(./assets/tiles/empty.png);
}
.global-param-same-size {
  width: 50px;
  height: 50px;
  align-self: center;
}
.temperature-tile {
  background-image: url(./assets/global-parameters/temperature.png);
  width: 14px;
  background-size: 14px 46px;
}
.greenery-tile {
  background-image: url(./assets/tiles/greenery.png);
  background-size: 50px 46px;
  width: 50px;
}
.greenery-no-O2-tile {
  background-image: url(./assets/tiles/greenery_no_O2.png);
}
.ocean-tile {
  background-image: url(./assets/tiles/ocean.png);
}
.ocean-resource {
  background-image: url(./assets/tiles/ocean.png);
  width: 30px !important;
  height: 32px !important;
  background-size: 30px 32px !important;
  vertical-align: middle !important;
  box-shadow: none !important;
  background-repeat: no-repeat;
}
.city-tile {
  background-image: url(./assets/tiles/city.png);
  filter: brightness(0.8) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
}
.city-tile-small {
  background-image: url(./assets/tiles/city.png);
  filter: brightness(0.8) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
  width: 30px;
  height: 32px;
  background-size: 30px 32px;
}
.empty-tile-small {
  background-image: url(./assets/tiles/empty.png);
  width: 30px;
  height: 32px;
  background-size: 30px 32px;
}
.special-tile {
  background-image: url(./assets/tiles/special.png);
  width: 40px;
  height: 47px;
  background-size: 40px;
}
.special-tile--S {
  background-image: url(./assets/tiles/special.png);
  width: 30px;
  height: 32px;
  background-size: 30px 32px;
}
.oxygen-tile {
  background-image: url(./assets/global-parameters/oxygen.png);
  width: 46px;
  background-size: 46px;
}
.venus-tile {
  background-image: url(./assets/global-parameters/venus.png);
  width: 60px;
  height: 40px;
  background-size: 60px 40px;
  color: #0000;
}
.city-or-special-tile {
  background-image: url(./assets/promo/city-or-special-tile.png);
  width: 40px;
  height: 47px;
  background-size: 40px;
}
.rating {
  background-image: url(./assets/resources/tr.png);
  width: 55px;
  height: 40px;
  background-size: 55px 40px;
}
.globals-box {
  width: 130px;
  text-shadow: none;
  font-size: 12px;
  font-weight: bold;
  line-height: 17px;
  display: inline-block;
  vertical-align: middle;
  padding-top: 5px;
  margin-right: 5px;
  border-radius: 5px;
  height: 20px;
  background: linear-gradient(90deg, #f3a10e 0%, #fdea25 45%, #fdea25 55%, #f3a10e 100%);
  filter: drop-shadow(0px 0px 1px black);
}
.colony {
  background-image: url(./assets/tiles/colony.png);
  height: 40px;
  width: 46px;
  background-size: 46px;
}
.trade {
  background-image: url(./assets/tiles/trade.png);
  height: 40px;
  width: 48px;
  background-size: 48px;
}
.fleet {
  background-image: url(./assets/tiles/trade.png);
  height: 40px;
  width: 48px;
  background-size: 48px;
  filter: invert(1) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5)) drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.5));
}
/**************Resources***********/
.resource {
  font-family: Prototype;
  position: relative;
  display: inline-block;
  margin-top: 5px;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 10px;
  width: 30px;
  height: 30px;
  font-size: 22px;
  line-height: 30px;
  background-size: 30px;
  filter: drop-shadow(0px 0px 1px black);
  vertical-align: middle;
}
.resource.resource--white {
  background: white;
}
.resource-tag {
  position: relative;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-size: 34px 34px;
  background-position: -2px -2px;
  line-height: 28px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  vertical-align: middle;
  margin-bottom: 5px;
  filter: brightness(0.9);
}
.money,
.megacredits,
.megacredits,
.log-resource-megacredits,
.log-resource-megacredits {
  font-family: Prototype;
  color: black;
  background-image: url(./assets/resources/megacredit.png);
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.steel {
  background-image: url(./assets/resources/steel.png);
}
.titanium {
  background-image: url(./assets/resources/titanium.png);
}
/* TODO(kberg): Remove plant, as the resource type in the game is the string "plants" */
.plant,
.plants {
  background-image: url(./assets/resources/plant.png);
}
.energy {
  background-image: url(./assets/resources/power.png);
}
.heat {
  background-image: url(./assets/resources/heat.png);
}
.microbe {
  background-image: url(./assets/resources/microbe.png);
}
.animal {
  background-image: url(./assets/resources/animal.png);
}
.science {
  background-image: url(./assets/resources/science.png);
}
.floater {
  background-image: url(./assets/resources/floater.png);
}
.wild {
  background-image: url(./assets/resources/wild.png);
}
.fighter {
  background-image: url(./assets/resources/fighter.png);
}
.camp {
  background-image: url(./assets/resources/camp.png);
}
.preservation {
  background-image: url(./assets/resources/preservation.png);
}
.asteroid {
  color: #0000 !important;
  background-image: url(./assets/resources/asteroid.png);
}
.disease {
  color: #0000 !important;
  background-image: url(./assets/resources/disease.png);
}
.pristar {
  background-image: url(./assets/resources/preservation.png);
}
.data {
  background-image: url(./assets/resources/data.png);
}
.card {
  background: url("./assets/resources/card.png");
  height: 40px;
  width: 30px;
  background-size: 30px 40px;
  vertical-align: middle;
  border: none;
}
.card-with-border {
  border: 0.05rem solid #dadee4;
  border-radius: 0.1rem;
}
.card-icon {
  position: absolute;
  margin-left: 15px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  background-size: 24px 24px;
  background-position: center;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
}
.card-icon-box {
  position: absolute;
  margin-left: 15px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-size: 24px 24px;
  background-position: center;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
}
.card-icon-venus {
  background: #5496c9;
  border-radius: 50%;
  text-shadow: 0 0 1px black;
  font-size: 14px;
  line-height: 22px;
  margin-top: -10px;
}
.card-icon-microbe {
  background: linear-gradient(#bce444, #8cb319);
  color: #3f703a;
  border-radius: 50%;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}
.card-icon-floater {
  background: #ffcc64;
  color: white;
  font-size: 14px;
  border-radius: 2px;
  text-shadow: 0 0 1px black;
}
.card-icon-space {
  background: black;
  color: yellow;
  font-size: 14px;
  border-radius: 50%;
}
.card-icon-science {
  background-image: url("./assets/tags/science.png");
  border-radius: 50%;
}
.card-icon-plant {
  background: linear-gradient(#0bda0b, #09aa09);
  color: #3f703a;
  font-size: 14px;
  border-radius: 50%;
}
.card-icon-building {
  background: linear-gradient(#a27147, #593e27);
  background-size: 20px 20px;
  color: #493628;
  font-size: 12px;
  border-radius: 50%;
  text-shadow: 0 0 1px black;
}
.card-icon-jovian {
  background: url("./assets/resources/tag-jovian.png");
  border-radius: 50%;
  margin-top: -10px;
  box-shadow: 0 0 1px black;
  border: 1px solid #444;
}
.card-icon-event {
  background-image: url("./assets/tag-event.png");
  border-radius: 50%;
}
.card-icon-blue {
  margin-left: 17px;
  background: #176fe4;
  border-radius: 50%;
}
.card-footer {
  display: inline-block;
  vertical-align: middle;
  background-color: #2c2c2c;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-radius: 5px 0 0 5px;
  background: linear-gradient(to bottom, black, #3c3c3c, #969696, #3c3c3c, black);
  color: white;
  font-weight: bold;
  width: 40px;
  height: 34px;
  line-height: 34px;
  padding-left: 10px;
  margin-left: 17px;
  margin-right: -4px;
  box-shadow: 1px 1px 1px #666;
}
.card-footer-corp:after {
  content: "C";
  color: black;
  background: #ffcc64;
  margin-left: 4px;
  padding: 1px 5px 1px 5px;
  border-radius: 50%;
  border: 2px solid #222;
  font-size: 14px;
  font-weight: normal;
}
.card-footer-prelude:after {
  content: "P";
  color: black;
  background: #eb76ab;
  margin-left: 4px;
  padding: 1px 5px 1px 5px;
  border-radius: 50%;
  border: 2px solid #222;
  font-size: 14px;
  font-weight: normal;
}
.card-footer-colony:after {
  content: "C";
  color: black;
  background: #9e9180;
  margin-left: 4px;
  padding: 1px 5px 1px 5px;
  border-radius: 50%;
  border: 2px solid #222;
  font-size: 14px;
  font-weight: normal;
}
.card-footer-globals:after {
  content: "G";
  color: #222;
  background: #eee;
  margin-left: 4px;
  padding: 1px 5px 1px 5px;
  border-radius: 50%;
  border: 2px solid #222;
  font-size: 14px;
  font-weight: normal;
}
.card-sign {
  font-family: Prototype;
  font-size: 23px;
  font-weight: normal;
  vertical-align: middle;
}
.asteroid {
  background-color: black;
  color: #bbb;
}
.card-corporation {
  background-color: #2c2c2c;
  background: linear-gradient(to right bottom, black, #3c3c3c, #969696, #3c3c3c, #3c3c3c, black);
  color: black;
  font-size: 12px;
  width: 38px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 7px;
  padding-right: 7px;
  border-radius: 3px;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.8);
}
/************** Extras ************/
.red-arrow {
  background-image: url(./assets/misc/arrow.png);
  background-size: 30px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 5px;
  background-repeat: no-repeat;
  background-position: 0px;
}
.plus {
  background-image: url(./assets/misc/plus.png);
  background-size: 15px;
  min-height: 15px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 0 0 5px;
  background-repeat: no-repeat;
}
.minus {
  background-image: url(./assets/misc/minus.png);
  background-size: 15px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 0 4px 5px;
  background-repeat: no-repeat;
}
.triangle {
  display: inline-block;
  font-size: 20px;
  line-height: 30px;
}
.tringle {
  display: inline-block;
}
.triangle-white::after {
  font-size: 30px;
  vertical-align: middle;
  color: white;
  content: "\25b2";
  text-shadow: -5px 3px 0 black, 5px 3px 0 black, 0px -7px 0px black;
}
.triangle-black::after {
  font-size: 30px;
  vertical-align: middle;
  content: "\25b2";
  text-shadow: -3px 2px 0px #aaa, 3px 2px 0px #aaa, 0px -4px 0px #aaa, -5px 3px 0 black, 5px 3px 0 black, 0px -7px 0px black;
}
.triangle-red::after {
  font-size: 30px;
  vertical-align: middle;
  content: "\25b2";
  text-shadow: -3px 2px 0px #aaa, 3px 2px 0px #aaa, 0px -4px 0px #aaa, -5px 3px 0 black, 5px 3px 0 black, 0px -7px 0px black, -7px 4px 0px red, 7px 4px 0px red, 0px -10px 0px red;
}
.camp {
  background-color: orange;
}
.camp:after {
  color: #593e27;
  content: "\2617";
  vertical-align: top;
  font-size: 20px;
  display: inline-block;
  -webkit-transform: scale(1.5, 1);
  /* Safari and Chrome */
  -moz-transform: scale(1.5, 1);
  /* Firefox */
  -ms-transform: scale(1.5, 1);
  /* IE 9 */
  -o-transform: scale(1.5, 1);
  /* Opera */
  transform: scale(1.5, 1);
  /* W3C */
}
.corporation-label {
  float: left;
  position: absolute;
  color: #020202;
  width: 115px;
  height: 14px;
  line-height: 15px;
  text-align: center;
  margin-top: -10px;
  margin-left: 24px;
  font-size: 13px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  background: #cccccc;
  background-color: #ffcc64;
  background: linear-gradient(to right, #e28c22, #ffcc64, #ffcc64, #e28c22);
  border-radius: 7px 7px 2px 2px;
  text-transform: uppercase;
  z-index: 2;
}
.corporationEffectBox {
  position: absolute;
  height: 130px;
  width: 216px;
  margin-top: 160px;
  padding: 0px 3px 3px 3px;
  border-radius: 10px;
  text-align: center;
  background: linear-gradient(to bottom right, #cccccc, #aaaaaa, #dddddd, #cccccc, #aaaaaa, #cacaca, #aaaaaa, #cccccc);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0.5);
}
.corporationEffectBox.hover-hide-res:hover {
  z-index: 4;
}
.corporationEffectBoxLabel {
  background-color: #2c84c4;
  background: linear-gradient(#6eafde, #2c84c4, #2c84c4);
  margin-left: 55px;
  margin-bottom: 10px;
  width: 100px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  padding-top: 2px;
  border-radius: 0 0 20px 20px;
  text-transform: uppercase;
}
.card-resources-counter {
  position: absolute;
  color: #020202;
  font-family: Prototype;
  width: 80px;
  height: 30px;
  line-height: 32px;
  text-align: center;
  bottom: -4px;
  left: -4px;
  font-size: 14px;
  background-color: #ffcc64;
  background: linear-gradient(to right, #ddd, #666);
  border-radius: 0px 20px;
  border-top: 4px solid #dddddd;
  border-left: 4px solid #dddddd;
  border-bottom: 4px solid #898989;
  border-right: 4px solid #898989;
  z-index: 3;
}
.card-resources-counter-number {
  z-index: 3;
  font-size: 22px;
  vertical-align: bottom;
}
.card-resources-counter-label {
  text-transform: uppercase;
}
.polyphemos {
  font-family: Prototype;
  width: 180px;
  font-weight: normal;
  letter-spacing: 1px;
  text-align: center;
  font-size: 26px;
  border-bottom: 3px solid #cc3333;
  border-top: 3px solid #cc3333;
  margin-top: 10px;
  margin-bottom: 10px;
}
.stormcraft1 {
  display: inline-block;
  color: white;
  background: #ff9900;
  line-height: 50px;
  width: 83px;
  text-align: center;
  font-size: 24px;
  margin-top: 10px;
  margin-left: 0px;
  margin-bottom: 10px;
  border-radius: 100% 0 50% 0;
  text-shadow: 0 0 6px black;
  box-shadow: 0 3px 10px 0px black;
}
.stormcraft2 {
  display: inline-block;
  line-height: 50px;
  width: 100px;
  text-align: center;
  font-size: 24px;
  margin-top: 10px;
  margin-left: -5px;
  margin-bottom: 10px;
  text-shadow: 0 5px 10px black;
}
.stormcraft3 {
  position: absolute;
  font-size: 10px;
  letter-spacing: 2px;
  text-shadow: 0 0 6px black;
  color: white;
  font-weight: normal;
  margin-top: -23px;
  margin-left: 20px;
  transform: scaleX(1.7);
}
.stormcraft4 {
  position: absolute;
  transform: scaleX(1.7);
  letter-spacing: 2px;
  font-size: 10px;
  font-weight: normal;
  text-shadow: 0 5px 10px black;
  margin-top: -23px;
  margin-left: 90px;
}
.utopia-corp-name {
  background: green;
  color: white;
  box-shadow: 3px 3px 3px 0px #444;
  text-align: center;
  margin-left: 10px;
  margin-top: 10px;
  width: 160px;
  padding: 2px;
  border-top: 3px solid #09aa09;
  border-left: 3px solid #09aa09;
  border-right: 3px solid #005100;
  border-bottom: 3px solid #005100;
}
.utopia-corp-name-1 {
  font-size: 20px;
  transform: scaleX(1.5);
  letter-spacing: 5px;
  margin-left: 5px;
}
.utopia-corp-name-2 {
  font-size: 10px;
  letter-spacing: 16px;
  margin-left: 13px;
}
.utopia-starting-resources {
  margin-left: 35px;
  margin-top: 15px;
  margin-bottom: 10px;
  display: inline-block;
}
.utopia-production-box {
  margin-left: 20px;
  display: inline-block;
}
.utopia-ability-description {
  text-align: center;
  margin-top: 0px;
}
.utopia-description-box {
  margin-top: -5px;
  text-align: center;
}
.factorum {
  color: #ee792b;
  text-shadow: 0 0 1px black, 0 1px black, 1px 0px black, -1px 0px black, 0 -1px black;
  letter-spacing: 5px;
  font-size: 30px;
  transform: scaleX(0.7);
  margin-left: -35px;
  margin-top: 15px;
}
.philares {
  color: #444;
  text-shadow: 0 1px 1px white, 0 -1px 1px white, -1px 0px 1px white, 1px 0px 1px white;
  filter: drop-shadow(0 0 1px black);
  letter-spacing: 4px;
  font-size: 20px;
  transform: scaleX(1.5);
  margin-left: 48px;
  margin-top: 20px;
  margin-bottom: 0px;
}
.septem {
  color: white;
  font-family: Times;
  text-shadow: 0 0 1px black, 0 2px 2px black;
  font-size: 30px;
}
.astrodrill {
  color: #202020;
  font-family: Prototype;
  letter-spacing: 2px;
  text-align: center;
  margin-top: 5px;
  text-shadow: 0 0 1px orange, 0 2px 2px darkorange;
  font-size: 32px;
}
.agricola {
  color: seagreen;
  font-family: "Trebuchet MS", Arial, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  margin-top: -35px;
  margin-left: -30px;
  text-shadow: 0 0 1px limegreen, 0 2px 2px greenyellow;
  font-size: 32px;
}
.card-agricola-inc .corporationEffectBox {
  margin-top: 160px;
  height: 130px;
}
.card-agricola-inc .pointsCorporation {
  margin-top: 245px;
}
.card-agricola-inc .description {
  text-align: center;
}
.card-agricola-inc .effect {
  margin-top: -3px;
  font-weight: bold;
}
.card-agricola-inc .resource.money {
  margin-left: 50px;
}
.card-agricola-inc .production-box {
  margin-top: 5px;
}
.project_workshop {
  color: navy;
  font-family: Tahoma, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 25px;
  text-align: left;
  margin-left: 20px;
  margin-top: -48px;
  text-shadow: 0 0 1px skyblue, 0 2px 2px white;
  font-size: 24px;
}
.card-project-workshop .corporationEffectBox {
  height: 142px;
  margin-top: 145px;
}
.card-project-workshop .description {
  text-align: center;
}
.card-project-workshop .resource.money {
  margin-top: 12px;
  margin-left: 42px;
}
.card-project-workshop .tile {
  margin: 0 -6px;
  transform: scale(0.7, 0.7);
}
.card-project-workshop .card-small {
  margin: -2px -6px;
  transform: scale(0.7, 0.7);
}
.card-project-workshop .card-medium {
  transform: scale(0.9, 0.9);
}
.card-project-workshop .money.production {
  vertical-align: middle;
}
.card-project-workshop .effect.description {
  margin: 2px 0;
}
.incite {
  color: ghostwhite;
  font-family: Impact, sans-serif;
  letter-spacing: 6px;
  text-align: center;
  margin: -57px 0 5px -30px;
  text-shadow: 0 0 1px black, 0 2px 2px #3d3636;
  font-size: 36px;
}
.card-incite .description {
  margin-top: -12px;
  text-align: center;
}
.card-incite .description.effect {
  margin-top: -3px;
}
.card-incite .start-text {
  margin-top: 0px;
}
.card-incite .resource.money {
  margin-left: 42px;
}
.card-incite .resource.money.effect-money {
  margin-left: 4px;
  margin-top: 5px;
}
.card-incite .delegate.effect {
  transform: scale(0.8, 0.8);
}
.card-incite .corporationEffectBox {
  height: 150px;
  margin-top: 140px;
}
.playwrights {
  color: brown;
  font-family: Geneva, Verdana, sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  margin-top: -34px;
  margin-left: -30px;
  text-shadow: 0 0 1px orchid, 0 2px 2px purple;
  font-size: 30px;
}
.card-playwrights .description {
  text-align: center;
  margin-top: 5px;
}
.card-playwrights .description.start-text {
  margin-top: 0px;
}
.card-playwrights .resource.money {
  margin: 0px 5px 0 50px;
}
.card-playwrights .resource.money.effect-money {
  margin-left: 0;
}
.card-playwrights .resource.money.discount {
  font-size: 10px;
  margin-left: 5px;
}
.card-playwrights .card {
  margin-left: -5px;
  transform: scale(0.8, 0.8);
}
.card-playwrights .corporationEffectBox {
  height: 130px;
  margin-top: 150px;
}
.card-playwrights .production-box {
  margin-top: 8px;
}
.card-playwrights .effect {
  margin-top: -1px;
  font-size: 10.5px;
}
.midas {
  color: goldenrod;
  text-shadow: 0 2px 2px brown;
  -webkit-text-stroke: 2px black;
  text-transform: uppercase;
  font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
  font-weight: bold;
  letter-spacing: 4px;
  text-align: center;
  margin: -20px 0 40px -20px;
  font-size: 50px;
  position: relative;
  top: 10px;
}
.card-midas .resource.money {
  margin-left: 50px;
  font-size: 16px;
  transform: scale(1.5);
}
.card-midas .start-tr-text {
  color: black;
  font-size: 20px;
  font-family: Prototype;
  margin-left: 10px;
  margin-right: -5px;
}
.card-midas .description {
  margin-top: 20px;
  text-align: center;
}
.card-political-uprising .turmoil-icon {
  position: absolute;
  margin-left: 20px;
  margin-top: -10px;
}
.card-political-uprising .delegate {
  margin: 10px 0;
}
.card-political-uprising .description {
  margin-top: 10px;
}
.card-political-uprising .resource.card {
  margin-top: 15px;
}
.card-by-election .set-party-text {
  margin: 10px 0;
}
.card-by-election .description {
  margin-top: 15px;
}
.card-pharmacy-union .corp-logo {
  color: white;
  text-align: left;
  margin: 3px 0 8px 0;
  text-shadow: 0 0 1px black, 0 2px 2px green;
  font-size: 28px;
  width: 140px;
}
.card-pharmacy-union .card-effect-icons {
  position: absolute;
  margin: -5px 0 0 11px;
}
.card-pharmacy-union .card-effect-text {
  text-align: center;
}
.card-pharmacy-union .corporationEffectBox {
  height: 155px;
  margin-top: 10px;
}
.card-pharmacy-union .corporationEffectBox .description {
  font-size: 9.5px;
  line-height: 11px;
}
.card-pharmacy-union .corporationEffectBoxLabel {
  margin-bottom: 5px;
}
.card-pharmacy-union .corp-effectrow2 {
  margin: -6px 0 -2px 0;
}
.card-pharmacy-union .corp-effectrow2 .tile {
  margin: 0 -8px;
  transform: scale(0.6, 0.6);
}
.card-pharmacy-union .resource.money.startmc {
  position: absolute;
  margin-left: 110px;
  margin-top: -34px;
}
.card-pharmacy-union .resource.card {
  position: absolute;
  margin-left: 150px;
  margin-top: -44px;
}
.card-pharmacy-union .main-effect {
  margin: 0 10px;
  text-align: center;
}
.card-comet-aiming .tile.ocean-tile {
  transform: scale(0.8, 0.8);
}
.card-cutting-edge-technology .resource.card {
  margin-left: 20px;
}
.card-cutting-edge-technology .card-icon.requirements {
  border-radius: 0px;
  height: 12px;
}
.card-crash-site-cleanup .requirements {
  margin-top: 10px;
  height: 40px;
}
.card-crash-site-cleanup .requirements .crash-site-minus-plant {
  margin-top: -10px;
}
.card-directed-impactors .tile.temperature-tile {
  transform: scale(0.8, 0.8);
}
.card-directed-impactors .content.titanum {
  margin: 0px;
  border-radius: 5px;
}
.card-field-capped-city .production-box.production-box-size1a {
  margin-bottom: 5px;
}
.card-field-capped-city .tile.city-tile {
  margin-left: 20px;
  top: -15px;
}
.card-field-capped-city .description {
  text-align: center;
  margin-top: 5px;
}
.card-mohole-lake .tile {
  transform: scale(0.8, 0.8);
  margin-left: 0px;
  margin-right: 0px;
}
.card-topsoil-contract .resource.money {
  margin-top: 0px;
  line-height: 28px;
}
.card-asteroid-deflection-system .description.effect {
  font-size: 10px;
  font-weight: bold;
  margin: -10px -10px 0px;
}
.card-asteroid-deflection-system .resource-tag.tag-space {
  margin-left: 30px;
}
.card-asteroid-deflection-system .production-box {
  margin-left: -145px;
  margin-top: -10px;
}
.card-asteroid-deflection-system .bottom {
  margin-top: -50px;
  margin-left: 85px;
  text-align: left;
}
.card-magnetic-field-generators-promo .tile-icon {
  margin-left: 3px;
}
.card-red-spot-observatory .description.bottom {
  text-align: left;
}
.card-valuable-gases .resource.card {
  margin-top: 10px;
}
.splice {
  margin-left: 19px;
  font-size: 29px;
  font-weight: bold;
  width: 109px;
  background: #eeeeee;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 3px 3px 3px grey;
}
.poseidon {
  display: inline-block;
  font-family: "Times New Roman", Arial;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, #3633ff 20%, rgba(0, 0, 0, 0) 22%, #3633ff 50%, rgba(0, 0, 0, 0) 78%, #3633ff 80%, rgba(0, 0, 0, 0) 100%);
  line-height: 50px;
  color: #aaa;
  text-shadow: 0 0 1px black, 0 0 3px black;
  width: 180px;
  font-weight: normal;
  letter-spacing: 2px;
  text-align: center;
  font-size: 30px;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  border-radius: 0% 100% 0% 75%;
  box-shadow: 0 4px 10px 0px black;
}
.aridor {
  font-weight: normal;
  color: #c5c553;
  letter-spacing: 4px;
  background: #cc3333;
  border: 2px solid #c5c553;
  box-shadow: 1px 1px 5px 1px black;
  width: 150px;
  text-align: center;
  font-size: 30px;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.helion {
  font-size: 34px;
  width: 140px;
  text-align: center;
  color: #020202;
  margin-top: 5px;
  border: 2px solid black;
  margin-left: 8px;
  background: #e6e600;
  box-shadow: 6px 6px 6px grey;
  border-radius: 2px;
}
.helion-effect {
  text-align: center;
  margin-top: 0px;
}
.helion-production {
  margin-left: 20px;
  margin-top: -10px;
}
.helion-mc {
  margin-left: 20px;
  margin-top: -8px;
}
.helion-resource-description {
  text-align: center;
}
.card-number {
  visibility: hidden;
  line-height: 0;
}
.card-content-requirements,
.corporation-ability {
  margin-bottom: 15px;
}
.card-beginner-corporation .corporation-frame {
  color: #020202;
  background: #eeeeee;
  font-size: 20px;
  text-align: center;
  margin: 25px 0 0 25px;
  width: 170px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 3px 3px 3px grey;
  border-radius: 5px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
}
.card-beginner-corporation .resource.money {
  margin: 25px 0 25px 95px;
}
.card-beginner-corporation .description {
  text-align: center;
  padding: 0 25px;
}
.little-green-men {
  position: absolute;
  z-index: 100;
  top: 100px;
  left: 70px;
  background: url(./assets/martian.png);
  width: 100px;
  height: 123px;
}
.mined-metal {
  position: absolute;
  top: 147px;
  width: 57px;
  height: 38px;
  background: url(./assets/misc/production.png);
  background-size: 72px;
}
.mined-metal.mined-steel {
  left: 105px;
}
.mined-metal.mined-titanium {
  left: 69px;
}
.card-domed-crater .content .description {
  width: 155px;
  line-height: 11px;
  margin-top: -5px;
}
.card-domed-crater .content .points {
  width: 55px;
  margin-left: 163px;
}
.card-domed-crater .content .city-tile {
  margin-top: 20px;
  vertical-align: top;
}
.card-arcadian-communities .corporation-logo {
  font-size: 20px;
  padding: 0 5px;
  width: 147px;
  background: #eeeeee;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 3px 3px 3px grey;
  margin: 5px 10px;
  border-radius: 5px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
  font-family: Arial;
  text-align: center;
  line-height: 25px;
}
.card-arcadian-communities .contentCorporation .corporationEffectBox {
  font-size: 9px;
  line-height: 12px;
}
.card-arcadian-communities .contentCorporation .corporationEffectBox .corporation-action-text {
  text-indent: 30px;
  margin: -3px 0 5px 0;
}
.card-arcadian-communities .contentCorporation .red-arrow {
  position: absolute;
  margin: -9px 0 0 -31px;
}
.card-arcadian-communities .contentCorporation .description {
  font-size: 10px;
  line-height: 12px;
}
.card-arcadian-communities .resource.special {
  background: linear-gradient(orange, orangered);
  margin-left: 15px;
}
.card-arcadian-communities .resource.money {
  margin: 0 8px 0 15px;
}
.card-factorum .corporation-starts-with .resource.money {
  margin-left: 60px;
  margin-right: 25px;
}
.card-factorum .corporationEffectBox {
  width: 227px;
  margin-left: -5px;
}
.card-factorum .corporationEffectBox .corporation-action-icons {
  font-size: 12px;
}
.card-aphrodite .corporation-logo {
  font-size: 23px;
  color: orange;
  font-weight: bold;
  margin-top: 10px;
  text-shadow: 6px 6px 6px  grey;
  text-shadow: -1px 0 #333333, 0 1px #333333, 1px 0 #333333, 0px -1px #333333, 6px 3px 5px grey;
}
.card-aphrodite .starting-resources .production-box {
  margin-top: 5px;
  margin-left: 50px;
}
.card-aphrodite .starting-resources .resource.money {
  margin-left: 20px;
}
.card-aphrodite .description-starting-resource {
  text-align: center;
}
.card-aphrodite .description-effect {
  text-align: center;
  margin-top: 0px;
}
.card-self-replicating-robots .cards-count {
  position: absolute;
  background: #ffffffb3;
  color: black;
  margin-left: 3px;
  width: 24px;
  height: 20px;
  line-height: 20px;
  margin-top: 16px;
  border-radius: 5px;
  font-size: 17px;
}
.card-self-replicating-robots .requirements {
  margin-bottom: 20px;
}
.card-dusk-laser-mining .res-count-wrapper {
  display: inline-block;
  vertical-align: top;
  margin: 20px 0 0 15px;
}
.card-atmo-collectors .card-effect-line {
  margin-left: -3px;
  font-size: 14px;
}
.card-titan-floater-launch-pad .content .description {
  margin-bottom: 7px;
}
.card-titan-floater-launch-pad .content .description.description--2 {
  width: 120px;
}
.card-quantum-communications .production-box-size2a {
  white-space: nowrap;
  width: 130px;
}
.card-quantum-communications .production-box-size2a .colony-icon-small {
  margin-bottom: -3px;
  margin-top: 3px;
  vertical-align: text-bottom;
}
.card-quantum-communications .production-box-size2a .money.production {
  margin-right: 5px;
  margin-bottom: 5px;
}
.card-ecology-research .production-box-size2a {
  white-space: nowrap;
  width: 130px;
}
.card-ecology-research .production-box-size2a .colony-icon-small {
  margin-bottom: -5px;
  vertical-align: text-bottom;
}
.card-ecology-research .production-box-size2a .tile.trade {
  margin: 0 !important;
}
.card-ecology-research .production-box-size2a .plant.production {
  margin-right: 5px;
}
.card-research-colony .content .first {
  margin-left: 30px;
}
.card-open-city .description {
  margin-top: 10px;
  font-size: 11px;
  text-align: left;
  width: 125px;
}
.card-open-city .production-box.production-box-size1a {
  margin-bottom: 5px;
}
.card-open-city .tile.city-tile {
  margin-left: 20px;
  margin-bottom: 5px;
}
.card-mons-insurance .corp-effect-box.production-box {
  width: 50px;
  margin-left: -2px;
  height: 35px;
}
.card-mons-insurance .corp-effect {
  margin-top: 3px;
}
.card-sky-docks .tile.fleet {
  margin-top: 0 !important;
}
.card-space-port-colony .tile.fleet {
  margin-left: 30px;
}
.card-space-port-colony .points {
  padding: 5px 0 0 5px;
  margin: 173px 0 0 133px;
}
.card-space-port-colony .points .tile {
  vertical-align: middle !important;
  width: 26px !important;
  height: 23px !important;
  background-size: 26px !important;
}
.card-titan-floater-launch-pad .second-line {
  margin-top: -10px;
}
.card-asteroid-rights .effect {
  margin-left: -5px;
  width: 230px;
}
.card-asteroid-rights .effect2 {
  margin-left: -10px;
  margin-top: 10px;
}
.card-ecological-zone .description-tile {
  text-align: left;
  margin-top: -50px;
  width: 135px;
}
.card-ecological-zone .tile {
  margin-left: 130px;
  margin-top: 10px;
}
.card-herbivores .description {
  margin-top: -8px;
}
.card-herbivores .description-tile {
  text-align: left;
  margin-top: -50px;
  width: 135px;
}
.card-herbivores .production-box {
  margin-top: 2px;
}
.card-herbivores .herbivores-requirement {
  position: absolute;
  text-align: left;
  margin-top: 42px;
  width: 130px;
}
.card-herbivores .production-box {
  margin-left: 35px;
  margin-top: 10px;
  position: absolute;
}
.card-herbivores .herbivores-starting-animal {
  margin-left: -60px;
  position: absolute;
}
/*********** Special Tile Styles ************/
.special-tile-symbol {
  background-size: 40px;
  width: 40px;
  height: 40px;
  margin: 2px 0px;
}
.special-tile--mohole-area {
  background-image: url(./assets/tiles/special_tile_icons/mohole_area.png);
}
.special-tile--commerical-district {
  background-image: url(./assets/tiles/special_tile_icons/commerical_district.png);
}
.special-tile--deimos-promo {
  background-image: url(./assets/tiles/special_tile_icons/deimos.png);
}
.special-tile--ecological-zone {
  background-image: url(./assets/tiles/special_tile_icons/ecological_zone.png);
}
.special-tile--great-dam-promo {
  background-image: url(./assets/tiles/special_tile_icons/great_dam.png);
}
.special-tile--industrial-center {
  background-image: url(./assets/tiles/special_tile_icons/industrial_center.png);
}
.special-tile--lava-flows {
  background-image: url(./assets/tiles/special_tile_icons/lava_flows.png);
}
.special-tile--magnetic-field-gen-promo {
  background-image: url(./assets/tiles/special_tile_icons/magnetic_field_gen.png);
}
.special-tile--mining-area {
  background-image: url(./assets/tiles/special_tile_icons/mining_area.png);
}
.special-tile--natural_preserve {
  background-image: url(./assets/tiles/special_tile_icons/natural_preserve.png);
}
.special-tile--nuclear-zone {
  background-image: url(./assets/tiles/special_tile_icons/nuclear_zone.png);
}
.special-tile--restricted-area {
  background-image: url(./assets/tiles/special_tile_icons/restricted_area.png);
}
/*********** Prelude Styles ************/
.prelude-ecology-experts-requirement-box {
  margin-left: 31px;
  width: 70%;
}
.prelude-ecology-experts-crossout {
  color: red;
  font-size: 56px;
  display: inline-block;
}
.prelude-ecology-experts-requirement-text {
  margin-top: -42px;
  font-size: 14px;
}
/*********** Expansion Styles ************/
.expansion-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: 25px 25px;
  background-position: 0px 0px;
  filter: drop-shadow(0px 0px 1px black);
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-bottom: 5px;
}
.expansion-icon-CE {
  background-image: url(./assets/expansion_icons/expansion_icon_corporateEra.png);
}
.expansion-icon-venus {
  background-image: url(./assets/expansion_icons/expansion_icon_venus.png);
}
.expansion-icon-prelude {
  background-image: url(./assets/expansion_icons/expansion_icon_prelude.png);
}
.expansion-icon-prelude2 {
  background-image: url(./assets/expansion_icons/expansion_icon_prelude2.png);
}
.expansion-icon-colony {
  background-image: url(./assets/expansion_icons/expansion_icon_colonies.png);
}
.expansion-icon-turmoil {
  background-image: url(./assets/expansion_icons/expansion_icon_turmoil.png);
}
.expansion-icon-promo {
  background-image: url(./assets/expansion_icons/expansion_icon_promo.png);
}
.expansion-icon-community {
  background-image: url(./assets/expansion_icons/expansion_icon_community.png);
}
.expansion-icon-escape-velocity {
  background-image: url(./assets/expansion_icons/expansion_icon_escapeVelocity.png);
}
.expansion-icon-ares {
  background-image: url(./assets/expansion_icons/expansion_icon_ares.png);
}
.expansion-icon-agendas {
  background-image: url(./assets/expansion_icons/expansion_icon_agendas.png);
}
.expansion-icon-themoon {
  background-image: url(./assets/expansion_icons/expansion_icon_themoon.png);
}
.expansion-icon-pathfinders {
  background-image: url(./assets/expansion_icons/expansion_icon_pathfinders.png);
}
.expansion-icon-ceo {
  background-image: url(./assets/expansion_icons/expansion_icon_ceo.png);
}
.expansion-icon-starwars {
  background-image: url(./assets/expansion_icons/expansion_icon_starwars.png);
}
.expansion-icon-underworld {
  background-image: url(./assets/expansion_icons/expansion_icon_underworld.png);
}
/* refactored */
.card-container .card-content-wrapper {
  position: relative;
}
.card-container .card-content-wrapper .temporary-content-wrapper {
  position: relative;
}
.card-container .card-content-wrapper .temporary-content-wrapper .corporation-icon {
  position: absolute;
  top: 9px;
  right: 26px;
}
.card-container .card-content-wrapper .card-cost-and-tags {
  display: flex;
  align-items: center;
  margin-left: -10px;
  margin-top: -10px;
  justify-content: space-between;
}
.card-container .card-content-wrapper .card-cost-and-tags .card-cost {
  float: left;
  font-family: Prototype;
  font-size: 26px;
  width: 50px;
  height: 50px;
  line-height: 48px;
  border-radius: 10px;
  text-align: center;
  background-image: url(./assets/resources/megacredit.png);
  background-size: 50px;
  filter: drop-shadow(0px 0px 1px black);
  color: #000;
}
.card-container .card-content-wrapper .card-cost-and-tags .card-help {
  float: left;
  font-family: Prototype;
  font-size: 20px;
  width: 24px;
  height: 24px;
  margin-left: -20px;
  line-height: 24px;
  border-radius: 24px;
  background-color: #444;
  text-align: center;
  position: static;
  z-index: 1;
}
.card-container .card-content-wrapper .card-cost-and-tags .card-help a {
  color: #C33;
  text-decoration: none;
}
.card-container .card-content-wrapper .card-cost-and-tags .card-tags {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  margin-right: -6px;
}
.card-container .card-content-wrapper .card-cost-and-tags .card-tags .card-tag {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  margin-left: 4px;
  width: 40px;
  height: 40px;
  background-size: 50px;
  background-position: -5px;
  text-align: center;
  border-radius: 50%;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
  background-color: white;
  /* margin-top: -6px; */
  filter: brightness(0.9);
  z-index: 2;
}
.card-container .card-content-wrapper .card-title {
  font-family: "Ubuntu";
  color: #020202;
  text-transform: uppercase;
  width: 100%;
  border-radius: 0 0 30% 30%;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  margin-top: -6px;
  padding-top: 3px;
}
.card-container .card-content-wrapper .card-title .corporation-label {
  text-transform: uppercase;
  float: left;
  top: 8px;
  position: absolute;
  color: #020202;
  width: 115px;
  height: 14px;
  line-height: 15px;
  text-align: center;
  font-size: 13px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  background: #cccccc;
  background-color: #ffcc64;
  background: linear-gradient(to right, #e28c22, #ffcc64, #ffcc64, #e28c22);
  border-radius: 7px 7px 2px 2px;
}
.card-container .card-content-wrapper .card-title .prelude-label {
  position: absolute;
  text-transform: uppercase;
  top: 15px;
  left: 4px;
  margin: 0px;
  width: 80px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #eb76ab;
  border-radius: 14px 2px 2px 2px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
}
.card-container .card-content-wrapper .card-expansion {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  background-size: 24px 24px;
  background-position: center;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
}
.card-container .card-content-wrapper .contentCorporation {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 8px;
  top: -40px;
  color: #020202;
}
.card-standard-project {
  height: 155px;
  width: 235px;
}
.card-standard-project .card-content-wrapper .card-cost-and-tags {
  position: absolute;
  top: 6px;
}
.card-standard-project .card-content-wrapper .card-title-standard-project {
  padding-top: 12px;
}
.card-standard-project .card-content-wrapper .card-title-standard-project .background-color-standard-project {
  border-radius: 16px 16px 30% 30% !important;
}
.card-standard-project .card-content-wrapper .card-content {
  height: unset !important;
  width: unset !important;
  top: -10px;
}
.celestic-fix {
  position: absolute;
  top: 18px;
}
.luna-fix {
  position: absolute;
  font-size: 22px;
  font-family: Prototype;
  font-weight: normal;
  display: inline-block;
  margin-top: 25px;
  margin-bottom: 30px;
  text-decoration: underline;
  margin-left: 40px;
  -webkit-transform: scale(1.5, 1);
  /* Safari and Chrome */
  -moz-transform: scale(1.5, 1);
  /* Firefox */
  -ms-transform: scale(1.5, 1);
  /* IE 9 */
  -o-transform: scale(1.5, 1);
  /* Opera */
  transform: scale(1.5, 1);
  /* W3C */
}
.recyclon-fix {
  font-size: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 25px;
  padding: 10px;
  font-weight: bold;
  background: red;
  color: white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3), 3px 3px 3px #444;
  font-family: Prototype;
  font-weight: normal;
  text-shadow: 0 0 1px black;
}
.recyclon-fix-2 {
  position: absolute;
  top: 48px;
  left: 8px;
}
.sortable-cards > div {
  display: inline-block;
  vertical-align: top;
}
.sortable-cards .drop-target {
  width: 10px;
  height: 350px;
  display: inline-block;
  vertical-align: top;
}
.card-corporation-expansion {
  position: absolute;
  top: 38px;
  right: -11px;
}
.card-standard-expansion {
  position: absolute;
  top: 90px;
  right: 33px;
}
.card-container {
  /*requirements*/
  /*resources*/
  /* Underworld Assets */
  /* CEO Assets */
  /*special*/
  /*colony special*/
  /*turmoil special*/
  /*tags*/
  /* secondary tags */
  /* special case Project requirements */
  /*production*/
  /* tiles */
  /* symbols for tiles */
}
.card-container .project-icon-expansion-container {
  flex-direction: row;
  display: flex;
  bottom: 5px;
  left: 5px;
  position: absolute;
}
.card-container .resource-card-icon-expansion-container {
  flex-direction: row;
  display: flex;
  bottom: 38px;
  left: 5px;
  position: absolute;
}
.card-container .project-icon:after,
.card-container .preludeCard-icon:after {
  position: relative;
  margin: 3px;
  display: block;
}
.card-container .card-superscript {
  vertical-align: super;
}
.card-container .card-content-wrapper {
  position: relative;
}
.card-container .card-requirements {
  width: 70%;
  height: 24px;
  line-height: 24px;
  font-weight: normal;
  font-size: 15px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  background: linear-gradient(90deg, #f3a10e 0%, #fdea25 45%, #fdea25 55%, #f3a10e 100%);
  font-family: Ubuntu;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-flow: row;
  align-items: center;
}
.card-container .card-requirements-max {
  background-image: url(./assets/requisites/max_big.png);
  background-size: 174px 34px;
  background-position: -12px -4px;
  filter: grayscale(0.2);
}
.card-container .card-corporation-logo {
  position: absolute;
  width: 100%;
  top: 8px;
  left: 8px;
  text-transform: none;
}
.card-container .card-corporation-logo .card-aphrodite-logo {
  font-size: 25px;
  position: absolute;
  top: 11px;
  left: 0px;
  color: orange;
  font-weight: bold;
  text-shadow: -1px 0 #333333, 0 1px #333333, 1px 0 #333333, 0px -1px #333333, 6px 3px 5px grey;
}
.card-container .card-corporation-logo .card-arklight-logo {
  font-size: 19px;
  font-family: Prototype;
  letter-spacing: 1px;
  background: linear-gradient(to right, #000089, dodgerblue, deepskyblue);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transform: scale(2, 1);
  -moz-transform: scale(2, 1);
  -ms-transform: scale(2, 1);
  -o-transform: scale(2, 1);
  transform: scale(2, 1);
  position: absolute;
  left: 47px;
  top: 9px;
}
.card-container .card-corporation-logo .card-poseidon-logo {
  display: inline-block;
  font-family: "Times New Roman", Arial;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, #3633ff 20%, rgba(0, 0, 0, 0) 22%, #3633ff 50%, rgba(0, 0, 0, 0) 78%, #3633ff 80%, rgba(0, 0, 0, 0) 100%);
  line-height: 50px;
  color: #aaa;
  text-shadow: 0 0 1px black, 0 0 3px black;
  width: 180px;
  font-weight: normal;
  letter-spacing: 2px;
  text-align: center;
  font-size: 30px;
  position: absolute;
  top: 13px;
  left: 18px;
  border-radius: 0% 100% 0% 75%;
  box-shadow: 0 4px 10px 0px black;
}
.card-container .card-corporation-logo .card-saturn-logo {
  position: absolute;
  top: 10px;
  left: 8px;
  font-size: 14px;
  color: white;
  line-height: 33px;
  background: #32004d;
  padding-left: 24px;
  padding-right: 20px;
  border-radius: 50%;
  font-weight: normal;
  border: 2px solid white;
  box-shadow: 6px 6px 5px grey;
}
.card-container .card-corporation-logo .card-celestic-logo {
  position: absolute;
  font-size: 24px;
  box-shadow: 6px 6px 6px grey;
  top: 14px;
  left: 16px;
}
.card-container .card-corporation-logo .card-morning-star-logo {
  position: absolute;
  top: 11px;
  left: 4px;
  font-size: 18px;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 6px 3px 5px grey;
}
.card-container .card-corporation-logo .card-pristar-logo {
  position: absolute;
  top: 20px;
  left: -5px;
  color: #ff5d21;
  text-shadow: 3px 3px 3px black;
  font-size: 38px;
  transform: scaleX(0.8);
  letter-spacing: 3px;
}
.card-container .card-corporation-logo .card-cheung-shing-logo {
  margin-top: 30px;
  margin-left: -55px;
  display: inline-block;
  font-family: 'Prototype';
}
.card-container .card-corporation-logo .card-credicor-logo {
  font-size: 26px;
  top: 15px;
  left: 8px;
  padding: 4px;
  color: white;
  display: inline;
  font-family: 'Times New Roman';
  font-weight: normal;
  line-height: 34px;
  border: 2px solid purple;
  position: absolute;
  text-shadow: -1px 0 purple, 0 1px purple, 1px 0 purple, 0 -1px purple, 6px 6px 10px grey;
}
.card-container .card-corporation-logo .card-ecoline-logo {
  position: absolute;
  text-transform: none;
  top: 16px;
  left: 8px;
  font-size: 45px;
  font-weight: normal;
  color: #00b400;
  letter-spacing: 2px;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: -1px 0 #404040, 0 1px #404040, 1px 0 #404040, 0 -1px #404040, 4px 3px 3px grey;
}
.card-container .card-corporation-logo .card-helion-logo {
  font-size: 34px;
  text-transform: none;
  position: absolute;
  top: 8px;
  padding: 4px 8px;
  text-align: center;
  color: #020202;
  margin-top: 5px;
  border: 2px solid black;
  margin-left: 8px;
  background: #e6e600;
  box-shadow: 6px 6px 6px grey;
  border-radius: 2px;
}
.card-container .card-corporation-logo .card-inventrix-logo {
  top: 16px;
  left: 8px;
  color: #020202;
  font-size: 24px;
  text-shadow: 6px 6px 5px grey;
  position: absolute;
}
.card-container .card-corporation-logo .card-phobolog-logo {
  font-size: 24px;
  position: absolute;
  top: 12px;
  left: 16px;
  color: white;
  line-height: 40px;
  background: #32004d;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #444;
  border-radius: 10px;
  font-family: 'Times New Roman';
  display: inline-block;
  -webkit-transform: scale(1.2, 1);
  /* Safari and Chrome */
  -moz-transform: scale(1.2, 1);
  /* Firefox */
  -ms-transform: scale(1.2, 1);
  /* IE 9 */
  -o-transform: scale(1.2, 1);
  /* Opera */
  transform: scale(1.2, 1);
  /* W3C */
  box-shadow: 6px 6px 5px  grey;
}
.card-container .card-corporation-logo .card-luna-logo {
  position: absolute;
  top: 8px;
  left: 21px;
  font-size: 18px;
  font-family: Prototype;
  font-weight: normal;
  display: inline-block;
  text-decoration: underline;
  -webkit-transform: scale(1.5, 1);
  -moz-transform: scale(1.5, 1);
  -ms-transform: scale(1.5, 1);
  -o-transform: scale(1.5, 1);
  transform: scale(1.5, 1);
}
.card-container .card-corporation-logo .card-polyphemos-logo {
  position: absolute;
  top: 17px;
  left: 8px;
  font-family: Prototype;
  font-weight: normal;
  letter-spacing: 1px;
  text-align: center;
  font-size: 26px;
  border-bottom: 3px solid #cc3333;
  border-top: 3px solid #cc3333;
}
.card-container .card-corporation-logo .card-septem-tribus-logo {
  position: absolute;
  top: 8px;
  left: 0px;
  text-transform: none;
  color: white;
  font-family: Times;
  text-shadow: 0 0 1px black, 0 2px 2px black;
  font-size: 30px;
}
.card-container .card-corporation-logo .card-thorgate-logo {
  position: absolute;
  top: 17px;
  left: 8px;
  color: #020202;
  font-size: 32px;
  font-family: 'Arial Narrow', 'Verdana';
  font-weight: normal;
  text-shadow: 6px 3px 5px  grey;
}
.card-container .card-corporation-logo .card-viron-logo {
  position: absolute;
  top: 24px;
  left: 0px;
  font-size: 50px;
  font-family: Prototype;
  margin-left: 15px;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white, 6px 3px 5px grey;
}
.card-container .card-corporation-logo .card-aridor-logo {
  position: absolute;
  top: 17px;
  left: 3px;
  padding: 4px;
  font-weight: normal;
  color: #c5c553;
  letter-spacing: 4px;
  background: #cc3333;
  border: 2px solid #c5c553;
  box-shadow: 1px 1px 5px 1px black;
  text-align: center;
  font-size: 30px;
}
.card-container .card-corporation-logo .card-astrodril-logo {
  position: absolute;
  text-transform: none;
  top: 17px;
  left: 3px;
  color: #202020;
  font-family: Prototype;
  letter-spacing: 2px;
  text-align: center;
  text-shadow: orange 0px 0px 1px, darkorange 0px 2px 2px;
  font-size: 32px;
}
.card-container .card-corporation-logo .card-factorum-logo {
  position: absolute;
  top: 15px;
  left: -20px;
  color: #ee792b;
  text-shadow: 0 0 1px black, 0 1px black, 1px 0px black, -1px 0px black, 0 -1px black;
  letter-spacing: 5px;
  font-size: 28px;
  transform: scaleX(0.7);
  text-transform: none;
}
.card-container .card-corporation-logo .card-manutech-logo {
  position: absolute;
  top: 17px;
  left: 4px;
  font-size: 30px;
  color: #e63900;
  text-shadow: 6px 3px 5px  grey;
}
.card-container .card-corporation-logo .card-agricola-logo {
  position: absolute;
  top: 17px;
  left: 4px;
  color: seagreen;
  font-family: "Trebuchet MS", Arial, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  text-shadow: 0 0 1px limegreen, 0 2px 2px greenyellow;
  font-size: 26px;
}
.card-container .card-corporation-logo .card-arcadian-logo {
  position: absolute;
  top: 11px;
  left: 4px;
  font-size: 16px;
  padding: 2px 5px;
  background: #eeeeee;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 3px 3px 3px grey;
  border-radius: 5px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
  font-family: Arial;
  text-align: center;
  line-height: 19px;
  text-transform: uppercase;
}
.card-container .card-corporation-logo .card-incite-logo {
  position: absolute;
  top: 17px;
  left: 4px;
  color: ghostwhite;
  font-family: Impact, sans-serif;
  letter-spacing: 6px;
  text-align: center;
  text-shadow: 0 0 1px black, 0 2px 2px #3d3636;
  font-size: 36px;
  text-transform: uppercase;
}
.card-container .card-corporation-logo .card-lakefront-logo {
  position: absolute;
  top: 17px;
  left: 4px;
  font-size: 22px;
  font-family: Times;
  color: white;
  text-shadow: 0 1px 0px #444, 0px -1px 0px #444, -1px 0px 0px #444, 1px 0px 0px #444;
  letter-spacing: 4px;
}
.card-container .card-corporation-logo .card-mining-guild-logo {
  font-size: 24px;
  position: absolute;
  top: 14px;
  left: 23px;
  color: #c9380e;
  text-shadow: -1px 0 #333333, 0 1px #333333, 1px 0 #333333, 0 -1px #333333, 2px 2px 2px black;
  display: inline-block;
  -webkit-transform: scale(1.5, 1);
  /* Safari and Chrome */
  -moz-transform: scale(1.5, 1);
  /* Firefox */
  -ms-transform: scale(1.5, 1);
  /* IE 9 */
  -o-transform: scale(1.5, 1);
  /* Opera */
  transform: scale(1.5, 1);
  /* W3C */
}
.card-container .card-corporation-logo .card-philares-logo {
  position: absolute;
  top: 17px;
  left: 33px;
  color: #444;
  text-shadow: 0 1px 1px white, 0 -1px 1px white, -1px 0px 1px white, 1px 0px 1px white;
  filter: drop-shadow(0 0 1px black);
  letter-spacing: 4px;
  font-size: 20px;
  transform: scaleX(1.5);
}
.card-container .card-corporation-logo .card-recyclon-logo {
  position: absolute;
  top: 12px;
  left: 0px;
  font-size: 20px;
  border-radius: 25px;
  padding: 8px;
  font-weight: bold;
  background: red;
  color: white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3), 3px 3px 3px #444;
  font-family: Prototype;
  font-weight: normal;
  text-shadow: 0 0 1px black;
  text-transform: uppercase;
}
.card-container .card-corporation-logo .card-robinson-logo {
  position: absolute;
  top: 6px;
  left: 1px;
  font-size: 14px;
  width: 140px;
  line-height: 20px;
}
.card-container .card-corporation-logo .card-pharmacy-union-logo {
  position: absolute;
  top: 0px;
  left: -1px;
  color: white;
  text-align: left;
  letter-spacing: 2px;
  margin: 3px 0 8px 0;
  text-shadow: 0 0 1px black, 0 2px 2px green;
  font-size: 23px;
  width: 140px;
}
.card-container .card-corporation-logo .card-splice-logo {
  position: absolute;
  top: 11px;
  left: 1px;
  font-size: 29px;
  font-weight: bold;
  width: 109px;
  background: #eeeeee;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 3px 3px 3px grey;
}
.card-container .card-corporation-logo .card-stormcraft-logo {
  position: absolute;
  top: 11px;
  left: 1px;
}
.card-container .card-corporation-logo .card-stormcraft-logo .stormcraft1 {
  display: inline-block;
  color: white;
  background: #ff9900;
  line-height: 50px;
  width: 83px;
  text-align: center;
  font-size: 24px;
  margin-top: 10px;
  margin-left: 0px;
  margin-bottom: 10px;
  border-radius: 100% 0 50% 0;
  text-shadow: 0 0 6px black;
  box-shadow: 0 3px 10px 0px black;
}
.card-container .card-corporation-logo .card-stormcraft-logo .stormcraft2 {
  display: inline-block;
  line-height: 50px;
  width: 100px;
  text-align: center;
  font-size: 24px;
  margin-top: 10px;
  margin-left: -5px;
  margin-bottom: 10px;
  text-shadow: 0 5px 10px black;
}
.card-container .card-corporation-logo .card-stormcraft-logo .stormcraft3 {
  position: absolute;
  font-size: 10px;
  letter-spacing: 2px;
  text-shadow: 0 0 6px black;
  color: white;
  font-weight: normal;
  margin-top: -23px;
  margin-left: 20px;
  transform: scaleX(1.7);
}
.card-container .card-corporation-logo .card-stormcraft-logo .stormcraft4 {
  position: absolute;
  transform: scaleX(1.7);
  letter-spacing: 2px;
  font-size: 10px;
  font-weight: normal;
  text-shadow: 0 5px 10px black;
  margin-top: -23px;
  margin-left: 90px;
}
.card-container .card-corporation-logo .card-teractor-logo {
  position: absolute;
  top: 15px;
  left: 1px;
  font-size: 34px;
  color: orangered;
  font-family: 'Times New Roman';
  font-weight: normal;
  text-shadow: -1px 0 #333333, 0 1px #333333, 1px 0 #333333, 0px -1px #333333, 6px 3px 5px grey;
}
.card-container .card-corporation-logo .card-tharsis-logo {
  color: #020202;
  font-size: 24px;
  text-shadow: 6px 6px 6px grey;
  margin: 15px 0 0 -26px;
}
.card-container .card-corporation-logo .card-tharsis-logo .card-tharsis-logo-image {
  text-shadow: none;
  box-shadow: 3px 3px 6px grey;
  margin: 0 0 0 -108px;
  border: 1px solid red;
  display: inline-block;
  background-color: #ff5f00;
  position: absolute;
  width: 32px;
  height: 33px;
}
.card-container .card-corporation-logo .card-tharsis-logo .card-tharsis-logo-image::before {
  content: "▲";
  text-shadow: none;
  margin-right: 2px;
  position: absolute;
  margin: -2px 0 0 -12px;
}
.card-container .card-corporation-logo .card-tharsis-logo .card-tharsis-logo-image::after {
  content: "▲";
  color: #020202;
  font-size: 14px;
  position: absolute;
  margin: 3px 0 0 3px;
}
.card-container .card-corporation-logo .card-tharsis-logo .card-tharsis-logo-text {
  text-transform: uppercase;
  width: 135px;
  white-space: normal;
  text-indent: 45px;
  line-height: 30px;
  padding: 4px 0 0 20px;
}
.card-container .card-corporation-logo .card-unmi-logo {
  position: absolute;
  top: 14px;
  left: 1px;
  font-size: 15px;
  width: 90px;
  color: white;
  line-height: 23px;
  padding: 5px;
  text-align: center;
  font-weight: normal;
  box-shadow: 3px 3px 6px grey;
  background: linear-gradient(-60deg, #208cdf 10%, #4da3e6, #208cdf 90%);
}
.card-container .card-corporation-logo .card-utopia-logo {
  position: absolute;
  top: 9px;
  left: 1px;
  background: green;
  color: white;
  box-shadow: 3px 3px 3px 0px #444;
  text-align: center;
  padding: 2px 8px;
  border-top: 3px solid #09aa09;
  border-left: 3px solid #09aa09;
  border-right: 3px solid #005100;
  border-bottom: 3px solid #005100;
}
.card-container .card-corporation-logo .card-utopia-logo .utopia-corp-name-1 {
  font-size: 20px;
  transform: scaleX(1.5);
  letter-spacing: 5px;
  margin-left: 5px;
  line-height: 23px;
}
.card-container .card-corporation-logo .card-utopia-logo .utopia-corp-name-2 {
  font-size: 10px;
  letter-spacing: 16px;
  margin-left: 13px;
  line-height: 16px;
}
.card-container .card-corporation-logo .card-valley-trust-logo {
  position: absolute;
  top: 10px;
  left: 1px;
  color: #027dc3;
  background: linear-gradient(to right, #027dc3 10%, white, white, white, white, white, white, white);
  box-shadow: 3px 3px 10px 1px #3a3a3a;
  width: 135px;
  line-height: 24px;
  border-radius: 10px 0px 0px 10px;
}
.card-container .card-corporation-logo .card-vitor-logo {
  position: absolute;
  top: 17px;
  left: 47px;
  font-size: 24px;
  display: inline-block;
  box-shadow: 6px 6px 6px grey;
  -webkit-transform: scale(2, 1);
  -moz-transform: scale(2, 1);
  -ms-transform: scale(2, 1);
  -o-transform: scale(2, 1);
  transform: scale(2, 1);
}
.card-container .card-corporation-logo .card-playwrights-logo {
  position: absolute;
  top: 15px;
  left: 1px;
  color: brown;
  font-family: Geneva, Verdana, sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  text-shadow: 0 0 1px orchid, 0 2px 2px purple;
  font-size: 30px;
}
.card-container .card-corporation-logo .card-midas-logo {
  position: absolute;
  left: 25px;
  color: goldenrod;
  text-shadow: 0 2px 2px brown;
  -webkit-text-stroke: 2px black;
  text-transform: uppercase;
  font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
  font-weight: bold;
  letter-spacing: 6px;
  text-align: center;
  font-size: 45px;
  top: 20px;
}
.card-container .card-corporation-logo .card-mars-maths-logo {
  position: absolute;
  font-size: 24px;
  box-shadow: 5px 10px 12px #d58c56;
  font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
  top: 14px;
  left: 2px;
}
.card-container .card-corporation-logo .card-project-workshop-logo {
  position: absolute;
  top: 10px;
  left: 10px;
  color: navy;
  font-family: Tahoma, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
  text-shadow: 0 0 1px skyblue, 0 2px 2px white;
  font-size: 20px;
}
.card-container .card-corporation-logo .card-curiosity-ii-logo {
  position: absolute;
  top: 24px;
  left: -4px;
  color: #65310d;
  font-family: 'Ubuntu';
  letter-spacing: 1px;
  text-shadow: 0 1px 1px sienna;
  font-size: 28px;
}
.card-container .card-corporation-logo .card-unmo-logo {
  position: absolute;
  top: 15px;
  left: -3px;
  font-size: 20px;
  color: #01014f;
  line-height: 24px;
  letter-spacing: 3px;
  font-family: Prototype;
}
.card-container .card-corporation-logo .card-mons-logo {
  position: absolute;
  top: 10px;
  padding: 0px 4px;
  left: 1px;
  background: #c86e23;
  color: white;
  text-align: center;
  box-shadow: 3px 3px 6px #444;
}
.card-container .card-corporation-logo .card-mons-logo .mons0 {
  font-size: 26px;
  position: relative;
  transform: scaleX(2.5);
  line-height: 15px;
}
.card-container .card-corporation-logo .card-mons-logo .mons1 {
  letter-spacing: 5px;
  font-size: 16px;
  line-height: 16px;
  margin-left: 5px;
}
.card-container .card-corporation-logo .card-mons-logo .mons2 {
  letter-spacing: 3px;
  line-height: 18px;
  font-size: 7px;
}
.card-container .card-corporation-logo .card-eris-logo {
  color: darkred;
  font-family: Times, serif;
  letter-spacing: 4px;
  text-align: center;
  margin: 0 0 10px -35px;
  text-shadow: 0 0 1px black, 0 2px 2px darkred;
  font-size: 40px;
  position: relative;
  top: 22px;
}
.card-container .card-corporation-logo .card-athena-logo {
  color: teal;
  text-transform: uppercase;
  text-shadow: 0 0 1px black, 0 2px 2px darkturquoise;
  font-size: 28px;
  position: relative;
  top: 20px;
  right: 20px;
}
.card-container .card-corporation-logo .card-tycho-magnetics-logo {
  position: absolute;
  text-transform: none;
  top: 11px;
  left: 2px;
  color: #202020;
  font-family: monospace;
  letter-spacing: 1px;
  text-align: left;
  text-shadow: yellow 0px 0px 1px, yellowgreen 0px 2px 2px;
  font-size: 28px;
}
.card-container .card-corporation-logo .card-sagitta-logo {
  position: absolute;
  text-transform: uppercase;
  top: 15px;
  left: 18px;
  color: #87d119;
  font-family: cursive;
  letter-spacing: 5px;
  font-size: 36px;
  -webkit-text-stroke: 0.5px olivedrab;
}
.card-container .card-corporation-logo .card-kuiper-logo {
  position: absolute;
  text-transform: uppercase;
  top: 10px;
  left: 3px;
  color: black;
  letter-spacing: 2px;
  line-height: normal;
  font-size: 18px;
  -webkit-text-stroke: 0.5px darkblue;
}
.card-container .card-corporation-logo .card-nirgal-enterprises-logo {
  position: absolute;
  text-transform: none;
  top: 32px;
  left: 3px;
  color: #326432;
  font-family: 'Times New Roman', Times, serif;
  letter-spacing: 2px;
  text-align: left;
  font-size: 27px;
}
.card-container .card-corporation-logo .card-ecotec-logo {
  background-image: url(./assets/prelude2/ecotec.png);
  height: 40px;
  width: 140px;
  background-size: 140px 40px;
  margin-top: 18px;
  filter: drop-shadow(1px 2px 4px black);
}
.card-container .card-corporation-logo .card-palladin-shipping-logo {
  background-image: url(./assets/prelude2/palladin.png);
  height: 40px;
  width: 160px;
  background-size: 160px 40px;
  margin-top: 11px;
}
.card-container .card-corporation-logo .card-spire-logo {
  background-image: url(./assets/prelude2/spire.png);
  height: 44px;
  width: 136px;
  background-size: 136px 44px;
  margin-top: 9px;
}
.card-container .card-corporation-logo .card-nanotech-industries-logo {
  background-image: url(./assets/moon/corp-logo-nanotech.png);
  height: 50px;
  width: 150px;
  background-size: 150px 50px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-tempest-consultancy-logo {
  background-image: url(./assets/moon/corp-logo-tempest.png);
  height: 50px;
  width: 150px;
  background-size: 150px 50px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-the-darkside-of-the-moon-syndicate-logo {
  background-image: url(./assets/moon/corp-logo-darkside.png);
  height: 50px;
  width: 187px;
  background-size: 187px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-luna-hyperloop-corporation-logo {
  background-image: url(./assets/moon/corp-logo-luna-hyperloop.png);
  height: 50px;
  width: 150px;
  background-size: 150px 50px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-crescent-research-association-logo {
  background-image: url(./assets/moon/corp-logo-crescent-research.png);
  height: 50px;
  width: 150px;
  background-size: 150px 50px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-luna-first-incorporated-logo {
  background-image: url(./assets/moon/corp-logo-luna-first.png);
  height: 50px;
  width: 150px;
  background-size: 150px 50px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-the-grand-luna-capital-group-logo {
  background-image: url(./assets/moon/corp-logo-grand-luna.png);
  height: 50px;
  width: 143px;
  background-size: 143px 50px;
  margin-top: 10px;
  border-radius: 5px;
}
.card-container .card-corporation-logo .card-intragen-sanctuary-headquarters-logo {
  background-image: url(./assets/moon/corp-logo-intragen.png);
  height: 45px;
  width: 142px;
  background-size: 142px 45px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-luna-trade-federation-logo {
  background-image: url(./assets/moon/corp-logo-luna-trade-federation.png);
  height: 45px;
  width: 142px;
  background-size: 142px 45px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-the-archaic-foundation-institute-logo {
  background-image: url(./assets/moon/corp-logo-archaic-foundation.png);
  height: 50px;
  width: 180px;
  background-size: 180px 50px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-polaris-logo {
  background-image: url(./assets/pathfinders/corp-logo-polaris.png);
  height: 54px;
  width: 180px;
  background-size: 180px 54px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-ringcom-logo {
  background-image: url(./assets/pathfinders/corp-logo-ringcom.png);
  height: 35px;
  width: 180px;
  background-size: 180px 35px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-chimera-logo {
  background-image: url(./assets/pathfinders/corp-logo-chimera.png);
  height: 39px;
  width: 66px;
  background-size: 66px 39px;
  margin-top: 10px;
  margin-left: 79px;
}
.card-container .card-corporation-logo .card-steelaris-logo {
  background-image: url(./assets/pathfinders/corp-logo-steelaris.png);
  height: 35px;
  width: 180px;
  background-size: 180px 35px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-martian-insurance-group-logo {
  background-image: url(./assets/pathfinders/corp-logo-martian-insurance-group.png);
  height: 45px;
  width: 170px;
  background-size: 170px 45px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-robin-haulings-logo {
  background-image: url(./assets/pathfinders/corp-logo-robin-haulings.png);
  height: 41px;
  width: 140px;
  background-size: 140px 41px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-mars-direct-logo {
  background-image: url(./assets/pathfinders/corp-logo-mars-direct.png);
  height: 45px;
  width: 144px;
  background-size: 144px 45px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-mars-frontier-alliance-logo {
  background-image: url(./assets/pathfinders/corp-logo-mars-frontier-alliance.png);
  height: 45px;
  width: 170px;
  background-size: 170px 45px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-ambient-logo {
  background-image: url(./assets/pathfinders/corp-logo-ambient.png);
  height: 45px;
  width: 173px;
  background-size: 173px 45px;
  margin-top: 10px;
  margin-left: 16px;
}
.card-container .card-corporation-logo .card-collegium-copernicus-logo {
  background-image: url(./assets/pathfinders/corp-logo-colleguim-copernicus.png);
  height: 45px;
  width: 144px;
  background-size: 144px 45px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-soylent-logo {
  background-image: url(./assets/pathfinders/corp-logo-soylent.png);
  height: 45px;
  width: 144px;
  background-size: 144px 45px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-bio-sol-logo {
  background-image: url(./assets/pathfinders/corp-logo-bio-sol.png);
  height: 45px;
  width: 175px;
  background-size: 175px 45px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-adhai-high-orbit-constructions-logo {
  background-image: url(./assets/pathfinders/corp-logo-adhai-high-orbit-constructions.png);
  height: 45px;
  width: 184px;
  background-size: 184px 45px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-mind-set-mars-logo {
  background-image: url(./assets/pathfinders/corp-logo-mind-set-mars.png);
  height: 45px;
  width: 125px;
  background-size: 125px 45px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-habitat-marte-logo {
  background-image: url(./assets/pathfinders/corp-logo-habitat-marte.png);
  height: 101px;
  width: 115px;
  background-size: 115px 101px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-odyssey-logo {
  background-image: url(./assets/pathfinders/corp-logo-odyssey.png);
  height: 90px;
  width: 125px;
  background-size: 125px 90px;
  margin-top: 10px;
}
.card-container .card-corporation-logo .card-aurorai-logo {
  background-image: url(./assets/pathfinders/corp-logo-aurorai.png);
  height: 80px;
  width: 111px;
  background-size: 111px 80px;
}
.card-container .card-content-corporation {
  top: -30px;
  height: 256px !important;
}
.card-container .card-content {
  color: black;
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 220px;
  height: 226px;
  padding: 10px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 0px;
}
.card-container .card-content:not(.global-event-card-content) {
  overflow-x: hidden;
}
.card-container .card-content::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0 0 32px 0;
}
.card-container .card-content::-webkit-scrollbar {
  width: 4px;
  background-color: transparent;
}
.card-container .card-content::-webkit-scrollbar-thumb {
  background-color: #898989;
  border-radius: 0 0 32px 0;
}
.card-container .card-content .bottom-padding-short {
  padding-bottom: 30px;
}
.card-container .card-content .bottom-padding-long {
  padding-bottom: 50px;
}
.card-container .card-corporation-box {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: center;
  min-height: 130px;
  border-radius: 10px;
  background: linear-gradient(to bottom right, #cccccc, #aaaaaa, #dddddd, #cccccc, #aaaaaa, #cacaca, #aaaaaa, #cccccc);
  box-shadow: 0 0 0px 1px rgba(0, 0, 0.5);
  width: 216px;
  padding: 0 4px;
  /* hide points on hover by poppig the overlay on top of them*/
}
.card-container .card-corporation-box:hover {
  box-shadow: 0px 0px 4px 1px #353594;
  z-index: 4;
}
.card-container .card-corporation-box .card-corporation-label {
  background-color: #2c84c4;
  background: linear-gradient(#6eafde, #2c84c4, #2c84c4);
  width: 100px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  padding-top: 2px;
  border-radius: 0 0 20px 20px;
  text-transform: uppercase;
  position: absolute;
  top: 0px;
  left: 63px;
}
.card-container .card-effect-box {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.card-container .card-effect-box .card-item-container {
  margin: 0;
}
.card-container .card-effect-box .card-effect-box-row {
  display: flex;
  flex-flow: row;
  align-items: center;
}
.card-container .card-effect-box .card-effect-box-row .card-effect-box-content {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin: 0 4px;
}
.card-container .card-effect-box .card-effect-box-row .card-effect-box-content .card-effect-box-item {
  display: flex;
}
.card-container .card-item-container {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin: 0 4px;
}
.card-container .nextto-leftside {
  margin: 0 -2px 0 4px;
}
.card-container .nextto-rightside {
  margin: 0 4px 0 -2px;
}
.card-container .card-global-requirement {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 40px;
  height: 46px;
  margin-right: 4px;
  margin-left: 4px;
  background-size: 40px 46px;
  line-height: 16px;
  text-align: center;
  filter: drop-shadow(0px 0px 1px black);
  background-image: url(./assets/tiles/empty.png);
}
.card-container .card-temperature-global-requirement {
  background-image: url(./assets/global-parameters/temperature.png);
  width: 14px;
  background-size: 14px 46px;
}
.card-container .card-temperature--req {
  background-image: url(./assets/global-parameters/temperature.png);
  width: 10px;
  height: 34px;
  background-size: 10px 34px;
}
.card-container .card-ocean-global-requirement {
  background-image: url(./assets/tiles/ocean.png);
}
.card-container .card-ocean--req {
  background-image: url(./assets/tiles/ocean.png);
  width: 30px;
  height: 34px;
  background-size: 30px 34px;
}
.card-container .card-oxygen-global-requirement {
  background-image: url(./assets/global-parameters/oxygen.png);
  width: 46px;
  background-size: 46px;
}
.card-container .card-oxygen--req {
  background-image: url(./assets/global-parameters/oxygen.png);
  width: 34px;
  background-size: 34px;
  height: 34px;
}
.card-container .card-venus-global-requirement {
  background-image: url(./assets/global-parameters/venus.png);
  width: 60px;
  height: 40px;
  background-size: 60px 40px;
  color: #0000;
}
.card-container .card-venus--req {
  background-image: url(./assets/global-parameters/venus.png);
  width: 50px;
  height: 34px;
  background-size: 50px 34px;
  color: #0000;
}
.card-container .card-resource,
.card-container .card-resource--has-secondary-tag,
.card-container .card-resource--superscript {
  font-family: Prototype;
  position: relative;
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  width: 30px;
  height: 30px;
  font-size: 22px;
  line-height: 30px;
  background-size: 30px;
  filter: drop-shadow(0px 0px 1px black);
  vertical-align: middle;
}
.card-container .card-resource--has-secondary-tag {
  width: 30px;
  height: 30px;
  background-size: 30px;
  margin-right: 10px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.card-container .card-resource--superscript {
  height: 16px;
  width: 16px;
  background-size: 16px;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 12px;
}
.card-container .card-resource-trade-discount {
  background: white;
}
.card-container .card-resource-money {
  font-family: Prototype;
  color: black;
  background-image: url(./assets/resources/megacredit.png);
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.card-container .card-money--L {
  width: 46px;
  height: 46px;
  background-size: 46px;
  font-size: 24px;
  line-height: 46px;
}
.card-container .card-resource-steel {
  background-image: url(./assets/resources/steel.png);
}
.card-container .card-resource-titanium {
  background-image: url(./assets/resources/titanium.png);
}
.card-container .card-resource-plant {
  background-image: url(./assets/resources/plant.png);
}
.card-container .card-resource-energy {
  background-image: url(./assets/resources/power.png);
}
.card-container .card-resource-heat {
  background-image: url(./assets/resources/heat.png);
}
.card-container .card-resource-wild {
  background-image: url(./assets/resources/wild.png);
}
.card-container .card-resource-diverse {
  background: linear-gradient(to bottom right, green, yellow, red);
}
.card-container .card-resource-community {
  background: linear-gradient(orange, orangered);
}
.card-container .card-resource-cathedral {
  background-image: url(./assets/promo/cathedral.png);
}
.card-container .card-resource-nomads {
  background: linear-gradient(to bottom right, gold, goldenrod, gold);
  border: 1px solid black;
}
.card-container .card-resource-one {
  background-image: url(./assets/resources/one.png);
}
.card-container .card-resource-size--S {
  height: 18px;
  width: 18px;
  background-size: 18px;
}
.card-container .card-identification {
  background-image: url(./assets/underworld/identify.png);
  width: 44px;
  background-size: 44px;
  height: 44px;
}
.card-container .card-excavation {
  background-image: url(./assets/underworld/excavate.png);
  width: 44px;
  background-size: 44px;
  height: 44px;
}
.card-container .card-excavation--superscript {
  background-image: url(./assets/underworld/excavate.png);
  height: 22px;
  width: 22px;
  background-size: 22px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
}
.card-container .card-resource-corruption {
  background-image: url(./assets/underworld/corruption.png);
}
.card-container .card-neutral-delegate {
  display: inline-block;
  background-image: url(./assets/misc/delegate.png);
  width: 24px;
  height: 30px;
  background-size: 24px 30px;
  vertical-align: middle;
  filter: drop-shadow(0px 0px 1px black);
  margin-left: 2px;
  margin-right: 2px;
  background-image: url(./assets/underworld/neutral-delegate.png) !important;
}
.card-container .card-underground-resources {
  width: 44px;
  background-size: 44px 44px;
  height: 44px;
  background-image: url("assets/underworld/underground-token-background.png");
}
.card-container .card-underground-resources .card-x {
  color: black;
  font-size: 69px;
  font-weight: bold;
  margin-top: 10px;
}
.card-container .card-corruption-shield {
  width: 44px;
  height: 44px;
  background-size: 44px 44px;
  background-image: url("assets/underworld/corruption-block.png");
}
.card-container .card-geoscan-icon {
  width: 100px;
  height: 87px;
  background-size: 100px 87px;
  background-image: url("assets/underworld/geoscan-icon.png");
}
.card-container .card-underground-shelters {
  background-image: url(./assets/underworld/underground-shelters.png);
  width: 44px;
  background-size: 44px 44px;
  height: 44px;
}
.card-container .card-arrow-opg {
  display: inline-block;
  background-image: url(./assets/ceos/arrow-opg.png);
  width: 50px;
  height: 43px;
  background-size: 50px 43px;
  background-repeat: no-repeat;
}
.card-container .card-reds-deactivated {
  display: inline-block;
  background-image: url(./assets/parties/reds.png);
  width: 75px;
  height: 54px;
  background-size: 75px 54px;
  background-repeat: no-repeat;
  filter: grayscale(1);
}
.card-container .card-reds {
  display: inline-block;
  background-image: url(./assets/parties/reds.png);
  width: 50px;
  height: 36px;
  background-size: 50px 36px;
  background-repeat: no-repeat;
}
.card-container .card-hazard-tile {
  background-image: url(./assets/tiles/hazard.png);
  width: 40px;
  height: 40px;
  background-size: 40px;
  transform: scale(0.9);
  margin: 5px 2px;
}
.card-container .card-hazard-tile--L {
  background-image: url(./assets/tiles/hazard.png);
  width: 48px;
  height: 48px;
  background-size: 48px;
  margin: 5px -4px;
}
.card-container .card-adjacency-bonus {
  background-image: url(./assets/tiles/adjacency_bonus.png);
  background-size: 47px 54px;
  width: 47px;
  height: 54px;
  margin: 5px;
}
.card-container .card-special {
  font-size: 23px;
}
.card-container .card-asterix {
  position: relative;
  top: 3px;
}
.card-container .card-minus {
  background-image: url(./assets/misc/minus.png);
  background-size: 12px;
  margin: 0;
  width: 12px;
  height: 8px;
  background-repeat: no-repeat;
  margin-right: 2px;
  position: relative;
  top: -2px;
}
.card-container .card-minus--S {
  background-image: url(./assets/misc/minus.png);
  background-size: 12px;
  margin: 0;
  width: 12px;
  height: 8px;
  background-repeat: no-repeat;
  margin-right: 2px;
  position: relative;
  top: -2px;
  background-size: 9px;
  width: 9px;
  height: 6px;
}
.card-container .card-plus {
  background-image: url(./assets/misc/plus.png);
  background-size: 12px;
  min-height: 12px;
  width: 12px;
  vertical-align: middle;
  display: inline-block;
  margin: 0;
  margin-right: 2px;
  background-repeat: no-repeat;
}
.card-container .card-plus--small {
  background-size: 10px;
  min-height: 10px;
  width: 10px;
}
.card-container .card-or,
.card-container .card-colon {
  font-size: 18px;
  line-height: normal;
}
.card-container .card-slash,
.card-container .card-equals {
  margin-left: 2px;
  margin-right: 2px;
}
.card-container .card-or--small,
.card-container .card-slash--small {
  font-size: 14px;
  margin-left: 2px;
  margin-right: 2px;
}
.card-container .card-or--tiny,
.card-container .card-slash--tiny {
  font-size: 9px;
  margin-left: 2px;
  margin-right: 2px;
}
.card-container .card-res-amount {
  font-size: 21px;
  margin-right: 1px;
}
.card-container .card-card {
  background: url("./assets/resources/card.png");
  height: 40px;
  width: 30px;
  background-size: 30px 40px;
  vertical-align: middle;
}
.card-container .card-card .cards-count {
  position: absolute;
  background: #ffffffb3;
  color: black;
  margin-left: 3px;
  width: 24px;
  height: 20px;
  line-height: 20px;
  margin-top: 16px;
  border-radius: 5px;
  font-size: 17px;
}
.card-container .card-card .card-icon-space {
  background: black;
  color: yellow;
  font-size: 14px;
}
.card-container .card-card .card-icon-building {
  background: linear-gradient(#a27147, #593e27);
  color: #493628;
  font-size: 12px;
  left: -3px;
  text-shadow: 0 0 1px black;
}
.card-container .card-icon {
  position: absolute;
  right: -9px;
  top: -8px;
  margin: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  background-size: 24px 24px;
  background-position: center;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
}
.card-container .card-red-arrow {
  background-image: url(./assets/misc/arrow.png);
  background-size: 30px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px;
}
.card-container .card-red-arrow--small {
  background-image: url(./assets/misc/short-arrow.png);
  background-size: 15px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px;
}
.card-container .card-resource-trade {
  background-image: url(./assets/tiles/trade.png);
  height: 40px;
  width: 48px;
  background-size: 48px;
}
.card-container .card-resource-trade .card-x {
  position: absolute;
  color: red;
  font-size: 44px;
  left: 12px;
  top: 13px;
  filter: drop-shadow(1px 0px 1px #888) drop-shadow(-1px 0px 1px #888) drop-shadow(0px 1px 1px #888) drop-shadow(0px -1px 1px #888);
}
.card-container .card-resource-trade--S {
  height: 30px !important;
  width: 36px !important;
  background-size: 36px !important;
}
.card-container .card-resource-trade-fleet {
  background-image: url(./assets/tiles/trade.png);
  height: 40px;
  width: 48px;
  background-size: 48px;
  filter: invert(1) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5)) drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.5));
}
.card-container .card-resource-colony {
  background-image: url(./assets/tiles/colony.png);
  height: 40px;
  width: 46px;
  background-size: 46px;
}
.card-container .card-resource-colony--S {
  height: 30px !important;
  width: 36px !important;
  background-size: 36px !important;
}
.card-container .card-resource-colony--req {
  height: 34px;
  width: 40px;
  background-size: 40px 34px;
  margin-left: 3px;
  margin-right: 3px;
}
.card-container .card-influence {
  display: inline-block;
  background-image: url(./assets/misc/influence.png);
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  vertical-align: middle;
}
.card-container .card-influence--size-S {
  position: relative;
  top: -10px;
  left: -10px;
  transform: scale(0.7);
  margin-right: -12px;
}
.card-container .turmoil-global-event {
  display: inline-block;
  background-image: url(./assets/parties/globalEvent.png);
  width: 40px;
  height: 56px;
  background-size: 40px 56px;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.card-container .turmoil-policy-tile {
  display: inline-block;
  background-image: url(./assets/resources/policy.png);
  width: 60px;
  height: 40px;
  background-size: 60px 40px;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.card-container .card-resource-tag,
.card-container .card-resource-tag--S {
  position: relative;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  margin-left: 3px;
  margin-right: 3px;
  width: 30px;
  height: 30px;
  background-size: 34px 34px;
  background-position: -2px;
  line-height: 28px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  vertical-align: middle;
  filter: brightness(0.9);
}
.card-container .card-resource-tag--S {
  width: 30px;
  height: 30px;
  background-size: 34px;
  margin-left: 2px;
}
.card-container .card-tag-wild {
  background-image: url("./assets/tags/wild.png");
}
.card-container .card-tag-building {
  background-image: url("./assets/tags/building.png");
}
.card-container .card-tag-space {
  background-image: url("./assets/tags/space.png");
}
.card-container .card-tag-power {
  background-image: url("./assets/tags/power.png");
}
.card-container .card-tag-jovian {
  background-image: url("./assets/tags/jovian.png");
}
.card-container .card-tag-venus {
  background-image: url("./assets/tags/venus.png");
}
.card-container .card-tag-earth {
  background-image: url("./assets/tags/earth.png");
}
.card-container .card-tag-city {
  background-image: url("./assets/tags/city.png");
}
.card-container .card-tag-microbe {
  background-image: url("./assets/tags/microbe.png");
}
.card-container .card-tag-plant {
  background-image: url("./assets/tags/plant.png");
}
.card-container .card-tag-animal {
  background-image: url("./assets/tags/animal.png");
}
.card-container .card-tag-event {
  background-image: url("./assets/tags/event.png");
}
.card-container .card-tag-science {
  background-image: url("./assets/tags/science.png");
}
.card-container .card-tag-none {
  background-image: url("./assets/tags/none.png");
}
.card-container .card-tag-moon {
  background-image: url("./assets/tags/moon.png");
}
.card-container .card-tag-crime {
  background-image: url("./assets/tags/crime.png");
}
.card-container .card-tag-empty {
  background-image: url("./assets/tags/empty.png");
}
.card-container .card-tag-floater {
  background-image: url("./assets/resources/floater.png");
  border-radius: 0px;
}
.card-container .card-tag-wild-resource {
  background-image: url("./assets/resources/wild.png");
  border-radius: 0px;
}
.card-container .card-tag-diverse {
  background: linear-gradient(to bottom right, green, yellow, red);
}
.card-container .card-no-tags {
  font-size: 42px;
  vertical-align: middle;
  background: white;
}
.card-container .card-no-tags:after {
  content: "X";
  position: relative;
  top: 1px;
}
.card-container .card-private-security .card-x {
  vertical-align: middle;
  position: absolute;
  color: #b51616;
  font-size: 72px;
  left: -13px;
  font-weight: bold;
}
.card-container .card-tag-req {
  border-radius: 0px;
  height: 12px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  background: linear-gradient(90deg, #f3a10e 0%, #fdea25 45%, #fdea25 55%, #f3a10e 100%);
}
.card-container .card-tag-blue {
  opacity: 0.8;
  margin-left: 17px;
  background: #176fe4;
  width: 16px;
  top: -7px;
  height: 16px;
  border-radius: 50%;
}
.card-container .card-tag-no_planetary_tag {
  background-image: url("./assets/tags/clone.png");
}
.card-container .card-tag-no_planetary_tag:after {
  content: '';
  height: 20px;
  border-left: 2px dashed #f00;
  position: absolute;
  transform: rotate(45deg);
  margin-left: -1px;
}
.card-container .card-tag-no_planetary_tag:before {
  content: '';
  height: 20px;
  border-left: 2px dashed #f00;
  position: absolute;
  transform: rotate(-45deg);
  margin-left: -1px;
}
.card-container .card-tag-turmoil:after {
  position: absolute;
  color: #222;
  border: 1px solid black;
  left: -1px;
  background: darkorange;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
  content: "\25b2";
  transform: rotate(180deg);
}
.card-container .card-tag-no_tags {
  background: white;
  font-size: 30px;
  vertical-align: middle;
  font-weight: normal;
}
.card-container .card-tag-no_tags:after {
  content: "X";
  position: relative;
  top: 1px;
  left: 1px;
}
.card-container .card-tag-ares {
  background-image: url("./assets/expansion_icons/expansion_icon_ares.png");
}
.card-container .card-project-requirements {
  position: relative;
  align-self: center;
  justify-content: center;
}
.card-container .card-project-requirements .card-x {
  position: absolute;
  color: #000000;
  font-size: 63px;
  left: 61px;
  top: -2px;
}
.card-container .card-project-requirements .card-requirements {
  width: 95%;
  padding: 0px 4px;
}
.card-container .card-colony-tile {
  text-transform: uppercase;
  background: #444;
  color: #eee;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 20px;
  font-weight: normal;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  border: 1px solid #eee;
}
.card-container .card-prelude-container {
  background-color: #2c2c2c;
  background: linear-gradient(to right bottom, black, #3c3c3c, #969696, #3c3c3c, #3c3c3c, black);
  color: black;
  font-size: 12px;
  padding: 4px 7px 1px;
  border-radius: 3px;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.8);
}
.card-container .card-prelude-container .card-prelude-icon {
  text-transform: uppercase;
  background: linear-gradient(to right, #eb76ab, #e64d91);
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 2px;
}
.card-container .card-ceo-container {
  background-color: #2c2c2c;
  background: linear-gradient(to right bottom, black, #3c3c3c, #969696, #3c3c3c, #3c3c3c, black);
  color: black;
  font-size: 12px;
  padding: 4px 7px 1px;
  border-radius: 3px;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.8);
}
.card-container .card-ceo-container .card-ceo-icon {
  text-transform: uppercase;
  background: linear-gradient(to right, #eb76ab, #e64d91);
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 2px;
}
.card-container .card-corporation-icon {
  display: inline-block;
  background-image: url(./assets/misc/corpCard.png);
  background-size: 56px 44px;
  background-repeat: no-repeat;
  width: 56px;
  height: 44px;
  margin-top: -20px;
  margin-bottom: -17px;
  border-radius: 5px;
}
.card-container .card-first-player-icon {
  display: inline-block;
  background-image: url(./assets/misc/first-player.png);
  background-size: 39px 26px;
  background-repeat: no-repeat;
  width: 39px;
  height: 26px;
}
.card-container .card-party-icon {
  display: inline-block;
  background-image: url(./assets/parties/parties.png);
  background-size: 56px 44px;
  background-repeat: no-repeat;
  width: 56px;
  height: 44px;
  margin-top: -20px;
  margin-bottom: -17px;
  border-radius: 5px;
}
.card-container .card-award-icon {
  text-transform: uppercase;
  background: orange;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
}
.card-container .card-vp-questionmark {
  width: 40px;
  height: 34px;
  font-weight: normal;
  line-height: 31px;
  font-size: 28px;
  text-align: center;
  border-radius: 12px;
  border-style: outset;
  background-color: #cda282;
  background: linear-gradient(#cc8b00, #805700, #805700);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
}
.card-container .card-production-box {
  font-family: Prototype;
  font-weight: normal;
  text-shadow: none;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 4px;
  margin: 0 4px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  background-image: url(./assets/misc/production.png);
  background-size: cover;
}
.card-container .card-production-box .card-production-box-row {
  display: flex;
  flex-flow: row;
  margin-top: 2px;
  margin-bottom: 2px;
}
.card-container .card-production-box .card-production-box-row .card-production-box-row-item {
  align-self: center;
}
.card-container .card-production-box .card-production-box-row .card-production-box-row-item .card-item-container {
  margin: 0 !important;
}
.card-container .card-production-box--req {
  transform: scale(0.8);
  padding: 0px;
}
.card-container .card-rows {
  display: flex;
  flex-flow: column;
  margin-top: 8px;
  align-items: center;
}
.card-container .card-rows .card-row {
  margin: 4px 0px;
  display: flex;
  flex-flow: row;
  align-items: center;
}
.card-container .card-description {
  margin-top: 8px;
  color: #020202;
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
}
.card-container .card-description-aligned {
  width: 60%;
}
.card-container .card-description-align--left {
  align-self: flex-start;
}
.card-container .card-description-align--right {
  align-self: flex-end;
}
.card-container .card-points {
  position: absolute;
  font-family: Prototype;
  font-weight: normal;
  color: black;
  bottom: 3px;
  right: 3px;
  width: 80px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 12px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
  background-color: #cda282;
  background: linear-gradient(#cc8b00, #805700, #805700);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
}
.card-container .card-points .card-item-container {
  margin: 0px;
}
.card-container .card-points .card-points-item-first {
  display: flex;
}
.card-container .card-points-big {
  font-size: 36px;
  text-shadow: 0 0 5px darkorange;
}
.card-container .card-points-normal {
  display: flex;
  justify-content: center;
  font-size: 28px;
  text-shadow: 0 0 2px darkorange;
}
.card-container .card-points-normal > div {
  margin-left: 4px;
}
.card-container .card-points-vermin {
  width: 128px;
  font-size: 18px;
}
.card-container .card-plate {
  width: 130px;
  text-shadow: none;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 17px;
  display: inline-block;
  vertical-align: middle;
  padding: 4px 0px;
  margin-right: 5px;
  border-radius: 14px;
  background: linear-gradient(90deg, #f3a10e 0%, #fdea25 45%, #fdea25 55%, #f3a10e 100%);
  filter: drop-shadow(0px 0px 1px black);
  box-shadow: 2px 2px 1px;
}
.card-container .card-plate--narrow {
  width: 110px;
}
.card-container .card-text-size--XS {
  font-size: 9px;
}
.card-container .card-text-size--S {
  font-size: 14px;
}
.card-container .card-text-size--M {
  font-size: 18px;
}
.card-container .card-text-size--L {
  font-size: 23px;
}
.card-container .card-text-uppercase {
  text-transform: uppercase;
  line-height: normal;
}
.card-container .card-text-bold {
  font-weight: bold;
}
.card-container .card-text-normal {
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
}
.card-container .card-nbsp {
  visibility: hidden;
  width: 10px;
}
.card-container .card-vspace {
  visibility: hidden;
  width: 100%;
}
.card-container .card-vspace--small {
  height: 8px;
}
.card-container .card-vspace--medium {
  height: 16px;
}
.card-container .card-vspace--large {
  height: 24px;
}
.card-container .card-survey-mission {
  background-image: url(./assets/pathfinders/survey-mission.png);
  width: 65px;
  height: 52px;
  background-size: 65px 52px;
  background-repeat: no-repeat;
}
.card-container .card-tile {
  margin-left: 4px;
  margin-right: 4px;
  background-repeat: no-repeat;
}
.card-container .card-tile-canvas {
  background-image: url(./assets/tiles/special.png);
  width: 40px;
  height: 47px;
  background-size: 40px;
  background-repeat: no-repeat;
}
.card-container .card-tile-capital {
  background-image: url(./assets/tiles/city.png);
  filter: none;
  width: 40px;
  height: 47px;
  background-size: 40px 47px;
}
.card-container .card-tile-symbol {
  background-size: 44px;
  width: 40px;
  height: 47px;
}
.card-container .card-tile-symbol-commercial-district {
  background-image: url(./assets/tiles/special_tile_icons/commerical_district.png);
  position: relative;
  left: -2px;
}
.card-container .card-tile-symbol-deimos-down {
  background-image: url(./assets/tiles/special_tile_icons/deimos.png);
  position: relative;
  left: -2px;
  top: 1px;
}
.card-container .card-tile-symbol-great-dam {
  background-image: url(./assets/tiles/special_tile_icons/great_dam.png);
  position: relative;
  left: -2px;
  top: -1px;
}
.card-container .card-tile-symbol-ecological-zone {
  background-image: url(./assets/tiles/special_tile_icons/ecological_zone.png);
  position: relative;
  left: -2px;
  top: 1px;
}
.card-container .card-tile-symbol-industrial-center {
  background-image: url(./assets/tiles/special_tile_icons/industrial_center.png);
  position: relative;
  left: -2px;
  top: 1px;
}
.card-container .card-tile-symbol-magnetic-field-generators {
  background-image: url(./assets/tiles/special_tile_icons/magnetic_field_gen.png);
  position: relative;
  left: -2px;
  top: 1px;
}
.card-container .card-tile-symbol-mining {
  background-image: url(./assets/tiles/special_tile_icons/mining_area.png);
  position: relative;
  left: -2px;
  top: 1px;
}
.card-container .card-tile-symbol-mohole-area {
  background-image: url(./assets/tiles/special_tile_icons/mohole_area.png);
  position: relative;
  left: -2px;
  top: 1px;
}
.card-container .card-tile-symbol-lava-flows {
  background-image: url(./assets/tiles/special_tile_icons/lava_flows.png);
  position: relative;
  left: -2px;
  top: 1px;
}
.card-container .card-tile-symbol-restricted-area {
  background-image: url(./assets/tiles/special_tile_icons/restricted_area.png);
  position: relative;
  left: -2px;
  top: 0px;
}
.card-container .card-tile-symbol-natural-preserve {
  background-image: url(./assets/tiles/special_tile_icons/natural_preserve.png);
  position: relative;
  left: -3px;
  top: 0px;
}
.card-container .card-tile-symbol-nuclear-zone {
  background-image: url(./assets/tiles/special_tile_icons/nuclear_zone.png);
  position: relative;
  left: -2px;
  top: 0px;
}
.card-container .card-tile-new-holland {
  background-image: url(./assets/tiles/new_holland.png);
  filter: none;
  width: 47px;
  height: 59px;
  background-size: 47px 59px;
}
.card-container .city-tile--M {
  background-image: url(./assets/tiles/city.png);
  filter: brightness(0.8) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
  background-size: 40px;
  width: 40px;
  height: 47px;
}
.card-container .city-tile--S {
  background-image: url(./assets/tiles/city.png);
  filter: brightness(0.8) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
  width: 21px;
  height: 23px;
  background-size: 21px 23px;
}
.card-container .greenery-tile--M {
  background-image: url(./assets/tiles/greenery_no_O2.png);
  background-size: 40px;
  width: 40px;
  height: 47px;
}
.card-container .greenery-tile--S {
  background-image: url(./assets/tiles/greenery_no_O2.png);
  background-size: 30px 32px;
  width: 30px;
  height: 32px;
}
.card-container .greenery-tile-oxygen--M {
  background-image: url(./assets/tiles/greenery.png);
  background-size: 47px;
  width: 47px;
  height: 46px;
}
.card-container .tile--req {
  width: 30px;
  height: 34px;
  background-size: 30px 34px;
  margin-left: 4px;
  margin-right: 4px;
}
.card-container .card-ocean--S {
  width: 30px !important;
  height: 32px !important;
  background-size: 30px 32px !important;
  vertical-align: middle !important;
  box-shadow: none !important;
  background-repeat: no-repeat;
}
.card-container .card-venus--S {
  width: 48px !important;
  height: 32px !important;
  background-size: 48px 32px !important;
  vertical-align: middle !important;
  box-shadow: none !important;
  background-repeat: no-repeat;
}
.card-container .card-tr {
  background-image: url(./assets/resources/tr.png);
  width: 55px;
  height: 40px;
  background-size: 55px 40px;
  position: relative;
}
.card-container .card-tr--S {
  background-image: url(./assets/resources/tr.png);
  width: 42px !important;
  height: 32px !important;
  background-size: 42px 32px !important;
  vertical-align: middle !important;
  box-shadow: none !important;
  background-repeat: no-repeat;
}
.card-container .card-tr--S .card-x {
  position: absolute;
  color: #000000;
  font-size: 57px;
  left: 5px;
  top: 2px;
}
.card-container .card-tr--XS {
  background-image: url(./assets/resources/tr.png);
  width: 45px !important;
  height: 34px !important;
  background-size: 45px 34px !important;
  vertical-align: middle !important;
  box-shadow: none !important;
  background-repeat: no-repeat;
}
.card-container .card-tr--req {
  background-image: url(./assets/resources/tr.png);
  width: 45px !important;
  height: 34px !important;
  background-size: 45px 34px !important;
  vertical-align: middle !important;
  box-shadow: none !important;
  background-repeat: no-repeat;
}
.card-container .card-delegate {
  display: inline-block;
  background-image: url(./assets/misc/delegate.png);
  width: 24px;
  height: 30px;
  background-size: 24px 30px;
  vertical-align: middle;
  filter: drop-shadow(0px 0px 1px black);
  margin-left: 2px;
  margin-right: 2px;
}
.card-container .card-delegate-red {
  filter: drop-shadow(0px 1px 1px darkred) drop-shadow(0px -1px 1px red) drop-shadow(0px 0px 2px black);
}
.card-container .card-party-leader {
  display: inline-block;
  background-image: url(./assets/misc/delegate.png);
  width: 24px;
  height: 30px;
  background-size: 24px 30px;
  vertical-align: middle;
  filter: drop-shadow(0px 0px 1px black);
  background-color: #222;
  padding: 3px;
  background-repeat: no-repeat;
  background-position: 3px;
  border-radius: 15px 15px 2px 2px;
}
.card-container .card-party-leader--req {
  display: inline-block;
  background-image: url(./assets/misc/delegate.png);
  width: 24px;
  height: 30px;
  background-size: 24px 30px;
  vertical-align: middle;
  filter: drop-shadow(0px 0px 1px black);
  background-color: #222;
  padding: 3px;
  background-repeat: no-repeat;
  background-position: 3px;
  border-radius: 15px 15px 2px 2px;
}
.card-container .card-chairman {
  display: inline-block;
  background-image: url(./assets/misc/chairman.png);
  width: 24px;
  height: 30px;
  background-size: 24px 30px;
  vertical-align: middle;
  filter: drop-shadow(0px 0px 1px black);
  background-color: #222;
  padding: 3px;
  background-repeat: no-repeat;
  background-position: 3px;
  border-radius: 15px 15px 2px 2px;
}
.card-container .card-chairman--req {
  display: inline-block;
  background-image: url(./assets/misc/chairman.png);
  width: 24px;
  height: 30px;
  background-size: 24px 30px;
  vertical-align: middle;
  filter: drop-shadow(0px 0px 1px black);
  background-color: #222;
  padding: 3px;
  background-repeat: no-repeat;
  background-position: 3px;
  border-radius: 15px 15px 2px 2px;
}
.card-container .card-chairman-red {
  filter: drop-shadow(1px 0px 1px #c33) drop-shadow(-1px 0px 1px #c33) drop-shadow(0px 1px 1px #c33) drop-shadow(0px -1px 1px #c33) !important;
}
.card-container .temporary-content-wrapper {
  position: relative;
  top: -25px;
  /* .corporation-icon {
            position: absolute;
            top: 9px;
            right: 26px;
        } */
}
.card-container .card-cost-and-tags {
  display: flex;
  align-items: center;
  margin-left: -10px;
  margin-top: -10px;
  justify-content: space-between;
}
.card-container .card-cost-and-tags .board-cube {
  transform: scale(1.5);
}
.card-container .card-cost-and-tags .card-cost,
.card-container .card-cost-and-tags .card-old-cost {
  float: left;
  font-family: Prototype;
  font-size: 26px;
  width: 50px;
  height: 50px;
  line-height: 48px;
  border-radius: 10px;
  text-align: center;
  background-image: url(./assets/resources/megacredit.png);
  background-size: 50px;
  filter: drop-shadow(0px 0px 1px black);
  color: #000;
}
.card-container .card-cost-and-tags .card-cost-transition {
  position: absolute;
  background-image: url(./assets/misc/cost-transition-arrow.png);
  width: 14px;
  height: 21px;
  left: 9px;
  top: 40px;
  z-index: 2;
}
.card-container .card-cost-and-tags .card-old-cost {
  transform: scale(0.6);
  filter: grayscale(60%);
  left: -8px;
  top: 45px;
  position: absolute;
}
.card-container .card-cost-and-tags .card-tags {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  margin-right: -6px;
}
.card-container .card-cost-and-tags .card-tags .card-tag {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  margin-left: 4px;
  width: 40px;
  height: 40px;
  background-size: 50px;
  background-position: -5px;
  text-align: center;
  border-radius: 50%;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
  background-color: white;
  /* margin-top: -6px; */
  filter: brightness(0.9);
}
.card-container .card-title {
  font-family: "Ubuntu";
  color: #020202;
  text-transform: uppercase;
  width: 100%;
  border-radius: 0 0 30% 30%;
  line-height: 27px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  height: 27px;
  /* Conditional height adjustment for corporation cards makes a cleaner scrolling experience. */
}
.card-container .card-title.is-corporation {
  height: 40px;
}
.card-container .card-title .corporation-label {
  float: left;
  top: 8px;
  position: absolute;
  color: #020202;
  width: 115px;
  height: 14px;
  line-height: 15px;
  text-align: center;
  font-size: 13px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  background: #cccccc;
  background-color: #ffcc64;
  background: linear-gradient(to right, #e28c22, #ffcc64, #ffcc64, #e28c22);
  border-radius: 7px 7px 2px 2px;
  text-transform: uppercase;
}
.card-container .card-title .prelude-label {
  position: absolute;
  text-transform: uppercase;
  top: 15px;
  left: 4px;
  margin: 0px;
  width: 80px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #eb76ab;
  border-radius: 14px 2px 2px 2px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
}
.card-container .card-title .ceo-label {
  position: absolute;
  text-transform: uppercase;
  top: 15px;
  left: 4px;
  margin: 0px;
  width: 80px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  background-color: #edbd18;
  border-radius: 14px 2px 2px 2px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
}
.card-container .card-expansion {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  background-size: 24px 24px;
  background-position: center;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
}
.card-container .contentCorporation {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 8px;
  top: -40px;
  color: #020202;
}
/* fixes */
.card-mons-insurance .card-content-corporation > .card-description {
  position: relative;
  top: -16px;
}
.card-party {
  display: flex;
}
.card-party--revealed {
  margin: 147px 0 0 12px;
  position: absolute;
  transform: scale(1.35);
}
.card-party--current {
  margin: 147px 0 0 279px;
  position: absolute;
  transform: scale(1.35);
}
.card-party--greens {
  background-image: url("./assets/parties/greens.png");
  background-size: 41px 30px;
  width: 41px;
  height: 30px;
}
.card-party--kelvinists {
  background-image: url("./assets/parties/kelvinists.png");
  background-size: 41px 30px;
  width: 41px;
  height: 30px;
}
.card-party--mars-first {
  background-image: url("./assets/parties/mars-first.png");
  background-size: 41px 30px;
  width: 41px;
  height: 30px;
}
.card-party--reds {
  background-image: url("./assets/parties/reds.png");
  background-size: 41px 30px;
  width: 41px;
  height: 30px;
}
.card-party--scientists {
  background-image: url("./assets/parties/scientists.png");
  background-size: 41px 30px;
  width: 41px;
  height: 30px;
}
.card-party--unity {
  background-image: url("./assets/parties/unity.png");
  background-size: 41px 30px;
  width: 41px;
  height: 30px;
}
.card-party--greens-req {
  background-image: url("./assets/parties/greens.png");
  background-size: 48px 34px;
  width: 48px;
  height: 34px;
}
.card-party--kelvinists-req {
  background-image: url("./assets/parties/kelvinists.png");
  background-size: 48px 34px;
  width: 48px;
  height: 34px;
}
.card-party--mars-first-req {
  background-image: url("./assets/parties/mars-first.png");
  background-size: 48px 34px;
  width: 48px;
  height: 34px;
}
.card-party--reds-req {
  background-image: url("./assets/parties/reds.png");
  background-size: 48px 34px;
  width: 48px;
  height: 34px;
}
.card-party--scientists-req {
  background-image: url("./assets/parties/scientists.png");
  background-size: 48px 34px;
  width: 48px;
  height: 34px;
}
.card-party--unity-req {
  background-image: url("./assets/parties/unity.png");
  background-size: 48px 34px;
  width: 48px;
  height: 34px;
}
.card-over {
  margin: 0px 0 -59px -59px;
}
.card-resources-counter .card-resource {
  position: relative;
  display: inline-block;
  margin-bottom: 4px;
  width: 22px;
  height: 22px;
  background-size: 22px;
  vertical-align: middle;
}
.card-resource-microbe {
  background-image: url("./assets/resources/microbe.png");
}
.card-resource-animal {
  background-image: url("./assets/resources/animal.png");
}
.card-resource-science {
  background-image: url("./assets/resources/science.png");
}
.card-resource-floater {
  background-image: url("./assets/resources/floater.png");
}
.card-resource-fighter {
  background-image: url("./assets/resources/fighter.png");
}
.card-resource-camp {
  background-image: url("./assets/resources/camp.png");
}
.card-resource-asteroid {
  background-image: url("./assets/resources/asteroid.png");
}
.card-resource-disease {
  background-image: url("./assets/resources/disease.png");
}
.card-resource-preservation {
  background-image: url("./assets/resources/preservation.png");
}
.card-resource-data {
  background-image: url("./assets/resources/data.png");
}
.card-resource-syndicate-fleet {
  background-image: url("./assets/resources/syndicate-fleet.png");
}
.card-resource-cube {
  background-image: url("./assets/resources/cube.png");
}
.card-resource-venusian-habitat {
  background-image: url("./assets/resources/venusian-habitat.png");
}
.card-resource-specialized-robot {
  background-image: url("./assets/resources/specialized-robot.png");
}
.card-resource-seed {
  background-image: url("./assets/resources/seed.png");
}
.card-resource-orbital {
  background-image: url("./assets/resources/orbital.png");
}
.card-resource-agenda {
  background-image: url("./assets/resources/agenda.png");
}
.card-resource-graphene {
  background-image: url("./assets/resources/graphene.png");
}
.card-resource-hydroelectric-resource {
  background-image: url("./assets/resources/hydroelectric-resource.png");
}
.card-resource-clone-trooper {
  background-image: url("./assets/resources/clone-trooper.png");
}
.card-resource-director {
  background-image: url("./assets/resources/director.png");
}
.card-resource-tool {
  background-image: url("./assets/resources/tool.png");
}
.card-resource-ware {
  background-image: url("./assets/resources/ware.png");
}
.card-resource-activist {
  background-image: url("./assets/resources/activist.png");
}
.card-resource-journalism {
  background-image: url("./assets/resources/journalism.png");
}
.card-resource-supply-chain {
  background-image: url("./assets/resources/supply-chain.png");
}
.card-resource-cube {
  background-image: url("./assets/cube.png");
}
.card-great-escarpment-consortium .title,
.card-beam-from-a-thorium-asteroid .title {
  font-size: 14px;
}
.card-fish .description-half {
  text-align: left;
  margin-top: -5px;
  width: 141px;
}
.card-pets .description-half {
  margin-top: 10px;
}
.language-es .filterDiv .card-title {
  font-size: 15px !important;
}
.language-es .filterDiv .card-title.title-small {
  font-size: 14px !important;
}
.language-es .filterDiv .card-title.title-smaller {
  font-size: 13px !important;
}
.language-ru .filterDiv .card-requirements {
  font-size: 13px;
}
.language-ru .filterDiv .card-title {
  font-size: 11px !important;
}
.language-ru .filterDiv .card-title.title-smaller {
  font-size: 10px !important;
}
.language-ru .filterDiv.card-mining-quota .requirements,
.language-ru .filterDiv.card-luxury-foods .requirements,
.language-ru .filterDiv.card-omnicourt .requirements,
.language-ru .filterDiv.card-solarnet .requirements {
  font-size: 12px;
}
.language-ru .filterDiv.card-pristar .corporationEffectBox {
  margin-top: 143px;
  height: 139px;
}
.language-ru .filterDiv.card-pristar .pointsCorporation {
  margin-top: 243px;
  margin-left: 132px;
}
.language-ru .filterDiv.card-herbivores .description {
  font-size: 9px;
  line-height: 11px;
}
.language-ru .filterDiv.card-fish .description {
  font-size: 9px;
}
.language-ru .filterDiv.card-pets .description-half {
  margin-top: -10px;
}
.language-ru .filterDiv.card-birds .card-description {
  width: 60%;
  align-self: flex-start;
}
.language-ru .filterDiv.card-agricola-inc .description {
  line-height: 11px;
}
.language-ru .filterDiv.card-project-workshop .description {
  font-size: 10px;
}
.language-ru .filterDiv.card-project-workshop .corporationEffectBox .description {
  margin-top: -6px;
  line-height: 11px;
}
.language-ru .filterDiv.card-playwrights .start-text {
  margin-top: -6px;
}
.language-ru .filterDiv.card-asteroid-rights .description {
  line-height: 10px !important;
}
.language-ru .filterDiv.card-asteroid-rights .effect2 .description {
  white-space: nowrap !important;
  padding-left: 30px;
}
.language-ru .filterDiv.card-asteroid-mining-consortium .card-requirements {
  font-size: 14px;
}
.language-ru .filterDiv.Hygiea-background .colony-background-color {
  white-space: nowrap;
}
.language-ru .filterDiv.card-tycho-magnetics .card-text-size--M {
  font-size: 12px;
}
.language-ru .ma-name--terra-pioneer span {
  font-size: 10px !important;
}
.language-ru .ma-name--spacefarer span {
  font-size: 10px !important;
}
.language-ru .ma-name--land-specialist span {
  font-size: 10px !important;
}
.language-ru .ma-name--forecaster span {
  font-size: 10px !important;
}
.language-ru .ma-name--one-giant-step span {
  font-size: 10px !important;
}
.language-ru .tag-none {
  background-image: url(./assets/tags/tag-none-ru.png) !important;
}
.language-ru .tag-vp::before {
  content: "ПО" !important;
}
.language-de .tag-vp::before {
  content: "SP" !important;
}
.language-nb .tag-vp::before {
  content: "SP" !important;
}
.language-fr {
  /***
    Cards titles font size
    ***/
  /***
    Cards specific modifications
    ***/
  /* Ecosystèmes Avancés */
  /* Oiseaux */
  /* Quartier Commercial */
  /* Agents de Décomposition */
  /* Cratère Couvert */
  /* Zone Ecologique */
  /* Catapulte Électromagnétique */
  /* Réserve du Chasma d'Eos */
  /* Herbivores */
  /* Bétail */
  /* Ville Ouverte */
  /* Animaux Domestiques */
  /* Main d'Oeuvre Robotique */
  /* Navettes */
  /* UNMI */
  /***
    Corporations specific modifications
    ***/
  /* Cheung Shing Mars */
  /* Ecoline */
  /* Cinématiques Interplanétaires */
  /* République de Tharsis */
  /* Valley Trust */
}
.language-fr .card-artificial-photosynthesis .title,
.language-fr .card-acquired-space-agency .title,
.language-fr .card-building-industries .title,
.language-fr .card-callisto-penal-mines .title,
.language-fr .card-designed-micro-organisms .title,
.language-fr .card-equatorial-magnetizer .title,
.language-fr .card-electro-catapult .title,
.language-fr .card-import-of-advanced-ghg .title,
.language-fr .card-magnetic-field-dome .title,
.language-fr .card-ore-processor .title,
.language-fr .card-power-infrastructure .title,
.language-fr .card-power-supply-consortium .title,
.language-fr .card-rad-suits .title,
.language-fr .card-terraforming-ganymede .title,
.language-fr .card-tundra-farming .title,
.language-fr .card-water-import-from-europa .title {
  font-size: 14px;
}
.language-fr .card-ghg-producing-bacteria .title,
.language-fr .card-ice-cap-melting .title,
.language-fr .card-research-coordination .title,
.language-fr .card-technology-demonstration .title {
  font-size: 13px;
}
.language-fr .card-great-escarpment-consortium .title,
.language-fr .card-indentured-workers .title,
.language-fr .card-magnetic-field-generators .title {
  font-size: 11px;
}
.language-fr .card-advanced-ecosystems .requirements {
  width: 100%;
  margin-left: 0;
  background-size: 249px 38px;
  background-position: -20px -4px;
}
.language-fr .card-birds .production-box + .description {
  margin-top: 0 !important;
  width: 130px;
}
.language-fr .card-commercial-district .special-tile + .description {
  width: 95px !important;
  margin-left: 25px;
}
.language-fr .card-decomposers .description + .description {
  margin-top: 10px;
}
.language-fr .card-domed-crater .card-content-plants {
  display: inline-block;
  right: 0;
  position: absolute;
  margin-top: 88px;
  margin-right: 8px;
}
.language-fr .card-domed-crater .description > div:first-child {
  width: 100px;
  margin-top: 5px;
}
.language-fr .card-domed-crater .description > div + div {
  margin-top: 10px;
}
.language-fr .card-ecological-zone .special-tile + .description {
  margin-top: -55px !important;
}
.language-fr .card-electro-catapult .points {
  width: 55px;
  margin-left: 163px;
}
.language-fr .card-electro-catapult .production-box + .description {
  width: 155px;
}
.language-fr .card-eos-chasma-national-park .description {
  text-align: left;
  margin-top: -5px;
  width: 141px;
}
.language-fr .card-herbivores .description + .animal.resource {
  margin-top: 10px;
}
.language-fr .card-herbivores .production-box {
  margin-top: 10px !important;
}
.language-fr .card-herbivores .production-box + .description {
  margin-top: -58px !important;
  line-height: 12px;
  width: 102px !important;
}
.language-fr .card-livestock .description:last-child {
  margin-top: -95px !important;
}
.language-fr .card-open-city .city-tile {
  margin-left: 8px !important;
}
.language-fr .card-open-city .city-tile + br {
  display: none;
}
.language-fr .card-open-city .plant.resource {
  margin-bottom: 5px;
}
.language-fr .card-open-city .description div + div {
  width: 130px !important;
  margin-top: 5px;
}
.language-fr .card-pets .description-half {
  margin-top: 0 !important;
  width: 130px !important;
}
.language-fr .card-robotic-workforce .production-box {
  margin-left: 7px;
}
.language-fr .card-shuttles .content .points {
  width: 65px;
  margin-left: 153px;
}
.language-fr .card-united-nations-mars-initiative .contentCorporation > .description {
  margin-left: 15px !important;
}
.language-fr .card-united-nations-mars-initiative .contentCorporation > .description .resource {
  margin-right: 10px;
}
.language-fr .card-cheung-shing-mars .production-box {
  margin-top: 0 !important;
}
.language-fr .card-ecoline .production-box {
  margin-top: 0 !important;
}
.language-fr .card-interplanetary-cinematics .corporationEffectBox + .INTERPLANETARY.CINEMATICS {
  font-size: 15px !important;
  letter-spacing: 3.5px;
}
.language-fr .card-interplanetary-cinematics div + div + div + .INTERPLANETARY.CINEMATICS {
  font-size: 15px !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  transform: none !important;
  letter-spacing: 0.3px !important;
}
.language-fr .card-tharsis-republic .corporationEffectBox + div {
  font-size: 22px !important;
}
.language-fr .card-tharsis-republic .corporationEffectBox + div > div {
  margin-right: 5px !important;
}
.language-fr .card-tharsis-republic .corporationEffectBox > .description {
  margin-top: -4px !important;
}
.language-fr .card-valley-trust .corporationEffectBox {
  height: 110px;
  margin-top: 180px;
}
.language-pl .card-tharsis-republic .card-content-corporation > .card-description {
  margin-top: -5px !important;
}
.language-br .milestones .ma-block .ma-name--polar-explorer {
  font-size: 14px !important;
}
.language-br .awards .ma-block .ma-name--estate-dealer {
  font-size: 12px !important;
}
.language-hu {
  /* Global event cards */
  /* End of global event cards */
  /* Milestones & awards */
  /* End of milestones & awards */
  /* Other stuffs */
  /* End of other stuffs */
}
.language-hu .filterDiv {
  /* Project cards */
  /* End of project cards */
  /* Corporation cards */
  /* End of corporation cards */
  /* Prelude cards */
  /* End of prelude cards */
  /* CEO cards */
  /* End of CEO cards */
  /* Standard projects */
  /* End of standard projects */
  /* Colonies */
  /* End of colonies */
}
.language-hu .filterDiv.card-terraforming-ganymede .card-title .title-small {
  font-size: 14px !important;
}
.language-hu .filterDiv.card-museum-of-early-colonisation .card-title .title-smaller,
.language-hu .filterDiv.card-venus-orbital-survey .card-title .title-smaller,
.language-hu .filterDiv.card-asteroid-mining-consortium .card-title .title-smaller,
.language-hu .filterDiv.card-st\.-joseph-of-cupertino-mission .card-title .title-smaller,
.language-hu .filterDiv.card-cut-throat-budgeting .card-title .title-smaller {
  font-size: 13px !important;
}
.language-hu .filterDiv.card-archimedes-hydroponics-station .card-title .title-smaller,
.language-hu .filterDiv.card-power-infrastructure .card-title .title-smaller {
  font-size: 12px !important;
}
.language-hu .filterDiv.card-mining-robots-manuf\.-center .card-title .title-smaller {
  font-size: 11px !important;
}
.language-hu .filterDiv.card-pride-of-the-earth-arkship .card-description,
.language-hu .filterDiv.card-steel-market-monopolists .card-description,
.language-hu .filterDiv.card-pollinators .card-description {
  margin-top: 4px;
}
.language-hu .filterDiv.card-venusian-plants .card-description,
.language-hu .filterDiv.card-botanical-experience .card-description {
  margin-top: -1px;
}
.language-hu .filterDiv.card-asteroid-deflection-system .card-content {
  margin-top: -21px;
  overflow-y: hidden;
}
.language-hu .filterDiv.card-asteroid-deflection-system .card-text-size--S {
  font-size: 12px;
}
.language-hu .filterDiv.card-asteroid-deflection-system .resource-card-icon-expansion-container {
  bottom: 55px;
}
.language-hu .filterDiv.card-asteroid-rights .card-content {
  margin-top: -21px;
  overflow-y: hidden;
}
.language-hu .filterDiv.card-asteroid-rights .card-content .card-description:first-child {
  width: 99%;
}
.language-hu .filterDiv.card-ceres-spaceport .card-description {
  margin-top: -7px;
  font-size: 10px !important;
}
.language-hu .filterDiv.card-summit-logistics .card-item-container {
  margin: -1px 4px;
}
.language-hu .filterDiv.card-mare-serenitatis-mine .card-content {
  margin-top: -10px;
  overflow-y: hidden;
}
.language-hu .filterDiv.card-mare-serenitatis-mine .card-content .card-description {
  margin-top: -2px;
}
.language-hu .filterDiv.card-dyson-screens .card-content {
  overflow-y: hidden;
}
.language-hu .filterDiv.card-dyson-screens .card-content .card-rows {
  margin-top: -13px;
}
.language-hu .filterDiv.card-dyson-screens .card-content .card-description {
  margin-top: 6px;
}
.language-hu .filterDiv.card-sky-docks .card-description,
.language-hu .filterDiv.card-electro-catapult .card-description,
.language-hu .filterDiv.card-search-for-life .card-description,
.language-hu .filterDiv.card-extractor-balloons .card-description,
.language-hu .filterDiv.card-eos-chasma-national-park .card-description {
  margin-top: 5px;
}
.language-hu .filterDiv.card-special-design .card-plate {
  font-size: 13px;
}
.language-hu .filterDiv.card-sub-zero-salt-fish .card-content {
  overflow-y: hidden;
}
.language-hu .filterDiv.card-sub-zero-salt-fish .card-item-container {
  margin-top: -5px;
}
.language-hu .filterDiv.card-sub-zero-salt-fish .card-rows {
  margin-top: 2px;
}
.language-hu .filterDiv.card-sub-zero-salt-fish .card-requirements {
  margin-top: -1px;
}
.language-hu .filterDiv.card-sub-zero-salt-fish .card-description-aligned {
  margin-top: -5px;
  width: 101%;
}
.language-hu .filterDiv.card-sub-zero-salt-fish .resource-card-icon-expansion-container {
  bottom: 33px;
}
.language-hu .filterDiv.card-rotator-impacts .card-content {
  overflow-y: hidden;
}
.language-hu .filterDiv.card-rotator-impacts .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-rotator-impacts .card-effect-box-content {
  margin-top: -5px;
}
.language-hu .filterDiv.card-rotator-impacts .card-description:nth-child(3) {
  width: 95%;
}
.language-hu .filterDiv.card-earthquake-machine .card-row:nth-child(3) {
  width: 95%;
}
.language-hu .filterDiv.card-capital .card-description {
  margin-top: -2px;
}
.language-hu .filterDiv.card-capital\:ares .card-requirements {
  margin-top: -4px;
}
.language-hu .filterDiv.card-capital\:ares .card-rows {
  margin-top: 4px;
}
.language-hu .filterDiv.card-capital\:ares .card-item-container .card-text-size--XS {
  margin-top: -4px;
}
.language-hu .filterDiv.card-capital\:ares .card-description {
  margin-top: -4px;
  font-size: 10px;
}
.language-hu .filterDiv.card-capital\:ares .card-description-aligned {
  width: 100%;
}
.language-hu .filterDiv.card-freyja-biodomes .card-requirements {
  margin-top: -5px;
}
.language-hu .filterDiv.card-freyja-biodomes .card-rows {
  margin-top: 0px;
}
.language-hu .filterDiv.card-freyja-biodomes .card-production-box {
  margin-top: -9px;
}
.language-hu .filterDiv.card-freyja-biodomes .card-description {
  margin-top: 0px;
  width: 100%;
}
.language-hu .filterDiv.card-gaia-city .card-description {
  margin-top: 0px;
}
.language-hu .filterDiv.card-economic-help .card-or--small {
  font-size: 10px;
}
.language-hu .filterDiv.card-economic-help .card-item-container {
  margin: 0;
}
.language-hu .filterDiv.card-geodesic-tents .card-description {
  margin-top: 0;
}
.language-hu .filterDiv.card-global-audit .card-description {
  width: 60%;
}
.language-hu .filterDiv.card-fish .card-description-align--left {
  margin-top: -4px;
  width: 100%;
}
.language-hu .filterDiv.card-fish .card-rows {
  margin-top: 4px;
}
.language-hu .filterDiv.card-fish .card-production-box,
.language-hu .filterDiv.card-fish .card-requirements {
  margin-top: -4px;
}
.language-hu .filterDiv.card-livestock .card-requirements {
  margin-top: -6px;
}
.language-hu .filterDiv.card-livestock .card-rows {
  margin-top: 2px;
}
.language-hu .filterDiv.card-livestock .card-effect-box .card-description {
  margin-top: 1px;
}
.language-hu .filterDiv.card-livestock .card-production-box {
  margin-top: -4px;
}
.language-hu .filterDiv.card-livestock .card-description {
  width: 100%;
  font-size: 10px;
  margin-top: -4px;
}
.language-hu .filterDiv.card-local-heat-trapping .card-res-amount {
  font-size: 17px;
}
.language-hu .filterDiv.card-local-heat-trapping .card-or {
  font-size: 10px;
}
.language-hu .filterDiv.card-hydrogen-processing-plant .card-rows {
  margin-top: 4px;
}
.language-hu .filterDiv.card-hydrogen-processing-plant .card-row:nth-child(2) {
  margin-top: 2px;
}
.language-hu .filterDiv.card-hydrogen-processing-plant .card-description {
  margin-top: -11px;
}
.language-hu .filterDiv.card-hyperspace-drive-prototype .title-smaller {
  font-size: 13px !important;
}
.language-hu .filterDiv.card-luna-mining-hub .card-requirements,
.language-hu .filterDiv.card-luna-mining-hub .card-description-aligned {
  margin-top: -4px;
}
.language-hu .filterDiv.card-luna-mining-hub .card-item-container {
  margin-top: -5px;
}
.language-hu .filterDiv.card-luna-mining-hub .card-item-container .card-text-size--XS {
  margin-top: -2px;
}
.language-hu .filterDiv.card-mooncrate-block-factory .card-plate {
  font-size: 13px;
}
.language-hu .filterDiv.card-mooncrate-convoys-to-mars .title-smaller {
  font-size: 12px !important;
}
.language-hu .filterDiv.card-lunar-security-stations .card-logistics-rate,
.language-hu .filterDiv.card-lunar-security-stations .card-description {
  margin-top: -5px;
}
.language-hu .filterDiv.card-lunar-embassy .card-description {
  margin-top: -10px;
}
.language-hu .filterDiv.card-undermoon-drug-lords-network .title-smaller {
  font-size: 13px !important;
}
.language-hu .filterDiv.card-imported-hydrogen .card-special.card-or.card-or--small {
  visibility: hidden;
}
.language-hu .filterDiv.card-imported-hydrogen .card-special.card-or.card-or--small:after {
  visibility: visible;
  content: "/";
  margin-left: -33px;
  font-size: 33px;
}
.language-hu .filterDiv.card-import-of-advanced-ghg .title-smaller {
  font-size: 10px !important;
}
.language-hu .filterDiv.card-imported-ghg .title-smaller {
  font-size: 13px !important;
}
.language-hu .filterDiv.card-directed-impactors .card-content {
  overflow-x: unset;
}
.language-hu .filterDiv.card-directed-impactors .card-description:nth-child(2) {
  margin-left: 20px;
}
.language-hu .filterDiv.card-icy-impactors .card-description:nth-child(2) {
  margin-left: 20px;
}
.language-hu .filterDiv.card-jovian-lanterns .card-requirements {
  margin-top: -5px;
}
.language-hu .filterDiv.card-jovian-lanterns .card-rows,
.language-hu .filterDiv.card-jovian-lanterns .card-effect-box .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-jovian-lanterns .card-row:nth-child(2) {
  margin-top: -4px;
}
.language-hu .filterDiv.card-jovian-lanterns .card-text-size--XS {
  margin-top: -5px;
}
.language-hu .filterDiv.card-jovian-lanterns .card-description-aligned {
  width: 100%;
  margin-top: -5px;
  font-size: 10px;
}
.language-hu .filterDiv.card-jupiter-floating-station .card-requirements {
  margin-top: -5px;
}
.language-hu .filterDiv.card-jupiter-floating-station .card-rows {
  margin-top: 2px;
}
.language-hu .filterDiv.card-jupiter-floating-station .card-effect-box .card-description {
  margin-top: 1px;
}
.language-hu .filterDiv.card-jupiter-floating-station .card-or {
  margin-top: -6px;
}
.language-hu .filterDiv.card-jupiter-floating-station .card-rows .card-row:nth-child(3) .card-effect-box-row {
  margin-top: -6px;
}
.language-hu .filterDiv.card-jupiter-floating-station .card-description-aligned {
  width: 100%;
  margin-top: -1px;
}
.language-hu .filterDiv.card-private-military-contractor .card-row:nth-child(1) {
  margin-top: -21px;
}
.language-hu .filterDiv.card-private-military-contractor .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-pets .card-content {
  margin-top: -16px;
  overflow-x: unset;
}
.language-hu .filterDiv.card-sulphur-eating-bacteria .card-content {
  margin-top: -5px;
  overflow-x: unset;
}
.language-hu .filterDiv.card-sulphur-eating-bacteria .card-row:nth-child(1) .card-description {
  margin-top: 4px;
}
.language-hu .filterDiv.card-sulphur-eating-bacteria .card-description:nth-child(3) {
  margin-left: 18px;
  margin-top: 1px;
}
.language-hu .filterDiv.card-crashlanding .card-content {
  margin-top: -20px;
  overflow-x: unset;
}
.language-hu .filterDiv.card-search-for-life-underground .card-description {
  margin-top: 4px;
}
.language-hu .filterDiv.card-commercial-district\:ares .card-content .card-rows {
  margin-top: 0px;
}
.language-hu .filterDiv.card-desperate-measures .card-content .card-rows {
  margin-top: 0px;
}
.language-hu .filterDiv.card-forced-precipitation .card-content {
  margin-top: -4px;
  overflow-x: unset;
}
.language-hu .filterDiv.card-small-animals .card-content {
  margin-top: -6px;
  overflow-x: unset;
}
.language-hu .filterDiv.card-small-animals .card-rows {
  margin-top: 2px;
}
.language-hu .filterDiv.card-small-animals .card-row .card-description {
  margin-top: 1px;
}
.language-hu .filterDiv.card-small-animals .card-row:nth-child(2) {
  margin-top: 2px;
}
.language-hu .filterDiv.card-small-animals .card-text-size--XS {
  margin-top: -3px;
}
.language-hu .filterDiv.card-small-animals .card-description-aligned {
  margin-top: -5px;
}
.language-hu .filterDiv.card-clone-troopers-\(ii\) .card-or {
  margin-left: 0px;
  margin-right: 0px;
  font-size: 10px;
}
.language-hu .filterDiv.card-clone-troopers-\(ii\) .card-text-size--S {
  font-size: 10px;
}
.language-hu .filterDiv.card-clone-troopers-\(ii\) .card-red-arrow--small {
  margin-right: 2px;
}
.language-hu .filterDiv.card-communication-center .card-content {
  margin-top: -18px;
  overflow-x: unset;
}
.language-hu .filterDiv.card-hospitals .card-content {
  overflow-x: unset;
}
.language-hu .filterDiv.card-hospitals .card-rows {
  margin-top: -16px;
}
.language-hu .filterDiv.card-hospitals .card-row:nth-child(1) .card-description {
  margin-top: 1px;
}
.language-hu .filterDiv.card-hospitals .card-row:nth-child(2) .card-effect-box {
  margin-top: -6px;
}
.language-hu .filterDiv.card-hospitals .card-row:nth-child(2) .card-description {
  margin-top: 1px;
}
.language-hu .filterDiv.card-hospitals .card-row:nth-child(3) {
  margin-top: 1px;
}
.language-hu .filterDiv.card-hospitals .card-description-aligned {
  margin-top: 0px;
  margin-left: -6px;
  width: 62%;
  font-size: 10px;
}
.language-hu .filterDiv.card-hospitals .resource-card-icon-expansion-container {
  bottom: 42px;
}
.language-hu .filterDiv.card-supported-research .card-title {
  font-size: 13px !important;
}
.language-hu .filterDiv.card-domed-crater .card-content {
  overflow-x: unset;
}
.language-hu .filterDiv.card-floating-refinery .card-content {
  margin-top: -23px;
  overflow-x: unset;
}
.language-hu .filterDiv.card-floating-refinery .card-content .card-or--small {
  font-size: 12px;
  margin-top: -5px;
  margin-bottom: -5px;
}
.language-hu .filterDiv.card-floating-refinery .card-content .card-description:nth-last-child(2) {
  margin-top: 2px;
  margin-left: 46px;
  width: 89%;
}
.language-hu .filterDiv.card-aerobraked-ammonia-asteroid .title-smaller {
  font-size: 12px !important;
}
.language-hu .filterDiv.card-atmo-collectors .card-content {
  overflow-x: unset;
}
.language-hu .filterDiv.card-ai-controlled-mine-network .title-smaller {
  font-size: 11px !important;
}
.language-hu .filterDiv.card-birds .card-content {
  margin-top: -7px;
}
.language-hu .filterDiv.card-birds .card-rows {
  margin-top: 2px;
}
.language-hu .filterDiv.card-birds .card-row:nth-child(1) .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-birds .card-production-box {
  margin-top: -4px;
}
.language-hu .filterDiv.card-birds .card-description:nth-child(3) {
  font-size: 10px;
  margin-top: 1px;
}
.language-hu .filterDiv.card-private-investigator .card-rows {
  margin-top: -13px;
}
.language-hu .filterDiv.card-private-investigator .card-description {
  margin-top: 1px;
}
.language-hu .filterDiv.card-high-temp\.-superconductors .title-smaller {
  font-size: 12px !important;
}
.language-hu .filterDiv.card-high-temp\.-superconductors .card-content {
  overflow-x: unset;
  margin-top: -7px;
}
.language-hu .filterDiv.card-high-temp\.-superconductors .card-effect-box {
  margin-top: -8px;
}
.language-hu .filterDiv.card-high-temp\.-superconductors .card-row .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-high-temp\.-superconductors .card-description:nth-child(3) {
  font-size: 10px;
  margin-top: 1px;
}
.language-hu .filterDiv.card-high-temp\.-superconductors .card-production-box {
  margin-top: -4px;
}
.language-hu .filterDiv.card-magnetic-field-generators\:ares .card-content {
  overflow-x: unset;
  margin-top: -20px;
}
.language-hu .filterDiv.card-martian-zoo .card-description-align--left {
  margin-left: 9px;
  margin-top: 4px;
}
.language-hu .filterDiv.card-martian-express .card-requirements {
  margin-top: -3px;
}
.language-hu .filterDiv.card-martian-express .card-rows {
  margin-top: 0px;
}
.language-hu .filterDiv.card-martian-express .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-martian-express .resource-card-icon-expansion-container {
  bottom: 30px;
}
.language-hu .filterDiv.card-martian-embassy .card-item-container {
  margin: 0px 0px;
}
.language-hu .filterDiv.card-martian-repository .card-description {
  margin-top: 3px;
}
.language-hu .filterDiv.card-maxwell-base .card-content {
  overflow-x: unset;
}
.language-hu .filterDiv.card-maxwell-base .card-requirements {
  margin-top: -7px;
}
.language-hu .filterDiv.card-maxwell-base .card-rows {
  margin-top: 3px;
}
.language-hu .filterDiv.card-maxwell-base .card-row:nth-child(2) {
  margin-top: -3px;
}
.language-hu .filterDiv.card-maxwell-base .card-effect-box .card-description {
  margin-top: -5px;
}
.language-hu .filterDiv.card-maxwell-base .card-description-aligned {
  font-size: 10px;
  margin-top: -2px;
}
.language-hu .filterDiv.card-reckless-detonation .card-item-container {
  margin: 0px 1px;
}
.language-hu .filterDiv.card-ghg-producing-bacteria .card-content {
  overflow-x: unset;
  margin-top: -7px;
}
.language-hu .filterDiv.card-ghg-producing-bacteria .card-row:nth-child(3) {
  margin: -5px 0px;
}
.language-hu .filterDiv.card-momentum-virium-habitat {
  overflow-x: unset;
}
.language-hu .filterDiv.card-labor-trafficking .card-text-size--M {
  font-size: 14px;
  margin-right: 2px;
}
.language-hu .filterDiv.card-solar-logistics .card-rows {
  margin-top: -11px;
}
.language-hu .filterDiv.card-solar-logistics .card-content .card-description:nth-last-child(2) {
  margin-left: -34px;
}
.language-hu .filterDiv.card-neptunian-power-consultants .card-rows {
  margin-top: -14px;
}
.language-hu .filterDiv.card-neptunian-power-consultants .card-description {
  margin-top: 4px;
}
.language-hu .filterDiv.card-neutrinograph .card-content {
  overflow-x: unset;
}
.language-hu .filterDiv.card-neutrinograph .card-requirements {
  margin-top: -7px;
}
.language-hu .filterDiv.card-neutrinograph .card-rows {
  margin-top: 2px;
}
.language-hu .filterDiv.card-neutrinograph .card-row:nth-child(1) .card-description {
  font-size: 10px;
  margin-top: 1px;
}
.language-hu .filterDiv.card-neutrinograph .card-item-container {
  margin: -10px 4px;
}
.language-hu .filterDiv.card-neutrinograph .card-content .card-description:nth-last-child(2) {
  margin-top: -5px;
}
.language-hu .filterDiv.card-nitrite-reducing-bacteria .card-content {
  overflow-x: unset;
  margin-top: -22px;
}
.language-hu .filterDiv.card-nitrite-reducing-bacteria .card-description {
  margin-top: 4px;
}
.language-hu .filterDiv.card-nitrogen-rich-asteroid .title-smaller {
  font-size: 13px !important;
}
.language-hu .filterDiv.card-herbivores .card-content {
  overflow-x: unset;
}
.language-hu .filterDiv.card-herbivores .card-requirements {
  margin-top: -6px;
}
.language-hu .filterDiv.card-herbivores .card-rows {
  margin-top: -1px;
}
.language-hu .filterDiv.card-herbivores .card-row:nth-child(2) {
  margin-top: 2px;
}
.language-hu .filterDiv.card-herbivores .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-herbivores .card-description-align--left {
  font-size: 10px;
  width: 100%;
}
.language-hu .filterDiv.card-public-spaceline .card-rows {
  margin-top: 4px;
}
.language-hu .filterDiv.card-public-spaceline .card-description {
  margin-top: 0px;
}
.language-hu .filterDiv.card-ocean-sanctuary .card-description {
  margin-top: -2px;
}
.language-hu .filterDiv.card-investigative-journalism .card-rows {
  margin-top: -14px;
}
.language-hu .filterDiv.card-oumuamua-type-object-survey .title-smaller {
  font-size: 11px !important;
}
.language-hu .filterDiv.card-oumuamua-type-object-survey .card-content {
  overflow-x: unset;
  margin-top: -7px;
}
.language-hu .filterDiv.card-oumuamua-type-object-survey .card-rows {
  margin-top: 2px;
}
.language-hu .filterDiv.card-oumuamua-type-object-survey .card-rows .card-row:nth-child(2) .card-item-container {
  margin: 0px 1px;
}
.language-hu .filterDiv.card-oumuamua-type-object-survey .card-text-size--S {
  font-size: 9px;
}
.language-hu .filterDiv.card-oumuamua-type-object-survey .card-description {
  margin-top: -3px;
}
.language-hu .filterDiv.card-ecological-zone .card-rows .card-row:nth-child(2) {
  margin: -8px 0px;
}
.language-hu .filterDiv.card-ecological-zone .card-description-aligned {
  margin-top: -3px;
}
.language-hu .filterDiv.card-ecological-zone\:ares .card-rows {
  margin-top: 4px;
}
.language-hu .filterDiv.card-ecological-zone\:ares .card-rows .card-row:nth-child(2) {
  margin: 2px 0px;
}
.language-hu .filterDiv.card-ecological-zone\:ares .card-description-aligned {
  width: 100%;
  margin-top: 0px;
}
.language-hu .filterDiv.card-volunteer-mining-initiative .title-smaller {
  font-size: 11px !important;
}
.language-hu .filterDiv.card-solarpedia .card-description {
  margin-top: 3px;
}
.language-hu .filterDiv.card-darkside-mining-syndicate .title-smaller {
  font-size: 12px !important;
}
.language-hu .filterDiv.card-darkside-mining-syndicate .card-description {
  margin-top: -9px;
}
.language-hu .filterDiv.card-darkside-smugglers\'-union .title-smaller {
  font-size: 10px !important;
}
.language-hu .filterDiv.card-darkside-incubation-plant .title-smaller {
  font-size: 12px !important;
}
.language-hu .filterDiv.card-darkside-incubation-plant .card-rows {
  margin-top: -13px;
}
.language-hu .filterDiv.card-darkside-incubation-plant .card-row .card-effect-box .card-description {
  margin-top: 4px;
}
.language-hu .filterDiv.card-darkside-incubation-plant .card-description-aligned {
  width: 100%;
  margin-top: -2px;
}
.language-hu .filterDiv.card-darkside-incubation-plant .card-rows .card-row:nth-child(3) {
  margin-top: 0px;
}
.language-hu .filterDiv.card-darkside-meteor-bombardment .title-smaller {
  font-size: 13px !important;
}
.language-hu .filterDiv.card-star-vegas .card-content {
  margin-top: -5px;
}
.language-hu .filterDiv.card-star-vegas .card-description {
  margin-top: 0px;
}
.language-hu .filterDiv.card-beam-from-a-thorium-asteroid .title-smaller {
  font-size: 12px !important;
}
.language-hu .filterDiv.card-jet-stream-microscrappers .card-description {
  margin-top: 5px;
}
.language-hu .filterDiv.card-saturn-surfing .card-description {
  margin-top: 6px;
}
.language-hu .filterDiv.card-sinus-irdium-road-network .card-content {
  overflow-x: unset;
  margin-top: -2px;
}
.language-hu .filterDiv.card-stratopolis .card-requirements {
  margin-top: -5px;
}
.language-hu .filterDiv.card-stratopolis .card-rows {
  margin-top: -1px;
}
.language-hu .filterDiv.card-stratopolis .card-row .card-description {
  margin-top: -6px;
}
.language-hu .filterDiv.card-stratopolis .card-rows .card-row:nth-child(2) {
  margin-top: 0px;
}
.language-hu .filterDiv.card-stratopolis .card-description-aligned {
  width: 100%;
  margin-top: 2px;
  font-size: 10px;
}
.language-hu .filterDiv.card-stratospheric-birds .card-requirements {
  margin-top: -5px;
}
.language-hu .filterDiv.card-stratospheric-birds .card-rows {
  margin-top: 4px;
}
.language-hu .filterDiv.card-stratospheric-birds .card-description-aligned {
  width: 100%;
  margin-top: 0px;
}
.language-hu .filterDiv.card-soil-detoxification .card-description {
  margin-top: 3px;
}
.language-hu .filterDiv.card-thermophiles .card-content {
  overflow-x: unset;
  margin-top: -7px;
}
.language-hu .filterDiv.card-thermophiles .card-rows {
  margin-top: 3px;
}
.language-hu .filterDiv.card-thermophiles .card-rows .card-row:nth-child(1) .card-description {
  margin-top: -2px;
}
.language-hu .filterDiv.card-thermophiles .card-rows .card-row:nth-child(2) {
  margin: -6px 0px;
}
.language-hu .filterDiv.card-thermophiles .card-content .card-description:nth-last-child(2) {
  margin: -2px 10px;
}
.language-hu .filterDiv.card-thiolava-vents .card-requirements {
  margin-top: -5px;
}
.language-hu .filterDiv.card-thiolava-vents .card-description {
  font-size: 9px;
  margin-top: 5px;
}
.language-hu .filterDiv.card-thiolava-vents .card-effect-box {
  margin-top: -6px;
}
.language-hu .filterDiv.card-thiolava-vents .card-effect-box .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-thiolava-vents .card-rows .card-row:nth-child(2) {
  margin: -3px 0px;
}
.language-hu .filterDiv.card-titan-floating-launch-pad .card-rows {
  margin-top: -13px;
}
.language-hu .filterDiv.card-titan-floating-launch-pad .card-rows .card-row:nth-child(2) {
  margin-top: -10px;
}
.language-hu .filterDiv.card-titan-floating-launch-pad .card-rows .card-row:nth-child(3) {
  margin-top: -11px;
}
.language-hu .filterDiv.card-titan-floating-launch-pad .card-item-container {
  margin-left: -12px;
}
.language-hu .filterDiv.card-titan-floating-launch-pad .card-description-aligned {
  margin-top: -10px;
}
.language-hu .filterDiv.card-titan-floating-launch-pad .resource-card-icon-expansion-container {
  bottom: 57px;
}
.language-hu .filterDiv.card-titan-shuttles .card-rows {
  margin-top: -7px;
}
.language-hu .filterDiv.card-titanium-market-monopolists .card-or--small {
  margin: -5px 2px;
}
.language-hu .filterDiv.card-secret-labs .card-requirements {
  margin-top: -6px;
}
.language-hu .filterDiv.card-secret-labs .card-rows {
  margin-top: -4px;
}
.language-hu .filterDiv.card-secret-labs .card-rows .card-row:nth-child(2) {
  margin: -4px 0px;
}
.language-hu .filterDiv.card-secret-labs .card-description {
  margin-top: -6px;
}
.language-hu .filterDiv.card-new-venice .card-description {
  margin-top: 0px;
}
.language-hu .filterDiv.card-space-wargames .card-rows {
  margin-top: -13px;
}
.language-hu .filterDiv.card-space-wargames .card-description {
  font-size: 10px;
  margin-top: -6px;
}
.language-hu .filterDiv.card-space-wargames .card-rows .card-row:nth-child(1) .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-space-wargames .card-rows .card-row:nth-child(2) {
  margin-top: -3px;
}
.language-hu .filterDiv.card-space-wargames .card-rows .card-row:nth-child(2) .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-space-wargames .card-rows .card-row:nth-child(3) {
  margin-top: -2px;
}
.language-hu .filterDiv.card-space-privateers .card-resource {
  width: 20px;
  height: 20px;
  background-size: 20px;
  line-height: 20px;
}
.language-hu .filterDiv.card-space-privateers .card-requirements {
  margin-top: -6px;
}
.language-hu .filterDiv.card-space-privateers .card-description {
  font-size: 10px;
}
.language-hu .filterDiv.card-space-privateers .card-row:nth-child(1) {
  margin-top: -8px;
}
.language-hu .filterDiv.card-space-privateers .card-row:nth-child(1) .card-description {
  margin-top: -3px;
}
.language-hu .filterDiv.card-space-privateers .card-row:nth-child(2) {
  margin-top: -9px;
}
.language-hu .filterDiv.card-space-privateers .card-row:nth-child(2) .card-description {
  margin-top: -4px;
}
.language-hu .filterDiv.card-space-privateers .card-row:nth-child(3) {
  margin-top: -5px;
}
.language-hu .filterDiv.card-space-privateers .card-row:nth-child(3) .card-text-size--S {
  font-size: 9px;
}
.language-hu .filterDiv.card-space-privateers .card-row:nth-child(4) {
  margin-top: -4px;
}
.language-hu .filterDiv.card-space-privateers .card-row:nth-child(4) .card-description {
  margin-top: 0px;
}
.language-hu .filterDiv.card-space-privateers .card-content .card-description:nth-child(3) {
  margin: -3px;
}
.language-hu .filterDiv.card-space-privateers .card-corruption-shield {
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
.language-hu .filterDiv.card-space-port .card-content {
  margin-top: -6px;
}
.language-hu .filterDiv.card-space-port .card-rows {
  margin-top: 4px;
}
.language-hu .filterDiv.card-space-port .card-description {
  margin-top: 0px;
}
.language-hu .filterDiv.card-shuttles .card-description-aligned {
  margin-top: -2px;
}
.language-hu .filterDiv.card-ghg-shipment .title-smaller {
  font-size: 13px !important;
}
.language-hu .filterDiv.card-corporate-blackmail .card-description {
  margin-top: -10px;
}
.language-hu .filterDiv.card-venera-base .card-requirements {
  margin-top: -5px;
}
.language-hu .filterDiv.card-venera-base .card-rows {
  margin-top: 0px;
}
.language-hu .filterDiv.card-venera-base .card-rows .card-row:nth-child(1) .card-description {
  margin-top: -5px;
}
.language-hu .filterDiv.card-venera-base .card-rows .card-row:nth-child(2) {
  margin-top: -2px;
}
.language-hu .filterDiv.card-venera-base .card-rows .card-row:nth-child(2) .card-production-box {
  height: 15px;
  width: 15px;
}
.language-hu .filterDiv.card-venera-base .card-rows .card-row:nth-child(2) .card-resource-money {
  width: 15px;
  height: 15px;
  background-size: 15px;
  line-height: 17px;
  font-size: 12px;
}
.language-hu .filterDiv.card-venera-base .card-rows .card-row:nth-child(2) .card-tile {
  background-size: 20px;
  width: 20px;
  height: 25px;
}
.language-hu .filterDiv.card-venera-base .card-rows .card-row:nth-child(2) .card-tag-space {
  width: 15px;
  height: 15px;
  line-height: 20px;
  background-size: 15px;
}
.language-hu .filterDiv.card-venera-base .card-rows .card-row:nth-child(3) {
  margin-top: 1px;
}
.language-hu .filterDiv.card-venera-base .card-content .card-description:nth-last-child(2) {
  font-size: 9px;
  margin-top: -3px;
}
.language-hu .filterDiv.card-off-world-city-living .card-description {
  margin-top: -3px;
}
.language-hu .filterDiv.card-dawn-city .card-description {
  margin-top: -1px;
}
.language-hu .filterDiv.card-return-to-abandoned-technology .title-smaller {
  font-size: 11px !important;
}
.language-hu .filterDiv.card-wetlands .card-requirements {
  margin-top: -5px;
}
.language-hu .filterDiv.card-wetlands .card-rows .card-row:nth-child(1) {
  margin-top: -2px;
}
.language-hu .filterDiv.card-wetlands .card-rows .card-row:nth-child(2),
.language-hu .filterDiv.card-wetlands .card-rows .card-row:nth-child(3) {
  margin-top: -5px;
}
.language-hu .filterDiv.card-wetlands .card-text-size--XS {
  font-size: 9px;
}
.language-hu .filterDiv.card-wetlands .card-rows .card-row:nth-child(4) .card-text-size--XS {
  margin-top: -6px;
  width: 60%;
}
.language-hu .filterDiv.card-red-spot-observatory .card-requirements,
.language-hu .filterDiv.card-red-spot-observatory .card-rows .card-row:nth-child(1),
.language-hu .filterDiv.card-red-spot-observatory .card-rows .card-row:nth-child(1) .card-description,
.language-hu .filterDiv.card-red-spot-observatory .card-rows .card-row:nth-child(2) {
  margin-top: 0px;
}
.language-hu .filterDiv.card-red-spot-observatory .card-description-aligned {
  width: 100%;
  margin-top: 0px;
}
.language-hu .filterDiv.card-red-city .card-rows {
  margin-top: 5px;
}
.language-hu .filterDiv.card-red-city .card-description {
  font-size: 10px;
  margin-top: 0px;
}
.language-hu .filterDiv.card-the-darkside-of-the-moon-syndicate .card-the-darkside-of-the-moon-syndicate-logo {
  background-color: grey;
}
.language-hu .filterDiv.card-the-darkside-of-the-moon-syndicate .card-content {
  overflow-x: unset;
}
.language-hu .filterDiv.card-the-darkside-of-the-moon-syndicate .card-description,
.language-hu .filterDiv.card-the-darkside-of-the-moon-syndicate .card-text-normal {
  font-size: 10px;
}
.language-hu .filterDiv.card-the-darkside-of-the-moon-syndicate .card-rows .card-item-container {
  margin: 0 2px;
}
.language-hu .filterDiv.card-the-darkside-of-the-moon-syndicate .card-rows .card-row:nth-child(1) {
  margin-top: 8px;
}
.language-hu .filterDiv.card-the-darkside-of-the-moon-syndicate .card-rows .card-row:nth-child(2) {
  margin-top: 0px;
}
.language-hu .filterDiv.card-the-darkside-of-the-moon-syndicate .card-rows .card-row:nth-child(3) {
  margin-top: 0px;
}
.language-hu .filterDiv.card-the-darkside-of-the-moon-syndicate .card-rows .card-row:nth-child(4) {
  margin-top: 1px;
  width: 95%;
}
.language-hu .filterDiv.card-the-darkside-of-the-moon-syndicate .card-rows .card-row:nth-child(5) {
  margin-top: 0px;
}
.language-hu .filterDiv.card-adhai-high-orbit-constructions .card-effect-box .card-description {
  width: 92%;
}
.language-hu .filterDiv.card-aeron-genomics .card-corporation-logo {
  top: 14px;
  left: -10px;
  font-size: 22px;
}
.language-hu .filterDiv.card-aeron-genomics .card-rows {
  margin-top: -10px;
}
.language-hu .filterDiv.card-aeron-genomics .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-agricola-inc .card-description {
  margin-top: -3px;
}
.language-hu .filterDiv.card-agricola-inc .card-text-size--S {
  margin-top: -34px;
}
.language-hu .filterDiv.card-ambient .card-description {
  margin-top: 6px;
}
.language-hu .filterDiv.card-anubis-securities .card-corporation-logo {
  top: 15px;
  left: -13px;
  font-size: 19px;
}
.language-hu .filterDiv.card-anubis-securities .card-requirements {
  font-size: 13px;
}
.language-hu .filterDiv.card-anubis-securities .card-x {
  font-size: 50px !important;
}
.language-hu .filterDiv.card-anubis-securities .card-rows {
  margin-top: -8px;
}
.language-hu .filterDiv.card-anubis-securities .card-rows .card-row {
  margin: 2px 0px;
}
.language-hu .filterDiv.card-anubis-securities .card-item-container {
  margin: 0px 1px;
}
.language-hu .filterDiv.card-anubis-securities .card-description {
  margin-top: -7px;
  font-size: 10px;
}
.language-hu .filterDiv.card-anubis-securities .card-row .card-description {
  margin-top: 5px;
}
.language-hu .filterDiv.card-arborist-collective .card-corporation-logo {
  top: 15px;
  left: -13px;
  font-size: 19px;
}
.language-hu .filterDiv.card-arborist-collective .card-content {
  margin-top: -23px;
  overflow-x: unset;
}
.language-hu .filterDiv.card-arborist-collective .card-rows .card-row:nth-child(2) {
  margin-top: -9px;
}
.language-hu .filterDiv.card-arborist-collective .card-rows .card-row:nth-child(2) .card-description {
  margin-top: -6px;
}
.language-hu .filterDiv.card-arborist-collective .card-rows .card-row:nth-child(3) {
  margin-top: 0px;
}
.language-hu .filterDiv.card-arborist-collective .card-rows .card-row:nth-child(3) .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-arborist-collective .card-description {
  margin-top: -3px;
}
.language-hu .filterDiv.card-the-archaic-foundation-institute .card-description {
  font-size: 10px;
  margin-top: 2px;
}
.language-hu .filterDiv.card-arklight .card-description {
  margin-top: 2px;
  font-size: 10px;
}
.language-hu .filterDiv.card-arklight .card-corporation-box {
  min-height: 142px;
}
.language-hu .filterDiv.card-arklight .card-effect-box {
  margin-top: -10px;
}
.language-hu .filterDiv.card-astrodrill .card-description {
  font-size: 10px;
  margin-top: -5px;
}
.language-hu .filterDiv.card-astrodrill .card-corporation-box {
  min-height: 172px;
  display: initial;
}
.language-hu .filterDiv.card-astrodrill .card-effect-box {
  margin-top: -5px;
}
.language-hu .filterDiv.card-astrodrill .card-row .card-description {
  margin-top: 3px;
}
.language-hu .filterDiv.card-aurorai .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-bio-sol .card-effect-box {
  margin-top: -12px;
}
.language-hu .filterDiv.card-celestic .card-description {
  margin-top: -18px;
}
.language-hu .filterDiv.card-celestic .card-effect-box .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-demetron-labs .card-corporation-logo {
  top: 19px;
  left: -15px;
  font-size: 17px;
}
.language-hu .filterDiv.card-demetron-labs .card-content {
  margin-top: -21px;
  overflow-x: unset;
}
.language-hu .filterDiv.card-demetron-labs .card-description {
  margin-top: 0px;
}
.language-hu .filterDiv.card-ecoline .card-ecoline-logo {
  font-size: 38px;
}
.language-hu .filterDiv.card-eris .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-factorum .card-description {
  margin-top: -1px;
}
.language-hu .filterDiv.card-factorum .card-special.card-or.card-or--small {
  visibility: hidden;
}
.language-hu .filterDiv.card-factorum .card-special.card-or.card-or--small:after {
  visibility: visible;
  content: "/";
  margin-left: -33px;
  font-size: 33px;
}
.language-hu .filterDiv.card-factorum .card-content .card-red-arrow {
  background-size: 25px;
  width: 25px;
  height: 25px;
}
.language-hu .filterDiv.card-gagarin-mobile-base .card-corporation-logo {
  top: 19px;
  left: -15px;
  font-size: 17px;
}
.language-hu .filterDiv.card-gagarin-mobile-base .card-content {
  margin-top: -21px;
}
.language-hu .filterDiv.card-gagarin-mobile-base .card-description {
  margin-top: -2px;
}
.language-hu .filterDiv.card-pharmacy-union .card-pharmacy-union-logo {
  font-size: 20px;
}
.language-hu .filterDiv.card-pharmacy-union .card-description {
  font-size: 9px;
}
.language-hu .filterDiv.card-pharmacy-union .card-corporation-box {
  min-height: 194px;
}
.language-hu .filterDiv.card-pharmacy-union .card-row .card-corporation-box .card-effect-box {
  margin-top: -14px;
}
.language-hu .filterDiv.card-hadesphere .card-corporation-logo {
  top: 19px;
  left: -15px;
  font-size: 25px;
}
.language-hu .filterDiv.card-hecate-speditions .card-corporation-logo {
  top: 19px;
  left: -15px;
  font-size: 25px;
}
.language-hu .filterDiv.card-hecate-speditions .card-content {
  margin-top: -21px;
  overflow-x: unset;
}
.language-hu .filterDiv.card-hecate-speditions .card-text-normal {
  margin-top: -5px;
}
.language-hu .filterDiv.card-hecate-speditions .card-resource-trade-fleet {
  height: 30px;
  width: 36px;
  background-size: 36px;
}
.language-hu .filterDiv.card-henkei-genetics .card-corporation-logo {
  top: 19px;
  left: -15px;
  font-size: 25px;
}
.language-hu .filterDiv.card-intragen-sanctuary-headquarters .card-description {
  margin-top: 4px;
}
.language-hu .filterDiv.card-jenson-boyle-\&-co .card-corporation-logo {
  top: 19px;
  left: -15px;
  font-size: 22px;
}
.language-hu .filterDiv.card-junk-ventures .card-corporation-logo {
  top: 19px;
  left: 0px;
  font-size: 22px;
}
.language-hu .filterDiv.card-keplertec .card-corporation-logo {
  top: 19px;
  left: -35px;
  font-size: 22px;
}
.language-hu .filterDiv.card-keplertec .card-content {
  margin-top: -14px;
  overflow-x: unset;
}
.language-hu .filterDiv.card-keplertec .card-row {
  margin: 2px 0px;
}
.language-hu .filterDiv.card-keplertec .card-description {
  font-size: 9px;
  margin-top: 1px;
}
.language-hu .filterDiv.card-beginner-corporation .card-corporation-logo {
  top: 19px;
  left: 0px;
  font-size: 21px;
}
.language-hu .filterDiv.card-collegium-copernicus .card-content {
  margin-top: -15px;
  overflow-x: unset;
}
.language-hu .filterDiv.card-collegium-copernicus .card-description {
  margin-top: 3px;
}
.language-hu .filterDiv.card-kuiper-cooperative .card-content {
  overflow-x: unset;
}
.language-hu .filterDiv.card-kuiper-cooperative .card-content .card-row {
  margin: 2px 0px;
}
.language-hu .filterDiv.card-kuiper-cooperative .card-description {
  margin-top: 4px;
  font-size: 10px;
}
.language-hu .filterDiv.card-mind-set-mars .card-content {
  overflow-x: unset;
}
.language-hu .filterDiv.card-morning-star-inc\. .card-description {
  margin-top: -17px;
}
.language-hu .filterDiv.card-morning-star-inc\. .card-row .card-description {
  margin-top: 9px;
}
.language-hu .filterDiv.card-nirgal-enterprises .card-corporation-logo {
  top: 12px;
}
.language-hu .filterDiv.card-odyssey .card-content {
  margin-top: -15px;
}
.language-hu .filterDiv.card-odyssey .card-row .card-text-normal {
  margin-top: -14px;
}
.language-hu .filterDiv.card-odyssey .card-row .card-effect-box {
  margin-top: -6px;
}
.language-hu .filterDiv.card-odyssey .card-description {
  margin-top: 1px;
}
.language-hu .filterDiv.card-philares .card-philares-logo {
  font-size: 12px;
}
.language-hu .filterDiv.card-playwrights .card-playwrights-logo {
  font-size: 25px;
}
.language-hu .filterDiv.card-playwrights .card-description {
  margin-top: 1px;
}
.language-hu .filterDiv.card-polaris .card-effect-box-row {
  margin-top: 8px;
}
.language-hu .filterDiv.card-pristar .card-rows .card-row:nth-child(4) {
  margin-top: -22px;
}
.language-hu .filterDiv.card-pristar .card-description {
  margin-top: -9px;
}
.language-hu .filterDiv.card-pristar .card-row .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-pristar .card-corporation-box {
  min-height: 172px;
}
.language-hu .filterDiv.card-pristar .card-rows .card-row:nth-child(5) .card-effect-box {
  margin-top: -15px;
}
.language-hu .filterDiv.card-project-workshop .card-effect-box-content {
  margin: 0px 0px;
}
.language-hu .filterDiv.card-recyclon .card-rows {
  margin-top: -8px;
}
.language-hu .filterDiv.card-recyclon .card-corporation-box {
  min-height: 152px;
}
.language-hu .filterDiv.card-recyclon .card-special.card-or.card-or--small {
  visibility: hidden;
}
.language-hu .filterDiv.card-recyclon .card-special.card-or.card-or--small:after {
  visibility: visible;
  content: "/";
  margin-left: -33px;
  font-size: 33px;
}
.language-hu .filterDiv.card-recyclon .card-description {
  margin-top: 4px;
}
.language-hu .filterDiv.card-robin-haulings .card-special.card-or.card-or--small {
  visibility: hidden;
}
.language-hu .filterDiv.card-robin-haulings .card-special.card-or.card-or--small:after {
  visibility: visible;
  content: "/";
  margin-left: -33px;
  font-size: 33px;
}
.language-hu .filterDiv.card-sagitta-frontier-services .card-rows {
  margin-top: -2px;
}
.language-hu .filterDiv.card-sagitta-frontier-services .card-effect-box {
  margin-top: -5px;
}
.language-hu .filterDiv.card-sagitta-frontier-services .card-description {
  font-size: 10px;
}
.language-hu .filterDiv.card-solbank .card-corporation-logo {
  top: 19px;
  left: 0px;
  font-size: 21px;
}
.language-hu .filterDiv.card-soylent-seedling-systems .card-content {
  overflow-x: unset;
}
.language-hu .filterDiv.card-soylent-seedling-systems .card-rows {
  margin-top: 8px;
}
.language-hu .filterDiv.card-soylent-seedling-systems .card-effect-box {
  margin-top: -8px;
}
.language-hu .filterDiv.card-soylent-seedling-systems .card-description {
  margin-top: 0px;
  font-size: 10px;
}
.language-hu .filterDiv.card-spire .card-content {
  overflow-x: unset;
}
.language-hu .filterDiv.card-spire .card-text-normal {
  margin-top: -6px;
  font-size: 10px;
}
.language-hu .filterDiv.card-spire .card-description {
  margin-top: 2px;
  font-size: 10px;
}
.language-hu .filterDiv.card-spire .card-plate {
  width: 108px;
}
.language-hu .filterDiv.card-spire .card-rows {
  margin-top: 4px;
}
.language-hu .filterDiv.card-spire .card-rows .card-row:nth-child(3),
.language-hu .filterDiv.card-spire .card-rows .card-row:nth-child(4) {
  margin: 2px 0px;
}
.language-hu .filterDiv.card-splice .card-description {
  margin-top: -17px;
}
.language-hu .filterDiv.card-splice .card-row .card-description {
  margin-top: 6px;
}
.language-hu .filterDiv.card-splice .card-corporation-box {
  min-height: 152px;
}
.language-hu .filterDiv.card-splice .card-effect-box-row {
  margin-top: -7px;
}
.language-hu .filterDiv.card-steelaris .card-steelaris-logo {
  width: 145px;
  background-size: 145px 35px;
}
.language-hu .filterDiv.card-stormcraft-incorporated .card-row .card-description {
  margin-top: 2px;
}
.language-hu .filterDiv.card-stormcraft-incorporated .card-description {
  margin-top: -8px;
}
.language-hu .filterDiv.card-stormcraft-incorporated .card-corporation-box {
  min-height: 168px;
}
.language-hu .filterDiv.card-stormcraft-incorporated .card-effect-box-row {
  margin-top: -7px;
}
.language-hu .filterDiv.card-stormcraft-incorporated .card-vspace--large {
  display: none;
}
.language-hu .filterDiv.card-kingdom-of-tauraro .card-corporation-logo {
  top: 19px;
  left: -10px;
  font-size: 21px;
}
.language-hu .filterDiv.card-tycho-magnetics .card-text-size--M {
  font-size: 16px;
}
.language-hu .filterDiv.card-voltagon .card-corporation-logo {
  top: 19px;
  left: -35px;
  font-size: 30px;
}
.language-hu .filterDiv.card-voltagon .card-special.card-or.card-or--small {
  visibility: hidden;
}
.language-hu .filterDiv.card-voltagon .card-special.card-or.card-or--small:after {
  visibility: visible;
  content: "/";
  margin-left: -33px;
  font-size: 33px;
}
.language-hu .filterDiv.card-voltagon .card-description {
  margin-top: 5px;
}
.language-hu .filterDiv.card-applied-science .card-description {
  margin-top: 4px;
}
.language-hu .filterDiv.card-anti-desertification-techniques .title-smaller {
  font-size: 13px !important;
}
.language-hu .filterDiv.card-ganymede-trading-company .title-smaller {
  font-size: 12px !important;
}
.language-hu .filterDiv.card-board-of-directors .card-rows .card-row:nth-child(4) {
  display: none;
}
.language-hu .filterDiv.card-crew-training .card-or--small {
  font-size: 11px;
}
.language-hu .filterDiv.card-atmospheric-enhancers .card-content {
  overflow-x: unset;
  margin-top: -15px;
}
.language-hu .filterDiv.card-ecology-experts .card-requirements {
  font-size: 14px;
}
.language-hu .filterDiv.card-political-uprising .turmoil-icon {
  position: unset;
  margin: unset;
}
.language-hu .filterDiv.card-bjorn .card-resource-money {
  font-size: 16px;
}
.language-hu .filterDiv.card-floyd .card-text-size--M {
  font-size: 14px;
}
.language-hu .filterDiv.card-naomi .card-text-size--M {
  font-size: 16px;
}
.language-hu .filterDiv.card-petra .card-text-size--M {
  font-size: 14px;
}
.language-hu .filterDiv.card-rogers .card-requirements {
  font-size: 14px;
}
.language-hu .filterDiv.card-xavier .card-description {
  margin-top: -1px;
}
.language-hu .filterDiv.card-lunar-habitat-\(var\.-1\) .card-red-arrow {
  background-size: 25px;
  width: 25px;
  height: 25px;
}
.language-hu .filterDiv.card-lunar-habitat-\(var\.-1\) .card-tile-lunar-habitat-rate {
  width: 45px;
  height: 44px;
  background-size: 45px 44px;
}
.language-hu .filterDiv.card-lunar-mine .card-red-arrow,
.language-hu .filterDiv.card-lunar-mine-\(var\.-1\) .card-red-arrow,
.language-hu .filterDiv.card-lunar-mine-\(var\.-2\) .card-red-arrow {
  background-size: 25px;
  width: 25px;
  height: 25px;
}
.language-hu .filterDiv.card-lunar-mine .card-tile-lunar-mine-rate,
.language-hu .filterDiv.card-lunar-mine-\(var\.-1\) .card-tile-lunar-mine-rate,
.language-hu .filterDiv.card-lunar-mine-\(var\.-2\) .card-tile-lunar-mine-rate {
  width: 45px;
  height: 44px;
  background-size: 45px 44px;
}
.language-hu .filterDiv.card-lunar-mine .card-description,
.language-hu .filterDiv.card-lunar-mine-\(var\.-1\) .card-description,
.language-hu .filterDiv.card-lunar-mine-\(var\.-2\) .card-description {
  margin-top: 3px;
}
.language-hu .filterDiv.card-air-scrapping-\(var\) .card-red-arrow {
  background-size: 25px;
  width: 25px;
  height: 25px;
}
.language-hu .filterDiv.card-air-scrapping-\(var\) .card-venus-global-requirement {
  width: 50px;
  height: 30px;
  background-size: 50px 30px;
}
.language-hu .filterDiv.Callisto-background .white-x::after,
.language-hu .filterDiv.Ceres-background .white-x::after,
.language-hu .filterDiv.Enceladus-background .white-x::after,
.language-hu .filterDiv.Ganymede-background .white-x::after,
.language-hu .filterDiv.Io-background .white-x::after,
.language-hu .filterDiv.Luna-background .white-x::after,
.language-hu .filterDiv.Miranda-background .white-x::after,
.language-hu .filterDiv.Titan-background .white-x::after,
.language-hu .filterDiv.Triton-background .white-x::after,
.language-hu .filterDiv.Iapetus-II-background .white-x::after {
  margin: -43px;
  font-size: 23px;
}
.language-hu .filterDiv.Europa-background .colony-background-color {
  font-size: 13px;
}
.language-hu .filterDiv.Iapetus-background .white-x::after {
  margin: -25px;
  font-size: 27px;
}
.language-hu .filterDiv.Hygiea-background .colony-content .colony-background-color:nth-child(4) {
  font-family: fantasy;
}
.language-hu .filterDiv.Titania-background .white-x::after {
  margin: -27px;
  font-size: 23px;
}
.language-hu .filterDiv.Leavitt-background .colony-background-color,
.language-hu .filterDiv.Deimos-background .colony-background-color {
  font-size: 14px;
}
.language-hu .filterDiv.Leavitt-background .colony-content,
.language-hu .filterDiv.Deimos-background .colony-content {
  font-family: fantasy;
}
.language-hu .filterDiv.Venus-background .white-x::after {
  margin: -24px;
  font-size: 27px;
}
.language-hu .card-aquifer-released-by-public-council .global-event-title {
  font-size: 13px;
}
.language-hu .card-revolution .card-container .card-content-wrapper .card-content .card-rows,
.language-hu .card-election .card-container .card-content-wrapper .card-content .card-rows {
  margin-top: 5px;
}
.language-hu .card-revolution .card-container .card-content-wrapper .card-content .card-rows .card-row,
.language-hu .card-election .card-container .card-content-wrapper .card-content .card-rows .card-row {
  margin: -1px 0px;
}
.language-hu .card-revolution .card-influence,
.language-hu .card-election .card-influence {
  width: 30px !important;
  height: 30px !important;
  background-size: 30px 30px !important;
}
.language-hu .card-revolution .card-resource-tag,
.language-hu .card-election .card-resource-tag {
  width: 20px !important;
  height: 20px !important;
  background-size: 30px 30px !important;
}
.language-hu .card-revolution .card-container .card-content-wrapper .card-content .card-rows .card-row .card-tr--XS,
.language-hu .card-election .card-container .card-content-wrapper .card-content .card-rows .card-row .card-tr--XS {
  width: 27px !important;
  height: 22px !important;
  background-size: 27px 22px !important;
}
.language-hu .card-revolution .card-description,
.language-hu .card-election .card-description {
  font-size: 10px !important;
}
.language-hu .card-microgravity-health-problems .global-event-title {
  font-size: 13px;
}
.language-hu .player_home_colony_cont .tooltip::after {
  max-width: unset;
}
.language-hu .ma-name--one-giant-step > span,
.language-hu .ma-name--gambler > span,
.language-hu .ma-name--risktaker > span,
.language-hu .ma-name--a-zoologist > span,
.language-hu .ma-name--naturalist > span {
  font-size: 13px;
}
.language-hu .ma-name--collector > span,
.language-hu .ma-name--constructor > span,
.language-hu .ma-name--highlander > span,
.language-hu .ma-name--landscaper > span,
.language-hu .ma-name--mogul > span,
.language-hu .ma-name--traveller > span {
  position: relative;
  top: 5px;
  font-size: 13px;
}
.language-hu .ma-name--metropolist > span {
  background-color: orange;
}
.language-hu .agendaStyle-random {
  width: 152px;
}
.language-hu .corporations-filter-toolbox-cont .corporations-filter-toolbox--topmost {
  margin: -68px 0 0 233px;
}
.language-hu label[for="escapeThreshold-checkbox"] > span:nth-child(1) {
  position: relative;
  left: 192px;
}
.language-hu .moon-space-m01 .board-space-text {
  margin: -34px 0 0 -20px;
}
.language-hu .start-screen-header.start-screen-link--title {
  display: flex;
  flex-direction: column-reverse;
}
.language-hu .hide-tile-button-container .hide-tile-button {
  padding-top: 1px;
}
.board {
  width: 600px;
  height: 488px;
  margin: 85px 0 0 93px;
}
.board .board-space {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.board-cont {
  display: inline-block;
  vertical-align: top;
  width: 670px;
  margin: 0 auto;
  margin-top: 20px;
}
.board-with-venus {
  background: url(./assets/board/mars.png) no-repeat;
}
.board-without-venus {
  background: url(./assets/board/mars-without-venus.png) no-repeat;
}
.board-legend {
  position: absolute;
  margin: -67px 0 0 -100px;
  z-index: 5;
  pointer-events: none;
}
.board-caption {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 10px;
  font-weight: bold;
  fill: white;
  pointer-events: none;
}
.board-line {
  stroke: white;
  stroke-width: 3;
  stroke-opacity: 0.3;
  pointer-events: none;
}
.board-space--available:hover {
  background: url(./assets/hex_green.png) !important;
  cursor: pointer;
}
.board-space-bonus {
  position: absolute;
  pointer-events: none;
  width: 16px;
  height: 16px;
  margin: 0 0 0 2px;
  border-radius: 2px;
}
.board-space-bonus.board-space-bonus-pos--only {
  margin: 15px 0 0 14px;
}
.board-space-bonus.board-space-bonus-pos--1 {
  margin: 15px 0 0 5px;
}
.board-space-bonus.board-space-bonus-pos--2 {
  margin: 15px 0 0 23px;
}
.board-space-bonus.board-space-bonus-pos--3 {
  margin: 23px 0 0 14px;
}
.board-space-bonus--plant {
  background: url(./assets/resources/plant.png);
  background-size: 16px;
}
.board-space-bonus--steel {
  background: url(./assets/resources/steel.png) no-repeat;
  background-size: 16px;
}
.board-space-bonus--titanium {
  background: url(./assets/resources/titanium.png) no-repeat;
  background-size: 16px;
}
.board-space-bonus--card {
  background: url(./assets/resources/card.png) no-repeat;
  background-size: 16px;
  height: 20px;
}
.board-space-bonus--heat {
  background: url(./assets/resources/heat.png) no-repeat;
  background-size: 16px;
}
.board-space-bonus--bonusocean {
  background: url(./assets/tiles/ocean.png), url(./assets/misc/hellas-ocean-cost.png);
  background-repeat: no-repeat, no-repeat;
  background-size: 21px, 12px;
  background-position: left, 23px;
  width: 35px;
  height: 24px;
}
.board-space-bonus--bonustemperature {
  background: url(./assets/board/bonus_temperature.png);
  background-repeat: no-repeat;
  background-size: 32px 21px;
  width: 36px;
  height: 21px;
  background-position: center;
  filter: saturate(1.5);
}
.board-space-bonus--colony {
  background: url(./assets/board/colony.png);
  background-repeat: no-repeat;
  background-size: 32px 21px;
  width: 36px;
  height: 21px;
  background-position: center;
  filter: saturate(1.5);
}
.board-space-bonus--microbe {
  background: url(./assets/resources/microbe.png) no-repeat;
  background-size: 16px;
}
.board-space-bonus--animal {
  background: url(./assets/resources/animal.png) no-repeat;
  background-size: 16px;
}
.board-space-bonus--data {
  background: url(./assets/resources/data.png) no-repeat;
  background-size: 16px;
}
.board-space-bonus--energy-production {
  background: url(./assets/pathfinders/energy-production.png) no-repeat;
  background-size: 20px;
  width: 20px;
  height: 20px;
}
.board-space-bonus--energy {
  background: url(./assets/resources/power.png) no-repeat;
  background-size: 16px;
}
.board-space-bonus--science {
  background: url(./assets/resources/science.png) no-repeat;
  background-size: 16px;
}
.board-space-bonus--delegate {
  background: url(./assets/misc/delegate.png) no-repeat;
  background-size: 16px;
}
.board-space-tile--ocean {
  background: url(./assets/board_icons.png) -79px -29px no-repeat;
  width: 46px;
}
.board-space-tile--city {
  background: url(./assets/board_icons.png) -29px -29px no-repeat;
}
.board-space-tile--greenery {
  background: url(./assets/board_icons.png) -129px -29px no-repeat;
}
.board-space-tile--capital {
  background: url(./assets/board_icons.png) -198px -83px no-repeat;
}
.board-space-tile--mohole_area {
  background: url(./assets/board_icons.png) -438px -27px no-repeat;
}
.board-space-tile--commercial_district {
  background: url(./assets/board_icons.png) -486px -27px no-repeat;
}
.board-space-tile--ecological_zone {
  background: url(./assets/board_icons.png) -581px -27px no-repeat;
}
.board-space-tile--industrial_center {
  background: url(./assets/board_icons.png) -534px -27px no-repeat;
}
.board-space-tile--lava_flows {
  background: url(./assets/board_icons.png) -246px -27px no-repeat;
}
.board-space-tile--mining_area,
.board-space-tile--mining_rights {
  background: url(./assets/board_icons.png) -294px -27px no-repeat;
}
.board-space-tile--natural_preserve {
  background: url(./assets/board_icons.png) -390px -27px no-repeat;
}
.board-space-tile--nuclear_zone {
  background: url(./assets/board_icons.png) -198px -27px no-repeat;
}
.board-space-tile--restricted_area {
  background: url(./assets/board_icons.png) -342px -27px no-repeat;
}
.board-space-tile--great_dam {
  background: url(./assets/board_icons.png) -581px -83px no-repeat;
}
.board-space-tile--deimos_down {
  background: url(./assets/board_icons.png) -487px -83px no-repeat;
}
.board-space-tile--magnetic_field_generators {
  background: url(./assets/board_icons.png) -535px -83px no-repeat;
}
.board-space-tile--new-holland {
  background: url("./assets/tiles/new_holland_board_tile.png");
  width: 44px;
  height: 50px;
  background-size: 44px, 50px;
}
.board-cube {
  position: absolute;
  width: 21px;
  height: 21px;
  z-index: 3;
  margin: 25px 0 0 15px;
  filter: drop-shadow(2px 2px 3px black);
}
.board-cube-coOwner {
  position: absolute;
  width: 21px;
  height: 21px;
  z-index: 3;
  margin: 8px 0 0 4px;
  filter: drop-shadow(2px 2px 3px black);
}
.occupied-colony-space {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  width: 53px;
  height: 46px;
  z-index: 1;
}
.board-cube--red {
  background: url(./assets/board_icons.png) -24px -91px no-repeat;
}
.board-cube--blue {
  background: url(./assets/board_icons.png) -94px -91px no-repeat;
}
.board-cube--black {
  background: url(./assets/board_icons.png) -48px -91px no-repeat;
}
.board-cube--yellow {
  background: url(./assets/board_icons.png) -72px -91px no-repeat;
}
.board-cube--green {
  background: url(./assets/board_icons.png) -1px -91px no-repeat;
}
.board-cube--purple {
  background: url(./assets/board_icons.png) -118px -91px no-repeat;
}
.board-cube--orange {
  background: url(./assets/board_icons.png) -1px -117px no-repeat;
}
.board-cube--pink {
  background: url(./assets/board_icons.png) -24px -117px no-repeat;
}
.board-cube--bronze {
  background: url(./assets/board_icons.png) -142px -91px no-repeat;
}
.board-cube--neutral {
  background: url(./assets/board_icons.png) -142px -91px no-repeat;
}
.overlay_base {
  position: absolute;
  font-size: 15px;
}
.board-cube--red.overlay::after {
  position: absolute;
  font-size: 15px;
  content: "▲";
  margin-left: 3px;
  margin-top: -2px;
}
.board-cube--blue.overlay::after {
  position: absolute;
  font-size: 15px;
  content: "+";
  margin-left: 7px;
  margin-top: -2px;
  font-size: 16px;
  font-weight: bold;
}
.board-cube--black.overlay::after {
  position: absolute;
  font-size: 15px;
  content: "∇";
  margin-left: 5px;
  margin-top: 1px;
}
.board-cube--yellow.overlay::after {
  position: absolute;
  font-size: 15px;
  content: "∗";
  margin-left: 4px;
  margin-top: -1px;
  font-weight: bold;
}
.board-cube--green.overlay::after {
  position: absolute;
  font-size: 15px;
  content: "◆";
  margin-left: 5px;
  margin-top: -2px;
}
.board-cube--purple.overlay::after {
  position: absolute;
  font-size: 15px;
  content: "◉";
  margin-left: 5px;
  margin-top: 0px;
  font-size: 13px;
}
.board-cube--orange.overlay::after {
  position: absolute;
  font-size: 15px;
  content: "▢";
  margin-left: 5px;
  margin-top: 0px;
  font-size: 13px;
}
.board-cube--pink.overlay::after {
  position: absolute;
  font-size: 15px;
  content: "◈";
  margin-left: 5px;
  margin-top: -2px;
}
.board-cube--bronze.overlay::after {
  position: absolute;
  font-size: 15px;
  content: "▦";
  margin-left: 5px;
  margin-top: 3px;
  font-size: 9px;
}
.board-cube--neutral.overlay::after {
  position: absolute;
  font-size: 15px;
  font-size: 13px;
  content: "★";
  margin-left: 4px;
  margin-top: 1px;
}
.board-outer-spaces {
  position: absolute;
}
.board-space {
  width: 46px;
  height: 51px;
  position: absolute;
}
.board-space .board-space-text {
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
  text-align: center;
  position: absolute;
  margin: -25px 0 0 -20px;
  width: 88px;
}
.board-space.board-space-69 .board-space-text,
.board-space.board-space-70 .board-space-text,
.board-space.board-space-71 .board-space-text,
.board-space.board-space-72 .board-space-text,
.board-space.board-space-73 .board-space-text,
.board-space.board-space-75 .board-space-text,
.board-space.board-space-76 .board-space-text,
.board-space.board-space-77 .board-space-text,
.board-space.board-space-78 .board-space-text {
  margin-top: -15px;
}
.board-space.board-space-74 .board-space-text {
  margin-top: -33px;
  font-size: 10px;
  line-height: 10px;
}
.board-space .board-space-coords {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  padding: 8px 0 6px 0px;
  color: black;
  background-color: rgba(255, 255, 255, 0.6);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.board-space .board-space-bonuses {
  position: absolute;
}
.board-space.board-space--available {
  animation: board-tile-blink-animation 2s infinite;
  cursor: pointer;
}
@keyframes board-tile-blink-animation {
  0% {
    filter: opacity(1);
  }
  49% {
    filter: opacity(1);
  }
  70% {
    filter: opacity(0.4);
  }
  99% {
    filter: opacity(0.4);
  }
  100% {
    filter: opacity(1);
  }
}
.board-space-type-land {
  background: url(./assets/hex_white.png) no-repeat;
}
.board-space-type-land-volcanic {
  background-image: url(./assets/hex_volcanic.png);
  background-color: #8303;
}
.board-space-type-land-noctis {
  background-color: #fff6;
}
.board-space-type-ocean {
  background: url(./assets/hex_blue.png) no-repeat;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  background-color: #0af4;
}
.board-space-type-cove {
  background: url(./assets/pathfinders/cove.png) no-repeat;
}
.board-space-type-volcanic-cove {
  background: url(./assets/pathfinders/volcanic-cove.png) no-repeat;
  background-color: #8304;
}
.board-ocean-checkmark {
  margin-left: 20px;
  margin-bottom: -1px;
}
.board-hidden-tile {
  opacity: 0.4;
}
.hide-tile-button-container {
  position: relative;
  width: 0px;
  height: 0px;
}
.hide-tile-button-container .hide-tile-button {
  position: absolute;
  bottom: -500px;
  text-transform: uppercase;
  font-size: 12px;
  color: #e6e1e1;
  background: url(./assets/hex_white.png) no-repeat;
  background-color: #444;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  cursor: pointer;
  width: 46px;
  height: 51px;
  line-height: 12px;
  padding-top: 14px;
  text-align: center;
}
.gagarin {
  position: absolute;
  margin: 7px 0 0 14px;
  background: url(./assets/pathfinders/gagarin.png);
  background-size: 16px;
  width: 16px;
  height: 9px;
}
.gagarin.visited {
  filter: brightness(0.7);
}
.board-cube--cathedral {
  position: absolute;
  margin: 3px 0 0 14px;
  background: url(./assets/promo/cathedral.png);
  background-size: 20px;
  width: 20px;
  height: 20px;
}
.board-cube--nomad {
  position: absolute;
  background: linear-gradient(to bottom right, gold, goldenrod, gold);
  width: 15px;
  height: 15px;
  z-index: 3;
  margin: 8px 0 0 16px;
  border: 1px solid black;
}
.underground-token-background {
  position: absolute;
  width: 20px;
  height: 18px;
  background-size: 20px 18px;
  z-index: 3;
  margin: 8px 0 0 20px;
  filter: drop-shadow(2px 2px 3px black);
  background-image: url("assets/underworld/underground-token-background.png");
}
.underground-token-resource {
  position: absolute;
  width: 22px;
  height: 22px;
  background-size: 22px;
  z-index: 3;
  margin: 6px 0 0 19px;
  filter: drop-shadow(2px 2px 3px black);
}
.underground-token--card1 {
  background-image: url("assets/underworld/underground-resource--card1.png");
}
.underground-token--card2 {
  background-image: url("assets/underworld/underground-resource--card2.png");
}
.underground-token--corruption1 {
  background-image: url("assets/underworld/underground-resource--corruption1.png");
}
.underground-token--corruption2 {
  background-image: url("assets/underworld/underground-resource--corruption2.png");
}
.underground-token--data1 {
  background-image: url("assets/underworld/underground-resource--data1.png");
}
.underground-token--data2 {
  background-image: url("assets/underworld/underground-resource--data2.png");
}
.underground-token--data3 {
  background-image: url("assets/underworld/underground-resource--data3.png");
}
.underground-token--steel2 {
  background-image: url("assets/underworld/underground-resource--steel2.png");
}
.underground-token--steel1production {
  background-image: url("assets/underworld/underground-resource--steel1production.png");
}
.underground-token--titanium2 {
  background-image: url("assets/underworld/underground-resource--titanium2.png");
}
.underground-token--titanium1production {
  background-image: url("assets/underworld/underground-resource--titanium1production.png");
}
.underground-token--plant1 {
  background-image: url("assets/underworld/underground-resource--plant1.png");
}
.underground-token--plant2 {
  background-image: url("assets/underworld/underground-resource--plant2.png");
}
.underground-token--plant3 {
  background-image: url("assets/underworld/underground-resource--plant3.png");
}
.underground-token--plant1production {
  background-image: url("assets/underworld/underground-resource--plant1production.png");
}
.underground-token--titaniumandplant {
  background-image: url("assets/underworld/underground-resource--titaniumandplant.png");
}
.underground-token--energy1production {
  background-image: url("assets/underworld/underground-resource--energy1production.png");
}
.underground-token--heat2production {
  background-image: url("assets/underworld/underground-resource--heat2production.png");
}
.underground-token--microbe1 {
  background-image: url("assets/underworld/underground-resource--microbe1.png");
}
.underground-token--microbe2 {
  background-image: url("assets/underworld/underground-resource--microbe2.png");
}
.underground-token--tr {
  background-image: url("assets/underworld/underground-resource--tr.png");
}
.underground-token--ocean {
  background-image: url("assets/underworld/underground-resource--ocean.png");
}
.underground-token--data1pertemp {
  background-image: url("assets/underworld/underground-resource--data1pertemp.png");
}
.underground-token--microbe1pertemp {
  background-image: url("assets/underworld/underground-resource--microbe1pertemp.png");
}
.underground-token--plant2pertemp {
  background-image: url("assets/underworld/underground-resource--plant2pertemp.png");
}
.underground-token--steel2pertemp {
  background-image: url("assets/underworld/underground-resource--steel2pertemp.png");
}
.underground-token--titanium1pertemp {
  background-image: url("assets/underworld/underground-resource--titanium1pertemp.png");
}
.underground-excavator {
  position: absolute;
  width: 21px;
  height: 21px;
  z-index: 3;
  margin: 7px 0 0 21px;
  filter: drop-shadow(2px 2px 3px black);
  transform: rotate(0.14turn);
}
.underground-excavator--red {
  background: url(./assets/board_icons.png) -24px -91px no-repeat;
}
.underground-excavator--blue {
  background: url(./assets/board_icons.png) -94px -91px no-repeat;
}
.underground-excavator--black {
  background: url(./assets/board_icons.png) -48px -91px no-repeat;
}
.underground-excavator--yellow {
  background: url(./assets/board_icons.png) -72px -91px no-repeat;
}
.underground-excavator--green {
  background: url(./assets/board_icons.png) -1px -91px no-repeat;
}
.underground-excavator--purple {
  background: url(./assets/board_icons.png) -118px -91px no-repeat;
}
.underground-excavator--orange {
  background: url(./assets/board_icons.png) -1px -117px no-repeat;
}
.underground-excavator--pink {
  background: url(./assets/board_icons.png) -24px -117px no-repeat;
}
.board-space-01 {
  margin: 165px 0 0 -5px;
}
.board-space-02 {
  margin: 78px 0 0 36px;
}
.board-space-03 {
  margin: 34px 0 0 104px;
}
.board-space-04 {
  margin: 34px 0 0 153px;
}
.board-space-05 {
  margin: 34px 0 0 202px;
}
.board-space-06 {
  margin: 34px 0 0 251px;
}
.board-space-07 {
  margin: 34px 0 0 300px;
}
.board-space-08 {
  margin: 75px 0 0 80px;
}
.board-space-09 {
  margin: 75px 0 0 129px;
}
.board-space-10 {
  margin: 75px 0 0 178px;
}
.board-space-11 {
  margin: 75px 0 0 227px;
}
.board-space-12 {
  margin: 75px 0 0 276px;
}
.board-space-13 {
  margin: 75px 0 0 325px;
}
.board-space-14 {
  margin: 116px 0 0 55px;
}
.board-space-15 {
  margin: 116px 0 0 104px;
}
.board-space-16 {
  margin: 116px 0 0 153px;
}
.board-space-17 {
  margin: 116px 0 0 202px;
}
.board-space-18 {
  margin: 116px 0 0 251px;
}
.board-space-19 {
  margin: 116px 0 0 300px;
}
.board-space-20 {
  margin: 116px 0 0 349px;
}
.board-space-21 {
  margin: 157px 0 0 31px;
}
.board-space-22 {
  margin: 157px 0 0 80px;
}
.board-space-23 {
  margin: 157px 0 0 129px;
}
.board-space-24 {
  margin: 157px 0 0 178px;
}
.board-space-25 {
  margin: 157px 0 0 227px;
}
.board-space-26 {
  margin: 157px 0 0 276px;
}
.board-space-27 {
  margin: 157px 0 0 325px;
}
.board-space-28 {
  margin: 157px 0 0 374px;
}
.board-space-29 {
  margin: 198px 0 0 6px;
}
.board-space-30 {
  margin: 198px 0 0 55px;
}
.board-space-31 {
  margin: 198px 0 0 104px;
}
.board-space-32 {
  margin: 198px 0 0 153px;
}
.board-space-33 {
  margin: 198px 0 0 202px;
}
.board-space-34 {
  margin: 198px 0 0 251px;
}
.board-space-35 {
  margin: 198px 0 0 300px;
}
.board-space-36 {
  margin: 198px 0 0 349px;
}
.board-space-37 {
  margin: 198px 0 0 398px;
}
.board-space-38 {
  margin: 239px 0 0 31px;
}
.board-space-39 {
  margin: 239px 0 0 80px;
}
.board-space-40 {
  margin: 239px 0 0 129px;
}
.board-space-41 {
  margin: 239px 0 0 178px;
}
.board-space-42 {
  margin: 239px 0 0 227px;
}
.board-space-43 {
  margin: 239px 0 0 276px;
}
.board-space-44 {
  margin: 239px 0 0 325px;
}
.board-space-45 {
  margin: 239px 0 0 374px;
}
.board-space-46 {
  margin: 280px 0 0 55px;
}
.board-space-47 {
  margin: 280px 0 0 104px;
}
.board-space-48 {
  margin: 280px 0 0 153px;
}
.board-space-49 {
  margin: 280px 0 0 202px;
}
.board-space-50 {
  margin: 280px 0 0 251px;
}
.board-space-51 {
  margin: 280px 0 0 300px;
}
.board-space-52 {
  margin: 280px 0 0 349px;
}
.board-space-53 {
  margin: 321px 0 0 80px;
}
.board-space-54 {
  margin: 321px 0 0 129px;
}
.board-space-55 {
  margin: 321px 0 0 178px;
}
.board-space-56 {
  margin: 321px 0 0 227px;
}
.board-space-57 {
  margin: 321px 0 0 276px;
}
.board-space-58 {
  margin: 321px 0 0 325px;
}
.board-space-59 {
  margin: 362px 0 0 104px;
}
.board-space-60 {
  margin: 362px 0 0 153px;
}
.board-space-61 {
  margin: 362px 0 0 202px;
}
.board-space-62 {
  margin: 362px 0 0 251px;
}
.board-space-63 {
  margin: 362px 0 0 300px;
}
.board-space-64 {
  margin: 362px 0 0 350px;
}
.board-space-65 {
  margin: 362px 0 0 350px;
}
.board-space-69 {
  margin: 16px 0 0 112px;
}
.board-space-70 {
  margin: 59px 0 0 534px;
}
.board-space-71 {
  margin: 17px 0 0 464px;
}
.board-space-72 {
  margin: 133px 0 0 570px;
}
.board-space-73 {
  margin: -13px 0 0 388px;
}
.board-space-74 {
  margin: 334px 0 0 617px;
}
.board-space-75 {
  margin: 405px 0 0 624px;
}
.board-space-76 {
  margin: 473px 0 0 615px;
}
.board-space-77 {
  margin: 527px 0 0 588px;
}
.board-space-78 {
  margin: 2px 0 0 610px;
}
/* UI to display global parameters (oxygen, temperature, oceans count) */
.global-numbers {
  font-family: Prototype;
  font-size: 14px;
  margin: 11px 0 0 16px;
  /** Required to be compatible with Odyssey */
  /** Required to be compatible with Odyssey */
  /** Required to be compatible with Odyssey */
  /** Required to be compatible with Odyssey */
}
.global-numbers .global-numbers-value {
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 5px;
}
.global-numbers .val-is-active {
  color: white;
  box-shadow: 0 0px 0px 2px #222, 0px 0 0px 6px #bb8760, 0 0 2px 8px #000;
  z-index: 1;
}
.global-numbers .global-numbers-oceans {
  position: absolute;
  text-align: left;
  color: #3682b4;
  font-family: Prototype;
  font-size: 30px;
  margin: 524px 0 0 286px;
}
.global-numbers .global-ares-erosions-icon {
  background: url(./assets/erosion.png) no-repeat;
  position: absolute;
  margin: 529px 0 0 206px;
  transform: scale(0.5, 0.5);
  height: 34px;
  width: 30px;
}
.global-numbers .global-ares-erosions-val {
  position: absolute;
  font-size: 15px;
  margin: 535px 0 0 230px;
  text-align: left;
  color: #3682b4;
  font-family: Prototype;
}
.global-numbers .global-ares-remove-dust-storms-icon {
  background: url(./assets/remove-dust-storms.png) no-repeat;
  position: absolute;
  margin: 436px 0 0 276px;
  transform: scale(0.12, 0.12);
  height: 218px;
  width: 175px;
}
.global-numbers .global-ares-remove-dust-storms-val {
  position: absolute;
  font-size: 15px;
  margin: 535px 0 0 381px;
  text-align: left;
  color: #3682b4;
  font-family: Prototype;
}
.global-numbers .global-ares-severe-erosions {
  background: url(./assets/severe-erosion.png) no-repeat;
  position: absolute;
  margin: 222px 0 0 570px;
  height: 60px;
  width: 54px;
}
.global-numbers .global-ares-severe-erosions-0 {
  margin: 164px 0 0 587px;
  transform: rotate(-17deg) scale(0.4, 0.4);
}
.global-numbers .global-ares-severe-erosions--2 {
  margin: 195px 0 0 571px;
  transform: rotate(-14deg) scale(0.4, 0.4);
}
.global-numbers .global-ares-severe-erosions--4 {
  margin: 222px 0 0 577px;
  transform: rotate(-11deg) scale(0.4, 0.4);
}
.global-numbers .global-ares-severe-erosions--6 {
  margin: 247px 0 0 581px;
  transform: rotate(-3deg) scale(0.4, 0.4);
}
.global-numbers .global-ares-severe-erosions--8 {
  margin: 276px 0 0 580px;
  transform: rotate(-3deg) scale(0.4, 0.4);
}
.global-numbers .global-ares-severe-dust-storms {
  background: url(./assets/severe-dust-storm.png) no-repeat;
  position: absolute;
  margin: 100px 0 0 250px;
  height: 60px;
  width: 54px;
}
.global-numbers .global-ares-severe-dust-storms-3 {
  margin: 436px 0 0 22px;
  transform: rotate(-38deg) scale(0.4, 0.4);
}
.global-numbers .global-ares-severe-dust-storms-4 {
  margin: 407px 0 0 5px;
  transform: rotate(-30deg) scale(0.4, 0.4);
}
.global-numbers .global-ares-severe-dust-storms-5 {
  margin: 378px 0 0 -9px;
  transform: rotate(-22deg) scale(0.4, 0.4);
}
.global-numbers .global-ares-severe-dust-storms-6 {
  margin: 346px 0 0 -18px;
  transform: rotate(-15deg) scale(0.4, 0.4);
}
.global-numbers .global-ares-severe-dust-storms-7 {
  margin: 314px 0 0 -24px;
  transform: rotate(-8deg) scale(0.4, 0.4);
}
.global-numbers .global-alt-venus .wild-resource {
  background: url(./assets/resources/wild.png) no-repeat;
  position: absolute;
  height: 12px;
  width: 12px;
  background-size: 12px;
}
.global-numbers .global-alt-venus .std-wild-resource {
  background: url(./assets/resources/wild-std.png) no-repeat;
  position: absolute;
  height: 18px;
  width: 18px;
  background-size: 18px 18px;
}
.global-numbers .global-alt-venus .p18 {
  transform: rotate(7.8deg);
  margin: 54px 0 0 326px;
}
.global-numbers .global-alt-venus .p20 {
  transform: rotate(13.6deg);
  margin: 59px 0 0 351px;
}
.global-numbers .global-alt-venus .p22 {
  transform: rotate(19.6deg);
  margin: 66px 0 0 373px;
}
.global-numbers .global-alt-venus .p24 {
  transform: rotate(25.25deg);
  margin: 75px 0 0 395px;
}
.global-numbers .global-alt-venus .p26 {
  transform: rotate(30.65deg);
  margin: 86px 0 0 416px;
}
.global-numbers .global-alt-venus .p28 {
  transform: rotate(36.46deg);
  margin: 99px 0 0 435px;
}
.global-numbers .global-alt-venus .p30 {
  transform: rotate(41.7deg);
  margin: 112px 0 0 448px;
  background-size: 14px 14px;
}
.global-numbers .global-alt-venus .p30b {
  transform: rotate(42.1deg);
  margin: 122px 0 0 460px;
}
.global-numbers .checkmark {
  display: none;
}
.global-numbers .global-numbers-venus {
  position: absolute;
}
.global-numbers .global-numbers-venus .val-0 {
  position: absolute;
  margin: 88px 0 0 107px;
  transform: rotate(-45deg);
}
.global-numbers .global-numbers-venus .val-2 {
  position: absolute;
  margin: 72px 0 0 129px;
  transform: rotate(-36deg);
}
.global-numbers .global-numbers-venus .val-4 {
  position: absolute;
  margin: 58px 0 0 150px;
  transform: rotate(-33deg);
}
.global-numbers .global-numbers-venus .val-6 {
  position: absolute;
  margin: 46px 0 0 173px;
  transform: rotate(-26deg);
}
.global-numbers .global-numbers-venus .val-8 {
  position: absolute;
  margin: 36px 0 0 197px;
  transform: rotate(-20deg);
}
.global-numbers .global-numbers-venus .val-10 {
  position: absolute;
  margin: 28px 0 0 222px;
  transform: rotate(-15deg);
}
.global-numbers .global-numbers-venus .val-12 {
  position: absolute;
  margin: 23px 0 0 247px;
  transform: rotate(-8deg);
}
.global-numbers .global-numbers-venus .val-14 {
  position: absolute;
  margin: 20px 0 0 274px;
  transform: rotate(-2deg);
}
.global-numbers .global-numbers-venus .val-16 {
  position: absolute;
  margin: 20px 0 0 301px;
  transform: rotate(4deg);
}
.global-numbers .global-numbers-venus .val-18 {
  position: absolute;
  margin: 23px 0 0px 327px;
  transform: rotate(9deg);
}
.global-numbers .global-numbers-venus .val-20 {
  position: absolute;
  margin: 28px 0 0 352px;
  transform: rotate(15deg);
}
.global-numbers .global-numbers-venus .val-22 {
  position: absolute;
  margin: 36px 0 0 377px;
  transform: rotate(21deg);
}
.global-numbers .global-numbers-venus .val-24 {
  position: absolute;
  margin: 46px 0 0 401px;
  transform: rotate(27deg);
}
.global-numbers .global-numbers-venus .val-26 {
  position: absolute;
  margin: 58px 0 0 425px;
  transform: rotate(31deg);
}
.global-numbers .global-numbers-venus .val-28 {
  position: absolute;
  margin: 72px 0 0 446px;
  transform: rotate(35deg);
}
.global-numbers .global-numbers-venus .val-30 {
  position: absolute;
  margin: 88px 0 0 466px;
  transform: rotate(42deg);
}
.global-numbers .global-numbers-oxygen {
  position: absolute;
}
.global-numbers .global-numbers-oxygen .val-0 {
  position: absolute;
  margin: 500px 0 0 125px;
  transform: rotate(-54deg);
}
.global-numbers .global-numbers-oxygen .val-1 {
  position: absolute;
  margin: 482px 0 0 104px;
  transform: rotate(-48deg);
}
.global-numbers .global-numbers-oxygen .val-2 {
  position: absolute;
  margin: 460px 0 0 82px;
  transform: rotate(-43deg);
}
.global-numbers .global-numbers-oxygen .val-3 {
  position: absolute;
  margin: 435px 0 0 64px;
  transform: rotate(-37deg);
}
.global-numbers .global-numbers-oxygen .val-4 {
  position: absolute;
  margin: 411px 0 0 49px;
  transform: rotate(-30deg);
}
.global-numbers .global-numbers-oxygen .val-5 {
  position: absolute;
  margin: 383px 0 0 37px;
  transform: rotate(-22deg);
}
.global-numbers .global-numbers-oxygen .val-6 {
  position: absolute;
  margin: 355px 0 0 28px;
  transform: rotate(-15deg);
}
.global-numbers .global-numbers-oxygen .val-7 {
  position: absolute;
  margin: 325px 0 0 23px;
  transform: rotate(-10deg);
}
.global-numbers .global-numbers-oxygen .val-8 {
  position: absolute;
  margin: 295px 0 0 20px;
  transform: rotate(-2deg);
}
.global-numbers .global-numbers-oxygen .val-9 {
  position: absolute;
  margin: 265px 0 0 21px;
  transform: rotate(6deg);
}
.global-numbers .global-numbers-oxygen .val-10 {
  position: absolute;
  margin: 236px 0 0 25px;
  transform: rotate(12deg);
}
.global-numbers .global-numbers-oxygen .val-11 {
  position: absolute;
  margin: 207px 0 0 32px;
  transform: rotate(19deg);
}
.global-numbers .global-numbers-oxygen .val-12 {
  position: absolute;
  margin: 179px 0 0 43px;
  transform: rotate(25deg);
}
.global-numbers .global-numbers-oxygen .val-13 {
  position: absolute;
  margin: 153px 0 0 56px;
  transform: rotate(31deg);
}
.global-numbers .global-numbers-oxygen .val-14 {
  position: absolute;
  margin: 128px 0 0 72px;
  transform: rotate(37deg);
}
.global-numbers .global-numbers-temperature .val--30 {
  position: absolute;
  margin: 508px 0 0 438px;
  transform: rotate(55deg);
}
.global-numbers .global-numbers-temperature .val--28 {
  position: absolute;
  margin: 493px 0 0 458px;
  transform: rotate(52deg);
}
.global-numbers .global-numbers-temperature .val--26 {
  position: absolute;
  margin: 478px 0 0 474px;
  transform: rotate(48deg);
}
.global-numbers .global-numbers-temperature .val--24 {
  position: absolute;
  margin: 461px 0 0 490px;
  transform: rotate(43deg);
}
.global-numbers .global-numbers-temperature .val--22 {
  position: absolute;
  margin: 443px 0 0 504px;
  transform: rotate(36deg);
}
.global-numbers .global-numbers-temperature .val--20 {
  position: absolute;
  margin: 423px 0 0 517px;
  transform: rotate(33deg);
}
.global-numbers .global-numbers-temperature .val--18 {
  position: absolute;
  margin: 403px 0 0 528px;
  transform: rotate(25deg);
}
.global-numbers .global-numbers-temperature .val--16 {
  position: absolute;
  margin: 381px 0 0 537px;
  transform: rotate(22deg);
}
.global-numbers .global-numbers-temperature .val--14 {
  position: absolute;
  margin: 360px 0 0 544px;
  transform: rotate(17deg);
}
.global-numbers .global-numbers-temperature .val--12 {
  position: absolute;
  margin: 337px 0 0 549px;
  transform: rotate(12deg);
}
.global-numbers .global-numbers-temperature .val--10 {
  position: absolute;
  margin: 314px 0 0 553px;
  transform: rotate(8deg);
}
.global-numbers .global-numbers-temperature .val--8 {
  position: absolute;
  margin: 291px 0 0 554px;
  transform: rotate(0deg);
}
.global-numbers .global-numbers-temperature .val--6 {
  position: absolute;
  margin: 268px 0 0 554px;
  transform: rotate(-3deg);
}
.global-numbers .global-numbers-temperature .val--4 {
  position: absolute;
  margin: 244px 0 0 551px;
  transform: rotate(-11deg);
}
.global-numbers .global-numbers-temperature .val--2 {
  position: absolute;
  margin: 222px 0 0 546px;
  transform: rotate(-14deg);
}
.global-numbers .global-numbers-temperature .val-0 {
  position: absolute;
  margin: 199px 0 0 540px;
  transform: rotate(-20deg);
}
.global-numbers .global-numbers-temperature .val-2 {
  position: absolute;
  margin: 177px 0 0 531px;
  transform: rotate(-24deg);
}
.global-numbers .global-numbers-temperature .val-4 {
  position: absolute;
  margin: 156px 0 0 521px;
  transform: rotate(-30deg);
}
.global-numbers .global-numbers-temperature .val-6 {
  position: absolute;
  margin: 137px 0 0 509px;
  transform: rotate(-33deg);
}
.global-numbers .global-numbers-temperature .val-8 {
  position: absolute;
  margin: 117px 0 0 494px;
  transform: rotate(-40deg);
}
.game-home-container {
  padding-top: 32px;
  padding-bottom: 32px;
  height: 860px;
}
.game-home-container > h4 {
  margin-left: 20px;
}
.game-home-container .turn-order {
  display: inline-block;
  width: 40px;
  text-align: right;
  white-space: nowrap;
}
.game-home-container > ul {
  list-style: none;
}
.game-home-container > ul > li {
  font-size: 23px;
  display: flex;
  flex-flow: row;
  align-items: center;
}
.game-home-container .color-square {
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 3px;
  margin: 0px 12px;
}
.game-home-container .player-name {
  text-decoration: underline;
  margin-right: 18px;
  cursor: pointer;
}
.game-home-container .copied-notice {
  margin-left: 12px;
  font-size: 18px;
}
.game-home-container .copied-notice .dismissed {
  font-size: 14px;
  padding: 1px 3px;
  border-radius: 2px;
  color: black;
  background: #e8e8e8;
}
.game-home-container .spacing-setup {
  padding-bottom: 64px;
}
.game-setup-detail-container > ul {
  list-style: none;
}
.game-setup-detail-container > ul > li {
  font-size: 23px;
  display: flex;
  flex-flow: row;
  align-items: center;
}
.game-setup-detail-container .setup-item {
  margin-right: 10px;
}
.game-setup-detail-container .game-config {
  border-radius: 4px;
  margin: 0px 5px;
  padding: 0px 10px;
}
.game-setup-detail-container .game-config.map {
  text-transform: uppercase;
}
.game-setup-detail-container .game-config.fastmode {
  background-color: #69962e;
}
.game-setup-detail-container .game-config.timer {
  background-color: #43419c;
}
.game-setup-detail-container .game-config.realtime-vp {
  background-color: #8d4321;
}
.game-setup-detail-container .game-config.undo {
  background-color: #757575;
}
.game-setup-detail-container .game-config.generic {
  background-color: #49597a;
}
.game-setup-detail-container .game-config.board-tharsis {
  background-color: #ca7540;
}
.game-setup-detail-container .game-config.board-hellas {
  background-color: #376f9c;
}
.game-setup-detail-container .game-config.board-elysium {
  background-color: #1f7920;
}
body {
  background: #35393f;
}
.game_end_success,
.game_end_fail {
  max-width: 820px;
  margin: 30px auto;
}
.game_end_success h2,
.game_end_fail h2 {
  text-align: center;
}
.game_end_solo_img {
  margin-bottom: 20px;
  text-align: center;
}
.game_end_notice {
  margin-bottom: 25px;
}
.game_end_navigation {
  font-size: 30px;
  margin: 40px 0;
  display: flex;
  justify-content: center;
}
.game_end_navigation > div {
  display: flex;
  flex-direction: column;
}
.game_end_navigation button {
  margin-right: 10px;
}
.game_end_table {
  width: auto;
  background: #222;
}
.game_end_table td,
.game_end_table th {
  text-align: center !important;
  border: none;
  padding: 10px;
  text-shadow: 0 0px 2px black, 0 1px 1px black;
  font-weight: normal;
  min-width: 60px;
  max-width: 320px;
  line-height: 30px;
}
.game_end_table a {
  text-decoration: underline;
  font-size: 30px;
}
.game_end_table .card-delegate {
  display: inline-block;
  background-image: url(./assets/misc/delegate.png);
  width: 30px;
  height: 36px;
  background-size: 30px 36px;
  vertical-align: middle;
  filter: drop-shadow(0px 0px 1px black) brightness(0.8);
}
.game_end_table .resized-tile {
  width: 34px;
  height: 40px;
  background-size: 34px 40px;
  vertical-align: middle;
  margin-left: 2px;
}
.game_end_table .table-city-tile {
  background-image: url(./assets/tiles/city.png);
  filter: brightness(0.8) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
  width: 34px;
  height: 40px;
  background-size: 34px 40px;
  vertical-align: middle;
  margin-left: 2px;
}
.game_end_table .table-forest-tile {
  background-image: url(./assets/tiles/greenery_no_O2.png);
  width: 34px;
  height: 40px;
  background-size: 34px 40px;
  vertical-align: middle;
  margin-left: 2px;
}
.game_end_table .table-moon-road-tile {
  background: url(./assets/moon/roadtile.png) no-repeat;
  width: 34px;
  height: 40px;
  background-size: 34px 40px;
  vertical-align: middle;
  margin-left: 2px;
}
.game_end_table .table-moon-colony-tile {
  background: url(./assets/moon/habitattile.png) no-repeat;
  width: 34px;
  height: 40px;
  background-size: 34px 40px;
  vertical-align: middle;
  margin-left: 2px;
}
.game_end_table .table-moon-mine-tile {
  background: url(./assets/moon/minetile.png) no-repeat;
  width: 34px;
  height: 40px;
  background-size: 34px 40px;
  vertical-align: middle;
  margin-left: 2px;
}
.game_end_table .table-planetary-track {
  background: url("./assets/pathfinders/planetary-track.png");
  width: 50px;
  height: 50px;
  background-size: 50px, 50px;
  width: 34px;
  height: 40px;
  background-size: 34px 40px;
  vertical-align: middle;
  margin-left: 2px;
  filter: invert(1);
}
.game_end_table .table-red-arrow {
  background-image: url(./assets/misc/arrow.png);
  background-size: 30px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px;
}
.game_end_table .tr {
  background-image: url(./assets/resources/tr.png);
  width: 46px;
  height: 38px;
  background-size: 46px 38px;
}
.game_end_table .vp {
  font-family: 'Prototype';
  font-size: 18px;
  color: black;
  font-weight: normal !important;
  text-shadow: 0 0 5px darkorange;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 50%;
  background-color: #cda282;
  background: linear-gradient(#cc8b00, #805700, #805700);
  box-shadow: 0 1px 1px 0px black;
}
.game_end_table .m-and-a {
  color: #ffcc64;
  width: 38px;
  height: 36px;
  line-height: 36px;
  background: #444;
  border-radius: 3px;
  cursor: context-menu;
  text-shadow: none;
  font-weight: bold;
}
.game_end_table .mc-icon {
  background-image: url(./assets/resources/megacredit.png);
  width: 26px;
  height: 26px;
  display: inline-block;
  background-size: contain;
  position: relative;
  vertical-align: sub;
  text-shadow: none;
  background-repeat: no-repeat;
  filter: brightness(0.8);
}
.game_end_table .mc-icon::after {
  position: absolute;
  content: "€";
  color: rgba(0, 0, 0, 0.3);
  font-style: normal;
  font-family: Arial;
  font-weight: bold;
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 27px;
  left: 0px;
  font-size: 18px;
}
.game_end_table .clock-icon {
  filter: brightness(0.8);
}
.game_end_table .column-corporation {
  width: 300px;
}
.game-end-flexrow {
  display: flex;
  flex-flow: row wrap;
}
.game-end-flexrow .game-end-column {
  padding-right: 20px;
  padding-bottom: 40px;
}
.game-end-flexrow .game-end-player {
  text-align: center;
  text-shadow: 0 0px 2px black, 0 1px 1px black;
  font-size: 23px;
}
.game-end-flexrow .game-end-column-row {
  display: flex;
  background: #222;
  width: 275px;
  font-size: 18px;
}
.game-end-flexrow .game-end-column-vp {
  width: 45px;
  font-weight: bold;
  text-align: center;
}
.game-end-flexrow .game-end-column-text {
  width: 215px;
}
.game-end-winer-scorebreak-player-title {
  font-size: 32px;
  width: 275px;
}
.game-end-total-column {
  padding: 0px 30px;
}
.game-end-winer-announcement {
  text-align: center;
  font-size: 40px;
}
.game-end-total {
  font-size: 30px;
}
.game-end-mc {
  opacity: 0.5;
}
.game-end-timer {
  opacity: 0.5;
}
.victory-point-chart-container {
  width: 70%;
  min-width: 950px;
  height: 500px;
  margin-bottom: 30px;
}
.resource_items_cont {
  display: flex;
  flex-flow: row;
  white-space: nowrap;
  filter: grayscale(0.3);
}
.tags_item_cont {
  display: inline-block;
  white-space: nowrap;
  font-family: Prototype;
  margin-bottom: 15px;
  padding: 5px;
}
.resource_item {
  display: flex;
  border-radius: 5px;
  vertical-align: top;
  font-family: Prototype;
  background: linear-gradient(rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.3) 50%);
  color: #e6e1e1;
  margin-left: 10px;
  min-width: 70px;
  padding: 8px 0px 4px 8px;
  box-sizing: border-box;
}
.resource_item.resource_item--energy:after {
  content: " ";
  background: linear-gradient(rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0.3) 50%);
  clip-path: polygon(0% 50%, 100% 75%, 100% 75%, -5% 100%);
  width: 10px;
  height: 86px;
  margin: 0;
  padding: 0;
  position: absolute;
  transform: translateX(76px) translateY(-8px);
  z-index: 0;
}
.resource_item_stock {
  white-space: nowrap;
}
.resource_item_stock_count {
  font-size: 30px;
  text-align: center;
  line-height: 1;
  text-shadow: 0 2px 2px black;
}
.resource_item_prod {
  border-radius: 10px 10px 0 0;
  color: #bb8760;
  text-shadow: 0 0 1px black;
  min-width: 40px;
  text-align: center;
}
.resource_item_prod_count {
  display: inline-block;
}
.resource_icon {
  width: 36px;
  height: 36px;
  display: inline-block;
  background-size: contain;
}
.resource_icon--rating {
  background-image: url(./assets/resources/tr.png);
}
.resource_icon--megacredits {
  background-image: url(./assets/resources/megacredit.png);
}
.resource_icon--megacredit-value {
  background-image: url(./assets/resources/megacredit.png);
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  color: black;
  font-size: 15px;
  font-style: normal;
  font-family: Prototype;
  line-height: 21px;
  margin-left: -14px;
  margin-top: -37px;
  text-align: center;
  position: relative;
}
.resource_icon--titanium {
  background-image: url("assets/resources/titanium.png");
}
.resource_icon--steel {
  background-image: url("assets/resources/steel.png");
}
.resource_icon--heat {
  background-image: url("assets/resources/heat.png");
}
.resource_icon--data {
  background-image: url("assets/resources/data.png");
}
.resource_icon--science {
  background-image: url("assets/resources/science.png");
}
.resource_icon--seed {
  background-image: url("assets/resources/seed.png");
}
.resource_icon--graphene {
  background-image: url("assets/resources/graphene.png");
}
.resource_icon--asteroid {
  background-image: url("assets/resources/asteroid.png");
}
.resource_icon--hydroelectric-resource {
  background-image: url("assets/resources/hydroelectric-resource.png");
}
.resource_icon--floaters {
  background-image: url(./assets/resources/floater.png);
}
.resource_icon--microbes {
  background-image: url(./assets/resources/microbe.png);
}
.resource_icon--plants {
  background-image: url(./assets/resources/plant.png);
}
.resource_icon--energy {
  background-image: url(./assets/resources/power.png);
}
.resource_icon--corruption {
  background-image: url(./assets/underworld/corruption.png);
}
.resource_icon--auroraidata {
  background-image: url("assets/resources/data.png");
}
.shield_parent {
  position: relative;
  top: 12px;
  left: 0;
}
.shield_icon,
.shield_icon_half {
  background-image: url(./assets/misc/shield-icon.png);
  filter: invert(1);
  background-size: 25px;
  width: 25px;
  height: 25px;
  position: relative;
  bottom: -18%;
  right: -20%;
}
.shield_icon_half {
  background-image: url(./assets/misc/half-shield-icon.png);
}
.shield_resource_protection {
  background-image: url(./assets/resources/wild.png);
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0px;
  left: 6px;
}
.shield_production_protection {
  background-image: url(./assets/misc/production.png);
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0px;
  left: 23px;
  filter: brightness(1.1);
}
.alloys {
  filter: brightness(2);
  height: 30px;
  position: relative;
  bottom: -10%;
  right: -5%;
  font-size: 16px;
  line-height: 80%;
  transform: rotate(-180deg);
}
#app {
  position: relative;
}
.topmost-start-screen {
  margin: 0px;
  padding-bottom: 40px;
  background: url(./assets/stars.jpg);
  min-height: 100%;
}
.start-screen {
  width: 400px;
  margin: 0 auto;
}
.start-screen-game-title {
  color: #daab63;
  padding: 40px 0 10px 0;
  margin: 0 auto;
  text-align: center;
}
.start-screen-lang-switch {
  text-align: center;
  margin-bottom: 20px;
}
.start-screen-links {
  margin: 0 auto;
  width: 370px;
  padding-top: 50px;
}
.start-screen-link {
  text-decoration: none;
  cursor: pointer;
  box-shadow: inset 0 0 0px 1px #333;
  line-height: 28px;
  border-radius: 10px;
  color: #eee;
  text-shadow: 0 0 2px black, 0 2px 1px black;
  padding-left: 17px;
  width: 369px;
  height: 90px;
  display: flex;
  margin-bottom: 5px;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  padding-bottom: 15px;
  flex-direction: column-reverse;
  background-image: url("assets/buttons-homepage/planets.jpg");
}
.start-screen-link:hover,
.start-screen-link:visited,
.start-screen-link:active,
.start-screen-link:focus {
  color: #eee;
  text-decoration: none;
}
.start-screen-link:hover {
  filter: brightness(120%);
}
.start-screen-header {
  box-shadow: inset 0 0 20px 20px black;
  font-family: Prototype;
  line-height: 90px;
  font-size: 16px;
  width: 369px;
  height: 90px;
  line-height: 30px;
  color: #daab63;
  display: block;
  margin-bottom: 5px;
  margin-left: 5px;
  text-shadow: 0 0 2px black, 0 2px 2px black;
  letter-spacing: 1px;
  background-image: url("assets/buttons-homepage/planets.jpg");
}
.start-screen-title-top {
  transform: scaleX(2);
  text-align: center;
  padding-top: 15px;
}
.start-screen-title-bottom {
  transform: scaleX(2);
  text-align: center;
  font-size: 30px;
}
.start-screen-link--new-game {
  background-position: 0px -90px;
}
.start-screen-link--how-to-play {
  background-position: 0px -180px;
}
.start-screen-link--cards-list {
  background-position: 0px -270px;
}
.start-screen-link--board-game {
  background-position: 0px -360px;
}
.start-screen-link--about {
  background-position: 0px -450px;
}
.start-screen-link--changelog {
  background-position: 0px -540px;
}
.start-screen-link--chat {
  background-position: 0px -630px;
}
.start-screen-link--languages {
  padding-top: 30px;
  background-position: 0px -720px;
}
.start-screen-version-cont {
  margin-top: 10px;
  text-align: center;
}
.start-screen-version {
  margin-top: -5px;
}
.notice {
  font-size: 14px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 16px 24px;
}
.source-code {
  text-align: center;
  margin-top: 1rem;
}
.source-code-img {
  vertical-align: middle;
}
.source-code-text {
  color: white;
  font-size: smaller;
  text-shadow: 0 0 2px darkgrey, 0 2px 2px darkgrey;
  letter-spacing: 0.25rem;
  text-decoration: none;
}
.source-code-text:focus {
  text-decoration: none;
}
.source-code-text:hover {
  text-decoration: none;
}
.source-code-text:visited {
  color: white;
}
.topmost-create-game-form .board-cube {
  position: absolute;
  margin: 4px 20px 0 0;
}
.topmost-create-game-form .create-game-colors-wrapper {
  display: flex;
}
.topmost-create-game-form .create-game-color-label {
  margin: 9px 10px 0 0;
}
.topmost-create-game-form .create-game-colors-cont {
  margin-top: 9px;
  display: inline-block;
}
.topmost-create-game-form .create-game-color {
  padding: 0px 50px 0px 26px;
}
.topmost-create-game-form .main-container {
  margin: 0 40px 0 40px;
}
.create-game-player {
  padding: 25px;
  margin: 10px 0px 10px 15px;
}
.create-game-solo-player {
  background: #595858;
  display: inline-block;
  padding: 20px;
  margin: 30px 15px;
  border-radius: 8px;
}
.create-game-options-block {
  padding-right: 25px;
  margin-bottom: 10px;
}
.create-game--block {
  margin: 16px 16px 0 18px;
  padding: 20px;
  border-radius: 10px;
  background: black;
}
.create-game-form {
  padding-top: 5px;
}
.create-game-action {
  margin: 40px 5px;
  padding-left: 15px;
  text-align: left;
  width: 100%;
}
.create-game-corporation {
  padding: 0 0 25px 25px;
}
.create-game-corporations-count {
  width: 80px;
  margin-right: 10px;
  height: 40px;
  padding-left: 30px;
}
.player-handicap {
  width: 80px;
  margin-right: 10px;
}
.form-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #888888;
  opacity: 1;
  /* Firefox */
}
.form-input::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #888888;
}
.form-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #888888;
}
.tooltip:hover {
  text-decoration: none;
}
.create-game-divider {
  background: rgba(148, 148, 148, 0.5);
  height: 3px;
  line-height: 3px;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 8px;
}
.create-game-subsection-label {
  font-size: 22px;
  color: gray;
  padding-top: 10px;
  padding-bottom: 10px;
}
.create-game-page-container {
  display: flex;
  flex-flow: row wrap;
  background-color: black;
  border-radius: 10px;
}
.create-game-page-column {
  display: flex;
  flex-flow: column wrap;
  padding: 20px 10px;
}
.create-game-page-column-row {
  display: flex;
  flex-flow: row nowrap;
}
.create-game-page-column-row > div {
  flex-grow: 1;
}
.create-game-page-column input[type="checkbox"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.create-game-page-column input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.create-game-page-column label {
  color: #ccc;
  display: inline-block;
  background-color: #303030;
  padding: 10px 20px 10px 20px;
  font-family: Ubuntu, Sans;
  font-size: 23px;
  border-radius: 8px;
  text-align: center;
  margin: 4px;
  min-width: 125px;
  height: 60px;
  line-height: 40px;
  display: flex;
  justify-content: center;
}
.create-game-page-column .expansion-button {
  text-align: left;
  justify-content: left;
}
.create-game-page-column label:hover {
  background-color: #686868;
  cursor: pointer;
}
.create-game-page-column input[type="radio"]:checked + label {
  background-color: #c7c7c7;
  color: black;
}
.create-game-page-column input[type="radio"]:checked + label a {
  color: black;
}
.create-game-page-column input[type="checkbox"]:checked + label {
  background-color: #c7c7c7;
  color: black;
}
.create-game-page-column input[type="checkbox"]:checked + label a {
  color: black;
}
.create-game-page-column .create-game-board-hexagon {
  font-size: 30px;
  vertical-align: top;
  line-height: 34px;
  margin-right: 10px;
}
.create-game-page-column .create-game-tharsis {
  color: #e0996d;
}
.create-game-page-column .create-game-hellas {
  color: #376f9c;
}
.create-game-page-column .create-game-elysium {
  color: #1f7920;
}
.create-game-page-column .create-game-amazonis {
  color: #57ac09;
}
.create-game-page-column .create-game-arabia-terra {
  color: #744da0;
}
.create-game-page-column .create-game-terra-cimmeria {
  color: #ba0086;
}
.create-game-page-column .create-game-vastitas-borealis {
  color: #b1a328;
}
.create-game-page-column .create-game-random {
  color: #6a6a6a;
}
.create-game-expansion-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 5px 10px 5px 0px;
}
.create-game-playerblock-red {
  background-color: rgba(153, 17, 0, 0.6);
}
.create-game-playerblock-yellow {
  background-color: rgba(170, 170, 0, 0.6);
}
.create-game-playerblock-green {
  background-color: rgba(0, 153, 0, 0.6);
}
.create-game-playerblock-blue {
  background-color: rgba(0, 102, 255, 0.6);
}
.create-game-playerblock-black {
  background-color: rgba(170, 170, 170, 0.6);
}
.create-game-playerblock-purple {
  background-color: rgba(140, 0, 255, 0.6);
}
.create-game-playerblock-orange {
  background-color: rgba(236, 113, 12, 0.6);
}
.create-game-playerblock-pink {
  background-color: rgba(245, 116, 187, 0.6);
}
.create-game-player-name {
  height: 40px;
  border: none;
  color: #ccc;
  text-shadow: 0 0 2px black;
  border-bottom: none;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: bold;
  border-radius: 5px;
  background: linear-gradient(#303030, transparent);
  background: rgba(0, 0, 0, 0.3);
}
.create-game-player-name:focus {
  border: none;
  box-shadow: none;
}
.create-game-page-color-row {
  margin-top: 5px;
  display: flex;
  flex-flow: row nowrap;
  margin-top: 10px;
}
.create-game-page-color-row div > input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.create-game-page-color-row div > label {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  padding: 4px 6px;
  margin: 0px 0px;
  cursor: pointer;
}
.create-game-page-color-row label:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.create-game-page-color-row input[type="radio"]:checked + label {
  background-color: rgba(0, 0, 0, 0.3);
}
.create-game-page-column input[type="radio"]:checked + label.label-randomMAOption {
  position: relative;
}
.create-game-page-column input[type="radio"]:checked + label.label-randomMAOption::after {
  position: absolute;
  width: 40px;
  height: 12px;
  top: -10px;
  left: 50%;
  margin-left: -20px;
  content: " ";
  background-color: #c7c7c7;
}
.create-game-page-column input[type="radio"]:checked + label.label-agendaStyle {
  position: relative;
}
.create-game-page-column input[type="radio"]:checked + label.label-agendaStyle::after {
  position: absolute;
  width: 40px;
  height: 12px;
  top: -10px;
  left: 50%;
  margin-left: -20px;
  content: " ";
  background-color: #c7c7c7;
}
.agendaStyle-random {
  width: 105px;
  min-width: 105px !important;
}
.agendaStyle-chairman {
  width: 115px;
  min-width: 115px !important;
}
.agendas-text {
  font-size: 22px;
}
.create-game-colorbox {
  width: 24px;
  height: 24px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  vertical-align: text-top;
}
.create-game-beginner-option-label {
  margin-top: 15px;
}
.create-game .discord-invite {
  padding: 0px 15px;
  font-size: 20px;
}
.create-game .changelog {
  padding: 0px 15px;
}
.corporations-filter-group {
  display: inline-block;
  vertical-align: top;
  width: 275px;
  margin: 0 0 25px 25px;
}
.corporations-filter-toolbox-cont h2 {
  margin-bottom: 32px;
}
.corporations-filter-toolbox-cont .corporations-filter-toolbox {
  font-size: 13px;
  background: #333;
  padding: 5px;
  position: absolute;
  display: inline-block;
  vertical-align: top;
  margin: -30px 0 0 0px;
}
.corporations-filter-toolbox-cont .corporations-filter-toolbox a {
  padding: 0 5px;
}
.corporations-filter-toolbox-cont .corporations-filter-toolbox input {
  padding: 0 5px;
  background: #333;
  color: white;
}
.corporations-filter-toolbox-cont .corporations-filter-toolbox input ::placeholder {
  color: #ddd;
}
.corporations-filter-toolbox-cont .corporations-filter-toolbox--topmost {
  margin: -63px 0 0 200px;
}
.colonies-filter-list {
  display: inline-block;
  vertical-align: top;
  width: 325px;
  margin: 0 0 25px 25px;
}
.cards-filter-suggest {
  background: #202020;
  display: inline-block;
  padding: 10px 20px 20px;
}
.cards-filter-input {
  min-height: 250px;
}
.cards-filter-input .form-input {
  max-width: 445px;
}
.cards-filter-results-cont {
  margin: 0 0 20px;
}
.cards-filter-result .btn {
  margin-left: 10px;
}
#player-home,
#spectator-home {
  padding-left: 20px;
  padding-top: 20px;
  background: linear-gradient(transparent, #000), url(./assets/stars.jpg);
  background-attachment: fixed;
}
#player-home > div:not([class]) > a:after,
#spectator-home > div:not([class]) > a:after,
#player-home > div:not([class]) > div.player_home_block:first-child > a:after,
#spectator-home > div:not([class]) > div.player_home_block:first-child > a:after {
  content: '🔗';
  border-radius: 32px;
  margin-left: 5px;
}
#player-home > div:not([class]) > a:hover,
#spectator-home > div:not([class]) > a:hover,
#player-home > div:not([class]) > div.player_home_block:first-child > a:hover,
#spectator-home > div:not([class]) > div.player_home_block:first-child > a:hover,
#player-home > div:not([class]) a:focus,
#spectator-home > div:not([class]) a:focus,
#player-home > div:not([class]) > div.player_home_block:first-child a:focus,
#spectator-home > div:not([class]) > div.player_home_block:first-child a:focus {
  background: rgba(180, 180, 180, 0.3);
  border-radius: 6px;
  text-decoration: none;
}
.player_shadow_color_red {
  text-shadow: -1px -1px 6px #991100, 1px 1px 1px #333a;
}
.player_shadow_color_yellow {
  text-shadow: -1px -1px 6px #aaaa00, 1px 1px 1px #333a;
}
.player_shadow_color_green {
  text-shadow: -1px -1px 6px #009900, 1px 1px 1px #333a;
}
.player_shadow_color_black {
  text-shadow: -1px -1px 6px #aaaaaa, 1px 1px 1px #333a;
}
.player_shadow_color_blue {
  text-shadow: -1px -1px 6px #0066ff, 1px 1px 1px #333a;
}
.player_shadow_color_purple {
  text-shadow: -1px -1px 6px #8c00ff, 1px 1px 1px #333a;
}
.player_shadow_color_orange {
  text-shadow: -1px -1px 6px #ec710c 1px 1px 1px #333a;
}
.player_shadow_color_pink {
  text-shadow: -1px -1px 6px #f574bb 1px 1px 1px #333a;
}
.game-title {
  text-transform: uppercase;
}
.tag-overview-cont .accordion-body {
  overflow-x: auto;
}
.tags-grid {
  display: grid;
  grid-template-columns: max-content repeat(20, 50px);
  grid-row-gap: 10px;
  margin-top: 10px;
}
.tags-grid.hide-colony-count {
  grid-template-columns: max-content repeat(19, 50px);
}
.tags-grid.hide-influence-count {
  grid-template-columns: max-content repeat(19, 50px);
}
.tags-grid.hide-colony-influence-counts {
  grid-template-columns: max-content repeat(18, 50px);
}
.tags-grid .hide_tag {
  visibility: hidden;
}
.tags-grid .grid_end {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tags-grid .highlighter_box {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tags-grid .grid-item {
  text-align: center;
}
.tags-grid .grid-item.player_tag_bg_color_black {
  background-color: rgba(17, 17, 17, 0.2);
}
.tags-grid .grid-item.player_tag_bg_color_blue {
  background-color: rgba(0, 102, 255, 0.2);
}
.tags-grid .grid-item.player_tag_bg_color_green {
  background-color: rgba(0, 153, 0, 0.2);
}
.tags-grid .grid-item.player_tag_bg_color_purple {
  background-color: rgba(140, 0, 255, 0.2);
}
.tags-grid .grid-item.player_tag_bg_color_red {
  background-color: rgba(153, 17, 0, 0.2);
}
.tags-grid .grid-item.player_tag_bg_color_yellow {
  background-color: rgba(170, 170, 0, 0.2);
}
.tags-grid .grid-item.player_tag_bg_color_orange {
  background-color: rgba(189, 123, 0, 0.2);
}
.tags-grid .grid-item.player_tag_bg_color_pink {
  background-color: #f574bb;
}
.tags-grid .city-count {
  background: url(./assets/icon_city.png) center no-repeat;
  filter: invert(100%) contrast(200%);
}
.tags-grid .colony-count {
  background: url(./assets/icon_colony.png) center no-repeat;
  background-size: 24px;
}
.tags-grid .influence-count {
  background: url(./assets/icon_influence.png) center no-repeat;
  filter: invert(100%) contrast(200%);
  background-size: 28px;
}
.tags-grid .card-count {
  background: url(./assets/preferences_cards.png) center no-repeat;
}
.tags-grid .vp-count {
  background-image: url(./assets/board/mars.png);
  background-size: 65px;
  background-position: center;
  line-height: 1.7;
  text-align: center;
  color: black;
  font-weight: bold;
  text-shadow: 0 0 5px darkorange;
}
.tags-grid .player_name_cont {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tag-count {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  position: relative;
  width: 40px;
  height: 40px;
  background-size: 42px 42px;
  background-position: -1px -1px;
  text-align: center;
  border-radius: 50%;
  background-color: white;
  margin-top: -6px;
  margin-left: 3px;
  box-sizing: content-box;
  z-index: 2;
}
.tag-count::after {
  text-transform: capitalize;
}
.tag-count.tag-tr::after {
  text-transform: uppercase;
}
.tag-count.tag-vp::after {
  text-transform: uppercase;
}
.tag-type-main {
  border-radius: 4px;
  border: none;
  width: 40px;
  height: 34px;
  background-size: 40px 34px;
}
.tag-type-secondary {
  width: 34px;
  height: 34px;
  background-size: 38px;
}
.tag-size-big {
  margin-top: 0px;
  margin-left: 0px;
  background-position: -2px;
}
.tag-event-separate {
  border-left: 2px solid rgba(170, 170, 170, 0.5);
  padding-left: 8px;
}
.tag-cards {
  background-image: url("./assets/sidebar/preferences_cards.png");
  background-color: #000 !important;
  background-position: 0px;
}
.tag-vp {
  background: linear-gradient(#cc8b00, #805700, #805700) !important;
  background-position: 0px !important;
}
.tag-vp::before {
  position: absolute;
  content: "VP";
  font-family: Prototype;
  color: black;
  font-size: 20px;
  text-shadow: 0 0 5px darkorange;
  text-align: center;
  top: 3px;
  left: 7px;
}
.tag-action-card {
  margin-top: 0px;
  margin-left: 0px;
  border-radius: 4px;
  border: none;
  width: 30px;
  height: 34px;
  background: linear-gradient(to bottom right, #ffffff, #aaaaaa, #eeeeee, #cecece, #dddddd, #eeeeee, #cccccc);
}
.tag-action-card .blue-stripe {
  background: linear-gradient(-60deg, #208cdf 10%, #4da3e6, #208cdf 90%);
  height: 8px;
  top: 3px;
  position: relative;
}
.tag-action-card .red-arrow {
  background-image: url(./assets/misc/arrow.png);
  background-size: 25px;
  width: 25px;
  height: 30px;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  align-self: center;
  background-position: 0px;
}
.tag-tr {
  background-image: url(./assets/resources/tr.png);
  background-size: 49px 38px !important;
  background-position: -4px -2px !important;
}
.tag-handicap {
  background-image: url(./assets/resources/handicap.png);
  background-size: 42px 35px !important;
  background-color: transparent;
  box-shadow: none;
  border-radius: unset;
  filter: drop-shadow(0.5px 0.5px 0 black) drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0.5px -0.5px 0 black) drop-shadow(-0.5px -0.5px 0 black);
}
.tag-escape {
  background-image: url(./assets/expansion_icons/expansion_icon_escapeVelocity.png);
  background-size: 56px;
  background-position: -8px;
  border-radius: 18px;
}
.tag-city-count {
  background-image: url(./assets/tiles/city.png);
  border-radius: 0px !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  filter: brightness(0.8);
  background-size: 30px 34px !important;
  width: 30px !important;
  height: 34px !important;
  background-position: 0px;
}
.tag-colony-count {
  background: url(./assets/tiles/colony.png) no-repeat;
  background-size: 34px;
  border-radius: 0px;
  box-shadow: none;
}
.tag-influence-count {
  background-image: url(./assets/misc/influence.png);
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  background-size: 34px !important;
  width: 34px !important;
  height: 34px !important;
  filter: brightness(0.8);
  border-radius: 0px !important;
  background-position: 0px !important;
}
.tag-excavation-count {
  background-image: url(./assets/underworld/excavate.png);
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  background-size: 34px !important;
  width: 34px !important;
  height: 34px !important;
  filter: brightness(0.8);
  border-radius: 0px !important;
  background-position: 0px !important;
}
.tag-corruption-count {
  background-image: url(./assets/underworld/corruption.png);
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  background-size: 34px !important;
  width: 34px !important;
  height: 34px !important;
  filter: brightness(0.8);
  border-radius: 0px !important;
  background-position: 0px !important;
}
.tag-negative-vp {
  background-image: url(./assets/underworld/negative-vp.png);
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  background-size: 34px !important;
  width: 34px !important;
  height: 34px !important;
  filter: brightness(0.8);
  border-radius: 0px !important;
  background-position: 0px !important;
}
.player-board-blue-action-counter {
  margin-top: 8px;
}
.tag-display {
  display: flex;
  flex-flow: column;
  margin-right: 8px;
}
.tag-no-show {
  opacity: 0.3;
}
.tag-count-no-show {
  visibility: hidden;
}
.tag-display-tags {
  float: left;
}
.tag-display-vp {
  margin-left: 20px;
}
.tag-count-display {
  color: #e8e8e8;
  text-align: center;
  font-size: 26px;
  font-family: Prototype;
  line-height: 1;
  text-shadow: 0 1px 1px black;
  margin-top: 11px;
}
.icon-vp {
  text-shadow: 0 0 5px darkorange;
  color: #000;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 28px;
  background-image: url(./assets/board/mars.png);
  background-size: 120px 120px;
  background-position: 88px 92px;
  border-top: 5px solid #bb8760;
  border-left: 5px solid #bb8760;
  border-bottom: 5px solid #744631;
  border-right: 5px solid #744631;
}
.player_home_block--resources {
  position: sticky;
  top: -13px;
  z-index: 20;
}
.player_home_anchor {
  position: relative;
  top: -100px;
  visibility: hidden;
}
.highlighter_box {
  text-shadow: 1px 1px 1px #222, -1px -1px 1px #666;
  padding: 1px 10px;
  border-radius: 4px;
}
.help_tip {
  color: #aaa;
  font-size: smaller;
  text-shadow: none;
  font-family: Ubuntu, Sans;
}
.player_home_block {
  margin-bottom: 20px;
}
.player_home_block .accordion-header {
  display: inline-block;
}
.player_home_block .player_item {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  margin-right: 15px;
}
.player_home_block .player_name {
  text-shadow: 1px 1px 1px #222, -1px -1px 2px #666;
  padding: 2px 5px;
  border-radius: 4px;
}
.player_home_block .tags_cont {
  display: inline-block;
  vertical-align: top;
}
.player_home_block .tags_cont .player_name_cont {
  text-align: left;
}
.player_home_block .player_name_cont {
  text-align: center;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.player_home_block .player_name_cont .player_number {
  margin-right: 5px;
  text-shadow: 1px 1px 1px #222, -1px -1px 1px #666;
}
.player_home_block .player_name_cont .corporation-name-cont {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.player_home_block .player_name_cont .corporation-name-cont .corporation-name {
  font-size: 16px;
}
.player_home_block .pin_icon {
  width: 40px;
  height: 40px;
}
.player_home_block .player_pin {
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.player_home_block .other_player {
  display: flex;
  flex-wrap: wrap;
}
.player_home_block .player_separator {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  margin: 5px 0 0 10px;
  color: #7e7c7c;
}
.player_home_block .player_is_active {
  box-shadow: -1px -1px 5px #f80, 1px 1px 5px #f80;
  scale: 1.2;
  border: 2px solid #fff;
}
.milestones_cont,
.awards_cont {
  vertical-align: top;
}
.milestones .ma-clickable,
.awards .ma-clickable,
.tag-overview .ma-clickable {
  font-family: Ubuntu, Sans;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: bold;
  color: #ffcc64;
  text-transform: uppercase;
  background: #303030;
  padding: 1px 5px 1px 10px;
  border-radius: 2px;
  text-decoration: none;
  width: 140px;
  margin-left: 5px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
.milestones .ma-clickable:focus,
.awards .ma-clickable:focus,
.tag-overview .ma-clickable:focus {
  box-shadow: none;
}
.milestones .ma-block,
.awards .ma-block,
.tag-overview .ma-block {
  display: inline-block;
  width: 140px;
  border-radius: 0 0 5px 5px;
  border-radius: 10px;
  margin: 5px;
  vertical-align: top;
  cursor: pointer;
}
.milestones .ma-block .award-block,
.awards .ma-block .award-block,
.tag-overview .ma-block .award-block {
  border-radius: 10px !important;
}
.milestones .ma-block .ma-score,
.awards .ma-block .ma-score,
.tag-overview .ma-block .ma-score {
  width: 24px;
  height: 18px;
  line-height: 18px;
  border-radius: 2px;
  margin: 5px 2px 0px 2px;
  display: inline-block;
  font-size: 15px;
  font-family: Prototype;
  color: black;
  font-weight: normal;
  box-shadow: 0 0 1px 1px black;
}
.milestones .ma-block .ma-scores,
.awards .ma-block .ma-scores,
.tag-overview .ma-block .ma-scores {
  display: inline-block;
  width: 144px;
  margin-left: -2px;
}
.milestones .ma-block .ma-player,
.awards .ma-block .ma-player,
.tag-overview .ma-block .ma-player {
  margin: 25px 0 0 70px;
  position: absolute;
}
.milestones .ma-block .ma-name,
.awards .ma-block .ma-name,
.tag-overview .ma-block .ma-name {
  display: inline-block;
  width: 140px;
  height: 83px;
  color: black;
  padding-top: 60px;
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  border-radius: 10px 10px 0 0;
}
.milestones .ma-block .ma-name--terraformer,
.awards .ma-block .ma-name--terraformer,
.tag-overview .ma-block .ma-name--terraformer {
  background-image: url("assets/ma/terraformer.png");
}
.milestones .ma-block .ma-name--mayor,
.awards .ma-block .ma-name--mayor,
.tag-overview .ma-block .ma-name--mayor {
  background-image: url("assets/ma/mayor.png");
}
.milestones .ma-block .ma-name--gardener,
.awards .ma-block .ma-name--gardener,
.tag-overview .ma-block .ma-name--gardener {
  background-image: url("assets/ma/gardener.png");
}
.milestones .ma-block .ma-name--builder,
.awards .ma-block .ma-name--builder,
.tag-overview .ma-block .ma-name--builder {
  background-image: url("assets/ma/builder.png");
}
.milestones .ma-block .ma-name--planner,
.awards .ma-block .ma-name--planner,
.tag-overview .ma-block .ma-name--planner {
  background-image: url("assets/ma/planner.png");
}
.milestones .ma-block .ma-name--landlord,
.awards .ma-block .ma-name--landlord,
.tag-overview .ma-block .ma-name--landlord {
  background-image: url("assets/ma/landlord.png");
}
.milestones .ma-block .ma-name--banker,
.awards .ma-block .ma-name--banker,
.tag-overview .ma-block .ma-name--banker {
  background-image: url("assets/ma/banker.png");
}
.milestones .ma-block .ma-name--scientist,
.awards .ma-block .ma-name--scientist,
.tag-overview .ma-block .ma-name--scientist {
  background-image: url("assets/ma/scientist.png");
}
.milestones .ma-block .ma-name--thermalist,
.awards .ma-block .ma-name--thermalist,
.tag-overview .ma-block .ma-name--thermalist {
  background-image: url("assets/ma/thermalist.png");
}
.milestones .ma-block .ma-name--miner,
.awards .ma-block .ma-name--miner,
.tag-overview .ma-block .ma-name--miner {
  background-image: url("assets/ma/miner.png");
}
.milestones .ma-block .ma-name--generalist,
.awards .ma-block .ma-name--generalist,
.tag-overview .ma-block .ma-name--generalist {
  background-image: url("assets/ma/generalist.png");
}
.milestones .ma-block .ma-name--specialist,
.awards .ma-block .ma-name--specialist,
.tag-overview .ma-block .ma-name--specialist {
  background-image: url("assets/ma/specialist.png");
}
.milestones .ma-block .ma-name--ecologist,
.awards .ma-block .ma-name--ecologist,
.tag-overview .ma-block .ma-name--ecologist {
  background-image: url("assets/ma/ecologist.png");
}
.milestones .ma-block .ma-name--tycoon,
.awards .ma-block .ma-name--tycoon,
.tag-overview .ma-block .ma-name--tycoon {
  background-image: url("assets/ma/tycoon.png");
}
.milestones .ma-block .ma-name--legend,
.awards .ma-block .ma-name--legend,
.tag-overview .ma-block .ma-name--legend {
  background-image: url("assets/ma/legend.png");
}
.milestones .ma-block .ma-name--celebrity,
.awards .ma-block .ma-name--celebrity,
.tag-overview .ma-block .ma-name--celebrity {
  background-image: url("assets/ma/celebrity.png");
}
.milestones .ma-block .ma-name--industrialist,
.awards .ma-block .ma-name--industrialist,
.tag-overview .ma-block .ma-name--industrialist {
  background-image: url("assets/ma/industrialist.png");
}
.milestones .ma-block .ma-name--desert-settler,
.awards .ma-block .ma-name--desert-settler,
.tag-overview .ma-block .ma-name--desert-settler {
  background-image: url("assets/ma/desert-settler.png");
}
.milestones .ma-block .ma-name--estate-dealer,
.awards .ma-block .ma-name--estate-dealer,
.tag-overview .ma-block .ma-name--estate-dealer {
  background-image: url("assets/ma/estate-dealer.png");
}
.milestones .ma-block .ma-name--benefactor,
.awards .ma-block .ma-name--benefactor,
.tag-overview .ma-block .ma-name--benefactor {
  background-image: url("assets/ma/benefactor.png");
}
.milestones .ma-block .ma-name--diversifier,
.awards .ma-block .ma-name--diversifier,
.tag-overview .ma-block .ma-name--diversifier {
  background-image: url("assets/ma/diversifier.png");
}
.milestones .ma-block .ma-name--tactician,
.awards .ma-block .ma-name--tactician,
.tag-overview .ma-block .ma-name--tactician {
  background-image: url("assets/ma/tactician.png");
}
.milestones .ma-block .ma-name--polar-explorer,
.awards .ma-block .ma-name--polar-explorer,
.tag-overview .ma-block .ma-name--polar-explorer {
  background-image: url("assets/ma/polar-explorer.png");
}
.milestones .ma-block .ma-name--energizer,
.awards .ma-block .ma-name--energizer,
.tag-overview .ma-block .ma-name--energizer {
  background-image: url("assets/ma/energizer.png");
}
.milestones .ma-block .ma-name--rim-settler,
.awards .ma-block .ma-name--rim-settler,
.tag-overview .ma-block .ma-name--rim-settler {
  background-image: url("assets/ma/rim-settler.png");
}
.milestones .ma-block .ma-name--cultivator,
.awards .ma-block .ma-name--cultivator,
.tag-overview .ma-block .ma-name--cultivator {
  background-image: url("assets/ma/cultivator.png");
}
.milestones .ma-block .ma-name--magnate,
.awards .ma-block .ma-name--magnate,
.tag-overview .ma-block .ma-name--magnate {
  background-image: url("assets/ma/magnate.png");
}
.milestones .ma-block .ma-name--space-baron,
.awards .ma-block .ma-name--space-baron,
.tag-overview .ma-block .ma-name--space-baron {
  background-image: url("assets/ma/space-baron.png");
}
.milestones .ma-block .ma-name--excentric,
.awards .ma-block .ma-name--excentric,
.tag-overview .ma-block .ma-name--excentric {
  background-image: url("assets/ma/excentric.png");
}
.milestones .ma-block .ma-name--contractor,
.awards .ma-block .ma-name--contractor,
.tag-overview .ma-block .ma-name--contractor {
  background-image: url("assets/ma/contractor.png");
}
.milestones .ma-block .ma-name--hoverlord,
.awards .ma-block .ma-name--hoverlord,
.tag-overview .ma-block .ma-name--hoverlord {
  background-image: url("assets/ma/hoverlord.png");
}
.milestones .ma-block .ma-name--venuphile,
.awards .ma-block .ma-name--venuphile,
.tag-overview .ma-block .ma-name--venuphile {
  background-image: url("assets/ma/venuphile.png");
}
.milestones .ma-block .ma-name--networker,
.awards .ma-block .ma-name--networker,
.tag-overview .ma-block .ma-name--networker {
  background-image: url("assets/ma/networker.png");
}
.milestones .ma-block .ma-name--entrepreneur,
.awards .ma-block .ma-name--entrepreneur,
.tag-overview .ma-block .ma-name--entrepreneur {
  background-image: url("assets/ma/entrepreneur.png");
}
.milestones .ma-block .ma-name--lunar-magnate,
.awards .ma-block .ma-name--lunar-magnate,
.tag-overview .ma-block .ma-name--lunar-magnate {
  background-image: url("assets/ma/lunar-magnate.png");
}
.milestones .ma-block .ma-name--lunarchitect,
.awards .ma-block .ma-name--lunarchitect,
.tag-overview .ma-block .ma-name--lunarchitect {
  background-image: url("assets/ma/lunarchitect.png");
}
.milestones .ma-block .ma-name--full-moon,
.awards .ma-block .ma-name--full-moon,
.tag-overview .ma-block .ma-name--full-moon {
  background-image: url("assets/ma/full-moon.png");
}
.milestones .ma-block .ma-name--one-giant-step,
.awards .ma-block .ma-name--one-giant-step,
.tag-overview .ma-block .ma-name--one-giant-step {
  background-image: url("assets/ma/one-giant-step.png");
}
.milestones .ma-block .ma-name--economizer,
.awards .ma-block .ma-name--economizer,
.tag-overview .ma-block .ma-name--economizer {
  background-image: url("assets/ma/economizer.png");
}
.milestones .ma-block .ma-name--pioneer,
.awards .ma-block .ma-name--pioneer,
.tag-overview .ma-block .ma-name--pioneer {
  background-image: url("assets/ma/pioneer.png");
}
.milestones .ma-block .ma-name--land-specialist,
.awards .ma-block .ma-name--land-specialist,
.tag-overview .ma-block .ma-name--land-specialist {
  background-image: url("assets/ma/land-specialist.png");
}
.milestones .ma-block .ma-name--martian,
.awards .ma-block .ma-name--martian,
.tag-overview .ma-block .ma-name--martian {
  background-image: url("assets/ma/martian.png");
}
.milestones .ma-block .ma-name--cosmic-settler,
.awards .ma-block .ma-name--cosmic-settler,
.tag-overview .ma-block .ma-name--cosmic-settler {
  background-image: url("assets/ma/cosmic-settler.png");
}
.milestones .ma-block .ma-name--botanist,
.awards .ma-block .ma-name--botanist,
.tag-overview .ma-block .ma-name--botanist {
  background-image: url("assets/ma/botanist.png");
}
.milestones .ma-block .ma-name--promoter,
.awards .ma-block .ma-name--promoter,
.tag-overview .ma-block .ma-name--promoter {
  background-image: url("assets/ma/promoter.png");
}
.milestones .ma-block .ma-name--zoologist,
.awards .ma-block .ma-name--zoologist,
.tag-overview .ma-block .ma-name--zoologist {
  background-image: url("assets/ma/zoologist.png");
}
.milestones .ma-block .ma-name--a-manufacturer,
.awards .ma-block .ma-name--a-manufacturer,
.tag-overview .ma-block .ma-name--a-manufacturer {
  background-image: url("assets/ma/a-manufacturer.png");
}
.milestones .ma-block .ma-name--v-electrician,
.awards .ma-block .ma-name--v-electrician,
.tag-overview .ma-block .ma-name--v-electrician {
  background-image: url("assets/ma/v-electrician.png");
}
.milestones .ma-block .ma-name--v-spacefarer,
.awards .ma-block .ma-name--v-spacefarer,
.tag-overview .ma-block .ma-name--v-spacefarer {
  background-image: url("assets/ma/v-spacefarer.png");
}
.milestones .ma-block .ma-name--smith,
.awards .ma-block .ma-name--smith,
.tag-overview .ma-block .ma-name--smith {
  background-image: url("assets/ma/smith.png");
}
.milestones .ma-block .ma-name--tradesman,
.awards .ma-block .ma-name--tradesman,
.tag-overview .ma-block .ma-name--tradesman {
  background-image: url("assets/ma/tradesman.png");
}
.milestones .ma-block .ma-name--irrigator,
.awards .ma-block .ma-name--irrigator,
.tag-overview .ma-block .ma-name--irrigator {
  background-image: url("assets/ma/irrigator.png");
}
.milestones .ma-block .ma-name--capitalist,
.awards .ma-block .ma-name--capitalist,
.tag-overview .ma-block .ma-name--capitalist {
  background-image: url("assets/ma/capitalist.png");
}
.milestones .ma-block .ma-name--forecaster,
.awards .ma-block .ma-name--forecaster,
.tag-overview .ma-block .ma-name--forecaster {
  background-image: url("assets/ma/forecaster.png");
}
.milestones .ma-block .ma-name--edgedancer,
.awards .ma-block .ma-name--edgedancer,
.tag-overview .ma-block .ma-name--edgedancer {
  background-image: url("assets/ma/edgedancer.png");
}
.milestones .ma-block .ma-name--visionary,
.awards .ma-block .ma-name--visionary,
.tag-overview .ma-block .ma-name--visionary {
  background-image: url("assets/ma/visionary.png");
}
.milestones .ma-block .ma-name--naturalist,
.awards .ma-block .ma-name--naturalist,
.tag-overview .ma-block .ma-name--naturalist {
  background-image: url("assets/ma/naturalist.png");
}
.milestones .ma-block .ma-name--voyager,
.awards .ma-block .ma-name--voyager,
.tag-overview .ma-block .ma-name--voyager {
  background-image: url("assets/ma/voyager.png");
}
.milestones .ma-block .ma-name--rugged,
.awards .ma-block .ma-name--rugged,
.tag-overview .ma-block .ma-name--rugged {
  background-image: url("assets/ma/rugged.png");
}
.milestones .ma-block .ma-name--purifier,
.awards .ma-block .ma-name--purifier,
.tag-overview .ma-block .ma-name--purifier {
  background-image: url("assets/ma/purifier.png");
}
.milestones .ma-block .ma-name--agronomist,
.awards .ma-block .ma-name--agronomist,
.tag-overview .ma-block .ma-name--agronomist {
  background-image: url("assets/ma/agronomist.png");
}
.milestones .ma-block .ma-name--engineer,
.awards .ma-block .ma-name--engineer,
.tag-overview .ma-block .ma-name--engineer {
  background-image: url("assets/ma/engineer.png");
}
.milestones .ma-block .ma-name--farmer,
.awards .ma-block .ma-name--farmer,
.tag-overview .ma-block .ma-name--farmer {
  background-image: url("assets/ma/farmer.png");
}
.milestones .ma-block .ma-name--colonizer,
.awards .ma-block .ma-name--colonizer,
.tag-overview .ma-block .ma-name--colonizer {
  background-image: url("assets/ma/colonizer.png");
}
.milestones .ma-block .ma-name--minimalist,
.awards .ma-block .ma-name--minimalist,
.tag-overview .ma-block .ma-name--minimalist {
  background-image: url("assets/ma/minimalist.png");
}
.milestones .ma-block .ma-name--terran,
.awards .ma-block .ma-name--terran,
.tag-overview .ma-block .ma-name--terran {
  background-image: url("assets/ma/terran.png");
}
.milestones .ma-block .ma-name--tropicalist,
.awards .ma-block .ma-name--tropicalist,
.tag-overview .ma-block .ma-name--tropicalist {
  background-image: url("assets/ma/tropicalist.png");
}
.milestones .ma-block .ma-name--curator,
.awards .ma-block .ma-name--curator,
.tag-overview .ma-block .ma-name--curator {
  background-image: url("assets/ma/curator.png");
}
.milestones .ma-block .ma-name--tourist,
.awards .ma-block .ma-name--tourist,
.tag-overview .ma-block .ma-name--tourist {
  background-image: url("assets/ma/tourist.png");
}
.milestones .ma-block .ma-name--a-engineer,
.awards .ma-block .ma-name--a-engineer,
.tag-overview .ma-block .ma-name--a-engineer {
  background-image: url("assets/ma/a-engineer.png");
}
.milestones .ma-block .ma-name--a-zoologist,
.awards .ma-block .ma-name--a-zoologist,
.tag-overview .ma-block .ma-name--a-zoologist {
  background-image: url("assets/ma/a-zoologist.png");
}
.milestones .ma-block .ma-name--t-collector,
.awards .ma-block .ma-name--t-collector,
.tag-overview .ma-block .ma-name--t-collector {
  background-image: url("assets/ma/t-collector.png");
}
.milestones .ma-block .ma-name--firestarter,
.awards .ma-block .ma-name--firestarter,
.tag-overview .ma-block .ma-name--firestarter {
  background-image: url("assets/ma/firestarter.png");
}
.milestones .ma-block .ma-name--terra-pioneer,
.awards .ma-block .ma-name--terra-pioneer,
.tag-overview .ma-block .ma-name--terra-pioneer {
  background-image: url("assets/ma/terra-pioneer.png");
}
.milestones .ma-block .ma-name--spacefarer,
.awards .ma-block .ma-name--spacefarer,
.tag-overview .ma-block .ma-name--spacefarer {
  background-image: url("assets/ma/spacefarer.png");
}
.milestones .ma-block .ma-name--gambler,
.awards .ma-block .ma-name--gambler,
.tag-overview .ma-block .ma-name--gambler {
  background-image: url("assets/ma/gambler.png");
}
.milestones .ma-block .ma-name--biologist,
.awards .ma-block .ma-name--biologist,
.tag-overview .ma-block .ma-name--biologist {
  background-image: url("assets/ma/biologist.png");
}
.milestones .ma-block .ma-name--t-politician,
.awards .ma-block .ma-name--t-politician,
.tag-overview .ma-block .ma-name--t-politician {
  background-image: url("assets/ma/t-politician.png");
}
.milestones .ma-block .ma-name--urbanist,
.awards .ma-block .ma-name--urbanist,
.tag-overview .ma-block .ma-name--urbanist {
  background-image: url("assets/ma/urbanist.png");
}
.milestones .ma-block .ma-name--warmonger,
.awards .ma-block .ma-name--warmonger,
.tag-overview .ma-block .ma-name--warmonger {
  background-image: url("assets/ma/warmonger.png");
}
.milestones .ma-block .ma-name--incorporator,
.awards .ma-block .ma-name--incorporator,
.tag-overview .ma-block .ma-name--incorporator {
  background-image: url("assets/ma/incorporator.png");
}
.milestones .ma-block .ma-name--manufacturer,
.awards .ma-block .ma-name--manufacturer,
.tag-overview .ma-block .ma-name--manufacturer {
  background-image: url("assets/ma/manufacturer.png");
}
.milestones .ma-block .ma-name--politician,
.awards .ma-block .ma-name--politician,
.tag-overview .ma-block .ma-name--politician {
  background-image: url("assets/ma/politician.png");
}
.milestones .ma-block .ma-name--administrator,
.awards .ma-block .ma-name--administrator,
.tag-overview .ma-block .ma-name--administrator {
  background-image: url("assets/ma/administrator.png");
}
.milestones .ma-block .ma-name--constructor,
.awards .ma-block .ma-name--constructor,
.tag-overview .ma-block .ma-name--constructor {
  background-image: url("assets/ma/constructor.png");
}
.milestones .ma-block .ma-name--founder,
.awards .ma-block .ma-name--founder,
.tag-overview .ma-block .ma-name--founder {
  background-image: url("assets/ma/founder.png");
}
.milestones .ma-block .ma-name--highlander,
.awards .ma-block .ma-name--highlander,
.tag-overview .ma-block .ma-name--highlander {
  background-image: url("assets/ma/highlander.png");
}
.milestones .ma-block .ma-name--hydrologist,
.awards .ma-block .ma-name--hydrologist,
.tag-overview .ma-block .ma-name--hydrologist {
  background-image: url("assets/ma/hydrologist.png");
}
.milestones .ma-block .ma-name--investor,
.awards .ma-block .ma-name--investor,
.tag-overview .ma-block .ma-name--investor {
  background-image: url("assets/ma/investor.png");
}
.milestones .ma-block .ma-name--landscaper,
.awards .ma-block .ma-name--landscaper,
.tag-overview .ma-block .ma-name--landscaper {
  background-image: url("assets/ma/landscaper.png");
}
.milestones .ma-block .ma-name--metropolist,
.awards .ma-block .ma-name--metropolist,
.tag-overview .ma-block .ma-name--metropolist {
  background-image: url("assets/ma/metropolist.png");
}
.milestones .ma-block .ma-name--mogul,
.awards .ma-block .ma-name--mogul,
.tag-overview .ma-block .ma-name--mogul {
  background-image: url("assets/ma/mogul.png");
}
.milestones .ma-block .ma-name--thawer,
.awards .ma-block .ma-name--thawer,
.tag-overview .ma-block .ma-name--thawer {
  background-image: url("assets/ma/thawer.png");
}
.milestones .ma-block .ma-name--traveller,
.awards .ma-block .ma-name--traveller,
.tag-overview .ma-block .ma-name--traveller {
  background-image: url("assets/ma/traveller.png");
}
.milestones .ma-block .ma-name--collector,
.awards .ma-block .ma-name--collector,
.tag-overview .ma-block .ma-name--collector {
  background-image: url("assets/ma/collector.png");
}
.milestones .ma-block .ma-name--electrician,
.awards .ma-block .ma-name--electrician,
.tag-overview .ma-block .ma-name--electrician {
  background-image: url("assets/ma/electrician.png");
}
.milestones .ma-block .ma-name--fundraiser,
.awards .ma-block .ma-name--fundraiser,
.tag-overview .ma-block .ma-name--fundraiser {
  background-image: url("assets/ma/fundraiser.png");
}
.milestones .ma-block .ma-name--geologist,
.awards .ma-block .ma-name--geologist,
.tag-overview .ma-block .ma-name--geologist {
  background-image: url("assets/ma/geologist.png");
}
.milestones .ma-block .ma-name--landshaper,
.awards .ma-block .ma-name--landshaper,
.tag-overview .ma-block .ma-name--landshaper {
  background-image: url("assets/ma/landshaper.png");
}
.milestones .ma-block .ma-name--lobbyist,
.awards .ma-block .ma-name--lobbyist,
.tag-overview .ma-block .ma-name--lobbyist {
  background-image: url("assets/ma/lobbyist.png");
}
.milestones .ma-block .ma-name--philantropist,
.awards .ma-block .ma-name--philantropist,
.tag-overview .ma-block .ma-name--philantropist {
  background-image: url("assets/ma/philantropist.png");
}
.milestones .ma-block .ma-name--planetologist,
.awards .ma-block .ma-name--planetologist,
.tag-overview .ma-block .ma-name--planetologist {
  background-image: url("assets/ma/planetologist.png");
}
.milestones .ma-block .ma-name--producer,
.awards .ma-block .ma-name--producer,
.tag-overview .ma-block .ma-name--producer {
  background-image: url("assets/ma/producer.png");
}
.milestones .ma-block .ma-name--researcher,
.awards .ma-block .ma-name--researcher,
.tag-overview .ma-block .ma-name--researcher {
  background-image: url("assets/ma/researcher.png");
}
.milestones .ma-block .ma-name--sponsor,
.awards .ma-block .ma-name--sponsor,
.tag-overview .ma-block .ma-name--sponsor {
  background-image: url("assets/ma/sponsor.png");
}
.milestones .ma-block .ma-name--forester,
.awards .ma-block .ma-name--forester,
.tag-overview .ma-block .ma-name--forester {
  background-image: url("assets/ma/forester.png");
}
.milestones .ma-block .ma-name--breeder,
.awards .ma-block .ma-name--breeder,
.tag-overview .ma-block .ma-name--breeder {
  background-image: url("assets/ma/breeder.png");
}
.milestones .ma-block .ma-name--thermoengineer,
.awards .ma-block .ma-name--thermoengineer,
.tag-overview .ma-block .ma-name--thermoengineer {
  background-image: url("assets/ma/thermoengineer.png");
}
.milestones .ma-block .ma-name--kingpin,
.awards .ma-block .ma-name--kingpin,
.tag-overview .ma-block .ma-name--kingpin {
  background-image: url("assets/ma/kingpin.png");
}
.milestones .ma-block .ma-name--edgelord,
.awards .ma-block .ma-name--edgelord,
.tag-overview .ma-block .ma-name--edgelord {
  background-image: url("assets/ma/edgelord.png");
}
.milestones .ma-block .ma-name--tunneler,
.awards .ma-block .ma-name--tunneler,
.tag-overview .ma-block .ma-name--tunneler {
  background-image: url("assets/ma/tunneler.png");
}
.milestones .ma-block .ma-name--risktaker,
.awards .ma-block .ma-name--risktaker,
.tag-overview .ma-block .ma-name--risktaker {
  background-image: url("assets/ma/risktaker.png");
}
.milestones .ma-block .ma-description,
.awards .ma-block .ma-description,
.tag-overview .ma-block .ma-description {
  display: inline-block;
  width: 140px;
  height: 70px;
  color: #ddd;
  padding: 0px 2px 0px 2px;
  font-size: 14px;
  line-height: 15px;
  text-align: center;
}
.with-turmoil .ma-name--terraformer {
  background-image: url(./assets/ma/terraformer26.png) !important;
}
.ma-player-cube .board-cube {
  margin: 0 0 0 5px;
}
.milestone-award-inline {
  white-space: nowrap;
  color: #000;
  text-transform: uppercase;
  background: linear-gradient(to right, #e28c22, #ffcc64, #e28c22);
  padding: 1px 33px 1px 10px;
  width: 190px;
  letter-spacing: 1px;
  text-align: center;
  font-size: 16px;
  line-height: 23px;
  font-weight: bold;
  margin: 0 5px 0 5px;
  border-radius: 2px;
  display: inline-block;
}
.milestone-award-inline.paid {
  background: linear-gradient(to right, #e28c22, #ffcc64, #e28c22);
}
.milestone-award-inline.unpaid {
  background: #303030;
}
.milestone-award-price {
  background-image: url(./assets/resources/megacredit.png);
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: 30px;
  margin-top: -3px;
  margin-left: 70px;
  transform: scale(0.8);
  font-family: Prototype;
  color: black;
  font-weight: normal;
  font-size: 18px;
  text-align: center;
}
.active-award-or-milestone {
  color: #000;
  text-transform: uppercase;
  background: #c2c2c2;
  padding: 3px 30px 2px 7px;
  font-size: 15px;
  font-weight: bold;
}
.player_home_block--setup .wf-action {
  margin: 20px 0 40px;
  text-align: center;
}
.player_home_block--setup .wf-action .btn-primary {
  font-size: 25px;
  height: 50px;
  width: 150px;
}
.player_home_block--setup .board-accordion {
  padding-bottom: 20px;
}
.player_home_block--setup .accordion-body {
  padding-left: 40px;
}
.player_home_colony_cont {
  margin: 0 auto;
}
.player_home_colony_cont .player_home_colony {
  display: inline-block;
  vertical-align: top;
  margin: 0px 0px 10px 0px;
}
.player_home_colony_cont .inactiveColony {
  transform: scale(0.9);
  opacity: 0.7;
}
.discarded-colonies-for-aridor {
  margin-bottom: 25px;
  margin-top: -25px;
}
.discarded-colonies-for-aridor .small_colony {
  transform: scale(0.5);
  width: 220px;
  height: 150px;
  margin-top: 0px;
}
.colonies-fleets-cont {
  position: absolute;
  margin: -62px 0 0 160px;
}
.colonies-player-fleets {
  height: 70px;
  display: inline-block;
  vertical-align: top;
}
.colonies-fleet {
  background: url(./assets/colony_ships.png) no-repeat;
  width: 70px;
  height: 70px;
  display: inline-block;
  vertical-align: top;
}
.colonies-fleet.colonies-fleet-black {
  background-position: 0 0;
}
.colonies-fleet.colonies-fleet-yellow {
  background-position: -70px 0;
}
.colonies-fleet.colonies-fleet-green {
  background-position: -140px 0;
}
.colonies-fleet.colonies-fleet-red {
  background-position: -207px 0;
}
.colonies-fleet.colonies-fleet-blue {
  background-position: -272px 0;
}
.colonies-fleet.colonies-fleet-purple {
  background-position: -342px 0;
}
.colonies-fleet.colonies-fleet-orange {
  background-position: -416px 0;
}
.colonies-fleet.colonies-fleet-pink {
  background-position: -490px 0;
}
.deck-size {
  position: absolute;
  width: 33px;
  margin: 30px 0 0 0;
  font-family: Prototype;
  font-size: 15px;
  text-align: center;
  color: #fff;
}
.label-additional {
  font-family: "Ubuntu";
  background: #222;
  padding: 2px 8px;
  border-radius: 8px;
  text-transform: uppercase;
  text-shadow: none;
  margin-left: 12px;
}
.last-generation {
  color: red;
}
@keyframes smoth-fade-animation {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
.blink-animation {
  animation: smoth-fade-animation 2000ms infinite;
}
.top-bar {
  position: sticky;
  margin: -40px 0 0 auto;
  margin-bottom: 15px;
  z-index: 105;
  top: -12px;
  display: flex;
}
.top-bar .top-bar-collapser {
  background: #303030;
  display: inline-block;
  vertical-align: middle;
  padding: 8px 14px 8px 11px;
  height: 46px;
  cursor: pointer;
  margin-top: 12px;
  border-radius: 0 0 20px 0;
}
.top-bar .top-bar-collapser img {
  width: 20px;
}
.top-bar .player-status,
.top-bar .player-info-top {
  display: none !important;
}
.top-bar .player-info-bottom {
  background: #303030 !important;
}
.top-bar .player-info {
  background: #303030 !important;
  border-radius: 0 0 10px 10px;
  padding: 8px 0;
}
.top-bar .player-info .player-status-and-res {
  min-width: 564px !important;
}
.top-bar-collapsed {
  margin: -32px 0 0 -20px;
}
.top-bar-collapsed .player-info {
  display: none;
}
.top-bar-collapsed .top-bar-collapser {
  margin: 11px 0 0 0;
}
.top-bar-collapsed .top-bar-collapser img {
  transform: scaleX(-1);
}
.hiding-card-button-row {
  display: flex;
  flex-flow: row;
}
.hiding-card-button-row .played-cards-filters {
  display: flex;
}
.hiding-card-button-row .text-overview {
  text-transform: uppercase;
  margin-left: 5px;
  color: #303030;
  font-weight: bold;
  margin-top: 12px;
  font-size: 16px;
}
.hiding-card-button {
  display: flex;
  text-transform: uppercase;
  border-radius: 4px;
  font-size: 23px;
  line-height: 30px;
  margin: 10px 0px 0 10px;
  width: 100px;
  height: 30px;
  text-align: center;
  cursor: pointer;
}
.hiding-card-button.hand-toggle {
  background-color: rgba(60, 60, 60, 0.75);
}
.hiding-card-button.active {
  background-color: rgba(47, 146, 225, 0.75);
}
.hiding-card-button.automated {
  background-color: rgba(13, 176, 11, 0.75);
}
.hiding-card-button.event {
  background-color: rgba(237, 106, 21, 0.75);
}
.hiding-card-button.hand-toggle-transparent {
  background-color: rgba(60, 60, 60, 0.5);
  color: #fff8;
}
.hiding-card-button.active-transparent {
  background-color: rgba(47, 146, 225, 0.5);
  color: #fff8;
}
.hiding-card-button.automated-transparent {
  background-color: rgba(13, 176, 11, 0.5);
  color: #fff8;
}
.hiding-card-button.event-transparent {
  background-color: rgba(237, 106, 21, 0.5);
  color: #fff8;
}
.hiding-card-button .played-cards-count {
  font-family: "Prototype";
  width: 80px;
  padding-left: 18px;
}
.hiding-card-button .played-cards-selection {
  font-size: 16px;
}
.select-initial-cards .megacredits {
  display: inline-block;
  font-size: 26px;
  width: 50px;
  height: 50px;
  line-height: 48px;
  border-radius: 10px;
  text-align: center;
  background-image: url(./assets/resources/megacredit.png);
  background-size: 50px;
  filter: drop-shadow(0px 0px 1px black);
  font-family: Prototype;
  color: #000;
}
#spectator-link + span div {
  width: calc(100% - 450px);
}
.icon-first-player {
  text-align: center;
  font-size: 18px;
  font-family: Prototype;
  padding: 1px 4px;
  border-radius: 0 5px 5px 0;
  position: absolute;
  width: 40px;
  padding-left: 10px;
  line-height: 24px;
  height: 26px;
  letter-spacing: 0px;
  margin-top: 8px;
  left: -17px;
  background: linear-gradient(to right, black, #aaa, #aaa, #aaa);
  color: black;
  clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 0% 0%);
  z-index: 1;
}
.player-played-cards {
  margin: 7px 15px 0 15px;
  width: 90px;
}
.player-played-cards .player-played-cards-top {
  display: flex;
  background: #0008;
  border-radius: 5px;
  font-family: 'Prototype';
  height: 36px;
  line-height: 36px;
  padding-left: 2px;
}
.player-played-cards .played-cards-elements {
  display: flex;
}
.player-played-cards .played-cards-elements .played-cards-icon {
  width: 12px;
  height: 20px;
  border-radius: 2px;
  margin: 8px 0 0 5px;
  padding: 0px;
}
.player-played-cards .played-cards-elements .played-cards-count {
  width: 36px;
  text-align: center;
  color: #fff8;
}
.player-played-cards .played-cards-button {
  width: 100%;
  border-radius: 5px;
  margin-top: 7px;
}
.player-played-cards .played-cards-button:hover {
  filter: brightness(120%);
}
.players-overview {
  position: relative;
  display: table-caption;
  margin-top: 40px;
}
.players-overview .player-divider {
  height: 1px;
  width: 100%;
  border: 1px dashed #444;
}
.players-overview .players-overview-settings {
  display: flex;
  flex-flow: row;
  position: absolute;
  top: -35px;
  left: 0;
  font-size: 16px;
  align-items: center;
}
.players-overview .players-overview-settings .setting-label {
  text-transform: uppercase;
  margin-left: 5px;
  color: #303030;
  font-weight: bold;
}
.players-overview .players-overview-settings .setting-button {
  font-family: Ubuntu, Sans;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: bold;
  color: #e6e1e1;
  text-transform: uppercase;
  background: #303030;
  padding: 1px 5px 1px 10px;
  border-radius: 2px;
  text-decoration: none;
  width: 140px;
  margin-left: 5px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
.player-info-details {
  white-space: nowrap;
  line-height: 18px;
  width: 136px;
  color: #e6e1e1;
}
.player-info-details .player-info-name {
  text-shadow: 0px 1px 1px #000;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 24px;
  margin-top: -4px;
  cursor: pointer;
}
.player-info-details .player-info-corp {
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 26px;
  cursor: pointer;
}
.player-info {
  border-radius: 8px;
  margin: 10px 0;
  padding: 8px;
  display: flex;
  padding-right: 0px;
}
.player-info .player-tags {
  display: flex;
  flex-flow: row;
}
.player-info .player-tags .player-tag-discount {
  position: relative;
}
.player-info .player-tags .player-tag-discount .megacredits-container {
  position: absolute;
  right: -6px;
  top: -18px;
  z-index: 10;
  border-radius: 8px 8px 0px 1px;
  padding: 8px 8px 0px 8px;
}
.player-info .player-tags .player-tag-discount .megacredits-container .megacredits {
  background-image: url(./assets/resources/megacredit.png);
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  color: black;
  font-size: 15px;
  font-style: normal;
  font-family: Prototype;
  line-height: 20px;
  text-align: center;
}
.player-info .player-tags .points-per-tag {
  position: absolute;
  background: url(./assets/board/mars.png);
  width: 21px;
  height: 21px;
  border-radius: 50%;
  box-shadow: 0 1px 1px 1px black;
  font-family: Prototype;
  text-align: center;
  line-height: 23px;
  color: black;
  background-size: 100px;
  background-position: -26px -20px;
  font-size: 18px;
  top: 13px;
  left: 14px;
  z-index: 10;
}
.player-info .player-tags .points-per-tag--S {
  font-size: 16px;
}
.player-info .player-tags .points-per-tag--XS {
  font-size: 11px;
}
.player-info .player-tags .player-tags-main {
  display: flex;
  align-items: initial;
  margin-left: 0;
  margin-top: 8px;
}
.player-info .player-tags .player-tags-secondary {
  display: flex;
  flex-flow: row;
  align-items: initial;
  position: relative;
  margin-left: 5px;
  margin-top: 8px;
}
.player-info .player-tags .tag-separator {
  width: 2px;
  height: 70px;
  margin-right: 6px;
  background: rgba(170, 170, 170, 0.2);
}
.player-info .player-allied-party {
  display: flex;
  flex-flow: row;
}
.player-info .player-allied-party .allied-policy-block {
  position: relative;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  min-width: 233px;
}
.player-info .player-allied-party .allied-policy-block .party-name {
  margin-left: 38px;
}
.player-info .player-status-and-res {
  display: flex;
}
.player-info .player-status-and-res .player-status {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.player-info .player-status-and-res .player-status .player-status-bottom {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.player-info .player-status-and-res .player-status .player-status-bottom .player-action-status-container.no-timer .player-action-status {
  padding-bottom: 6px !important;
}
.player-info .player-status-and-res .player-status .player-status-bottom .player-action-status-container {
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  font-family: Prototype;
  width: 136px;
  background: rgba(0, 0, 0, 0.3);
}
.player-info .player-status-and-res .player-status .player-status-bottom .player-action-status-container .player-action-status {
  font-size: 16px;
  line-height: 8px;
  padding-top: 6px;
  padding-bottom: 2px;
}
.player-info .player-status-and-res .player-status .player-status-bottom .player-action-status-container .player-status-timer {
  font-size: 18px;
  width: 100%;
}
.player-info .player-status-and-res .player-status .player-status-bottom .player-action-status-container .player-status-timer .player-timer {
  display: flex;
  width: 100%;
  justify-content: center;
}
.player-info .player-status-and-res .player-status .player-status-bottom .player-action-status-container .player-status-timer .player-timer .timer-delimiter {
  margin-left: 1px;
  margin-right: 1px;
}
.player-info .player-status-and-res .player-status .player-status-bottom .player-action-status-container .player-status-timer .player-timer .player-timer-seconds {
  width: 23px;
  text-align: left;
}
.player-info .player-status-and-res .player-status .player-status-bottom .player-action-status-container .player-status-timer .player-timer .player-timer-minutes {
  text-align: center;
}
.player-info .player-status-and-res .player-status .player-status-bottom .player-action-status-container .player-status-timer .player-timer .player-timer-hours {
  text-align: right;
}
.player-info .player-status-and-res .player-status .player-status-bottom .player-action-status-container--active {
  background: #e6e1e1;
  color: #000;
}
.player-info .player-status-and-res .player-status .player-status-bottom .player-action-status-container--passed {
  background: #000;
  color: #e6e1e1;
  opacity: 0.3;
}
.tag-and-discount {
  position: relative;
}
@media only screen and (max-width: 1740px) {
  .players-overview .player-info {
    flex-flow: column !important;
    width: fit-content;
  }
  .players-overview .player-status-and-res {
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
}
.sidebar_cont {
  white-space: nowrap;
  position: fixed;
  left: 0px;
  top: 5px;
  z-index: 99;
  width: 60px;
  display: flex;
  flex-flow: column;
  align-items: center;
  height: 100%;
}
.sidebar .tm {
  background: url(./assets/board/mars.png);
  width: 50px;
  height: 50px;
  margin-top: 3px;
  border-radius: 50%;
  box-shadow: 0 1px 1px 1px black;
  font-family: Prototype;
  text-align: center;
  line-height: 20px;
  color: black;
  background-size: 100px;
  background-position: -26px -20px;
}
.sidebar .gen-text {
  font-size: 14px;
  margin-top: 2px;
}
.sidebar .gen-marker {
  font-size: 34px;
}
.sidebar .global_params {
  width: 60px;
  margin-bottom: 5px;
}
.sidebar .temperature-tile {
  background-image: url(./assets/global-parameters/temperature.png);
  width: 16px;
  height: 46px;
  background-size: 16px 46px;
  margin-left: 22px;
  margin-top: 10px;
}
.sidebar .oxygen-tile {
  background-image: url(./assets/global-parameters/oxygen.png);
  width: 40px;
  height: 40px;
  background-size: 40px;
  margin-left: 10px;
  margin-top: 10px;
}
.sidebar .ocean-tile {
  background-image: url(./assets/tiles/ocean.png);
  width: 32px;
  height: 36px;
  background-size: 32px 36px;
  margin-left: 14px;
  margin-top: 10px;
}
.sidebar .venus-tile {
  background-image: url(./assets/global-parameters/venus.png);
  width: 40px;
  height: 26px;
  background-size: 40px 26px;
  margin-left: 10px;
  margin-top: 10px;
}
.sidebar .global_params_value {
  text-align: center;
  font-family: "Prototype";
  margin-top: -5px;
}
.sidebar .checkmark {
  display: inline-block;
  filter: invert(92%) sepia(11%) saturate(1093%) hue-rotate(46deg) brightness(98%) contrast(85%);
  width: 18px;
  height: 18px;
}
.sidebar .moon-tile {
  background-image: url(./assets/tags/moon.png);
  width: 32px;
  height: 36px;
  background-size: 32px 36px;
  margin-left: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.sidebar .moon_params_value {
  text-align: center;
  font-family: "Prototype";
  font-size: 15px;
}
.sidebar .moon_params_value .habitat {
  background-color: #0e7a99;
  padding: 2px;
  border-radius: 2px;
}
.sidebar .moon_params_value .logistics {
  background-color: #c0c0c0;
  color: black;
  padding: 2px;
  border-radius: 2px;
}
.sidebar .moon_params_value .mining {
  background-color: #915d26;
  padding: 2px;
  border-radius: 2px;
}
.preferences_acting_player {
  background: linear-gradient(180deg, #303030 0%, #303030 25%, #745B54 80%, #745B54 100%);
}
.preferences_nonacting_player {
  background: #303030;
}
.preferences-divider {
  background: rgba(170, 170, 170, 0.3);
  height: 2px;
  width: 80%;
  margin-bottom: 8px;
}
.sidebar_item {
  width: 46px;
  background: black;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 8px;
}
.sidebar_item_shortcut {
  height: 60px;
}
.sidebar_item--language {
  position: absolute;
  bottom: 162px;
  height: 46px;
}
.sidebar_item--info {
  position: absolute;
  bottom: 111px;
  left: 0px;
  margin-left: 7px;
  height: 46px;
}
.sidebar_item--help {
  position: absolute;
  bottom: 60px;
  left: 0px;
  margin-left: 7px;
  height: 46px;
}
.sidebar_item--settings {
  position: absolute;
  bottom: 10px;
  height: 46px;
}
.preferences_player {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  padding: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.preferences_player_inner {
  width: 26px;
  height: 26px;
  border-radius: 3px;
}
.preferences_player_inner.active {
  -webkit-animation: rotation 8s infinite linear;
  animation: rotation 8s infinite linear;
  box-shadow: 0 0 5px 2px #fff;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.sidebar_icon {
  width: 36px;
  height: 36px;
  cursor: pointer;
  display: inline-block;
}
.sidebar_icon.sidebar_icon--actions {
  margin-top: 7px;
  background-image: url(./assets/sidebar/preferences_actions.png);
}
.sidebar_icon.sidebar_icon--cards {
  background-image: url(./assets/sidebar/preferences_cards.png);
}
.sidebar_icon.sidebar_icon--board {
  margin-top: 7px;
  background-image: url(./assets/sidebar/preferences_board.png);
}
.sidebar_icon.sidebar_icon--language {
  font-size: 15px;
}
.sidebar_icon.sidebar_icon--info {
  background-image: url(./assets/sidebar/preferences_info.png);
  background-size: 36px 36px;
}
.sidebar_icon.sidebar_icon--help {
  background-image: url(./assets/sidebar/preferences_help.png);
  background-size: 36px 36px;
}
.sidebar_icon.sidebar_icon--settings {
  background-image: url(./assets/sidebar/preferences_settings.png);
}
.sidebar_icon.sidebar_icon--colonies {
  background-image: url(./assets/sidebar/preferences_colony.png);
  background-size: 25px;
  width: 25px;
  height: 46px;
  margin-left: 5px;
}
.preferences_panel_actions {
  text-align: center;
}
.preferences_panel {
  padding: 15px 15px 15px 20px;
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 53px;
  color: #c6c6c6;
  background: #000000;
  max-height: calc(85vh);
  overflow-y: auto;
  white-space: nowrap;
}
.sidebar_item--is-active::after {
  content: " ";
  width: 10px;
  height: 46px;
  position: absolute;
  background: #000;
  margin: -5px 0 0 38px;
}
/* Visual effects of changing settings */
/* Reduce all cards size */
.preferences_small_cards .filterDiv,
.preferences_small_cards .filterDiv:hover {
  transform: scale(0.8);
  margin: -22px -15px -15px -15px;
}
.preferences_small_cards .filterDiv.card-standard-project,
.preferences_small_cards .filterDiv:hover.card-standard-project {
  margin: 0px -10px -15px -10px;
}
/*Selection check box room for smaller cards */
.preferences_small_cards input[type="checkbox"] + .filterDiv.card-container,
.preferences_small_cards input[type="radio"] + .filterDiv.card-container {
  margin-top: -8px;
}
.preferences_small_cards input[type="checkbox"] + .filterDiv.card-standard-project,
.preferences_small_cards input[type="radio"] + .filterDiv.card-standard-project {
  margin-top: 0px;
}
.preferences_small_cards input[type="checkbox"]:checked + .filterDiv,
.preferences_small_cards input[type="radio"]:checked + .filterDiv {
  transform: scale(0.8);
}
/* Hide blocks */
.preferences_hide_awards_and_milestones .player_home_block--milestones-and-awards {
  display: none;
}
.preferences_panel_langs {
  margin-left: 38px;
}
/* Remove background */
.preferences_remove_background #player-home {
  background: #222;
}
.preferences_remove_background #spectator-home {
  background: #222;
}
/* Card Magnification */
.preferences_magnify_cards .filterDiv {
  transition: transform 0.15s;
}
.preferences_magnify_cards .filterDiv:hover {
  transform: scale(1.2);
  z-index: 100;
}
.preferences_magnify_cards .dragging .filterDiv:hover {
  transform: none;
}
.preferences_magnify_cards .cards-stack:hover,
.preferences_magnify_cards .cards-stack-first:hover {
  z-index: 2;
  transform: scale(1);
}
.preferences_magnify_cards .global-event:hover {
  transform: scale(1.2);
  z-index: 2;
}
/* Magnify the wee little cards in a special way, if requested */
.preferences_small_cards.preferences_magnify_cards .filterDiv:hover {
  transform: scale(0.95);
}
.info_panel-spacing {
  padding-bottom: 40px;
}
.info-panel-title {
  font-size: 25px;
  font-style: normal;
  font-family: Arial;
  font-weight: bold;
  text-align: left;
  padding-bottom: 15px;
}
.info_panel {
  padding: 15px 15px 15px 20px;
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 53px;
  color: #c6c6c6;
  background: #000000;
  max-height: calc(85vh);
  overflow-y: auto;
}
.info_panel_actions {
  text-align: center;
}
.free-floating-preferences-icon {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 16px;
}
.bug-dialog .center {
  text-align: center;
}
.bug-dialog .invisible {
  visibility: hidden;
}
.bug-dialog a {
  color: blue;
}
.wf-component .wf-component-title {
  font-size: 23px;
}
.wf-select-space {
  border: 10px solid red;
  display: inline-block;
  padding: 10px;
}
.gotomap_cont span {
  color: #ddd;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: #555;
}
.wf-component--select-card input {
  display: none;
}
.wf-component--select-party input {
  display: none;
}
.wf-component--select-party .wf-component--list-party {
  display: flex;
  flex-flow: row;
}
.wf-root .reset {
  color: red;
}
.payments_cont {
  margin-bottom: 20px;
}
.payments_cont section {
  max-width: 350px;
}
.payments_cont .nes-container.with-title > .payments_title {
  display: table;
  padding: 0 0.5rem;
  margin: -2.3rem 0 1rem;
  font-size: 1rem;
  background-color: #bdbdbd;
}
.payments_type {
  margin-bottom: 15px;
}
.payments_type_icon {
  margin: 0px 10px 0 0;
  cursor: pointer;
}
.payments_input {
  max-width: 70px;
  font-size: 24px;
  font-weight: bold;
  color: #4f4f4f;
  text-align: center;
}
.payments_save {
  text-align: center;
}
.payments_title {
  font-size: 20px;
  color: #666;
}
.other_player_cont {
  display: inline-block;
  width: 100%;
  padding: 10px 0 0 25px;
  background: #222;
  max-height: 1200px;
  margin-right: 20px;
  overflow-y: auto;
  border-radius: 0px 0px 8px 8px;
}
.other_player_cont .other_player_close {
  float: right;
}
.other_player_header {
  display: flex;
  justify-content: space-between;
  padding: 5px 8px;
  border-radius: 8px 8px 0px 0px;
  margin-bottom: -4px;
}
.colony-cube {
  transform: scale(1.6);
  margin: 13px 0 0 15px;
  position: absolute;
  top: 0;
}
.colony-track-marker {
  background: url(./assets/cube.png);
  position: absolute;
  margin: 13px 0 0 15px;
  top: 0px;
  width: 30px;
  height: 30px;
}
.colony-spaceship {
  position: absolute;
  margin-top: 70px;
  margin-left: 250px;
  width: 110px;
  height: 126px;
  transform: scale(1.2);
}
.colony-card-title-div {
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
}
.colony-card-title-span {
  font-family: Prototype;
  font-size: 40px;
  padding-left: 10px;
  padding-right: 25px;
  margin-left: 2px;
}
.colony-content {
  font-family: Prototype;
  text-transform: uppercase;
  font-size: 16px;
  margin-left: 10px;
}
.colony-background-color {
  background: linear-gradient(to right, #ccc, rgba(0, 0, 0, 0));
  padding-left: 5px;
  padding-right: 20px;
  border-radius: 2px;
}
.colony-grid-container {
  position: absolute;
  display: inline-block;
  margin-left: 4px;
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto;
  vertical-align: middle;
}
.colony-grid-container > div {
  background: linear-gradient(#4444, #888);
  color: #444444;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  width: 52px;
  height: 47px;
  vertical-align: middle;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
}
.colony-grid-container > div > .production-box {
  width: 48px;
  height: 35px;
  margin-top: 0px;
}
.colony-grid-container2 {
  position: absolute;
  display: inline-block;
  margin-top: 50px;
  margin-left: 8px;
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto;
  vertical-align: middle;
  gap: 0.3rem;
}
.colony-grid-container2 > div {
  color: white;
  text-align: center;
  font-size: 34px;
  width: 50px;
  height: 47px;
  vertical-align: middle;
  text-shadow: 0 0 5px black;
}
.resource-stacked {
  min-width: 20px;
  line-height: 18px;
  position: absolute;
}
.resource-stacked.resource-stacked--1 {
  margin: -60px 0 0 -15px;
}
.resource-stacked.resource-stacked--2 {
  margin: -60px 0 0 -15px;
}
.resource-stacked.resource-stacked--3 {
  margin: -60px 0 0 -15px;
}
.ocean-tile-colony {
  padding: 10px;
  margin-top: 4px;
  margin-left: 7px;
  width: 15px;
  height: 21px;
  background-size: 35px 40px;
}
.white-x {
  display: inline-block;
  position: relative;
  left: -10px;
  top: 2px;
  vertical-align: bottom;
  margin-bottom: 9px;
  text-shadow: 1px 1px 2px black, -1px 0 #444444, 0 1px #444444, 1px 0 #444444, 0 -1px #444444;
}
.white-x::after {
  z-index: 1;
  color: white;
  font-size: 24px;
  font-weight: bold;
  margin-left: -38px;
  content: "X";
}
.triple-res {
  margin-left: 25px;
  margin-top: 8px;
}
.white-x--3::after {
  content: "3" !important;
}
.white-char {
  font-size: 20px;
  font-weight: bold;
  color: white;
}
.Enceladus-background {
  background-image: url("./assets/colonies-planets/enceladus.png");
  background-size: 150px 150px;
  background-position: bottom 120px right -15px;
  box-shadow: inset 0 0 4px 4px #a3c998, 0 0 2px 1px black;
}
.Enceladus-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #a3c998, black);
}
.Pluto-background {
  background-image: url("./assets/colonies-planets/pluto.jpg");
  background-size: 150px 150px;
  background-position: bottom 117px right 7px;
  box-shadow: inset 0 0 4px 4px #c2e0f6, 0 0 2px 1px black;
}
.Pluto-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #c2e0f6, black);
}
.Miranda-background {
  background-image: url("./assets/colonies-planets/miranda.jpg");
  background-size: 100px 100px;
  background-position: bottom 145px right 55px;
  box-shadow: inset 0 0 4px 4px #73d8ff, 0 0 2px 1px black;
}
.Miranda-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #73d8ff, black);
}
.Io-background {
  background-image: url("./assets/colonies-planets/io.jpg");
  background-size: 200px 200px;
  background-position: bottom 60px right -20px;
  box-shadow: inset 0 0 4px 4px #eee, 0 0 2px 1px black;
}
.Io-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #eee, black);
}
.Luna-background {
  background-image: url("./assets/colonies-planets/luna.jpg");
  background-position: bottom -5px right 0px;
  box-shadow: inset 0 0 4px 4px #6ab9f4, 0 0 2px 1px black;
}
.Luna-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #6ab9f4, black);
}
.Iapetus-background,
.Iapetus-II-background {
  background-image: url("./assets/colonies-planets/iapetus.jpg");
  background-position: top 0px right -30px;
  background-size: 240px 180px;
  box-shadow: inset 0 0 4px 4px #d4ce78, 0 0 2px 1px black;
}
.Iapetus-title,
.Iapetus-II-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #c5b56c, transparent);
}
.Mercury-background {
  background-image: url("./assets/colonies-planets/mercury.jpg");
  background-size: 110px 110px;
  background-position: top 5px right 10px;
  box-shadow: inset 0 0 4px 4px #f5c185, 0 0 2px 1px black;
}
.Mercury-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #f3ab68, transparent);
}
.mercury-production-box {
  margin-top: 8px;
}
.Hygiea-background {
  background-image: url("./assets/colonies-planets/hygiea.jpg");
  background-position: top 0px right 10px;
  background-size: 110px 120px;
  box-shadow: inset 0 0 4px 4px #d17ab7, 0 0 2px 1px black;
}
.Hygiea-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #c767aa, transparent);
}
.Titania-background {
  background-image: url("./assets/colonies-planets/titania.jpg");
  background-position: top -5px right -30px;
  background-size: 232px 172px;
  box-shadow: inset 0 0 4px 4px #3faaca, 0 0 2px 1px black;
}
.Titania-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #3491b6, transparent);
}
.Pallas-background {
  background-image: url("./assets/colonies-planets/pallas.jpg");
  background-size: 160px;
  background-position: top 3px right -5px;
  box-shadow: inset 0 0 4px 4px #808085, 0 0 2px 1px black;
}
.Pallas-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #787981, transparent);
}
.Venus-background {
  background-image: url("./assets/colonies-planets/venus.jpg");
  background-position: top -2px right -10px;
  background-size: 180px 180px;
  box-shadow: inset 0 0 4px 4px #facf59, 0 0 2px 1px black;
}
.Venus-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #f8c539, transparent);
}
.venus-colony-bonus {
  transform: scale(0.8);
  margin-left: -3px;
}
.Leavitt-background,
.Leavitt-II-background {
  background-image: url("./assets/colonies-planets/leavitt.jpg");
  background-position: top -3px right 8px;
  box-shadow: inset 0 0 4px 4px #404891, 0 0 2px 1px black;
}
.Leavitt-title,
.Leavitt-II-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #30268f, transparent);
}
.copy-trade-box {
  color: white;
  background-color: black;
  line-height: 23px;
}
.Ceres-background {
  background-image: url("./assets/colonies-planets/ceres.png");
  background-size: 100px 100px;
  background-position: bottom 150px right 60px;
  box-shadow: inset 0 0 4px 4px #7c9dc8, 0 0 2px 1px black;
}
.Ceres-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #7c9dc8, black);
}
.Triton-background {
  background-image: url("./assets/colonies-planets/triton.jpg");
  background-size: 150px 150px;
  background-position: bottom 90px right 35px;
  box-shadow: inset 0 0 4px 4px #c2e0f6, 0 0 2px 1px black;
}
.Triton-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #c2e0f6, black);
}
.Ganymede-background {
  background-image: url("./assets/colonies-planets/ganymede.jpg");
  background-position: bottom 5px right 10px;
  box-shadow: inset 0 0 4px 4px #969696, 0 0 2px 1px black;
}
.Ganymede-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #969696, rgba(0, 0, 0, 0));
}
.Callisto-background {
  background-image: url("./assets/colonies-planets/callisto.png");
  background-size: 300px 300px;
  background-position: bottom -11px right -55px;
  box-shadow: inset 0 0 4px 4px #9e4f96, 0 0 2px 1px black;
}
.Callisto-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #9e4f96, black);
}
.Europa-background {
  background-image: url("./assets/colonies-planets/europa.png");
  background-size: 220px 220px;
  background-position: bottom 65px right -5px;
  box-shadow: inset 0 0 4px 4px #bc9578, 0 0 2px 1px black;
}
.Europa-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #bc9578, black);
}
.Titan-background {
  background-image: url("./assets/colonies-planets/titan.jpg");
  background-size: 250px 250px;
  background-position: bottom 30px right -8px;
  box-shadow: inset 0 0 4px 4px #ffcc64, 0 0 2px 1px black;
}
.Titan-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #ffcc64, black);
}
.Deimos-title {
  text-transform: uppercase;
  background: linear-gradient(to right, #8d2f03, transparent);
}
.Deimos-background {
  background-image: url("./assets/colonies-planets/deimos.jpg");
  background-size: 170px;
  background-position: top -14px right -10px;
  box-shadow: inset 0 0 4px 4px #b44708, 0 0 2px 1px black;
}
.deimos-colony-bonus {
  display: inline-block;
}
.deimos-colony-bonus-text {
  position: relative;
  top: -3px;
  left: -3px;
}
.hazard-tile {
  background-image: url("./assets/tiles/hazard.png");
  background-size: 42px 42px;
  height: 42px;
  width: 42px;
  filter: contrast(1.25);
  margin-top: 3px;
}
input[type="radio"]:checked + .colonies.filterDiv {
  box-shadow: inset 0 0 4px 4px #c97e23, 0 0 2px 1px black;
}
input[type="radio"]:checked + .colonies::after {
  top: 17px;
  left: 174px;
  width: 243px;
  background: linear-gradient(to right, rgba(226, 140, 34, 0.1), #e28c22, #c97e23);
  height: 47px;
  font-size: 36px;
  border-radius: 0px;
  border: none;
}
.log-generations {
  display: flex;
  margin-bottom: 16px;
  align-items: center;
}
.log-generations .log-title {
  display: inline-block;
  margin: 0px;
  padding-bottom: 6px;
  margin-right: 16px;
}
.log-generations .log-gen-title {
  margin-left: 16px;
  text-transform: uppercase;
  font-family: Prototype;
}
.log-generations .log-gen-numbers {
  display: flex;
}
.log-generations .log-gen-numbers .log-gen-indicator {
  padding: 2px 12px;
  margin-left: 8px;
  cursor: pointer;
  border: 2px solid rgba(170, 170, 170, 0.6);
  border-radius: 8px;
}
.log-generations .log-gen-numbers .log-gen-indicator:hover {
  background: #ccc;
  color: black;
}
.log-generations .log-gen-numbers .log-gen-indicator--selected {
  background: #ccc;
  color: black;
}
.log-panel {
  height: 240px;
  max-height: 240px;
  border-style: none;
  font-size: 18px;
  padding: 5px;
  max-width: 860px;
  background: #222;
  position: relative;
}
.log-panel .log-panel-actions {
  position: absolute;
  top: 20px;
  right: 60px;
}
.log-panel li {
  margin-top: 0 !important;
  list-style-type: none;
}
.log-panel li span {
  margin-right: 5px;
  font-size: 15px;
}
.log-panel ul {
  margin: 0 !important;
}
.card-panel {
  display: inline-block;
}
.card-panel .btn {
  margin-top: 10px;
}
.log-player {
  text-shadow: 1px 1px 1px #222, -1px -1px 1px #666;
  padding: 2px 10px;
  border-radius: 2px;
  font-weight: bold;
}
.log-card {
  color: #000;
  cursor: pointer;
  padding: 2px 5px;
  border-radius: 2px;
  font-family: Ubuntu;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}
.log-tag {
  display: inline-block;
  background-size: 18px;
  width: 18px;
  height: 18px;
  margin: 0 -6px -4px 0px;
}
.log-resource-megacredits {
  display: inline-block;
  background-size: 18px;
  width: 18px;
  height: 18px;
  font-size: 11px;
  margin-right: -5px;
}
.log-container .debugid {
  font-size: 9px;
  color: #888;
  position: absolute;
  bottom: 0px;
  right: 50px;
}
.load-game-form {
  margin-bottom: 25px;
  max-width: 1002px;
}
.load-game--block {
  background: #202020;
  padding: 25px;
}
.load-game-form {
  padding-top: 5px;
}
.load-game-id {
  color: #020202;
  max-width: 230px;
}
.delegate {
  display: inline-block;
  background-image: url(./assets/misc/delegate.png);
  width: 24px;
  height: 30px;
  background-size: 24px 30px;
  vertical-align: middle;
  filter: drop-shadow(0px 0px 1px black);
  margin-bottom: 6px;
}
.delegate-red {
  filter: drop-shadow(0px 1px 1px darkred) drop-shadow(0px -1px 1px red) drop-shadow(0px 0px 2px black);
}
.party {
  background: #ddd;
  padding: 0px 10px 0px 10px;
  border: 1px solid #666;
  border-radius: 20px;
  text-transform: uppercase;
}
.influence {
  display: inline-block;
  background-image: url(./assets/misc/influence.png);
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  vertical-align: middle;
  margin-bottom: 5px;
}
.chairman {
  display: inline-block;
  background-image: url(./assets/misc/chairman.png);
  width: 24px;
  height: 30px;
  background-size: 24px 30px;
  vertical-align: middle;
  filter: drop-shadow(0px 0px 1px black);
  background-color: #222;
  padding: 3px;
  background-repeat: no-repeat;
  background-position: 3px;
  border-radius: 15px 15px 2px 2px;
  margin-bottom: 6px;
}
.leader {
  display: inline-block;
  background-image: url(./assets/misc/delegate.png);
  width: 24px;
  height: 30px;
  background-size: 24px 30px;
  vertical-align: middle;
  filter: drop-shadow(0px 0px 1px black);
  background-color: #222;
  padding: 3px;
  background-repeat: no-repeat;
  background-position: 3px;
  border-radius: 15px 15px 2px 2px;
  margin-bottom: 6px;
}
.turmoil {
  color: #000000;
  font-size: medium;
  line-height: initial;
  box-sizing: initial;
  text-align: center;
  width: 1010px;
  display: inline-block;
  vertical-align: top;
  transform: scale(0.88);
  margin: -40px 0 -45px -60px;
}
.events-board {
  display: inline-block;
  vertical-align: top;
  box-sizing: initial;
  text-align: left;
  margin: 10px 0 -10px 0px;
  width: 1010px;
}
.global-event {
  display: inline-block;
  vertical-align: top;
  width: 332px;
  height: 186px;
  margin: 0 1px;
  background: url(./assets/parties/global_event.png);
  color: #000000;
  font-size: medium;
  border-radius: 5px;
  margin-bottom: 10px;
}
.global-event-card-content {
  width: 300px !important;
  height: 118px !important;
  justify-content: center;
  margin: 0 auto;
  top: 3px;
  box-sizing: inherit;
}
.global-event-title {
  position: absolute;
  text-transform: uppercase;
  width: 200px;
  margin-top: 135px;
  margin-left: 70px;
  font-weight: 600;
  text-align: center;
  height: 32px;
  top: 11px;
}
.global-event-name {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  line-height: 15px;
}
.event-title {
  display: none;
}
.event-parties {
  margin-bottom: 10px;
}
.event-party {
  position: absolute;
  width: 200px;
  font-family: Ubuntu, Sans;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  color: #fff;
  background: #000;
  text-transform: uppercase;
}
.event-party.event-party--revealed {
  clip-path: polygon(5% 0, 95% 0, 100% 30%, 100% 80%, 100% 100%, 6% 100%, 0% 70%, 0 0);
  margin: 0px 0 0 69px;
}
.event-party.event-party--current {
  clip-path: polygon(5% 0%, 100% 0, 100% 40%, 89% 102%, 0% 100%, 0% 35%);
  margin: 136px 0 0 127px;
}
.event-party.event-party--greens {
  background: #16b215;
}
.event-party.event-party--scientists {
  background: #fff;
  color: #222;
}
.event-party.event-party--mars_first {
  background: #c97e23;
}
.event-party.event-party--unity {
  background: #108ff0;
}
.event-party.event-party--reds {
  background: #e65b5a;
}
.event-party.event-party--kelvinists {
  background: #5d4d4d;
}
.global-event--coming .event-party--bottom {
  margin-left: 123px;
}
.global-event--current .event-party--bottom {
  margin-left: 121px;
}
.event-content {
  display: table-cell;
  vertical-align: middle;
  height: 170px;
  padding: 0 30px;
}
.turmoil-board {
  margin: 10px 0 0 0;
  background: url(./assets/turmoil_ui.png);
  background-position: -25px -383px;
  min-height: 500px;
}
.turmoil-header {
  min-height: 180px;
}
.grid-parties {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  gap: 10px;
}
.board-party {
  width: 160px;
  height: 160px;
  border-radius: 0 0 10px 10px;
}
.grid-delegates {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px 7px 7px 9px;
  gap: 0px;
  min-height: 118px;
}
.grid-delegates.grid-in-send-delegate {
  padding-top: 15px;
}
.delegate-spot {
  width: 40px;
  height: 40px;
}
.party-container {
  display: inline-block;
  width: 164px;
  height: 307px;
  margin: 15px 10px 10px 0px;
  border: none;
  box-shadow: none;
  border-radius: 0px;
  background: url(./assets/turmoil_ui.png);
}
.party-container.party-background--mars_first {
  background-position: -23px 316px;
}
.party-container.party-background--scientists {
  background-position: -193px 316px;
}
.party-container.party-background--unity {
  background-position: -363px 316px;
}
.party-container.party-background--greens {
  background-position: -533px 316px;
}
.party-container.party-background--reds {
  background-position: -703px 316px;
}
.party-container.party-background--kelvinists {
  background-position: -873px 316px;
}
.party-badge {
  clip-path: polygon(0 0, 80% 0%, 100% 20%, 100% 100%, 20% 100%, 0% 80%);
  font-family: Prototype;
  position: relative;
  display: inline-block;
  margin-top: 5px;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 10px;
  width: 30px;
  height: 30px;
  font-size: 22px;
  line-height: 30px;
  background-size: 30px;
  filter: drop-shadow(0px 0px 1px black);
  vertical-align: middle;
}
.party-badge.party-badge--greens {
  background: #16b215;
}
.party-badge.party-badge--scientists {
  background: #fff;
  color: #222;
}
.party-badge.party-badge--mars_first {
  background: #c97e23;
}
.party-badge.party-badge--unity {
  background: #108ff0;
}
.party-badge.party-badge--reds {
  background: #e65b5a;
}
.party-badge.party-badge--kelvinists {
  background: #5d4d4d;
}
.party-name {
  height: 31px;
  line-height: 32px;
  clip-path: polygon(5% 0, 95% 0, 100% 30%, 100% 80%, 100% 100%, 6% 100%, 0% 70%, 0 0);
  background: #e00bc4;
  width: 165px;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 6px -3px;
}
.party-name.party-name-indicator {
  height: 20px;
  line-height: 22px;
  width: 50px;
  margin: 10px 0 0px 3px;
  font-size: 11px;
  text-align: center;
}
.party-name.party-name--greens {
  background: #16b215;
}
.party-name.party-name--scientists {
  background: #fff;
  color: #222;
}
.party-name.party-name--mars_first {
  background: #c97e23;
}
.party-name.party-name--unity {
  background: #108ff0;
}
.party-name.party-name--reds {
  background: #e65b5a;
}
.party-name.party-name--kelvinists {
  background: #5d4d4d;
}
.grid-leaders {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto;
  gap: 10px;
  margin: 11px 0 0 2px;
}
.party-bonus {
  line-height: 18px;
  transform: scale(0.8);
}
.leader-spot {
  width: 40px;
  padding: 7px 55px 0 55px;
  height: 72px;
  z-index: 2;
}
.leader-spot .delegate-spot {
  transform: scale(0.7);
  margin-top: 5px;
}
.send-delegate-leader-spot {
  transform: scale(0.8);
  padding-top: 12px;
  padding-left: 58px;
}
.turmoil-lobby {
  position: absolute;
  width: 320px;
  margin: 59px 0 0 52px;
  text-align: left;
}
.turmoil-reserve {
  position: absolute;
  width: 355px;
  margin: 59px 0 0 651px;
  text-align: left;
}
.lobby-spot {
  width: 52px;
  height: 63px;
  display: inline-block;
}
.chairman-spot {
  width: 95px;
  height: 87px;
  background: url(./assets/turmoil_ui.png);
  background-position: -343px 876px;
  position: absolute;
  margin: 36px 0 0 495px;
  padding: 17px 0 0 42px;
  transform: scale(0.8);
}
.label-lobby {
  width: 115px;
  margin: auto;
}
.label-5mc {
  width: 110px;
  margin: auto;
}
.count-in-send-delegate {
  font-size: 22px;
}
.player-token {
  width: 50px;
  height: 32px;
  background: url(./assets/turmoil_ui.png);
  background-position: -25px -383px;
  font-size: 27px;
  text-align: center;
  padding: 27px 0 0 0;
  color: white;
  font-family: Prototype;
}
.player-token.red {
  background-position: -699px 850px;
}
.player-token.yellow {
  background-position: -644px 850px;
}
.player-token.black {
  background-position: -754px 850px;
}
.player-token.blue {
  background-position: -809px 850px;
}
.player-token.green {
  background-position: -865px 850px;
}
.player-token.purple {
  background-position: -973px 850px;
}
.player-token.orange {
  background-position: -644px 780px;
}
.player-token.pink {
  background-position: -699px 780px;
}
.player-token.neutral {
  background-position: -919px 850px;
  color: #7b7b7b;
}
.player-token-new-leader {
  background: url(./assets/turmoil_ui.png);
  background-position: -486px 861px;
}
.select-party-leader-spot {
  width: 125px;
  height: 85px;
  margin-left: 5px;
  margin-top: 5px;
}
.select-party-leader-spot.dominance-marker {
  background: url(./assets/turmoil_ui.png);
  background-position: -486px 861px;
}
.dominant-party-bonus {
  position: absolute;
  margin: 76px 0px 0 322px;
  width: 200px;
  color: white;
}
.dominant-party-bonus p {
  max-width: 182px;
}
.policy-user-cubes {
  position: absolute;
  margin: 132px 0px 0 336px;
  display: flex;
  flex-flow: row nowrap;
  width: 180px;
  justify-content: center;
}
.policy-user-cubes .policy-use-marker {
  display: inline-block;
  width: 21px;
  height: 21px;
  filter: drop-shadow(2px 2px 3px black);
  margin: 5px;
  font-size: 14px;
  color: white;
  line-height: 21px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.dominant-party-name {
  position: absolute;
  margin: 35px 0 0 340px;
  transform: scale(0.85);
}
.party-production {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  margin: 3px;
  text-align: center;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
}
.party-production-box {
  width: 44px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 20px;
  line-height: 20px;
  margin-top: 0;
  transform: scale(0.8);
  height: 37px;
  vertical-align: top;
}
.party-resource-tag {
  font-size: 20px;
}
.party-resource {
  margin-right: 0px;
  margin-left: 0px;
}
.party-rating {
  font-size: 20px;
  padding-bottom: 4px;
  padding-left: 5px;
  height: 16px;
  line-height: 11px;
  background-size: 40px 26px !important;
}
.party-inferior-rating {
  background-color: #f06400;
  background: linear-gradient(orange, orangered);
  font-size: 38px;
  font-weight: normal;
  padding-bottom: 7px;
  padding-left: 5px;
  height: 16px;
  line-height: 11px;
  vertical-align: middle;
  margin-top: 7px !important;
}
.party-tile {
  width: 30px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 8px;
  padding: 4px;
  padding-top: 6px;
  padding-left: 6px;
}
.policies-clickable {
  font-family: Ubuntu, Sans;
  letter-spacing: 1px;
  font-size: 16px;
  color: #303030;
  text-transform: uppercase;
  padding: 3px 26px 3px 26px;
  border-radius: 0 0 20px 20px;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  margin: 138px 0 0 0;
  font-weight: bold;
  text-align: right;
  width: 460px;
}
.policies-clickable:link {
  color: #303030;
}
.policies-clickable:visited {
  color: #303030;
}
.policy-block {
  background-color: #313131;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  min-width: 233px;
  min-height: 104px;
  margin: 10px;
}
.policy-block .party-name {
  margin-left: 38px;
}
.policies-global {
  margin-top: 175px;
  position: absolute;
  z-index: 3;
  background-color: #303030;
  border-radius: 10px;
}
.policy-bonus {
  margin-left: 20px;
  color: white;
}
.card-small {
  transform: scale(0.8);
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 5px;
}
.greenery-tile-small {
  transform: scale(0.8);
  margin-left: 0px;
  margin-top: -5px;
  margin-bottom: 0px;
}
.policy-card-with-tag {
  margin-top: 10px;
}
.req-tile-small {
  transform: scale(0.8);
  margin: 10px 0px;
}
.policy-top-margin {
  margin-top: 10px;
}
.scientists-requisite {
  background-image: url(./assets/requisites/min_small.png);
  width: 60px;
  height: 30px;
  background-size: 60px 30px;
  margin-top: 15px;
  margin-left: 75px;
}
.standard-projects {
  background-image: url(./assets/misc/standard_projects.png);
  width: 84px;
  height: 30px;
  background-size: 84px 30px;
  display: inline-block;
  margin-bottom: -10px;
}
.turmoil-party-transition-arrow-grid {
  position: absolute;
  left: 130px;
  top: 400px;
}
.turmoil-party-transition-arrow-grid .turmoil-party-transition-arrow {
  display: inline-block;
  width: 70px;
  height: 15px;
  background-color: #444;
  clip-path: polygon(30% 15%, 30% 40%, 100% 40%, 100% 60%, 30% 60%, 30% 85%, 0% 50%);
  margin-right: 96px;
}
.red-arrow-3x {
  background-image: url(./assets/misc/arrow_3x.png);
  background-size: 30px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-position: 0px;
}
.red-arrow-infinity {
  background-image: url(./assets/misc/arrow_infinity.png);
  background-size: 30px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-position: 0px;
}
.selectable-party-name {
  position: absolute;
  top: 220px;
  left: 3px;
  transform: scale(0.9);
  text-align: center;
}
input[type="radio"]:checked + .party-container.filterDiv {
  box-shadow: none;
}
input[type="radio"]:checked + .party-container::after {
  top: 253px;
  left: 8px;
  width: 149px;
  background: #e28c22;
  height: 47px;
  font-size: 36px;
  border-radius: 4px;
  border: none;
}
.unavailable-party {
  filter: brightness(0.4);
  cursor: default;
}
.card-tile-ares {
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-biofertilizer-facility {
  background: url(./assets/board_icons_ares.png) -342px -83px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-capital-ares {
  background: url(./assets/board_icons_ares.png) -198px -83px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-commercial-district-ares {
  background: url(./assets/board_icons_ares.png) -486px -27px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-great-dam-ares {
  background: url(./assets/board_icons_ares.png) -581px -139px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-deimos-down-ares {
  background: url(./assets/board_icons_ares.png) -581px -189px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-industrial-center-ares {
  background: url(./assets/board_icons_ares.png) -534px -27px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-lava-flows-ares {
  background: url(./assets/board_icons_ares.png) -246px -27px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-mohole-area-ares {
  background: url(./assets/board_icons_ares.png) -438px -27px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-magnetic-field-generators-ares {
  background: url(./assets/board_icons_ares.png) -534px -139px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-metallic-asteroid {
  background: url(./assets/board_icons_ares.png) -294px -83px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-mining-steel {
  background: url(./assets/board_icons_ares.png) -294px -27px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-mining-titanium {
  background: url(./assets/board_icons_ares.png) -390px -83px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-natural-preserve-ares {
  background: url(./assets/board_icons_ares.png) -390px -27px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-nuclear-zone-ares {
  background: url(./assets/board_icons_ares.png) -198px -27px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-restricted-area-ares {
  background: url(./assets/board_icons_ares.png) -342px -27px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-ocean-city {
  background: url(./assets/board_icons_ares.png) -129px -27px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-ocean-farm {
  background: url(./assets/board_icons_ares.png) -29px -27px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-ocean-sanctuary {
  background: url(./assets/board_icons_ares.png) -79px -27px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.card-tile-solar-farm {
  background: url(./assets/board_icons_ares.png) -246px -83px no-repeat;
  width: 47px !important;
  height: 51px !important;
  background-size: auto !important;
}
.board-space-tile--ocean-farm {
  background: url(./assets/board_icons_ares.png) -29px -27px no-repeat;
}
.board-space-tile--ocean-sanctuary {
  background: url(./assets/board_icons_ares.png) -79px -27px no-repeat;
}
.board-space-tile--ocean-city {
  background: url(./assets/board_icons_ares.png) -129px -27px no-repeat;
}
.board-space-tile--nuclear-zone-ares {
  background: url(./assets/board_icons_ares.png) -198px -27px no-repeat;
}
.board-space-tile--lava-flows-ares {
  background: url(./assets/board_icons_ares.png) -246px -27px no-repeat;
}
.board-space-tile--mining-steel {
  background: url(./assets/board_icons_ares.png) -294px -27px no-repeat;
}
.board-space-tile--restricted-area-ares {
  background: url(./assets/board_icons_ares.png) -342px -27px no-repeat;
}
.board-space-tile--natural-preserve-ares {
  background: url(./assets/board_icons_ares.png) -390px -27px no-repeat;
}
.board-space-tile--mohole-area-ares {
  background: url(./assets/board_icons_ares.png) -438px -27px no-repeat;
}
.board-space-tile--commercial-district-ares {
  background: url(./assets/board_icons_ares.png) -486px -27px no-repeat;
}
.board-space-tile--great-dam-ares {
  background: url(./assets/board_icons_ares.png) -581px -139px no-repeat;
}
.board-space-tile--deimos-down-ares {
  background: url(./assets/board_icons_ares.png) -581px -189px no-repeat;
}
.board-space-tile--industrial-center-ares {
  background: url(./assets/board_icons_ares.png) -534px -27px no-repeat;
}
.board-space-tile--ecological-zone-ares {
  background: url(./assets/board_icons_ares.png) -581px -27px no-repeat;
}
.board-space-tile--capital-ares {
  background: url(./assets/board_icons_ares.png) -198px -83px no-repeat;
}
.board-space-tile--solar-farm {
  background: url(./assets/board_icons_ares.png) -246px -83px no-repeat;
}
.board-space-tile--magnetic-field-generators-ares {
  background: url(./assets/board_icons_ares.png) -534px -139px no-repeat;
}
.board-space-tile--metallic-asteroid {
  background: url(./assets/board_icons_ares.png) -294px -83px no-repeat;
}
.board-space-tile--biofertilizer-facility {
  background: url(./assets/board_icons_ares.png) -342px -83px no-repeat;
}
.board-space-tile--mining-titanium {
  background: url(./assets/board_icons_ares.png) -390px -83px no-repeat;
}
.board-space-tile--dust-storm-mild {
  background: url(./assets/board_icons_ares.png) -438px -83px no-repeat;
}
.board-space-tile--dust-storm-severe {
  background: url(./assets/board_icons_ares.png) -486px -83px no-repeat;
}
.board-space-tile--erosion-mild {
  background: url(./assets/board_icons_ares.png) -534px -83px no-repeat;
}
.board-space-tile--erosion-severe {
  background: url(./assets/board_icons_ares.png) -581px -83px no-repeat;
}
.board-space-tile--empty-tile--M {
  background: url(./assets/board_icons_ares.png) -29px -83px no-repeat;
  position: relative;
}
.board-space-tile--empty-tile--S {
  background-image: url(./assets/tiles/empty.png);
  width: 32px !important;
  height: 34px !important;
  background-size: 32px 34px !important;
  position: relative;
}
.board-space-tile--adjacency-tile {
  background: url(./assets/board_icons_ares.png) -79px -83px no-repeat;
}
.ares-container {
  font-size: 14px;
}
.ares-global-parameter-option {
  padding-right: 16px;
}
.help-container .help-tabs {
  padding-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-bottom: 10px;
}
.help-container input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.help-container label {
  color: #ccc;
  display: inline-block;
  background-color: #444;
  padding: 3px 20px 3px 20px;
  font-family: Ubuntu, Sans;
  font-size: 23px;
  border-radius: 8px 8px 0px 0px;
  text-align: center;
  margin: 4px;
  width: auto;
  display: flex;
  justify-content: center;
}
.help-container label:hover {
  background-color: #686868;
  cursor: pointer;
}
.help-container input[type="radio"]:checked + label {
  background-color: #c7c7c7;
  color: black;
}
.help-iconology-container {
  padding: 20px;
  display: flex;
  flex-flow: row wrap;
}
.help-phases-container {
  padding-bottom: 40px;
}
.help-standard-projects-container {
  padding-bottom: 40px;
}
.help-standard-projects-container h2 {
  padding-top: 25px;
  margin-bottom: 0px;
}
.help-icons-column {
  display: flex;
  flex-flow: column nowrap;
  padding: 10px;
  justify-content: flex-start;
  padding-right: 60px;
}
.help-icon-column > div {
  margin-top: 0px;
  margin-bottom: 5px;
}
.help-icon-label {
  padding-left: 15px;
  display: inline-block;
}
.help-icon-sublabel {
  font: 15px;
  color: gray;
  display: inline-block;
}
.help-icon-mc-font {
  color: rgba(0, 0, 0, 0.3);
  font-style: normal;
  font-family: Arial;
  font-weight: bold;
  text-align: center;
}
.help-icons-section-heading {
  font-size: 25px;
  font-style: normal;
  font-family: Arial;
  font-weight: bold;
  text-align: center;
  padding-bottom: 15px;
}
.help-icon-resource {
  font-family: Prototype;
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
  width: 30px;
  height: 30px;
  font-size: 22px;
  line-height: 30px;
  background-size: 30px;
  filter: drop-shadow(0px 0px 1px black);
  vertical-align: middle;
}
.help-other-symbols {
  display: inline-block;
  width: 60px;
}
.help-icon-param-box-temperature {
  display: inline-block;
  margin-bottom: 5px;
  width: 40px;
  height: 40px;
  background-image: url(./assets/global-parameters/temperature.png);
  background-size: 12px 40px;
  background-position: 13px -1px;
  filter: drop-shadow(0px 0px 1px black);
  background-repeat: no-repeat;
}
.help-icon-param-box-oxygen {
  display: inline-block;
  margin-bottom: 5px;
  width: 40px;
  height: 40px;
  background-image: url(./assets/global-parameters/oxygen.png);
  background-size: 40px 40px;
  background-position: 0px -1px;
  filter: drop-shadow(0px 0px 1px black);
  background-repeat: no-repeat;
}
.help-icon-param-box-ocean {
  display: inline-block;
  margin-bottom: 5px;
  width: 40px;
  height: 40px;
  background-image: url(./assets/tiles/ocean.png);
  background-size: 35px 40px;
  background-position: 3px -1px;
  filter: drop-shadow(0px 0px 1px black);
  background-repeat: no-repeat;
}
.help-icon-param-box-venus {
  display: inline-block;
  margin-bottom: 5px;
  width: 40px;
  height: 40px;
  background-image: url(./assets/global-parameters/venus.png);
  background-size: 40px 22px;
  background-position: 0px 7px;
  filter: drop-shadow(0px 0px 1px black);
  background-repeat: no-repeat;
}
.help-icon-card {
  display: inline-block;
  margin-left: 15px;
}
.help-icon-delegate {
  display: inline-block;
  background: url(./assets/turmoil_ui.png);
  width: 50px;
  height: 60px;
  margin-left: 6px;
  background-position: -919px 850px;
  vertical-align: middle;
  margin-bottom: 5px;
  transform: scale(0.7);
}
.help-icon-influence {
  transform: scale(1.2);
  margin-left: 10px;
}
.help-icon-victory-point {
  display: inline-block;
  color: black;
  font-family: Prototype;
  font-weight: normal;
  width: 80px;
  height: 42px;
  margin-left: -7px;
  line-height: 35px;
  font-size: 28px;
  text-align: center;
  border-radius: 12px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
  background-color: #cda282;
  background: linear-gradient(#cc8b00, #805700, #805700);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  transform: scale(0.8);
}
.help-phases-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.help-phases-container label {
  display: block;
  cursor: pointer;
  width: fit-content;
  border-radius: 8px;
  border: none;
  background-color: #682525;
}
.help-phases-container label:hover {
  background: #9b524d;
}
.help-phases-container input[type="checkbox"]:checked + label {
  background: #8d615e;
}
.help-phases-container ul li ul label {
  margin-top: 10px;
  background: #805c0f;
}
.help-phases-container ul li ul label:hover {
  background: #caaa64;
}
.help-phases-container ul li ul input[type="checkbox"]:checked + label {
  background: #9c7e3b;
}
.help-phases-container ul li ul li {
  margin-left: 25px;
}
.help-phases-container ul ul li {
  margin-left: 25px;
}
.help-phases-container input[type="checkbox"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.help-phases-container input[type="checkbox"] ~ ul {
  height: 0;
  transform: scaleY(0);
}
.help-phases-container input[type="checkbox"]:checked ~ ul {
  height: 100%;
  transform-origin: top;
  transition: transform 0.2s ease-out;
  transform: scaleY(1);
}
.help-hotkeys {
  display: inline-block;
  vertical-align: middle;
  background: url(./assets/help/hotkeys.png);
  width: 608px;
  height: 436px;
  background-size: 608px 436px;
  color: white;
  font-family: Prototype;
  font-weight: normal;
  text-align: left;
  margin-left: 250px;
  line-height: 38px;
}
.help-hotkeys .keys {
  position: relative;
  left: -245px;
  margin-top: 263px;
}
.help-hotkeys-example {
  display: inline-block;
  vertical-align: middle;
  background: url(./assets/help/hotkey-mapping-example.png);
  width: 568px;
  height: 749px;
  background-size: 568px 749px;
  margin: 25px;
}
.card-list-container .selection-row {
  display: flex;
  flex-flow: row wrap !important;
  padding: 20px 10px;
}
.card-list-container .selection-row .expansion-button {
  justify-content: center;
  text-align: center;
}
.card-list-container .selection-row label {
  min-width: 50px;
  padding: 10px;
}
.card-list-container .selection-row .expansion-icon-base::before {
  content: "B";
}
.card-list-container .selection-row button {
  min-width: 50px;
  padding: 10px;
  text-align: center;
  margin: 4px;
}
.card-list-container input[type="checkbox"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.card-list-container input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.card-list-container label {
  color: #ccc;
  display: inline-block;
  background-color: #303030;
  padding: 10px 20px 10px 20px;
  font-family: Ubuntu, Sans;
  font-size: 23px;
  border-radius: 8px;
  text-align: center;
  margin: 4px;
  min-width: 125px;
  height: 60px;
  line-height: 40px;
  display: flex;
  justify-content: center;
}
.card-list-container .expansion-button {
  text-align: left;
  justify-content: left;
}
.card-list-container label:hover {
  background-color: #686868;
  cursor: pointer;
}
.card-list-container input[type="radio"]:checked + label {
  background-color: #c7c7c7;
  color: black;
}
.card-list-container input[type="radio"]:checked + label a {
  color: black;
}
.card-list-container input[type="checkbox"]:checked + label {
  background-color: #c7c7c7;
  color: black;
}
.card-list-container input[type="checkbox"]:checked + label a {
  color: black;
}
.card-list-container .expansion-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 5px;
}
.card-list-container .search-container {
  display: flex;
  /* Make the container a flexbox */
  justify-content: flex-end;
  /* Align items to the right */
}
.card-list-container .search-container input {
  flex: 1;
  margin-right: 5px;
}
.card-list-container .search-container button {
  width: 150px;
  margin-right: 5px;
}
.card-list-container .turmoil_agenda_cont {
  padding: 2px;
}
.board-space-tile--habitat {
  background: url(./assets/moon/habitattile.png) no-repeat;
}
.board-space-tile--road {
  background: url(./assets/moon/roadtile.png) no-repeat;
}
.board-space-tile--mine {
  background: url(./assets/moon/minetile.png) no-repeat;
}
.board-space-tile--luna-trade-station {
  background-image: url(./assets/moon/luna-trade-station.png);
}
.board-space-tile--luna-mining-hub {
  background-image: url(./assets/moon/luna-mining-hub.png);
}
.board-space-tile--luna-train-station {
  background-image: url(./assets/moon/luna-train-station.png);
}
.board-space-tile--lunar-mine-urbanization {
  background-image: url(./assets/moon/lunar-mine-urbanization.png);
}
.moon-board {
  width: 570px;
  height: 335px;
  margin: 85px 0 0 0;
  background: url(./assets/moon/board.png) no-repeat;
}
.moon-board .global-numbers-habitat {
  position: absolute;
  margin: 60px 0px 0px 31px;
}
.moon-board .global-numbers-logistics {
  position: absolute;
  margin: 60px 0px 0px 442px;
}
.moon-board .global-numbers-mining {
  position: absolute;
  margin: 60px 0px 0px 513px;
}
.moon-board .moon-space-m01 {
  margin: 15px 0 0 64px;
}
.moon-board .moon-space-m02 {
  margin: -57px 0 0 53px;
}
.moon-board .moon-space-m03 {
  margin: -57px 0 0 102px;
}
.moon-board .moon-space-m04 {
  margin: -57px 0 0 151px;
}
.moon-board .moon-space-m05 {
  margin: -57px 0 0 200px;
}
.moon-board .moon-space-m06 {
  margin: -18px 0 0 29px;
}
.moon-board .moon-space-m07 {
  margin: -18px 0 0 78px;
}
.moon-board .moon-space-m08 {
  margin: -18px 0 0 127px;
}
.moon-board .moon-space-m09 {
  margin: -18px 0 0 176px;
}
.moon-board .moon-space-m10 {
  margin: -18px 0 0 225px;
}
.moon-board .moon-space-m11 {
  margin: 21px 0 0 4px;
}
.moon-board .moon-space-m12 {
  margin: 21px 0 0 53px;
}
.moon-board .moon-space-m13 {
  margin: 21px 0 0 102px;
}
.moon-board .moon-space-m14 {
  margin: 21px 0 0 151px;
}
.moon-board .moon-space-m15 {
  margin: 21px 0 0 200px;
}
.moon-board .moon-space-m16 {
  margin: 21px 0 0 250px;
}
.moon-board .moon-space-m17 {
  margin: 60px 0 0 29px;
}
.moon-board .moon-space-m18 {
  margin: 60px 0 0 78px;
}
.moon-board .moon-space-m19 {
  margin: 60px 0 0 127px;
}
.moon-board .moon-space-m20 {
  margin: 60px 0 0 176px;
}
.moon-board .moon-space-m21 {
  margin: 60px 0 0 225px;
}
.moon-board .moon-space-m22 {
  margin: 99px 0 0 4px;
}
.moon-board .moon-space-m23 {
  margin: 99px 0 0 53px;
}
.moon-board .moon-space-m24 {
  margin: 99px 0 0 102px;
}
.moon-board .moon-space-m25 {
  margin: 99px 0 0 151px;
}
.moon-board .moon-space-m26 {
  margin: 99px 0 0 200px;
}
.moon-board .moon-space-m27 {
  margin: 99px 0 0 250px;
}
.moon-board .moon-space-m28 {
  margin: 138px 0 0 29px;
}
.moon-board .moon-space-m29 {
  margin: 138px 0 0 78px;
}
.moon-board .moon-space-m30 {
  margin: 138px 0 0 127px;
}
.moon-board .moon-space-m31 {
  margin: 138px 0 0 176px;
}
.moon-board .moon-space-m32 {
  margin: 138px 0 0 225px;
}
.moon-board .moon-space-m33 {
  margin: 177px 0 0 53px;
}
.moon-board .moon-space-m34 {
  margin: 177px 0 0 102px;
}
.moon-board .moon-space-m35 {
  margin: 177px 0 0 151px;
}
.moon-board .moon-space-m36 {
  margin: 177px 0 0 200px;
}
.moon-board .moon-space-m37 {
  margin: 13px 0 0 370px;
}
.moon-board .moon-space-type-mine {
  background: url(./assets/moon/hex_brown.png);
  background-color: #8303;
}
.moon-board .val-0 {
  margin-top: 6px;
}
.moon-board .moon-space-type-other {
  background: url(./assets/moon/hex_yellow.png);
}
.moon-board .global-numbers-value {
  color: #292323;
}
.card-tile-lunar-mine {
  background-image: url(./assets/moon/minetile.png);
  filter: none;
  width: 44px;
  height: 51px;
}
.card-tile-lunar-mine-rate {
  background-image: url(./assets/moon/play-minetile.png);
  filter: none;
  width: 52px;
  height: 51px;
}
.card-tile-lunar-mine--S {
  background-image: url(./assets/moon/minetile.png);
  filter: none;
  width: 30px;
  height: 32px;
  background-size: 30px 32px;
}
.card-tile-lunar-habitat {
  background-image: url(./assets/moon/habitattile.png);
  filter: none;
  width: 44px;
  height: 51px;
}
.card-tile-lunar-habitat-rate {
  background-image: url(./assets/moon/play-habitattile.png);
  filter: none;
  width: 52px;
  height: 51px;
}
.card-tile-lunar-habitat--S {
  background-image: url(./assets/moon/habitattile.png);
  width: 30px;
  height: 32px;
  background-size: 30px 32px;
}
.card-tile-lunar-road {
  background-image: url(./assets/moon/roadtile.png);
  filter: none;
  width: 44px;
  height: 51px;
}
.card-tile-lunar-road-rate {
  background-image: url(./assets/moon/play-roadtile.png);
  filter: none;
  width: 52px;
  height: 51px;
}
.card-tile-lunar-road--S {
  background-image: url(./assets/moon/roadtile.png);
  filter: none;
  width: 30px;
  height: 32px;
  background-size: 30px 32px;
}
.card-tile-luna-trade-station {
  background-image: url(./assets/moon/luna-trade-station.png);
  width: 44px;
  height: 51px;
}
.card-tile-luna-mining-hub {
  background-image: url(./assets/moon/luna-mining-hub.png);
  width: 44px;
  height: 51px;
}
.card-tile-luna-train-station {
  background-image: url(./assets/moon/luna-train-station.png);
  width: 44px;
  height: 51px;
}
.card-tile-moon {
  background-size: 40px 47px !important;
  width: 43px;
  height: 47px;
}
.card-tile-symbol-luna-trade-station {
  background-image: url(./assets/moon/luna-trade-station-special.png);
  background-size: 40px 47px !important;
  width: 43px;
  height: 47px;
}
.card-tile-symbol-luna-mining-hub {
  background-image: url(./assets/moon/luna-mining-hub-special.png);
  background-size: 40px 47px !important;
  width: 43px;
  height: 47px;
}
.card-tile-symbol-luna-train-station {
  background-image: url(./assets/moon/luna-train-station-special.png);
  background-size: 40px 47px !important;
  width: 43px;
  height: 47px;
}
.card-tile-symbol-lunar-mine-urbanization {
  background-image: url(./assets/moon/lunar-mine-urbanization-special.png);
  background-size: 40px 47px !important;
  width: 43px;
  height: 47px;
}
.card-play-moon-habitat {
  background-image: url(./assets/moon/play-habitattile.png);
  width: 52px;
  height: 51px;
}
.card-play-moon-habitat--S {
  background-image: url(./assets/moon/play-habitattile.png);
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
.card-play-moon-mine {
  background-image: url(./assets/moon/play-minetile.png);
  width: 52px;
  height: 51px;
}
.card-play-moon-mine--S {
  background-image: url(./assets/moon/play-minetile.png);
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
.card-play-moon-road {
  background-image: url(./assets/moon/play-roadtile.png);
  width: 52px;
  height: 51px;
}
.card-play-moon-road--S {
  background-image: url(./assets/moon/play-roadtile.png);
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
.card-habitat-rate {
  background-image: url(./assets/moon/card-habitat-rate.png);
  width: 46px;
  height: 46px;
}
.card-mining-rate {
  background-image: url(./assets/moon/card-mining-rate.png);
  width: 46px;
  height: 46px;
}
.card-logistics-rate {
  background-image: url(./assets/moon/card-logistics-rate.png);
  width: 46px;
  height: 46px;
}
.card-habitat-rate--S,
.card-mining-rate--S,
.card-logistics-rate--S {
  width: 30px;
  height: 30px;
  background-size: 30px;
}
.card-habitat-rate--req,
.card-mining-rate--req,
.card-logistics-rate--req {
  width: 30px;
  height: 30px;
  background-size: 30px;
  margin-left: 2px;
}
.card-tag-moon-on-card {
  background-image: url(./assets/tags/moon.png);
  background-size: 100%;
  width: 30px;
  height: 30px;
}
.pathfinders_cont {
  margin: 20px;
  display: inline-block;
}
.pathfinders_cont table {
  border-spacing: 0px;
}
.pathfinders_cont .track {
  display: flex;
  padding-left: 50px;
  width: fit-content;
  position: relative;
  background: #ccc;
  margin-bottom: 10px;
  border-radius: 2px;
}
.pathfinders_cont .track-icon {
  position: absolute;
  margin: 12px 0 0 -20px;
  text-shadow: 0 1px 1px #000;
}
.pathfinders_cont .track-numbers {
  margin-left: 50px;
  font-family: 'Prototype';
  letter-spacing: 1px;
  color: #707070;
  font-size: 22px;
}
.pathfinders_cont .track-tag {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-size: 60px;
  border: 2px solid #000;
  position: absolute;
  top: 24px;
  left: -30px;
  background-position: -2px;
}
.pathfinders_cont .track-tag-venus {
  background-image: url(./assets/tags/venus.png);
}
.pathfinders_cont .track-tag-earth {
  background-image: url(./assets/tags/earth.png);
}
.pathfinders_cont .track-tag-mars {
  background-image: url(./assets/tags/mars.png);
}
.pathfinders_cont .track-tag-jovian {
  background-image: url(./assets/tags/jovian.png);
}
.pathfinders_cont .track-tag-moon {
  background-image: url(./assets/tags/moon.png);
}
.pathfinders_cont .track-background-venus {
  background: linear-gradient(to right, transparent 20%, #303030 40%, #303030), url("assets/buttons-homepage/planet8.png");
}
.pathfinders_cont .track-background-earth {
  background: linear-gradient(to right, transparent 20%, #303030 40%, #303030), url("assets/buttons-homepage/planet3.png");
}
.pathfinders_cont .track-background-mars {
  background: linear-gradient(to right, transparent 20%, #303030 40%, #303030), url("assets/buttons-homepage/planet4.png");
}
.pathfinders_cont .track-background-jovian {
  background: linear-gradient(to right, transparent 20%, #303030 40%, #303030), url("assets/buttons-homepage/planet5.png");
}
.pathfinders_cont .track-background-moon {
  background: linear-gradient(to right, transparent 20%, #303030 40%, #303030), url("assets/buttons-homepage/planet9.png");
}
.pathfinders_cont .highlight {
  font-weight: bold;
  background: #fff6;
  border-left: 2px solid #222;
}
.pathfinders_cont td {
  padding: 5px 14px;
  text-align: center;
  background: linear-gradient(transparent, #0008);
  border-left: 2px solid #0008;
}
.pathfinders_cont tr {
  height: 50px;
  border: none;
}
.pathfinders_cont .rewards_cont {
  display: flex;
  justify-content: center;
}
.pathfinders_cont .reward {
  line-height: 20px;
  float: right;
}
.pathfinders_cont .greenery {
  background-image: url(./assets/tiles/greenery.png);
  background-size: 36px;
  width: 36px;
  height: 36px;
}
.pathfinders_cont .ocean {
  background-image: url(./assets/tiles/ocean.png);
  background-size: 36px;
  width: 36px;
  height: 42px;
}
.pathfinders_cont .reward-3mc {
  font-family: Prototype;
  color: black;
  background-image: url(./assets/resources/megacredit.png);
  font-weight: normal;
  font-size: 18px;
  text-align: center;
  background-size: 36px 36px;
  height: 36px;
  width: 36px;
  line-height: 36px;
}
.pathfinders_cont .reward-3mc :after {
  content: "3";
}
.pathfinders_cont .floater {
  background-image: url(./assets/resources/floater.png);
  background-size: 36px 36px;
  height: 36px;
  width: 36px;
}
.pathfinders_cont .wild-resource {
  background-image: url(./assets/resources/wild.png);
  background-size: 36px 36px;
  height: 36px;
  width: 36px;
}
.pathfinders_cont .std-wild-resource {
  background: url(./assets/resources/wild-std.png) no-repeat;
  height: 36px;
  width: 36px;
  background-size: 36px 36px;
}
.pathfinders_cont .card-production-box {
  font-family: Prototype;
  font-weight: normal;
  text-shadow: none;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 4px;
  margin: 0 4px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
  background-image: url(./assets/misc/production.png);
  background-size: cover;
}
.pathfinders_cont .card-production-box .card-production-box-row {
  display: flex;
  flex-flow: row;
  margin-top: 2px;
  margin-bottom: 2px;
}
.pathfinders_cont .card-production-box .card-production-box-row .card-production-box-row-item {
  align-self: center;
}
.pathfinders_cont .card-production-box .card-production-box-row .card-production-box-row-item .card-item-container {
  margin: 0 !important;
}
.pathfinders_cont .delegate {
  display: inline-block;
  background-image: url(./assets/misc/delegate.png);
  width: 24px;
  height: 30px;
  background-size: 24px 30px;
  vertical-align: middle;
  filter: drop-shadow(0px 0px 1px black);
  margin-left: 2px;
  margin-right: 2px;
}
.pathfinders_cont .reward-6mc {
  font-family: Prototype;
  color: black;
  background-image: url(./assets/resources/megacredit.png);
  font-weight: normal;
  font-size: 18px;
  text-align: center;
  background-size: 36px 36px;
  height: 36px;
  width: 36px;
  line-height: 36px;
}
.pathfinders_cont .reward-6mc :after {
  content: "6";
}
.pathfinders_cont .venus-scale {
  background-image: url(./assets/global-parameters/venus.png);
  width: 60px;
  height: 40px;
  background-size: 60px 40px;
  color: #0000;
}
.pathfinders_cont .card {
  background: url(./assets/resources/card.png);
  height: 40px;
  width: 30px;
  background-size: 30px 40px;
  vertical-align: middle;
}
.pathfinders_cont .card-points {
  font-family: Prototype;
  font-size: 18px;
  font-weight: normal;
  justify-content: center;
  text-shadow: 0 0 2px darkorange;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 6px;
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-bottom: 2px solid #898989;
  border-right: 2px solid #898989;
  background-color: #cda282;
  background: linear-gradient(#cc8b00, #805700, #805700);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(0, 0, 0, 0.3);
}
.vp1 :after {
  content: "1";
}
.vp2 :after {
  content: "2";
}
.card-tile-wetlands {
  background: url("./assets/pathfinders/wetlands-tile.png");
  width: 40px;
  height: 47px;
  background-size: 40px;
  background-repeat: no-repeat;
}
.board-space-tile--wetlands {
  background: url("./assets/pathfinders/wetlands-board-tile.png");
}
.board-space-tile--red-city {
  background: url("./assets/pathfinders/red-city-board-tile.png");
}
.board-space-tile--martian-nature-wonders {
  background: url("./assets/pathfinders/martian-nature-wonders.png");
}
.card-tile-crashlanding {
  background: url("./assets/pathfinders/crashlanding.png");
  width: 40px;
  height: 47px;
  background-size: 40px;
  background-repeat: no-repeat;
}
.board-space-tile--crashlanding {
  background: url("./assets/pathfinders/crashlanding.png");
  width: 44px;
  height: 50px;
  background-size: 44px, 50px;
}
.board-space-tile--crashlanding-rotated {
  background: url("./assets/pathfinders/crashlanding.png");
  width: 44px;
  height: 50px;
  background-size: 44px, 50px;
  transform: rotate(60deg);
}
.card-planetary-track {
  background: url("./assets/pathfinders/planetary-track.png");
  width: 50px;
  height: 50px;
  background-size: 50px, 50px;
}
.select-tile-cont {
  height: 50px;
  padding: 10px;
}
.language-switcher {
  text-align: center;
  position: relative;
  z-index: 1;
}
.language-icon {
  display: inline-block;
  width: 44px;
  height: 30px;
  background: url(./assets/flags_responsive.png) no-repeat;
}
.language-icon-for-switcher {
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 2px 2px black;
  transition: transform 0.15s;
}
.language-icon-for-sidebar {
  transform: scale(0.85);
  margin-left: -4px;
  margin-top: 3px;
}
.language-icon:hover {
  transform: scale(1.1);
}
.language-icon--en {
  background-position: 0 92.561983%;
}
.language-icon--de {
  background-position: 0 22.31405%;
}
.language-icon--fr {
  background-position: 0 29.752066%;
}
.language-icon--ru {
  background-position: 0 75.206612%;
}
.language-icon--cn {
  background-position: 0 19.005%;
}
.language-icon--pl {
  background-position: 0 70.66%;
}
.language-icon--es {
  background-position: 0 26.86%;
}
.language-icon--br {
  background-position: 0 12%;
}
.language-icon--it {
  background-position: 0 42.975207%;
}
.language-icon--ko {
  background-position: 0 47.52%;
}
.language-icon--nl {
  background-position: 0 -4740px;
}
.language-icon--hu {
  background-position: 0 -2850px;
}
.language-icon--jp {
  background-position: 0 -3210px;
}
.language-icon--bg {
  background-position: 0 -660px;
}
.language-icon--nb {
  background-position: 0 -5760px;
}
.language-icon--ua {
  background-position: 0 91.71%;
}
.language-text {
  cursor: pointer;
}
.card-tile-man-made-volcano {
  background: url("./assets/underworld/volcanic-tile.png");
  width: 40px;
  height: 47px;
  background-size: 40px;
  background-repeat: no-repeat;
}
.board-space-tile--man-made-volcano {
  background: url("./assets/underworld/volcanic-tile.png");
  width: 44px;
  height: 50px;
  background-size: 44px, 50px;
}