body { background: transparent; color: antiquewhite; font-family: Rubik; }

body.noscroll { overflow: hidden; }

hr { color: grey; }

#stars2, #stars2, #stars3 { position: fixed; }

.navigation { position: fixed; top: 0px; left: 0px; margin: 0px; padding: 10px; width: 80px; font-family: monospace; font-size: 0.8em; height: 100vh; transition: left 0.5s ease-in; /* background: rgba(255,255,255,0.2); */ z-index: 100; }

.navigation ul { width: 100%; padding: 0px; }

.navigation ul li { list-style: none; margin: 1px; }

.navigation ul li button { border-radius: 3px; width: 34px; font-size: 1.5em; padding: 0px; margin-left: 4px; margin-top: -33px; }

.navigation ul li:nth-child(1) { margin-bottom: 68px; }

.navigation ul li:nth-child(3) { margin-bottom: 20px; }

.navigation.collapsed { /* left: -70px; */ }

.cardlist, .home, .grouplist { transition: margin-left 1.5s ease-out; /* margin-left: 70px; */ margin: 5px; }

.cardlist.collapsed, .home.collapsed, .grouplist.collapsed { /* margin-left: 0px; */ }

.sub { display: none; }

.sub.expand { display: flex; }

.grouplist { padding: 15px; padding-left: 20px; z-index: 1000; }

.grouplist thead tr th:nth-of-type(4) { /* width: 250px; */ }

#grouplist { /* border: 1px solid grey; */ }

#grouplist td, #grouplist th { padding: 5px; border: 1px solid grey; }

#grouplist td:nth-child(1), #grouplist th:nth-child(1) { text-align: center; }

#grouplist td:nth-child(5), #grouplist th:nth-child(5) { text-align: right; font-family: Cascadia; }

#grouplist td:nth-child(6), #grouplist th:nth-child(6) { text-align: right; font-family: Cascadia; color: darkgray; }

#grouplist .icon { height: 50px; cursor: pointer; }

#grouplist tbody tr:nth-of-type(2) td:last-of-type { color: transparent; }

.line.collapsed { height: 37px; }

.smoothly { transition: opacity 0.5s ease-in; }

.cardinfo { /* border-bottom: 1px solid white; */ /* padding-bottom: 20px; */ margin-top: 70px; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), black, black); }

.cardinfo.nomargin { margin-top: 20px; }

.cardinfo.selected { background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #161616, #161616); }

.cardinfo p._img_d { font-size: 0.9em; }

.cardinfo small.img_d { position: absolute; background: rgba(0, 0, 0, 0.5); width: 85%; transform: rotate(-10deg); top: 115px; text-align: center; }

.cardinfo ._title { color: antiquewhite; font-size: 14px; position: absolute; }

.cardinfo .padtop { padding-top: 22px; font-style: italic; }

.groups button.btn-outline-light, .groups button.btn-light { padding: 0px 2px 0px 2px; font-size: 0.8em; text-align: left; }

img.img_d { width: 40%; margin-right: 0px; margin-bottom: 10px; cursor: pointer; margin-top: 20px; }

img.img_d.showme { position: absolute; width: auto; max-width: 320px; z-index: 1000; border: 15px solid black; }

.hand { cursor: pointer; }

._i { color: steelblue; font-family: Cascadia; font-size: 0.8em !important; }

._i img { cursor: pointer; }

.selected { background: rgba(255, 255, 255, 0.1); }

._c { color: indianred; }

._v { color: darkcyan; }

._tt { color: mediumpurple; font-size: 0.8em; }

._m { color: dimgray; font-size: 0.8em; }

._t { color: skyblue; }

._t p { margin-bottom: 0px; }

._p { font-family: Cascadia; line-height: 15px; }

._p span { color: darkgray; font-size: 0.8em; font-style: normal; cursor: pointer; }

._p span._pp { font-size: 0.7em; line-height: 0px; }

.sc { /* border-top: 1px dashed grey; */ border-top: 1px dotted; font-size: 0.9em; }

.sc .img_d { margin-top: 5px; margin-bottom: 5px; }

._id { color: grey; font-size: 9px; }

#cardlist, .flex { display: flex; }

#cardlist { opacity: 1; }

.it { font-style: italic; }

.main { /* background: rgba(133,133,199,0.1); */ padding-bottom: 20px; }

.main .sc { border-top: 0px; }

.sc p strong, dsc p strong { color: white !important; }

.timeline { margin-top: 5px; margin-bottom: 5px; width: 200px; height: 10px; background: #636363; background: linear-gradient(90deg, #636363 83.333%, rgba(0, 0, 0, 0) 83.333%, rgba(0, 0, 0, 0) 100%); }

.timeline > div { height: 10px; float: left; width: 16.666%; border-left: 1px solid black; }

.timeline > div:last-of-type small { position: relative; top: -9px; left: 10px; color: lightsteelblue; }

.timeline > div > p { position: relative; font-size: 0.8em; height: 0px; margin: 0px; color: #222; top: -5px; font-style: italic; }

.timeline > div:nth-of-type(1) { background: rgba(99, 33, 33, 0.9); }

.timeline > div:nth-of-type(2) { background: rgba(99, 66, 66, 0.9); }

.timeline > div:nth-of-type(3) { background: rgba(99, 99, 33, 0.9); }

.timeline > div:nth-of-type(4) { background: rgba(66, 99, 66, 0.9); }

.timeline > div:nth-of-type(5) { background: rgba(33, 99, 33, 0.9); }

.timeline > div > div { background: rgba(255, 255, 255, 0.6); height: 10px; }

.timeline > div > div.us { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.9) 100%); }

.timeline > div > div.ue { background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0) 100%); }

.timeline > div > div.us.ue { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0) 100%); }

hr { border-color: grey; }

.group_description { padding-top: 100px; display: block; }

.showimg { position: relative; top: 0px; left: 0px; width: 320px !important; margin-bottom: -200px !important; z-index: 100; }

.navigation2 { position: fixed; z-index: 1001; top: 10px; }

.navigation2 button { height: 33px; }

.groupinfo { /* h3 { padding-left: 40px; } */ }

.groupinfo h4 { width: 100%; }

.groupinfo h4 span { font-size: 0.8em; padding-left: 20px; }

.group-description p { font-style: italic; font-size: 0.8em; display: inline-block; padding-left: 20px; }

._nominal { position: absolute; right: 20px; top: 7px; color: lightgreen; line-height: 1em; }

._nm { color: lightgreen; font-size: 0.8em; }

.rarity > div > div { width: 0%; }

.rarity > div > div.active { width: 20%; margin-left: 40%; }

.rarity > div > small:first-of-type { color: gold !important; }

.cardinfo ttl p { margin-bottom: 5px; }

.cardinfo dsc { color: skyblue !important; font-size: 0.8em; }

.cardinfo sid { color: steelblue !important; font-size: 0.8em; }

.cardinfo sid strong { color: gold; }

.cardinfo mat { color: dimgray; display: block; float: right; font-size: 0.8em; }

.cardinfo tech { color: mediumpurple; display: block; float: left; font-size: 0.8em; }

.cardinfo ._mat_tech { height: 5px; }

._source a { color: cyan; }

._varianten { float: right; color: aqua; /* margin-bottom: -10px; */ padding-top: 5px; padding-right: 180px; }

._exit { position: fixed; top: 0.2em; right: 1em; font-size: 3em; color: aqua; cursor: pointer; }

b f { font-family: Cascadia; }

b f:nth-of-type(3), b f:nth-of-type(4) { color: mediumpurple; }

b sid { font-family: Cascadia; }

.container-fluid { padding-top: 70px; }

.container-fluid h1:first-of-type { font-style: italic; padding-left: 65px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100px; padding-top: 25px; z-index: 100; background: linear-gradient(black, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0)); }

.menuu { position: fixed; left: 10px; top: 5px; z-index: 1000; }

.menuu a { padding-left: 57px; }

.label td { text-align: left !important; border-left: 0px !important; border-right: 0px !important; padding-top: 3em !important; }

#blackground { background: rgba(0, 0, 0, 0.9); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2000; }

#cardmodal { background: rgba(0, 0, 0, 0.8); left: 5%; top: 5%; width: 90%; height: 90%; position: fixed; z-index: 2001; overflow: auto; padding: 20px; }

#cardmodal #img_rs { margin-bottom: 10px; }

#cardmodal .timeline { margin-left: 20px; }

.cardinfo.selected { position: fixed; top: 0px; left: 0px; z-index: 2001; }

.cardinfo.selected .img_d { max-width: 320px; }

.cardinfo.selected ._mat_tech { position: absolute; top: 10px; left: 350px; }

.cardinfo.selected ._mat_tech:last-of-type tech { margin-top: 40px; }

.cardinfo.selected ._mat_tech mat { margin-top: 20px; float: initial; }

.cardinfo.selected dsc { position: absolute; top: 70px; left: 350px; }

.sub.expand { position: fixed; left: 30px; z-index: 2001; top: 360px; max-height: calc( 100% - 360px); overflow-y: scroll; overflow-x: hidden; width: 100vw; }

@media screen and (max-width: 767px) { ._v, ._p, ._tt { text-align: left; } }

@media screen and (max-width: 500px) { ._mat_tech, dsc { display: none; } }

.demo-1 { margin: 0; }

.cardimage { max-width: 100vw; }

.__id { font-family: Cascadia; margin-left: 33px; color: gray; float: right; }

._pr { color: gray !important; margin-left: 20px; font-family: Cascadia; font-size: 0.8em; }

.fullw { width: 100vw; }

.stripes { background: rgba(0, 0, 0, 0.9); }

.cardd { background: rgba(0, 0, 0, 0.6); }

.cardd ._p { position: relative; height: 20px; }

.cardd .img_dl { width: 50%; }

.domain { /* padding-top: 40px; */ background: rgba(0, 0, 0, 0.2) !important; border-top: 3px solid grey; }

img.maxim { position: absolute; left: 0px; z-index: 2000; width: 100% !important; }

.numbers { font-family: Cascadia; font-size: 0.8em; }

.numbers tr td:first-of-type { text-align: right; }

.numbers td { padding: 0px 5px 0px 5px; height: 10px; }

.op0 { opacity: 0 !important; }

.op1 { opacity: 1 !important; }

#lasttrades table { font-size: 0.9em; margin-left: 40px; }

#lasttrades table td, #lasttrades table th { border: 1px solid gray; }

#lasttrades table td:nth-child(1), #lasttrades table th:nth-child(1) { text-align: center; }

#lasttrades table td:nth-child(2), #lasttrades table th:nth-child(2) { text-align: left; vertical-align: top; }

#lasttrades table td:nth-child(3), #lasttrades table th:nth-child(3) { text-align: center; }

#lasttrades table td:nth-child(4), #lasttrades table th:nth-child(4) { vertical-align: top; }

#lasttrades table tr th { text-align: right; }

#lasttrades table tr th:nth-child(1) { width: 175px; }

#lasttrades table tr th:nth-child(2) { width: 280px; }

#lasttrades table tr th:nth-child(3) { width: 100px; text-align: center; }

#lasttrades table tr th:nth-child(4), #lasttrades table tr td:nth-child(4) { width: 50px; text-align: right; }

#lasttrades table td.pr { text-align: right; padding-right: 3px; width: 30px; font-size: 0.8em; vertical-align: top; }

#lasttrades table .img_dl { height: 50px; cursor: pointer; }

#lasttrades table .prices { color: darkgray; }

.pos { color: limegreen !important; }

.neg { color: red !important; }

.neutral { color: orange !important; }

/*# sourceMappingURL=style.css.map */