html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { 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-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } html, body { background-color: #222222; font-family: Arial, sans-serif; font-size: 15px; color: #FFFFFF; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } a, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, output, q, samp, select, small, span, strong, sub, sup, textarea, time, tt, var { display: inline-block; } a { color: inherit; text-decoration: none; } ul,ol,p,code, blockquote, h1,h2,h3, h4,h5,h6 { margin-top: 0; line-height: 2rem; margin-bottom: 0.5rem; font-weight: normal; } br { line-height: 2rem; } hr { border: 0; height: 1px; margin: 1rem 0; background-color: #CCCCCC; } h1 { font-size: 2rem; } h2 { font-size: 1.8rem; } h3 { font-size: 1.6rem; } h4 { font-size: 1.4rem; } h5 { font-size: 1.2rem; } h6 { font-size: 1rem; } small, sup,sub { font-size: 0.8rem; } table { width: 100%; border-collapse: collapse; } th { text-align: left; font-weight: normal; } th,td { padding: 0; vertical-align: middle; } label { display: inline-block; } input,select, textarea,button { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit; font-size: inherit; line-height: inherit; border: 1px solid #CCCCCC; padding: 0.25rem 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input,select, textarea { background-color: #FFFFFF; } input,select, textarea,button, input:focus, select:focus, textarea:focus, button:focus { outline: none; } option { color: #222222; } input::-ms-expand, select::-ms-expand, textarea::-ms-expand, button::-ms-expand { display: none; } [type="radio"], [type="checkbox"] { display: inline-block; padding: 0.5rem; } [type="radio"] { -webkit-border-radius: 50%; border-radius: 50%; } [type="radio"]:checked:before, [type="checkbox"]:checked:before { content: ''; width: 0.45rem; height: 0.44rem; position: absolute; margin-top: -0.22rem; margin-left: -0.22rem; display: inline-block; background-color: #222222; -webkit-border-radius: 50%; border-radius: 50%; } select,button, input[type="submit"] { cursor: pointer; } button, input[type="submit"] { background-color: #CCCCCC; } button::-moz-focus-inner, a::-moz-focus-inner { border: 0; } ::placeholder { color: inherit; opacity: 0.8; } :-ms-input-placeholder { color: inherit; opacity: 0.8; } ::-ms-input-placeholder { color: inherit; opacity: 0.8; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-box-shadow: 0; } .pnl, .hdr, .bdy, .ftr, .ipt, .btn, .lbl, .tag, .ntf { display: block; border-width: 1px; border-style: solid; border-radius: 0.25rem; padding: calc(0.25rem*2); } .ipt { background-color: transparent; border-color: #3A3A3A; } .btn { background-color: #1F1F1F; border-color: #3A3A3A; color: #CCCCCC; } .lbl { background-color: #1F1F1F; border-color: #3A3A3A; color: #CCCCCC; } .tag { background-color: #1F1F1F; border-color: #3A3A3A; color: #CCCCCC; } .ntf { background-color: #1A1A1A; border-color: #242424; color: #CCCCCC; } .pnl { background-color: #1A1A1A; border-color: #242424; color: #FFFFFF; } .hdr { background-color: #121212; border-color: #222222; color: #FFFFFF; } .bdy { background-color: #1A1A1A; border-color: #242424; color: #CCCCCC; } .ftr { background-color: #121212; border-color: #222222; color: #FFFFFF; } .prm { background-color: #F24600; border-color: #F24600; color: #FFFFFF; } .sec { background-color: #A05F2C; border-color: #A05F2C; color: #FFFFFF; } .inf { background-color: #198B9B; border-color: #198B9B; color: #FFFFFF; } .scc { background-color: #23963C; border-color: #23963C; color: #FFFFFF; } .wrn { background-color: #D4A500; border-color: #D4A500; color: #FFFFFF; } .dng { background-color: #C5303F; border-color: #C5303F; color: #FFFFFF; } .wht { background-color: #FFFFFF; border-color: #FFFFFF; color: #555555; } .blk { background-color: #000000; border-color: #000000; color: #FFFFFF; } .sys { background-color: #1F1F1F; border-color: #3A3A3A; color: #CCCCCC; } .ipt { color: #FFFFFF; } .ntf { top: 0; position: fixed; z-index: 999999; right: calc(0.25rem*2); opacity: 0; transform: translateY(-100%); transition-property: all; transition-duration: calc(1s/4); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .ntf.on { opacity: 1; transform: translateY(0); top: calc(0.25rem*12); } .lbl { display: inline-block; white-space: nowrap; } .lbl.l { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .lbl.r { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .ipt { display: inline-block; background-color: transparent; } .ipt.l { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ipt.r { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn { cursor: pointer; white-space: nowrap; display: inline-block; transition: filter 0.25s ease; } .btn:hover, .btn.on { box-shadow: none; filter: brightness(calc(100% - 5% * 2)); } .grail { width: 100%; height: 100%; display: flex; flex-direction: column; } .wrap-c { margin-left: auto; margin-right: auto; max-width: 768px; } .bdy { height: 100%; overflow: auto; } .hdr, .ftr { z-index: 1; } .modal, .modal > * { transition-duration: 500ms; } .modal { top: 0; left: 0; opacity: 0; width: 100%; height: 100%; display: none; overflow: auto; position: fixed; z-index: 999999; transition-property: opacity; transition-timing-function: ease; background-color: rgba(0, 0, 0, 0.5); } .modal > * { opacity: 0; width: 100%; display: table; min-height: 100%; table-layout: fixed; transform: translateY(-25%); transition-property: transform, opacity; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .modal > * > * { text-align: center; displaY: table-cell; vertical-align: middle; padding: calc(0.25rem*2); } .modal > * > * > * { max-width: 100%; overflow: hidden; text-align: left; displaY: inline-block; } .modal.on { opacity: 1; } .modal.on > * { opacity: 1; transform: translateY(0); } .tag { display: inline-block; white-space: nowrap; padding-top: calc(0.25rem*1); padding-bottom: calc(0.25rem*1); } .tabs { z-index: 0; display: flex; border-radius: 0.25rem; flex-direction: row; flex-wrap: wrap; align-items: flex-end; } .tabs > input[type="radio"] { display: none; } .tabs > label { order: 1; margin: 0; z-index: 1; cursor: pointer; position: relative; padding: 0 1px 0 0; overflow: hidden; background: none; border: none; margin-bottom: -1px; } .tabs > label > * { width: auto; display: inline-block; position: relative; bottom: -5px; margin-bottom: 0; padding: calc(0.25rem*2); background-color: #1A1A1A; border: 1px solid #242424; border-bottom: none; color: #CCCCCC; border-radius: 0.25rem 0.25rem 0 0; transition: bottom 0.25s ease, filter 0.25s ease; } .tabs > label:first-of-type > * { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .tabs > label > *:hover { bottom: 0; } .tabs > label.active > *, .tabs > input[type="radio"]:checked + label > * { bottom: 0; background-color: #1A1A1A; border-color: #242424; color: #CCCCCC; border-bottom-color: #1A1A1A; } .tabs > label + .pnl { order: 99; z-index: 0; width: 100%; display: none; position: relative; padding: calc(0.25*2); background-color: #1A1A1A; border-radius: 0 0 0.25rem 0.25rem; } .tabs > input[type="radio"]:checked + label { z-index: 2; } .tabs > input[type="radio"]:checked + label + .pnl { z-index: 1; display: block; color: #CCCCCC; border-color: #242424; } .tabs.shad > label + .pnl { box-shadow: none; } .tabs.shad-1 > label + .pnl { box-shadow: none; } .tabs.shad-2 > label + .pnl { box-shadow: none; } .tabs.shad-3 > label + .pnl { box-shadow: none; } .tabs.shad-4 > label + .pnl { box-shadow: none; } .tabs > label > * { background-color: #1A1A1A; border-color: #242424; color: #CCCCCC; filter: brightness(calc(100% - 2.5% * 5)); } .tabs > label > *:hover, .tabs > label.active > *, .tabs > input[type="radio"]:checked + label > * { background-color: #1A1A1A; border-color: #242424; color: #CCCCCC; filter: brightness(100%); } .tabs.sys > label > * { background-color: #1F1F1F; border-color: #3A3A3A; color: #CCCCCC; } .tabs.sys > input[type="radio"]:checked + label > * { background-color: #1A1A1A; border-color: #3A3A3A; color: #CCCCCC; } .tabs.sys > input[type="radio"]:checked + label + .pnl { border-color: #3A3A3A; } .tabs.pnl > label > * { background-color: #1A1A1A; border-color: #242424; color: #CCCCCC; } .tabs.pnl > input[type="radio"]:checked + label > * { background-color: #1A1A1A; border-color: #242424; color: #CCCCCC; } .tabs.pnl > input[type="radio"]:checked + label + .pnl { border-color: #242424; } .tabs.prm > label > * { background-color: #F24600; border-color: #F24600; color: #FFFFFF; } .tabs.prm > input[type="radio"]:checked + label > * { background-color: #1A1A1A; border-color: #F24600; color: #CCCCCC; } .tabs.prm > input[type="radio"]:checked + label + .pnl { border-color: #F24600; } .tabs.sec > label > * { background-color: #A05F2C; border-color: #A05F2C; color: #FFFFFF; } .tabs.sec > input[type="radio"]:checked + label > * { background-color: #1A1A1A; border-color: #A05F2C; color: #CCCCCC; } .tabs.sec > input[type="radio"]:checked + label + .pnl { border-color: #A05F2C; } .tabs.inf > label > * { background-color: #198B9B; border-color: #198B9B; color: #FFFFFF; } .tabs.inf > input[type="radio"]:checked + label > * { background-color: #1A1A1A; border-color: #198B9B; color: #CCCCCC; } .tabs.inf > input[type="radio"]:checked + label + .pnl { border-color: #198B9B; } .tabs.scc > label > * { background-color: #23963C; border-color: #23963C; color: #FFFFFF; } .tabs.scc > input[type="radio"]:checked + label > * { background-color: #1A1A1A; border-color: #23963C; color: #CCCCCC; } .tabs.scc > input[type="radio"]:checked + label + .pnl { border-color: #23963C; } .tabs.wrn > label > * { background-color: #D4A500; border-color: #D4A500; color: #FFFFFF; } .tabs.wrn > input[type="radio"]:checked + label > * { background-color: #1A1A1A; border-color: #D4A500; color: #CCCCCC; } .tabs.wrn > input[type="radio"]:checked + label + .pnl { border-color: #D4A500; } .tabs.dng > label > * { background-color: #C5303F; border-color: #C5303F; color: #FFFFFF; } .tabs.dng > input[type="radio"]:checked + label > * { background-color: #1A1A1A; border-color: #C5303F; color: #CCCCCC; } .tabs.dng > input[type="radio"]:checked + label + .pnl { border-color: #C5303F; } .tabs.wht > label > * { background-color: #FFFFFF; border-color: #FFFFFF; color: #555555; } .tabs.wht > input[type="radio"]:checked + label > * { background-color: #1A1A1A; border-color: #FFFFFF; color: #CCCCCC; } .tabs.wht > input[type="radio"]:checked + label + .pnl { border-color: #FFFFFF; } .tabs.blk > label > * { background-color: #000000; border-color: #000000; color: #FFFFFF; } .tabs.blk > input[type="radio"]:checked + label > * { background-color: #1A1A1A; border-color: #000000; color: #CCCCCC; } .tabs.blk > input[type="radio"]:checked + label + .pnl { border-color: #000000; } .al-c { text-align: center; } .al-r { text-align: right; } .al-l { text-align: left; } .al-m { vertical-align: middle; } .al-b { vertical-align: bottom; } .al-t { vertical-align: top; } .bg-cover { background-size: cover; } .bg-contain { background-size: contain; } .bg-sz-25 { background-size: 25%; } .bg-sz-50 { background-size: 50%; } .bg-sz-75 { background-size: 75%; } .bg-sz-100 { background-size: 100%; } .bg-sz-0,.bg-no { background-size: 0; } .bg-t { background-position: top; } .bg-r { background-position: right; } .bg-b { background-position: bottom; } .bg-l { background-position: left; } .bg-c { background-position: center; } .bg-repeat { background-repeat: repeat; } .bg-repeat-no { background-repeat: no-repeat; } .blur, .blur-hv:hover, .blur-fc:focus, .blur-on.on, .blur-1, .blur-1-hv:hover, .blur-1-fc:focus, .blur-1-on.on { filter: blur(calc(0.25 * 1 * 1rem)); } .blur-2, .blur-2-hv:hover, .blur-2-fc:focus, .blur-2-on.on { filter: blur(calc(0.25 * 2 * 1rem)); } .blur-3, .blur-3-hv:hover, .blur-3-fc:focus, .blur-3-on.on { filter: blur(calc(0.25 * 3 * 1rem)); } .blur-4, .blur-4-hv:hover, .blur-4-fc:focus, .blur-4-on.on { filter: blur(calc(0.25 * 4 * 1rem)); } .blur-0, .blur-no, .blur-0-hv:hover, .blur-0-fc:focus, .blur-0-on.on, .blur-no-hv:hover, .blur-no-fc:focus, .blur-no-on.on { filter: none; } .bd { border-width: 1px; } .bd-1 { border-width: 1px; } .bd-2 { border-width: 2px; } .bd-3 { border-width: 3px; } .bd-4 { border-width: 4px; } .bd { border-style: solid; } .bd-dash { border-style: dashed; } .bd-dot { border-style: dotted; } .bd-solid { border-style: solid; } .bd-x-0, .bd-x-no { border-left: none; border-right: none; } .bd-y-0, .bd-y-no { border-top: none; border-bottom: none; } .bd-t-0, .bd-t-no { border-top: none; } .bd-r-0, .bd-r-no { border-right: none; } .bd-b-0, .bd-b-no { border-bottom: none; } .bd-l-0, .bd-l-no { border-left: none; } .bd-tl-0, .bd-tl-no { border-top: none; border-left: none; } .bd-tr-0, .bd-tr-no { border-top: none; border-right: none; } .bd-bl-0, .bd-bl-no { border-bottom: none; border-left: none; } .bd-br-0, .bd-br-no { border-bottom: none; border-right: none; } .bd-tb-0, .bd-tb-no { border-top: none; border-bottom: none; } .bd-rl-0, .bd-rl-no { border-right: none; border-left: none; } .bd-tlr-0, .bd-tlr-no { border-top: none; border-left: none; border-right: none; } .bd-trb-0, .bd-trb-no { border-top: none; border-right: none; border-bottom: none; } .bd-rbl-0, .bd-rbl-no { border-right: none; border-bottom: none; border-left: none; } .bd-blt-0, .bd-blt-no { border-bottom: none; border-left: none; border-top: none; } .bd-0,.bd-no { border: none; } .txt { color: #FFFFFF; } .bd { border-color: #3A3A3A; } .bg { background-color: #1A1A1A } .lnk, .lnk-hv:hover, .lnk-fc:focus, .lnk-on.on { color: #F24600; } .txt-sys, .txt-sys-hv:hover, .txt-sys-fc:focus, .txt-sys-on.on { color: #1F1F1F; } .bg-sys, .bg-sys-hv:hover, .bg-sys-fc:focus, .bg-sys-on.on { background-color: #1F1F1F } .bd-sys, .bd-sys-hv:hover, .bd-sys-fc:focus, .bd-sys-on.on { border-color: #3A3A3A; } .txt-hdr, .txt-hdr-hv:hover, .txt-hdr-fc:focus, .txt-hdr-on.on { color: #FFFFFF; } .bg-hdr, .bg-hdr-hv:hover, .bg-hdr-fc:focus, .bg-hdr-on.on { background-color: #121212 } .bd-hdr, .bd-hdr-hv:hover, .bd-hdr-fc:focus, .bd-hdr-on.on { border-color: #222222; } .txt-bdy, .txt-bdy-hv:hover, .txt-bdy-fc:focus, .txt-bdy-on.on { color: #CCCCCC; } .bg-bdy, .bg-bdy-hv:hover, .bg-bdy-fc:focus, .bg-bdy-on.on { background-color: #1A1A1A } .bd-bdy, .bd-bdy-hv:hover, .bd-bdy-fc:focus, .bd-bdy-on.on { border-color: #242424; } .txt-ftr, .txt-ftr-hv:hover, .txt-ftr-fc:focus, .txt-ftr-on.on { color: #FFFFFF; } .bg-ftr, .bg-ftr-hv:hover, .bg-ftr-fc:focus, .bg-ftr-on.on { background-color: #121212 } .bd-ftr, .bd-ftr-hv:hover, .bd-ftr-fc:focus, .bd-ftr-on.on { border-color: #222222; } .txt-pnl, .txt-pnl-hv:hover, .txt-pnl-fc:focus, .txt-pnl-on.on { color: #CCCCCC; } .bg-pnl, .bg-pnl-hv:hover, .bg-pnl-fc:focus, .bg-pnl-on.on { background-color: #1A1A1A } .bd-pnl, .bd-pnl-hv:hover, .bd-pnl-fc:focus, .bd-pnl-on.on { border-color: #242424; } .txt-prm, .txt-prm-hv:hover, .txt-prm-fc:focus, .txt-prm-on.on { color: #F24600; } .bg-prm, .bg-prm-hv:hover, .bg-prm-fc:focus, .bg-prm-on.on { background-color: #F24600 } .bd-prm, .bd-prm-hv:hover, .bd-prm-fc:focus, .bd-prm-on.on { border-color: #F24600; } .txt-sec, .txt-sec-hv:hover, .txt-sec-fc:focus, .txt-sec-on.on { color: #A05F2C; } .bg-sec, .bg-sec-hv:hover, .bg-sec-fc:focus, .bg-sec-on.on { background-color: #A05F2C } .bd-sec, .bd-sec-hv:hover, .bd-sec-fc:focus, .bd-sec-on.on { border-color: #A05F2C; } .txt-inf, .txt-inf-hv:hover, .txt-inf-fc:focus, .txt-inf-on.on { color: #198B9B; } .bg-inf, .bg-inf-hv:hover, .bg-inf-fc:focus, .bg-inf-on.on { background-color: #198B9B } .bd-inf, .bd-inf-hv:hover, .bd-inf-fc:focus, .bd-inf-on.on { border-color: #198B9B; } .txt-scc, .txt-scc-hv:hover, .txt-scc-fc:focus, .txt-scc-on.on { color: #23963C; } .bg-scc, .bg-scc-hv:hover, .bg-scc-fc:focus, .bg-scc-on.on { background-color: #23963C } .bd-scc, .bd-scc-hv:hover, .bd-scc-fc:focus, .bd-scc-on.on { border-color: #23963C; } .txt-wrn, .txt-wrn-hv:hover, .txt-wrn-fc:focus, .txt-wrn-on.on { color: #D4A500; } .bg-wrn, .bg-wrn-hv:hover, .bg-wrn-fc:focus, .bg-wrn-on.on { background-color: #D4A500 } .bd-wrn, .bd-wrn-hv:hover, .bd-wrn-fc:focus, .bd-wrn-on.on { border-color: #D4A500; } .txt-dng, .txt-dng-hv:hover, .txt-dng-fc:focus, .txt-dng-on.on { color: #C5303F; } .bg-dng, .bg-dng-hv:hover, .bg-dng-fc:focus, .bg-dng-on.on { background-color: #C5303F } .bd-dng, .bd-dng-hv:hover, .bd-dng-fc:focus, .bd-dng-on.on { border-color: #C5303F; } .txt-wht, .txt-wht-hv:hover, .txt-wht-fc:focus, .txt-wht-on.on { color: #FFFFFF; } .bg-wht, .bg-wht-hv:hover, .bg-wht-fc:focus, .bg-wht-on.on { background-color: #FFFFFF } .bd-wht, .bd-wht-hv:hover, .bd-wht-fc:focus, .bd-wht-on.on { border-color: #FFFFFF; } .txt-blk, .txt-blk-hv:hover, .txt-blk-fc:focus, .txt-blk-on.on { color: #000000; } .bg-blk, .bg-blk-hv:hover, .bg-blk-fc:focus, .bg-blk-on.on { background-color: #000000 } .bd-blk, .bd-blk-hv:hover, .bd-blk-fc:focus, .bd-blk-on.on { border-color: #000000; } .txt-no, .txt-no-hv:hover, .txt-no-fc:focus, .txt-no-on.on { color: transparent; } .bg-no, .bg-no-hv:hover, .bg-no-fc:focus, .bg-no-on.on { background-color: transparent; } .bd-no, .bd-no-hv:hover, .bd-no-fc:focus, .bd-no-on.on { border-color: transparent; } .cur-pt, .pointer { cursor: pointer; } .cur-gb, .grab { cursor: grab; } .cur-mv, .move { cursor: move; } .cur-no { cursor: none; } .flex { display: flex; } .flex-in { display: inline-flex; } .flex-row { flex-direction: row; } .flex-row-rv { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .flex-col-rv, .col-rv { flex-direction: column-reverse; } .flex-auto { flex: auto; } .flex-wrap { flex-wrap: wrap; } .flex-wrap-no { flex-wrap: nowrap; } .flex-al-l { align-items: flex-start; } .flex-al-c { align-items: center; } .flex-al-r { align-items: flex-end; } .flex-justify-l { justify-content: flex-start; } .flex-justify-c { justify-content: center; } .flex-justify-r { justify-content: flex-end; } .flex-around { justify-content: space-around; } .flex-between { justify-content: space-between; } .flex-md { display: flex; align-items: center; justify-content: center; } .float-l { float: left; } .float-r { float: right; } .float-no { float: none; } .clear-both { clear: both; } .grid-col-1 { column-count: 1; column-gap: 0; } .grid-col-2 { column-count: 2; column-gap: 0; } .grid-col-3 { column-count: 3; column-gap: 0; } .grid-col-4 { column-count: 4; column-gap: 0; } .grid-col-5 { column-count: 5; column-gap: 0; } .grid-col-6 { column-count: 6; column-gap: 0; } .grid-col-7 { column-count: 7; column-gap: 0; } .grid-col-8 { column-count: 8; column-gap: 0; } .grid-col-9 { column-count: 9; column-gap: 0; } .grid-col-10 { column-count: 10; column-gap: 0; } .grid-col-11 { column-count: 11; column-gap: 0; } .grid-col-12 { column-count: 12; column-gap: 0; } @media (min-width: 380px) { .bp1-grid-col-1 { column-count: 1; } .bp1-grid-col-2 { column-count: 2; } .bp1-grid-col-3 { column-count: 3; } .bp1-grid-col-4 { column-count: 4; } .bp1-grid-col-5 { column-count: 5; } .bp1-grid-col-6 { column-count: 6; } .bp1-grid-col-7 { column-count: 7; } .bp1-grid-col-8 { column-count: 8; } .bp1-grid-col-9 { column-count: 9; } .bp1-grid-col-10 { column-count: 10; } .bp1-grid-col-11 { column-count: 11; } .bp1-grid-col-12 { column-count: 12; } } @media (min-width: 768px) { .bp2-grid-col-1 { column-count: 1; } .bp2-grid-col-2 { column-count: 2; } .bp2-grid-col-3 { column-count: 3; } .bp2-grid-col-4 { column-count: 4; } .bp2-grid-col-5 { column-count: 5; } .bp2-grid-col-6 { column-count: 6; } .bp2-grid-col-7 { column-count: 7; } .bp2-grid-col-8 { column-count: 8; } .bp2-grid-col-9 { column-count: 9; } .bp2-grid-col-10 { column-count: 10; } .bp2-grid-col-11 { column-count: 11; } .bp2-grid-col-12 { column-count: 12; } } @media (min-width: 1280px) { .bp3-grid-col-1 { column-count: 1; } .bp3-grid-col-2 { column-count: 2; } .bp3-grid-col-3 { column-count: 3; } .bp3-grid-col-4 { column-count: 4; } .bp3-grid-col-5 { column-count: 5; } .bp3-grid-col-6 { column-count: 6; } .bp3-grid-col-7 { column-count: 7; } .bp3-grid-col-8 { column-count: 8; } .bp3-grid-col-9 { column-count: 9; } .bp3-grid-col-10 { column-count: 10; } .bp3-grid-col-11 { column-count: 11; } .bp3-grid-col-12 { column-count: 12; } } .grid-break { break-inside: avoid; } .grow, .grow-hv:hover, .grow-fc:focus, .grow-on.on, .grow-1, .grow-1-hv:hover, .grow-1-fc:focus, .grow-1-on.on { transform: scale(1.25); } .grow-2, .grow-2-hv:hover, .grow-2-fc:focus, .grow-2-on.on { transform: scale(1.5); } .grow-3, .grow-3-hv:hover, .grow-3-fc:focus, .grow-3-on.on { transform: scale(1.75); } .grow-4, .grow-4-hv:hover, .grow-4-fc:focus, .grow-4-on.on { transform: scale(2); } .grow-0, .grow-no, .grow-0-hv:hover, .grow-0-fc:focus, .grow-0-on.on { transform: scale(1); } .full, .full-y { height: 100%; } .max-full, .max-full-y { max-height: 100%; } .hgt-1 { height: 8.333333333333334%; } .hgt-2 { height: 16.666666666666668%; } .hgt-3 { height: 25%; } .hgt-4 { height: 33.333333333333336%; } .hgt-5 { height: 41.66666666666667%; } .hgt-6 { height: 50%; } .hgt-7 { height: 58.333333333333336%; } .hgt-8 { height: 66.66666666666667%; } .hgt-9 { height: 75%; } .hgt-10 { height: 83.33333333333334%; } .hgt-11 { height: 91.66666666666667%; } .hgt-12 { height: 100%; } .hgt-max-1 { max-height: 8.333333333333334%; } .hgt-max-2 { max-height: 16.666666666666668%; } .hgt-max-3 { max-height: 25%; } .hgt-max-4 { max-height: 33.333333333333336%; } .hgt-max-5 { max-height: 41.66666666666667%; } .hgt-max-6 { max-height: 50%; } .hgt-max-7 { max-height: 58.333333333333336%; } .hgt-max-8 { max-height: 66.66666666666667%; } .hgt-max-9 { max-height: 75%; } .hgt-max-10 { max-height: 83.33333333333334%; } .hgt-max-11 { max-height: 91.66666666666667%; } .hgt-max-12 { max-height: 100%; } .hgt-min-1 { min-height: 8.333333333333334%; } .hgt-min-2 { min-height: 16.666666666666668%; } .hgt-min-3 { min-height: 25%; } .hgt-min-4 { min-height: 33.333333333333336%; } .hgt-min-5 { min-height: 41.66666666666667%; } .hgt-min-6 { min-height: 50%; } .hgt-min-7 { min-height: 58.333333333333336%; } .hgt-min-8 { min-height: 66.66666666666667%; } .hgt-min-9 { min-height: 75%; } .hgt-min-10 { min-height: 83.33333333333334%; } .hgt-min-11 { min-height: 91.66666666666667%; } .hgt-min-12 { min-height: 100%; } .lgt, .lgt-hv:hover, .lgt-fc:focus, .lgt-on.on, .lgt-1, .lgt-1-hv:hover, .lgt-1-fc:focus, .lgt-1-on.on { filter: brightness(calc(100% + 5% * 1)); } .lgt-2, .lgt-2-hv:hover, .lgt-2-fc:focus, .lgt-2-on.on { filter: brightness(calc(100% + 5% * 2)); } .lgt-3, .lgt-3-hv:hover, .lgt-3-fc:focus, .lgt-3-on.on { filter: brightness(calc(100% + 5% * 3)); } .lgt-4, .lgt-4-hv:hover, .lgt-4-fc:focus, .lgt-4-on.on { filter: brightness(calc(100% + 5% * 4)); } .lgt-0, .lgt-no, .lgt-0-hv:hover, .lgt-no-hv:hover, .lgt-0-fc:focus, .lgt-no-fc:focus, .lgt-0-on.on, .lgt-no-on.on { filter: brightness(100%); } .drk, .drk-hv:hover, .drk-fc:focus, .drk-on.on, .drk-1, .drk-1-hv:hover, .drk-1-fc:focus, .drk-1-on.on { filter: brightness(calc(100% - 5% * 1)); } .drk-2, .drk-2-hv:hover, .drk-2-fc:focus, .drk-2-on.on { filter: brightness(calc(100% - 5% * 2)); } .drk-3, .drk-3-hv:hover, .drk-3-fc:focus, .drk-3-on.on { filter: brightness(calc(100% - 5% * 3)); } .drk-4, .drk-4-hv:hover, .drk-4-fc:focus, .drk-4-on.on { filter: brightness(calc(100% - 5% * 4)); } .drk-0, .drk-no, .drk-0-hv:hover, .drk-no-hv:hover, .drk-0-fc:focus, .drk-no-fc:focus, .drk-0-on.on, .drk-no-on.on { filter: brightness(100%); } .mar-a { margin: 0 auto; } .mar, .mar-1 { margin: calc(0.25rem*1); } .mar-2 { margin: calc(0.25rem*2); } .mar-3 { margin: calc(0.25rem*3); } .mar-4 { margin: calc(0.25rem*4); } .mar-0,.mar-no { margin: 0; } .mar-x, .mar-x-1 { margin-left: calc(0.25rem*1); margin-right: calc(0.25rem*1); } .mar-x-2 { margin-left: calc(0.25rem*2); margin-right: calc(0.25rem*2); } .mar-x-3 { margin-left: calc(0.25rem*3); margin-right: calc(0.25rem*3); } .mar-x-4 { margin-left: calc(0.25rem*4); margin-right: calc(0.25rem*4); } .mar-x-0,.mar-x-no { margin-left: 0; margin-right: 0; } .mar-y, .mar-y-1 { margin-top: calc(0.25rem*1); margin-bottom: calc(0.25rem*1); } .mar-y-2 { margin-top: calc(0.25rem*2); margin-bottom: calc(0.25rem*2); } .mar-y-3 { margin-top: calc(0.25rem*3); margin-bottom: calc(0.25rem*3); } .mar-y-4 { margin-top: calc(0.25rem*4); margin-bottom: calc(0.25rem*4); } .mar-y-0,.mar-y-no { margin-top: 0; margin-bottom: 0; } .mar-t, .mar-t-1 { margin-top: calc(0.25rem*1); } .mar-t-2 { margin-top: calc(0.25rem*2); } .mar-t-3 { margin-top: calc(0.25rem*3); } .mar-t-4 { margin-top: calc(0.25rem*4); } .mar-t-0,.mar-t-no { margin-top: 0; } .mar-r, .mar-r-1 { margin-right: calc(0.25rem*1); } .mar-r-2 { margin-right: calc(0.25rem*2); } .mar-r-3 { margin-right: calc(0.25rem*3); } .mar-r-4 { margin-right: calc(0.25rem*4); } .mar-r-0,.mar-r-no { margin-right: 0; } .mar-b, .mar-b-1 { margin-bottom: calc(0.25rem*1); } .mar-b-2 { margin-bottom: calc(0.25rem*2); } .mar-b-3 { margin-bottom: calc(0.25rem*3); } .mar-b-4 { margin-bottom: calc(0.25rem*4); } .mar-b-0,.mar-b-no { margin-bottom: 0; } .mar-l, .mar-l-1 { margin-left: calc(0.25rem*1); } .mar-l-2 { margin-left: calc(0.25rem*2); } .mar-l-3 { margin-left: calc(0.25rem*3); } .mar-l-4 { margin-left: calc(0.25rem*4); } .mar-l-0,.mar-l-no { margin-left: 0; } .op, .op-hv:hover, .op-fc:focus, .op-on.on { opacity: 0.5; } .op-25, .op-25-hv:hover, .op-25-fc:focus, .op-25-on.on { opacity: 0.25; } .op-50, .op-50-hv:hover, .op-50-fc:focus, .op-50-on.on { opacity: 0.5; } .op-75, .op-75-hv:hover, .op-75-fc:focus, .op-75-on.on { opacity: 0.75; } .op-100, .op-100-hv:hover, .op-100-fc:focus, .op-100-on.on { opacity: 1; } .op-0, .op-no, .op-0-hv:hover, .op-no-hv:hover, .op-0-fc:focus, .op-no-fc:focus, .op-0-on.on, .op-no-on.on { opacity: 0; } .overflow { overflow: hidden; } .overflow-x { overflow-x: hidden; } .overflow-y { overflow-y: hidden; } .scroll { overflow: auto; } .scroll-x { overflow-x: auto; } .scroll-y { overflow-y: auto; } .srcroll-hide { overflow: auto; scrollbar-width: none; } .srcroll-hide::-webkit-scrollbar { display: none; } .pad-1 { padding: calc(0.25rem*1); } .pad, .pad-2 { padding: calc(0.25rem*2); } .pad-3 { padding: calc(0.25rem*3); } .pad-4 { padding: calc(0.25rem*4); } .pad-0,.pad-no { padding: 0; } .pad-x-1 { padding-left: calc(0.25rem*1); padding-right: calc(0.25rem*1); } .pad-x, .pad-x-2 { padding-left: calc(0.25rem*2); padding-right: calc(0.25rem*2); } .pad-x-3 { padding-left: calc(0.25rem*3); padding-right: calc(0.25rem*3); } .pad-x-4 { padding-left: calc(0.25rem*4); padding-right: calc(0.25rem*4); } .pad-x-0,.pad-x-no { padding-left: 0; padding-right: 0; } .pad-y-1 { padding-top: calc(0.25rem*1); padding-bottom: calc(0.25rem*1); } .pad-y, .pad-y-2 { padding-top: calc(0.25rem*2); padding-bottom: calc(0.25rem*2); } .pad-y-3 { padding-top: calc(0.25rem*3); padding-bottom: calc(0.25rem*3); } .pad-y-4 { padding-top: calc(0.25rem*4); padding-bottom: calc(0.25rem*4); } .pad-y-0,.pad-y-no { padding-top: 0; padding-bottom: 0; } .pad-t-1 { padding-top: calc(0.25rem*1); } .pad-t, .pad-t-2 { padding-top: calc(0.25rem*2); } .pad-t-3 { padding-top: calc(0.25rem*3); } .pad-t-4 { padding-top: calc(0.25rem*4); } .pad-t-0,.pad-t-no { padding-top: 0; } .pad-r-1 { padding-right: calc(0.25rem*1); } .pad-r, .pad-r-2 { padding-right: calc(0.25rem*2); } .pad-r-3 { padding-right: calc(0.25rem*3); } .pad-r-4 { padding-right: calc(0.25rem*4); } .pad-r-0,.pad-r-no { padding-right: 0; } .pad-b-1 { padding-bottom: calc(0.25rem*1); } .pad-b, .pad-b-2 { padding-bottom: calc(0.25rem*2); } .pad-b-3 { padding-bottom: calc(0.25rem*3); } .pad-b-4 { padding-bottom: calc(0.25rem*4); } .pad-b-0,.pad-b-no { padding-bottom: 0; } .pad-l-1 { padding-left: calc(0.25rem*1); } .pad-l, .pad-l-2 { padding-left: calc(0.25rem*2); } .pad-l-3 { padding-left: calc(0.25rem*3); } .pad-l-4 { padding-left: calc(0.25rem*4); } .pad-l-0,.pad-l-no { padding-left: 0; } .abs { position: absolute; } .rel { position: relative; } .fix { position: fixed; } .t { top: 0; } .r { right: 0; } .b { bottom: 0; } .l { left: 0; } .circle { border-radius: 50%; } .rad { border-radius: 0.25rem; } .rad-0,.rad-no { border-radius: 0; } .rad-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rad-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rad-b { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rad-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rad-t-0,.rad-t-no { border-top-left-radius: 0; border-top-right-radius: 0; } .rad-r-0,.rad-r-no { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rad-b-0,.rad-b-no { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .rad-l-0,.rad-l-no { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rad-tl { border-top-left-radius: 0.25rem; } .rad-tr { border-top-right-radius: 0.25rem; } .rad-bl { border-bottom-left-radius: 0.25rem; } .rad-br { border-bottom-right-radius: 0.25rem; } .rad-tl-0,.rad-tl-no { border-top-left-radius: 0; } .rad-tr-0,.rad-tr-no { border-top-right-radius: 0; } .rad-bl-0,.rad-bl-no { border-bottom-left-radius: 0; } .rad-br-0,.rad-br-no { border-bottom-right-radius: 0; } .sel-no { user-select: none; } .sel { user-select: auto; } .shad,.shad-1 { box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2); } .shad-2 { box-shadow: 0 .125em .25em rgba(0,0,0,.075); } .shad-3 { box-shadow: 0 .5em 1em rgba(0,0,0,0.15); } .shad-4 { box-shadow: 0 1em 3em rgba(0,0,0,0.175); } .shad-txt { text-shadow: 0 1px 2px rgba(0,0,0,0.4); } .shad-txt-no { text-shadow: none; } .shrink, .shrink-hv:hover, .shrink-fc:focus, .shrink-on.on, .shrink-1, .shrink-1-hv:hover, .shrink-1-fc:focus, .shrink-1-on.on { transform: scale(0.75); } .shrink-2, .shrink-2-hv:hover, .shrink-2-fc:focus, .shrink-2-on.on { transform: scale(0.5); } .shrink-3, .shrink-3-hv:hover, .shrink-3-fc:focus, .shrink-3-on.on { transform: scale(0.25); } .shrink-4, .shrink-4-hv:hover, .shrink-4-fc:focus, .shrink-4-on.on { transform: scale(0); } .shrink-0, .shrink-no, .shrink-0-hv:hover, .shrink-0-fc:focus, .shrink-0-on.on { transform: scale(1); } .spin, .spin-hv:hover, .spin-fc:focus, .spin-on.on { display: inline-block; transform-origin: center center; animation: spin 0.5s 1 linear; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .tbl { display: table; } .tr { display: table-row; } .td { display: table-cell; } .tbl-col { display: table-column; } .tbl-cap { display: table-caption; } .tbl-fix { table-layout: fixed; } .tbl-auto { table-layout: auto; } .tr-grp { display: table-row-group; } .th-grp { display: table-header-group; } .tbl-col-grp { display: table-column-group; } .tbl-ftr-grp { display: table-footer-group; } .cols { display: table; width: 100%; } .col, .col-0, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { display: table-cell; } @media screen and (min-width: 380px) { .bp1-cols { display: table; width: 100%; } .bp1-col, .bp1-col-1, .bp1-col-2, .bp1-col-3, .bp1-col-4, .bp1-col-5, .bp1-col-6, .bp1-col-7, .bp1-col-8, .bp1-col-9, .bp1-col-10, .bp1-col-11, .bp1-col-12 { display: table-cell; } } @media screen and (min-width: 768px) { .bp2-cols { display: table; width: 100%; } .bp2-col, .bp2-col-1, .bp2-col-2, .bp2-col-3, .bp2-col-4, .bp2-col-5, .bp2-col-6, .bp2-col-7, .bp2-col-8, .bp2-col-9, .bp2-col-10, .bp2-col-11, .bp2-col-12 { display: table-cell; } } @media screen and (min-width: 1280px) { .bp3-cols { display: table; width: 100%; } .bp3-col, .bp3-col-1, .bp3-col-2, .bp3-col-3, .bp3-col-4, .bp3-col-5, .bp3-col-6, .bp3-col-7, .bp3-col-8, .bp3-col-9, .bp3-col-10, .bp3-col-11, .bp3-col-12 { display: table-cell; } } .xl { font-size: 2.4rem; } .lg { font-size: 2.2rem; } .h1 { font-size: 2rem; } .h2 { font-size: 1.8rem; } .h3 { font-size: 1.6rem; } .h4 { font-size: 1.4rem; } .h5 { font-size: 1.2rem; } .h6 { font-size: 1rem; } .sm { font-size: 0.8rem; } .xs { font-size: 0.7rem; } .s,.bold { font-weight: bold; } .i, .italic { font-style: italic; } .u, .underline { text-decoration: underline; } .up, .upper, .uppercase { text-transform: uppercase; } .low, .lower, .lowercase { text-transform: lowercase; } .out-t, .out-t-hv:hover, .out-t-fc:focus, .out-t-on.on { transform: translateY(-100%); } .out-r, .out-r-hv:hover, .out-r-fc:focus, .out-r-on.on { transform: translateX(100%); } .out-b, .out-b-hv:hover, .out-b-fc:focus, .out-b-on.on { transform: translateY(100%); } .out-l, .out-l-hv:hover, .out-l-fc:focus, .out-l-on.on { transform: translateX(-100%); } .out-no, .out-no-hv:hover, .out-no-fc:focus, .out-no-on.on { transform: translateX(0); } .full, .full-x { width: 100%; } .max-full, .max-full-x { max-width: 100%; } .wdt-1,.col-1 { width: 8.333333333333334%; } .wdt-2,.col-2 { width: 16.666666666666668%; } .wdt-3,.col-3 { width: 25%; } .wdt-4,.col-4 { width: 33.333333333333336%; } .wdt-5,.col-5 { width: 41.66666666666667%; } .wdt-6,.col-6 { width: 50%; } .wdt-7,.col-7 { width: 58.333333333333336%; } .wdt-8,.col-8 { width: 66.66666666666667%; } .wdt-9,.col-9 { width: 75%; } .wdt-10,.col-10 { width: 83.33333333333334%; } .wdt-11,.col-11 { width: 91.66666666666667%; } .wdt-12,.col-12 { width: 100%; } .wdt-0,.col-0 { width: 0; } .wdt-auto,.col-auto { width: auto; } .wdt-max-1,.col-max-1 { max-width: 8.333333333333334%; } .wdt-max-2,.col-max-2 { max-width: 16.666666666666668%; } .wdt-max-3,.col-max-3 { max-width: 25%; } .wdt-max-4,.col-max-4 { max-width: 33.333333333333336%; } .wdt-max-5,.col-max-5 { max-width: 41.66666666666667%; } .wdt-max-6,.col-max-6 { max-width: 50%; } .wdt-max-7,.col-max-7 { max-width: 58.333333333333336%; } .wdt-max-8,.col-max-8 { max-width: 66.66666666666667%; } .wdt-max-9,.col-max-9 { max-width: 75%; } .wdt-max-10,.col-max-10 { max-width: 83.33333333333334%; } .wdt-max-11,.col-max-11 { max-width: 91.66666666666667%; } .wdt-max-12,.col-max-12 { max-width: 100%; } .wdt-max-0,.col-max-0 { max-width: 0; } .wdt-max-a,.col-max-a { max-width: auto; } .bp-max, .bp1-max, .bp2-max, .bp3-max width: 100%; } .bp-max, .bp1-max { max-width: 380px; } @media screen and (min-width: 380px) { .bp-max, .bp1-max { max-width: 380px; } } @media screen and (min-width: 768px) { .bp-max, .bp2-max { max-width: 768px; } } @media screen and (min-width: 1280px) { .bp-max, .bp3-max { max-width: 1280px; } } .wdt-min-1,.col-min-1 { min-width: 8.333333333333334%; } .wdt-min-2,.col-min-2 { min-width: 16.666666666666668%; } .wdt-min-3,.col-min-3 { min-width: 25%; } .wdt-min-4,.col-min-4 { min-width: 33.333333333333336%; } .wdt-min-5,.col-min-5 { min-width: 41.66666666666667%; } .wdt-min-6,.col-min-6 { min-width: 50%; } .wdt-min-7,.col-min-7 { min-width: 58.333333333333336%; } .wdt-min-8,.col-min-8 { min-width: 66.66666666666667%; } .wdt-min-9,.col-min-9 { min-width: 75%; } .wdt-min-10,.col-min-10 { min-width: 83.33333333333334%; } .wdt-min-11,.col-min-11 { min-width: 91.66666666666667%; } .wdt-min-12,.col-min-12 { min-width: 100%; } .wdt-min-0,.col-min-0 { min-width: 0; } .wdt-min-a,.col-min-a { min-width: auto; } .bp1-min, .bp2-min, .bp3-min, .bp-min { width: 100%; } @media screen and (max-width: 380px) { .bp-min, .bp1-min { min-width: 380px; } } @media screen and (max-width: 768px) { .bp-min, .bp2-min { min-width: 768px; } } @media screen and (max-width: 1280px) { .bp-min, .bp3-min { min-width: 1280px; } } .bp-min, .bp3-min { min-width: 1280px; } @media screen and (min-width: 380px) { .bp1-wdt-1,.bp1-col-1 { width: 8.333333333333334%; } .bp1-wdt-2,.bp1-col-2 { width: 16.666666666666668%; } .bp1-wdt-3,.bp1-col-3 { width: 25%; } .bp1-wdt-4,.bp1-col-4 { width: 33.333333333333336%; } .bp1-wdt-5,.bp1-col-5 { width: 41.66666666666667%; } .bp1-wdt-6,.bp1-col-6 { width: 50%; } .bp1-wdt-7,.bp1-col-7 { width: 58.333333333333336%; } .bp1-wdt-8,.bp1-col-8 { width: 66.66666666666667%; } .bp1-wdt-9,.bp1-col-9 { width: 75%; } .bp1-wdt-10,.bp1-col-10 { width: 83.33333333333334%; } .bp1-wdt-11,.bp1-col-11 { width: 91.66666666666667%; } .bp1-wdt-12,.bp1-col-12 { width: 100%; } .bp1-wdt-0,.bp1-col-0 { width: 0; } .bp1-wdt-auto,.bp1-col-auto { width: auto; } .bp1-wdt-max-1,.bp1-col-max-1 { max-width: 8.333333333333334%; } .bp1-wdt-max-2,.bp1-col-max-2 { max-width: 16.666666666666668%; } .bp1-wdt-max-3,.bp1-col-max-3 { max-width: 25%; } .bp1-wdt-max-4,.bp1-col-max-4 { max-width: 33.333333333333336%; } .bp1-wdt-max-5,.bp1-col-max-5 { max-width: 41.66666666666667%; } .bp1-wdt-max-6,.bp1-col-max-6 { max-width: 50%; } .bp1-wdt-max-7,.bp1-col-max-7 { max-width: 58.333333333333336%; } .bp1-wdt-max-8,.bp1-col-max-8 { max-width: 66.66666666666667%; } .bp1-wdt-max-9,.bp1-col-max-9 { max-width: 75%; } .bp1-wdt-max-10,.bp1-col-max-10 { max-width: 83.33333333333334%; } .bp1-wdt-max-11,.bp1-col-max-11 { max-width: 91.66666666666667%; } .bp1-wdt-max-12,.bp1-col-max-12 { max-width: 100%; } .bp1-wdt-max-0,.bp1-col-max-0 { max-width: 0; } .bp1-wdt-max-auto,.bp1-col-max-auto { max-width: auto; } .bp1-wdt-min-1,.bp1-col-min-1 { min-width: 8.333333333333334%; } .bp1-wdt-min-2,.bp1-col-min-2 { min-width: 16.666666666666668%; } .bp1-wdt-min-3,.bp1-col-min-3 { min-width: 25%; } .bp1-wdt-min-4,.bp1-col-min-4 { min-width: 33.333333333333336%; } .bp1-wdt-min-5,.bp1-col-min-5 { min-width: 41.66666666666667%; } .bp1-wdt-min-6,.bp1-col-min-6 { min-width: 50%; } .bp1-wdt-min-7,.bp1-col-min-7 { min-width: 58.333333333333336%; } .bp1-wdt-min-8,.bp1-col-min-8 { min-width: 66.66666666666667%; } .bp1-wdt-min-9,.bp1-col-min-9 { min-width: 75%; } .bp1-wdt-min-10,.bp1-col-min-10 { min-width: 83.33333333333334%; } .bp1-wdt-min-11,.bp1-col-min-11 { min-width: 91.66666666666667%; } .bp1-wdt-min-12,.bp1-col-min-12 { min-width: 100%; } .bp1-wdt-min-0,.bp1-col-min-0 { min-width: 0; } .bp1-wdt-min-auto,.bp1-col-min-auto { min-width: auto; } } @media screen and (min-width: 768px) { .bp2-wdt-1,.bp2-col-1 { width: 8.333333333333334%; } .bp2-wdt-2,.bp2-col-2 { width: 16.666666666666668%; } .bp2-wdt-3,.bp2-col-3 { width: 25%; } .bp2-wdt-4,.bp2-col-4 { width: 33.333333333333336%; } .bp2-wdt-5,.bp2-col-5 { width: 41.66666666666667%; } .bp2-wdt-6,.bp2-col-6 { width: 50%; } .bp2-wdt-7,.bp2-col-7 { width: 58.333333333333336%; } .bp2-wdt-8,.bp2-col-8 { width: 66.66666666666667%; } .bp2-wdt-9,.bp2-col-9 { width: 75%; } .bp2-wdt-10,.bp2-col-10 { width: 83.33333333333334%; } .bp2-wdt-11,.bp2-col-11 { width: 91.66666666666667%; } .bp2-wdt-12,.bp2-col-12 { width: 100%; } .bp2-wdt-0,.bp2-col-0 { width: 0; } .bp2-wdt-auto,.bp2-col-auto { width: auto; } .bp2-wdt-max-1,.bp2-col-max-1 { max-width: 8.333333333333334%; } .bp2-wdt-max-2,.bp2-col-max-2 { max-width: 16.666666666666668%; } .bp2-wdt-max-3,.bp2-col-max-3 { max-width: 25%; } .bp2-wdt-max-4,.bp2-col-max-4 { max-width: 33.333333333333336%; } .bp2-wdt-max-5,.bp2-col-max-5 { max-width: 41.66666666666667%; } .bp2-wdt-max-6,.bp2-col-max-6 { max-width: 50%; } .bp2-wdt-max-7,.bp2-col-max-7 { max-width: 58.333333333333336%; } .bp2-wdt-max-8,.bp2-col-max-8 { max-width: 66.66666666666667%; } .bp2-wdt-max-9,.bp2-col-max-9 { max-width: 75%; } .bp2-wdt-max-10,.bp2-col-max-10 { max-width: 83.33333333333334%; } .bp2-wdt-max-11,.bp2-col-max-11 { max-width: 91.66666666666667%; } .bp2-wdt-max-12,.bp2-col-max-12 { max-width: 100%; } .bp2-wdt-max-0,.bp2-col-max-0 { max-width: 0; } .bp2-wdt-max-auto,.bp2-col-max-auto { max-width: auto; } .bp1-wdt-min-1,.bp1-col-min-1 { min-width: 8.333333333333334%; } .bp1-wdt-min-2,.bp1-col-min-2 { min-width: 16.666666666666668%; } .bp1-wdt-min-3,.bp1-col-min-3 { min-width: 25%; } .bp1-wdt-min-4,.bp1-col-min-4 { min-width: 33.333333333333336%; } .bp1-wdt-min-5,.bp1-col-min-5 { min-width: 41.66666666666667%; } .bp1-wdt-min-6,.bp1-col-min-6 { min-width: 50%; } .bp1-wdt-min-7,.bp1-col-min-7 { min-width: 58.333333333333336%; } .bp1-wdt-min-8,.bp1-col-min-8 { min-width: 66.66666666666667%; } .bp1-wdt-min-9,.bp1-col-min-9 { min-width: 75%; } .bp1-wdt-min-10,.bp1-col-min-10 { min-width: 83.33333333333334%; } .bp1-wdt-min-11,.bp1-col-min-11 { min-width: 91.66666666666667%; } .bp1-wdt-min-12,.bp1-col-min-12 { min-width: 100%; } .bp1-wdt-min-0,.bp1-col-min-0 { min-width: 0; } .bp1-wdt-min-auto,.bp1-col-min-auto { min-width: auto; } } @media screen and (min-width: 1280px) { .bp3-wdt-1,.bp3-col-1 { width: 8.333333333333334%; } .bp3-wdt-2,.bp3-col-2 { width: 16.666666666666668%; } .bp3-wdt-3,.bp3-col-3 { width: 25%; } .bp3-wdt-4,.bp3-col-4 { width: 33.333333333333336%; } .bp3-wdt-5,.bp3-col-5 { width: 41.66666666666667%; } .bp3-wdt-6,.bp3-col-6 { width: 50%; } .bp3-wdt-7,.bp3-col-7 { width: 58.333333333333336%; } .bp3-wdt-8,.bp3-col-8 { width: 66.66666666666667%; } .bp3-wdt-9,.bp3-col-9 { width: 75%; } .bp3-wdt-10,.bp3-col-10 { width: 83.33333333333334%; } .bp3-wdt-11,.bp3-col-11 { width: 91.66666666666667%; } .bp3-wdt-12,.bp3-col-12 { width: 100%; } .bp3-wdt-0,.bp3-col-0 { width: 0; } .bp3-wdt-auto,.bp3-col-auto { width: auto; } .bp3-wdt-max-1,.bp3-col-max-1 { max-width: 8.333333333333334%; } .bp3-wdt-max-2,.bp3-col-max-2 { max-width: 16.666666666666668%; } .bp3-wdt-max-3,.bp3-col-max-3 { max-width: 25%; } .bp3-wdt-max-4,.bp3-col-max-4 { max-width: 33.333333333333336%; } .bp3-wdt-max-5,.bp3-col-max-5 { max-width: 41.66666666666667%; } .bp3-wdt-max-6,.bp3-col-max-6 { max-width: 50%; } .bp3-wdt-max-7,.bp3-col-max-7 { max-width: 58.333333333333336%; } .bp3-wdt-max-8,.bp3-col-max-8 { max-width: 66.66666666666667%; } .bp3-wdt-max-9,.bp3-col-max-9 { max-width: 75%; } .bp3-wdt-max-10,.bp3-col-max-10 { max-width: 83.33333333333334%; } .bp3-wdt-max-11,.bp3-col-max-11 { max-width: 91.66666666666667%; } .bp3-wdt-max-12,.bp3-col-max-12 { max-width: 100%; } .bp3-wdt-max-0,.bp3-col-max-0 { max-width: 0; } .bp3-wdt-max-auto,.bp3-col-max-auto { max-width: auto; } .bp1-wdt-min-1,.bp1-col-min-1 { min-width: 8.333333333333334%; } .bp1-wdt-min-2,.bp1-col-min-2 { min-width: 16.666666666666668%; } .bp1-wdt-min-3,.bp1-col-min-3 { min-width: 25%; } .bp1-wdt-min-4,.bp1-col-min-4 { min-width: 33.333333333333336%; } .bp1-wdt-min-5,.bp1-col-min-5 { min-width: 41.66666666666667%; } .bp1-wdt-min-6,.bp1-col-min-6 { min-width: 50%; } .bp1-wdt-min-7,.bp1-col-min-7 { min-width: 58.333333333333336%; } .bp1-wdt-min-8,.bp1-col-min-8 { min-width: 66.66666666666667%; } .bp1-wdt-min-9,.bp1-col-min-9 { min-width: 75%; } .bp1-wdt-min-10,.bp1-col-min-10 { min-width: 83.33333333333334%; } .bp1-wdt-min-11,.bp1-col-min-11 { min-width: 91.66666666666667%; } .bp1-wdt-min-12,.bp1-col-min-12 { min-width: 100%; } .bp1-wdt-min-0,.bp1-col-min-0 { min-width: 0; } .bp1-wdt-min-auto,.bp1-col-min-auto { min-width: auto; } } .wdt-max-bp1, .col-max-bp1 { max-width: 380px; } .wdt-max-bp2, .col-max-bp2 { max-width: 768px; } .wdt-max-bp3, .col-max-bp3 { max-width: 1280px; } .wdt-min-bp1, .col-min-bp1 { min-width: 380px; } .wdt-min-bp2, .col-min-bp2 { min-width: 768px; } .wdt-min-bp3, .col-min-bp3 { min-width: 1280px; } .nowrap, .wrap-no { white-space: nowrap; } .pre { white-space: pre; } .pre-wrap { white-space: pre-wrap; } .elli, .ellipsis { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .idx-1 { z-index: 1; } .idx-2 { z-index: 2; } .idx-3 { z-index: 3; } .idx-10 { z-index: 10; } .idx-20 { z-index: 20; } .idx-30 { z-index: 30; } .idx-100 { z-index: 100; } .idx-200 { z-index: 200; } .idx-300 { z-index: 300; } .idx-1000 { z-index: 1000; } .idx-2000 { z-index: 2000; } .idx-3000 { z-index: 3000; } .idx-mx { z-index: 9999999999999; } .ease { transition-property: all; transition-duration: calc(1s/4); transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .ease-out { transition-property: all; transition-duration: calc(1s/4); transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } .ease-out-back { transition-property: all; transition-duration: calc(1s/4); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .infinite { animation-iteration-count: infinite; } .speed { transition-duration: 0.5s; animation-duration: 0.5s; } .speed-1 { transition-duration: 0.25s; animation-duration: 0.25s; } .speed-2 { transition-duration: 0.5s; animation-duration: 0.5s; } .speed-3 { transition-duration: 0.75s; animation-duration: 0.75s; } .speed-4 { transition-duration: 1s; animation-duration: 1s; } .speed-0, .speed-no { transition-duration: 0s; animation-duration: 0s; } .bl { display: block; } .in { display: inline-block; } .li { display: list-item; } .hide { visibility: hidden; } .no { display: none; } @media screen and (min-width: 380px) { .bp1-no { display: none; } } @media screen and (min-width: 768px) { .bp2-no { display: none; } } @media screen and (min-width: 1280px) { .bp3-no { display: none; } } @media screen and (max-width: 380px) { .bp1-max-no { display: none; } } @media screen and (max-width: 768px) { .bp2-max-no { display: none; } } @media screen and (max-width: 1280px) { .bp3-max-no { display: none; } } @font-face { font-display: swap; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: url('/public/fonts/roboto-condensed-v30-latin-regular.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; src: url('/public/fonts/roboto-condensed-v30-latin-italic.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Roboto Condensed'; font-style: normal; font-weight: 600; src: url('/public/fonts/roboto-condensed-v30-latin-600.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; src: url('/public/fonts/roboto-mono-v30-latin-regular.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Roboto Mono'; font-style: normal; font-weight: 600; src: url('/public/fonts/roboto-mono-v30-latin-600.woff2') format('woff2'); } html, body, article h1, article h2, article h3, article h4, article h5, article h6 { font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; } code { font-family: "Roboto Mono", monospace; font-optical-sizing: auto; } article { font-size: 1.2rem; } hr { background-color: #3A3A3A; } .ico, a:hover, a:hover, a.on, .ico, article a { color: #F24600; } a.btn:hover { color: #FFFFFF; } ul { padding-left: 1rem; } ol { padding-left: 2rem; } li::marker { color: #F24600; font-weight: bold; } li > * { vertical-align: top; } blockquote { padding-left: 0.5rem; border-left: 5px solid #F24600; } iframe, pre code { width: 100%; padding: 0.25rem; border: 0; overflow: auto; background-color: transparent; vertical-align: middle; margin: 0; } code { white-space: pre; display: inline-block; overflow: auto; max-height: 12.5rem; } article h2, article h3 { margin-block: 1.5rem; font-size: 1.2rem; font-weight: bold; text-transform: uppercase; padding-left: 0.5rem; border-left: 5px solid #F24600; } article h2 { margin-top: 0; } table { width: 100%; border-collapse: collapse; border: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 1rem; } th, td { border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem; } th { font-weight: bold; background-color: rgba(255, 255, 255, 0.1); } p:last-child, ul:last-child, ol:last-child, li:last-child, table:last-child, blockquote:last-child, .form-row:last-child { margin-bottom: 0; } .sm { font-size: 0.9rem; } .hdr { border: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .hdr + .bdy { border: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .bdy:has(+ .ftr) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ftr { border: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .ntf { border: #242424; background-color: #1A1A1A; } .form-row:last-child { margin-bottom: 0; } #site-title { color: #FFFFFF; } #site-title > h1 { line-height: 0; vertical-align: top; position: relative; top: 0.6rem; } #site-title > img { width: auto; height: 1.25rem; position: relative; top: -2px; } .panel-title { line-height: 0; padding-top: 1.18em; } .font-awesome { display: inline-block; height: 1em; width: auto; font-size: inherit; position: relative; top: 0.1em; } .hdr .close-modal { display: none; } .modal .hdr .close-modal { display: inline-block; } .modal .hdr .link-back { display: none; } ul, ol, p, code, blockquote, h1, h2, h3, h4, h5, h6 { line-height: 1.5rem; } main.bdy { background-size: 4px 4px; background-color: #222222; background-image: repeating-linear-gradient(45deg, #3A3A3A 0, #3A3A3A 0.4px, #222222 0, #222222 50%); } .pnl, .ntf { border-color: #303030; background-size: 4px 4px; background-attachment: fixed; background-color: #1A1A1A; background-image: repeating-linear-gradient(45deg, #242424 0, #242424 0.4px, #1A1A1A 0, #1A1A1A 50%); } .hdr { background-size: 4px 4px; background-attachment: fixed; background-color: #121212; background-image: repeating-linear-gradient(45deg, #222222 0, #222222 0.4px, #121212 0, #121212 50%); } .ftr { background-size: 4px 4px; background-attachment: fixed; background-color: #121212; background-image: repeating-linear-gradient(45deg, #222222 0, #222222 0.4px, #121212 0, #121212 50%); } .form-row label { font-size: 0.85rem; } .doc-title { font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; } article { font-family: "Roboto Mono", monospace; font-optical-sizing: auto; font-size: 1rem; } article ul, article ol, article p, article code, article blockquote { line-height: 2rem; } .doc-ttl { font-size: 1rem; padding-left: 0.25rem; } .doc-desc { font-size: 0.9rem; line-height: 1.5rem; }