toloframework/gh-pages/css/@xjs.css

Javascript/HTML/CSS compiler for Firefox OS or nodewebkit apps using modules in the nodejs style.

*, .dom, .dom * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Josefin Sans;
    font-size: 19px;
    background: #cfd8dc;
}

section, nav {
    padding: 1rem;
    margin: 1rem;
    display: inline-block;
    vertical-align: top;
    max-width: 1000px;
}

span, strong, b, em, i, code {
    display: inline;
    margin: 0;
    padding: 0;
}

body.theme-webgl .theme-label {
    color: rgba(0,0,0,.8);
    font-family: sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-variant: small-caps;
    line-height: 1rem;
    font-size: .8rem;
    padding: 0 .5rem;
    margin: 0;
    text-align: left;
    vertical-align: middle;
}

body.theme-webgl .theme-info {
    color: #000;
    background: #fff;
    margin: .5rem;
    padding: 1rem;
    text-align: justify;
    box-shadow: 0 0 1px rgba(0,0,0,.4);
}

/* Elevations: https://material.google.com/what-is-material/elevation-shadows.html#elevation-shadows-elevation-android- */

body.theme-webgl .theme-elevation-0 {
    box-shadow: none;
    z-index: 0;
}

body.theme-webgl .theme-elevation-1 {
    box-shadow: 0 .5px 1px rgba(0,0,0,.4);
    transform: translateY(-.5px);
    z-index: 1;
}

body.theme-webgl .theme-elevation-2 {
    box-shadow: 0 1px 2px rgba(0,0,0,.4);
    transform: translateY(-1px);
    z-index: 2;
}

body.theme-webgl .theme-elevation-3 {
    box-shadow: 0 1.5px 3px rgba(0,0,0,.4);
    transform: translateY(-1.5px);
    z-index: 3;
}

body.theme-webgl .theme-elevation-4 {
    box-shadow: 0 2px 4px rgba(0,0,0,.4);
    transform: translateY(-2px);
    z-index: 4;
}

body.theme-webgl .theme-elevation-6 {
    box-shadow: 0 3px 6px rgba(0,0,0,.4);
    transform: translateY(-3px);
    z-index: 6;
}

body.theme-webgl .theme-elevation-8 {
    box-shadow: 0 4px 8px rgba(0,0,0,.4);
    transform: translateY(-4px);
    z-index: 8;
}

body.theme-webgl .theme-elevation-9 {
    box-shadow: 0 4.5px 9px rgba(0,0,0,.4);
    transform: translateY(-4.5px);
    z-index: 9;
}

body.theme-webgl .theme-elevation-12 {
    box-shadow: 0 6px 12px rgba(0,0,0,.4);
    transform: translateY(-6px);
    z-index: 12;
}

body.theme-webgl .theme-elevation-16 {
    box-shadow: 0 8px 16px rgba(0,0,0,.4);
    transform: translateY(-8px);
    z-index: 16;
}

body.theme-webgl .theme-elevation-18 {
    box-shadow: 0 9px 18px rgba(0,0,0,.4);
    transform: translateY(-9px);
    z-index: 18;
}

body.theme-webgl .theme-elevation-24 {
    box-shadow: 0 12px 24px rgba(0,0,0,.4);
    transform: translateY(-12px);
    z-index: 24;
}

/* main */
body.theme-webgl .theme-color-bg-0{background-color: #EEFFFF}
body.theme-webgl .theme-color-0{color: #EEFFFF}
body.theme-webgl .theme-color-bg-1{background-color: #DDF5F8}
body.theme-webgl .theme-color-1{color: #DDF5F8}
body.theme-webgl .theme-color-bg-2{background-color: #CCEBF1}
body.theme-webgl .theme-color-2{color: #CCEBF1}
body.theme-webgl .theme-color-bg-3{background-color: #BBE0EB}
body.theme-webgl .theme-color-3{color: #BBE0EB}
body.theme-webgl .theme-color-bg-4{background-color: #AAD6E4}
body.theme-webgl .theme-color-4{color: #AAD6E4}
body.theme-webgl .theme-color-bg-5{background-color: #99ccdd}
body.theme-webgl .theme-color-5{color: #99ccdd}
body.theme-webgl .theme-color-bg-6{background-color: #7AB8CC}
body.theme-webgl .theme-color-6{color: #7AB8CC}
body.theme-webgl .theme-color-bg-7{background-color: #5CA3BB}
body.theme-webgl .theme-color-7{color: #5CA3BB}
body.theme-webgl .theme-color-bg-8{background-color: #3D8FAA}
body.theme-webgl .theme-color-8{color: #3D8FAA}
body.theme-webgl .theme-color-bg-9{background-color: #1F7A99}
body.theme-webgl .theme-color-9{color: #1F7A99}
body.theme-webgl .theme-color-bg-10{background-color: #006688}
body.theme-webgl .theme-color-10{color: #006688}
/* accent */
body.theme-webgl .theme-color-bg-A0{background-color: #FFFFCC}
body.theme-webgl .theme-color-A0{color: #FFFFCC}
body.theme-webgl .theme-color-bg-A1{background-color: #FFE7A3}
body.theme-webgl .theme-color-A1{color: #FFE7A3}
body.theme-webgl .theme-color-bg-A2{background-color: #FFCF7A}
body.theme-webgl .theme-color-A2{color: #FFCF7A}
body.theme-webgl .theme-color-bg-A3{background-color: #FFB852}
body.theme-webgl .theme-color-A3{color: #FFB852}
body.theme-webgl .theme-color-bg-A4{background-color: #FFA029}
body.theme-webgl .theme-color-A4{color: #FFA029}
body.theme-webgl .theme-color-bg-A5{background-color: #ff8800}
body.theme-webgl .theme-color-A5{color: #ff8800}
body.theme-webgl .theme-color-bg-A6{background-color: #F07C00}
body.theme-webgl .theme-color-A6{color: #F07C00}
body.theme-webgl .theme-color-bg-A7{background-color: #E16F00}
body.theme-webgl .theme-color-A7{color: #E16F00}
body.theme-webgl .theme-color-bg-A8{background-color: #D16300}
body.theme-webgl .theme-color-A8{color: #D16300}
body.theme-webgl .theme-color-bg-A9{background-color: #C25600}
body.theme-webgl .theme-color-A9{color: #C25600}
body.theme-webgl .theme-color-bg-A10{background-color: #B34A00}
body.theme-webgl .theme-color-A10{color: #B34A00}
/* back */
body.theme-webgl .theme-color-bg-B0{background-color: #FFFFFF}
body.theme-webgl .theme-color-B0{color: #FFFFFF}
body.theme-webgl .theme-color-bg-B1{background-color: #F5F7F8}
body.theme-webgl .theme-color-B1{color: #F5F7F8}
body.theme-webgl .theme-color-bg-B2{background-color: #ECEFF1}
body.theme-webgl .theme-color-B2{color: #ECEFF1}
body.theme-webgl .theme-color-bg-B3{background-color: #E2E8EA}
body.theme-webgl .theme-color-B3{color: #E2E8EA}
body.theme-webgl .theme-color-bg-B4{background-color: #D9E0E3}
body.theme-webgl .theme-color-B4{color: #D9E0E3}
body.theme-webgl .theme-color-bg-B5{background-color: #cfd8dc}
body.theme-webgl .theme-color-B5{color: #cfd8dc}
body.theme-webgl .theme-color-bg-B6{background-color: #BECACF}
body.theme-webgl .theme-color-B6{color: #BECACF}
body.theme-webgl .theme-color-bg-B7{background-color: #ACBBC2}
body.theme-webgl .theme-color-B7{color: #ACBBC2}
body.theme-webgl .theme-color-bg-B8{background-color: #9BADB6}
body.theme-webgl .theme-color-B8{color: #9BADB6}
body.theme-webgl .theme-color-bg-B9{background-color: #899EA9}
body.theme-webgl .theme-color-B9{color: #899EA9}
body.theme-webgl .theme-color-bg-B10{background-color: #78909C}
body.theme-webgl .theme-color-B10{color: #78909C}

pre.highlight {
    position: relative;
    margin: 4px;
    padding: 8px;
    background: #000;
    border: 2px solid #555;
    box-shadow: 0 0 5px #fff;
    color: #ccc;
    border-radius: .5em;
    overflow-x: auto;
}

pre.highlight.js::after {
    content: "Javascript";
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px;
    font-variant: small-fonts;
    opacity: .3;
    color: #fff;
}

pre.highlight .keyword {
    color: #07f;
    font-weight: bold;
}

pre.highlight .keyword2 {
    color: #0ff;
    font-weight: bold;
}

pre.highlight .function {
    color: #fff;
    font-weight: bold;
}

pre.highlight .symbol {
    color: #f08;
}

pre.highlight .operator {
    color: #f80;
}

pre.highlight .comment {
    color: #777;
}

pre.highlight .string {
    color: #0f0;
}

pre.highlight .regexp {
    background: #ff8;
    color: #000;
}

pre.highlight {
    position: relative;
    margin: 4px;
    padding: 8px;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,.5);
    color: #333;
    border-radius: 0;
    border: none;
    overflow-x: auto;
    font-size: 85%;
}

pre.highlight::after {
    content: "Javascript";
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px;
    font-variant: small-fonts;
    opacity: .1;
    font-size: 80%;
    color: #000;
}

pre.highlight.glsl::after {
  content: "GLSL";
}

pre.highlight .keyword {
    color: #07f;
    font-weight: bold;
}

pre.highlight .keyword2 {
    color: #0bb;
    font-weight: bold;
}

pre.highlight .function {
    color: #000;
    font-weight: bold;
}

pre.highlight .number {
    color: #c80;
    font-weight: bold;
}

pre.highlight .symbol {
    color: #804;
}

pre.highlight .operator {
    color: #840;
}

pre.highlight .comment {
    color: #0005;
}

pre.highlight .string {
    color: #0b0;
}

pre.highlight .regexp {
    background: #ff8;
    color: #000;
}
button.tfw-view-checkbox{display:inline-flex;justify-content:space-between;flex-direction:row;align-items:center;vertical-align:middle;margin:4px 8px;border:0;background:0 0;padding:0;font:inherit;cursor:pointer}button.tfw-view-checkbox.wide{display:flex;width:100%}button.tfw-view-checkbox.hide,button.tfw-view-checkbox.wide.hide{display:none}button.tfw-view-checkbox>div.txt{order:1;opacity:.6;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;flex-grow:1;text-align:left}button.tfw-view-checkbox.inverted>div.txt{order:-1}button.tfw-view-checkbox>div.pin{position:relative;width:34px;height:20px;overflow:visible;flex-grow:0;margin:2px 8px 2px 2px;order:0}button.tfw-view-checkbox>div.pin>div.bar{content:".";font-size:0;position:absolute;left:0;top:3px;width:34px;height:14px;border-radius:7px}button.tfw-view-checkbox>div.pin>div.btn{content:".";font-size:0;position:absolute;left:0;top:0;width:20px;height:20px;border-radius:10px;transform:translateX(0);transition:transform .2s,opacity .2s}button.tfw-view-checkbox.ok>div.txt{opacity:1}button.tfw-view-checkbox.ok>div.pin>div.btn{transform:translateX(14px)}.view{margin:16px 4px}*,.dom,.dom *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a,b,code,em,i,span{display:inline;margin:0;padding:0}.dom.wide{display:block;width:100%;margin-right:0;margin-left:0}.dom.wide-flex{display:flex;width:100%;margin-right:0;margin-left:0}.dom.hide{display:none}@media (max-width:319px){.dom-hide-if-lt-320{display:none}}@media (min-width:320px){.dom-hide-if-gt-320{display:none}}@media (max-width:479px){.dom-hide-if-lt-480{display:none}}@media (min-width:480px){.dom-hide-if-gt-480{display:none}}@media (max-width:639px){.dom-hide-if-lt-640{display:none}}@media (min-width:640px){.dom-hide-if-gt-640{display:none}}@media (max-width:799px){.dom-hide-if-lt-800{display:none}}@media (min-width:800px){.dom-hide-if-gt-800{display:none}}input:placeholder-shown{color:rgba(50,75,120,.5)}body,html{height:100%;margin:0;padding:0;color:#000}hr{border:none;height:1px;background-image:-webkit-linear-gradient(to right,transparent,rgba(0,0,0,.5) 50%,transparent);background-image:linear-gradient(to right,transparent,rgba(0,0,0,.5) 50%,transparent)}.theme-label{color:rgba(0,0,0,.8);font-family:sans-serif;white-space:nowrap;text-overflow:ellipsis;font-variant:small-caps;line-height:1rem;font-size:.8rem;padding:0 .5rem;margin:0;text-align:left;vertical-align:middle}.theme-info{color:#000;margin:.5rem;padding:1rem;text-align:justify;font-size:1.2rem;font-style:oblique}.theme-elevation-0{box-shadow:none;z-index:0}.theme-elevation-1{box-shadow:0 .5px 1px rgba(0,0,0,.4);z-index:1}.theme-elevation-2{box-shadow:0 1px 2px rgba(0,0,0,.4);z-index:2}.theme-elevation-3{box-shadow:0 1.5px 3px rgba(0,0,0,.4);z-index:3}.theme-elevation-4{box-shadow:0 2px 4px rgba(0,0,0,.4);z-index:4}.theme-elevation-6{box-shadow:0 3px 6px rgba(0,0,0,.4);z-index:6}.theme-elevation-8{box-shadow:0 4px 8px rgba(0,0,0,.4);z-index:8}.theme-elevation-9{box-shadow:0 4.5px 9px rgba(0,0,0,.4);z-index:9}.theme-elevation-12{box-shadow:0 6px 12px rgba(0,0,0,.4);z-index:12}.theme-elevation-16{box-shadow:0 8px 16px rgba(0,0,0,.4);z-index:16}.theme-elevation-18{box-shadow:0 9px 18px rgba(0,0,0,.4);z-index:18}.theme-elevation-24{box-shadow:0 12px 24px rgba(0,0,0,.4);z-index:24}.theme-color-bg-0{background-color:#ccc}.theme-color-0{color:#ccc}.theme-color-bg-1{background-color:#ddd}.theme-color-1{color:#ddd}.theme-color-bg-2{background-color:#eee}.theme-color-2{color:#eee}.theme-color-bg-3{background-color:#fff}.theme-color-3{color:#fff}.theme-color-bg-4{background-color:#aad6e4}.theme-color-4{color:#aad6e4}.theme-color-bg-5{background-color:#9cd}.theme-color-5{color:#9cd}.theme-color-bg-6{background-color:#7ab8cc}.theme-color-6{color:#7ab8cc}.theme-color-bg-7{background-color:#5ca3bb}.theme-color-7{color:#5ca3bb}.theme-color-bg-8{background-color:#3d8faa}.theme-color-8{color:#3d8faa}.theme-color-bg-9{background-color:#1f7a99}.theme-color-9{color:#1f7a99}.theme-color-bg-10{background-color:#068}.theme-color-10{color:#068}.theme-color-bg-A0{background-color:#ffc}.theme-color-A0{color:#ffc}.theme-color-bg-A1{background-color:#ffe7a3}.theme-color-A1{color:#ffe7a3}.theme-color-bg-A2{background-color:#ffcf7a}.theme-color-A2{color:#ffcf7a}.theme-color-bg-A3{background-color:#ffb852}.theme-color-A3{color:#ffb852}.theme-color-bg-A4{background-color:#ffa029}.theme-color-A4{color:#ffa029}.theme-color-bg-A5{background-color:#f80}.theme-color-A5{color:#f80}.theme-color-bg-A6{background-color:#f07c00}.theme-color-A6{color:#f07c00}.theme-color-bg-A7{background-color:#e16f00}.theme-color-A7{color:#e16f00}.theme-color-bg-A8{background-color:#d16300}.theme-color-A8{color:#d16300}.theme-color-bg-A9{background-color:#c25600}.theme-color-A9{color:#c25600}.theme-color-bg-A10{background-color:#b34a00}.theme-color-A10{color:#b34a00}.theme-color-bg-B0{background-color:#fff}.theme-color-B0{color:#fff}.theme-color-bg-B1{background-color:#f5f7f8}.theme-color-B1{color:#f5f7f8}.theme-color-bg-B2{background-color:#eceff1}.theme-color-B2{color:#eceff1}.theme-color-bg-B3{background-color:#e2e8ea}.theme-color-B3{color:#e2e8ea}.theme-color-bg-B4{background-color:#d9e0e3}.theme-color-B4{color:#d9e0e3}.theme-color-bg-B5{background-color:#cfd8dc}.theme-color-B5{color:#cfd8dc}.theme-color-bg-B6{background-color:#becacf}.theme-color-B6{color:#becacf}.theme-color-bg-B7{background-color:#acbbc2}.theme-color-B7{color:#acbbc2}.theme-color-bg-B8{background-color:#9badb6}.theme-color-B8{color:#9badb6}.theme-color-bg-B9{background-color:#899ea9}.theme-color-B9{color:#899ea9}.theme-color-bg-B10{background-color:#78909c}.theme-color-B10{color:#78909c}h1,h2,h3{font-weight:700}h1{font-size:120%}h2{font-size:110%}h3{font-size:100%}.thm-bg0{background-color:#f0f0f0;background-color:#ccc;color:#000;color:#000}.thm-fg0{color:#000;color:#000}.thm-bg1{background-color:#e0e0e0;background-color:#ddd;color:#000;color:#000}.thm-fg1{color:#000;color:#000}.thm-bg2{background-color:#d0d0d0;background-color:#eee;color:#000;color:#000}.thm-fg2{color:#000;color:#000}.thm-bg3{background-color:#fff;background-color:#fff;color:#000;color:#000}.thm-fg3{color:#000;color:#000}svg .stroke0{stroke:#000}svg .fill0{fill:#000}svg .stroke1{stroke:#fff}svg .fill1{fill:#fff}.thm-bgP{background-color:#2ca600;background-color:#2ca600;color:#fff;color:#fff}.thm-fgP{color:#2ca600;color:#2ca600}.thm-bgP>div{color:#fff;color:#fff}.thm-bgPL{background-color:#36cd00;background-color:#36cd00;color:#fff;color:#000}.thm-bfPL{color:#36cd00;color:#36cd00}.thm-bgPL>div{color:#fff;color:#000}.thm-bgPD{background-color:#218000;background-color:#218000;color:#fff;color:#fff}.thm-bfPD{color:#218000;color:#218000}.thm-bgPD>div{color:#fff;color:#fff}.thm-bgP svg .stroke0,.thm-bgPD svg .stroke0{stroke:#fff}.thm-bgP svg .fill0,.thm-bgPD svg .fill0{fill:#fff}.thm-bgP svg .stroke1,.thm-bgPD svg .stroke1{stroke:#000}.thm-bgP svg .fill1,.thm-bgPD svg .fill1{fill:#000}.thm-bg0 svg .stroke0,.thm-bg1 svg .stroke0,.thm-bg2 svg .stroke0,.thm-bg3 svg .stroke0,.thm-bgPL svg .stroke0,.thm-bgS svg .stroke0,.thm-bgSD svg .stroke0,.thm-bgSL svg .stroke0{stroke:#000}.thm-bg0 svg .fill0,.thm-bg1 svg .fill0,.thm-bg2 svg .fill0,.thm-bg3 svg .fill0,.thm-bgPL svg .fill0,.thm-bgS svg .fill0,.thm-bgSD svg .fill0,.thm-bgSL svg .fill0{fill:#000}.thm-bg0 svg .stroke1,.thm-bg1 svg .stroke1,.thm-bg2 svg .stroke1,.thm-bg3 svg .stroke1,.thm-bgPL svg .stroke1,.thm-bgS svg .stroke1,.thm-bgSD svg .stroke1,.thm-bgSL svg .stroke1{stroke:#fff}.thm-bg0 svg .fill1,.thm-bg1 svg .fill1,.thm-bg2 svg .fill1,.thm-bg3 svg .fill1,.thm-bgPL svg .fill1,.thm-bgS svg .fill1,.thm-bgSD svg .fill1,.thm-bgSL svg .fill1{fill:#fff}.thm-bgP>svg .stroke0,.thm-bgPD>svg .stroke0{stroke:#fff}.thm-bgP>svg .fill0,.thm-bgPD>svg .fill0{fill:#fff}.thm-bgP>svg .stroke1,.thm-bgPD>svg .stroke1{stroke:#000}.thm-bgP>svg .fill1,.thm-bgPD>svg .fill1{fill:#000}.thm-bg0>svg .stroke0,.thm-bg1>svg .stroke0,.thm-bg2>svg .stroke0,.thm-bg3>svg .stroke0,.thm-bgPL>svg .stroke0,.thm-bgS>svg .stroke0,.thm-bgSD>svg .stroke0,.thm-bgSL>svg .stroke0{stroke:#000}.thm-bg0>svg .fill0,.thm-bg1>svg .fill0,.thm-bg2>svg .fill0,.thm-bg3>svg .fill0,.thm-bgPL>svg .fill0,.thm-bgS>svg .fill0,.thm-bgSD>svg .fill0,.thm-bgSL>svg .fill0{fill:#000}.thm-bg0>svg .stroke1,.thm-bg1>svg .stroke1,.thm-bg2>svg .stroke1,.thm-bg3>svg .stroke1,.thm-bgPL>svg .stroke1,.thm-bgS>svg .stroke1,.thm-bgSD>svg .stroke1,.thm-bgSL>svg .stroke1{stroke:#fff}.thm-bg0>svg .fill1,.thm-bg1>svg .fill1,.thm-bg2>svg .fill1,.thm-bg3>svg .fill1,.thm-bgPL>svg .fill1,.thm-bgS>svg .fill1,.thm-bgSD>svg .fill1,.thm-bgSL>svg .fill1{fill:#fff}.thm-bgS{background-color:#ffa000;background-color:#ffa000;color:#000;color:#000}.thm-fgS{color:#ffa000;color:#ffa000}.thm-bgS>div{color:#000;color:#000}.thm-bgSL{background-color:#ffd149;background-color:#ffd149;color:#000;color:#000}.thm-bfSL{color:#ffd149;color:#ffd149}.thm-bgSL>div{color:#000;color:#000}.thm-bgSD{background-color:#c67100;background-color:#c67100;color:#000;color:#000}.thm-bfSD{color:#c67100;color:#c67100}.thm-bgSD>div{color:#000;color:#000}.thm-bgSD svg .stroke0{stroke:#fff}.thm-bgSD svg .fill0{fill:#fff}.thm-bgSD svg .stroke1{stroke:#000}.thm-bgSD svg .fill1{fill:#000}.thm-svg-fill-P{fill:#2ca600}.thm-svg-stroke-P{stroke:#2ca600}.thm-svg-fill-PL{fill:#36cd00}.thm-svg-stroke-PL{stroke:#36cd00}.thm-svg-fill-PD{fill:#218000}.thm-svg-stroke-PD{stroke:#218000}.thm-svg-fill-S{fill:#ffa000}.thm-svg-stroke-S{stroke:#ffa000}.thm-svg-fill-SL{fill:#ffd149}.thm-svg-stroke-SL{stroke:#ffd149}.thm-svg-fill-SD{fill:#c67100}.thm-svg-stroke-SD{stroke:#c67100}.thm-sz-toolbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 16px;height:56px}.thm-ele0{z-index:0;box-shadow:none}.thm-ele1{z-index:1;box-shadow:0 0 1px rgba(0,0,0,.4)}.thm-ele2{z-index:2;box-shadow:0 1px 2px rgba(0,0,0,.4)}.thm-ele3{z-index:3;box-shadow:0 1px 3px rgba(0,0,0,.4)}.thm-ele4{z-index:4;box-shadow:0 2px 4px rgba(0,0,0,.4)}.thm-ele6{z-index:6;box-shadow:0 3px 6px rgba(0,0,0,.4)}.thm-ele8{z-index:8;box-shadow:0 4px 8px rgba(0,0,0,.4)}.thm-ele9{z-index:9;box-shadow:0 4px 9px rgba(0,0,0,.4)}.thm-ele10{z-index:10;box-shadow:0 5px 10px rgba(0,0,0,.4)}.thm-ele11{z-index:11;box-shadow:0 5px 11px rgba(0,0,0,.4)}.thm-ele12{z-index:12;box-shadow:0 6px 12px rgba(0,0,0,.4)}.thm-ele16{z-index:16;box-shadow:0 8px 16px rgba(0,0,0,.4)}.thm-ele24{z-index:24;box-shadow:0 12px 24px rgba(0,0,0,.4)}.flex-grow0{flex-grow:0}.flex-grow1{flex-grow:1}.flex-grow2{flex-grow:2}.flex-grow3{flex-grow:3}.flex-grow4{flex-grow:4}.flex-grow5{flex-grow:5}.flex-grow6{flex-grow:6}.flex-grow7{flex-grow:7}.flex-grow8{flex-grow:8}.flex-grow9{flex-grow:9}.flex-shrink0{flex-shrink:0}.flex-shrink1{flex-shrink:1}.flex-shrink2{flex-shrink:2}.flex-shrink3{flex-shrink:3}.flex-shrink4{flex-shrink:4}.flex-shrink5{flex-shrink:5}.flex-shrink6{flex-shrink:6}.flex-shrink7{flex-shrink:7}.flex-shrink8{flex-shrink:8}.flex-shrink9{flex-shrink:9}