:root {
    --color-transparent: transparent;
    --color-aaa: #aaa;
    --color-ff0000: #ff0000;
    --color-747474: #747474;
    --color-f24318: #f24318;
    --color-339980: #339980;
    --color-569e0e: #569e0e;
    --color-7f57e1: #7f57e1;
    --color-00638d: #00638d;
    --color-ec215d: #ec215d;
    --color-969696: #969696;
    --color-f7f8f9: #f7f8f9;
    --color-888888: #888888;
    --color-878787: #878787;
    --color-1e1f20: #1e1f20;
    --color-474747: #474747;
    --color-fc6900: #fc6900;
    --color-ffb700: #ffb700;
    --color-808080: #808080;
    --color-fa690a: #fa690a;
    --color-00677C: #00677C;
    --color-1428a0: #1428a0;
    --color-0077cb: #0077cb;
    --color-3D1963: #3D1963;
    --color-cc3a3b: #cc3a3b;
    --color-212529: #212529;
    --color-ffede6: #ffede6;
    --color-ade3ff: #ade3ff;
    --color-bfbfbf: #bfbfbf;
    --color-f2f6fc: #f2f6fc;
    --color-006fcb: #006fcb;
    --color-1f62a9: #1f62a9;
    --color-f3eadb: #f3eadb;
    --color-ecdcc5: #ecdcc5;
    --color-4b85e7: #4b85e7;
    --color-7faef4: #7faef4;
    --color-01706a: #01706a;
    --color-2b3a99: #2b3a99;
    --color-efefef: #efefef;
    --color-93b5eb: #93b5eb;
    --color-00adef: #00adef;
    --color-dccbba: #dccbba;
    --color-7d8524: #7d8524;
    --color-4a8076: #4a8076;
    --color-f5e8de: #f5e8de;
    --color-a589d6: #a589d6;
    --color-233135: #233135;
    --color-42464f: #42464f;
    --color-a1aeff: #a1aeff;
    --color-065fd4: #065fd4;
    --color-f8f9fb: #f8f9fb;
    --color-998675: #998675;
    --color-262728: #262728;
    --color-032c5c: #032c5c;
    --color-f5f5f5: #f5f5f5;
    --color-eaeaea: #eaeaea;
    --color-f3dd6c: #f3dd6c;
    --color-898989: #898989;
    --color-f36a4f: #f36a4f;
    --color-ff9d57: #ff9d57;
    --color-3ea6ff: #3ea6ff;
    --color-0c3975cc: #0c3975cc;
    --color-0a58ca: #0a58ca;
    --color-fff3cd: #fff3cd;
    --color-eeeded: #eeeded;
    --color-00ac69: #00ac69;
    --color-00cfd5: #00cfd5;
    --color-f4a100: #f4a100;
    --color-e81500: #e81500;
    --color-212832: #212832;
    --color-f76400: #f76400;
    --color-00ba94: #00ba94;
    --color-0061f2: #0061f2;
    --color-5800e8: #5800e8;
    --color-6900c7: #6900c7;
    --color-e30059: #e30059;
    --color-f1e0e3: #f1e0e3;
    --color-f3e7e3: #f3e7e3;
    --color-f2eee3: #f2eee3;
    --color-daefed: #daefed;
    --color-daf0f2: #daf0f2;
    --color-daf2f8: #daf2f8;
    --color-dae7fb: #dae7fb;
    --color-e3ddfa: #e3ddfa;
    --color-e4ddf7: #e4ddf7;
    --color-f1ddec: #f1ddec;
    --color-f43600: #f43600;
    --color-019ea0: #019ea0;
    --color-145fcf: #145fcf;
    --color-ddd: #ddd;
    --color-ffa500: #ffa500;
    --color-dfdfdf: #dfdfdf;
    --color-f2e5ea: #f2e5ea;
    --color-307ac5: #307ac5;
    --color-blue: #0d6efd;
    --color-indigo: #6610f2;
    --color-purple: #6f42c1;
    --color-pink: #d63384;
    --color-red: #dc3545;
    --color-orange: #fd7e14;
    --color-yellow: #ffc107;
    --color-green: #198754;
    --color-teal: #20c997;
    --color-cyan: #0dcaf0;
    --color-black: #000;
    --color-white: #fff;
    --color-gray: #6c757d;
    --color-gray-dark: #343a40;
    --color-gray-100: #f8f9fa;
    --color-gray-200: #e9ecef;
    --color-gray-300: #dee2e6;
    --color-gray-400: #ced4da;
    --color-gray-500: #adb5bd;
    --color-gray-600: #6c757d;
    --color-gray-700: #495057;
    --color-gray-800: #343a40;
    --color-gray-900: #212529;
    --color-light: #f8f9fa;
    --color-dark: #212529;
    --color-0c97c242-rgb: 0, 97, 242;
    --color-105c0c199-rgb: 105, 0, 199;
    --color-0c172c105-rgb: 0, 172, 105;
    --color-0c207c213-rgb: 0, 207, 213;
    --color-244c161c0-rgb: 244, 161, 0;
    --color-232c21c0-rgb: 232, 21, 0;
    --color-242c246c252-rgb: 242, 246, 252;
    --color-33c40c50-rgb: 33, 40, 50;
    --color-247c100c0-rgb: 247, 100, 0;
    --color-0c186c148-rgb: 0, 186, 148;
    --color-88c0c232-rgb: 88, 0, 232;
    --color-pink-rgb: 227, 0, 89;
    --color-227c0c89-rgb: 241, 224, 227;
    --color-243c231c227-rgb: 243, 231, 227;
    --color-242c238c227-rgb: 242, 238, 227;
    --color-218c239c237-rgb: 218, 239, 237;
    --color-218c240c242-rgb: 218, 240, 242;
    --color-218c242c248-rgb: 218, 242, 248;
    --color-218c231c251-rgb: 218, 231, 251;
    --color-227c221c250-rgb: 227, 221, 250;
    --color-228c221c247-rgb: 228, 221, 247;
    --color-241c221c236-rgb: 241, 221, 236;
    --color-105c112c122-rgb: 105, 112, 122;
    --color-blue-rgb: 13, 110, 253;
    --color-gray-rgb: 108, 117, 125;
    --color-green-rgb: 25, 135, 84;
    --color-cyan-rgb: 13, 202, 240;
    --color-yellow-rgb: 255, 193, 7;
    --color-red-rgb: 220, 53, 69;
    --color-light-rgb: 248, 249, 250;
    --color-dark-rgb: 33, 37, 41;
    --color-white-rgb: 255, 255, 255;
    --color-black-rgb: 0, 0, 0;
    --double-d1: .1;
    --double-d2: .2;
    --double-d3: .3;
    --double-d4: .4;
    --double-d5: .5;
    --double-d6: .6;
    --double-d7: .7;
    --double-d8: .8;
    --double-d9: .9;
    --double-1: 1;
    --double-1d1: 1.1;
    --double-1d2: 1.2;
    --double-1d3: 1.3;
    --double-1d4: 1.4;
    --double-1d5: 1.5;
    --double-1d6: 1.6;
    --double-1d7: 1.7;
    --double-1d8: 1.8;
    --double-1d9: 1.9;
    --double-2: 2;
    --rem-d05: .05rem;
    --rem-d1: .1rem;
    --rem-d15: .15rem;
    --rem-d2: .2rem;
    --rem-d25: .25rem;
    --rem-d3: .3rem;
    --rem-d35: .35rem;
    --rem-d4: .4rem;
    --rem-d45: .45rem;
    --rem-d5: .5rem;
    --rem-d55: .55rem;
    --rem-d6: .6rem;
    --rem-d65: .65rem;
    --rem-d7: .7rem;
    --rem-d75: .75rem;
    --rem-d8: .8rem;
    --rem-d85: .85rem;
    --rem-d9: .9rem;
    --rem-d95: .95rem;
    --rem-1: 1rem;
    --rem-1d05: 1.05rem;
    --rem-1d1: 1.1rem;
    --rem-1d15: 1.15rem;
    --rem-1d2: 1.2rem;
    --rem-1d25: 1.25rem;
    --rem-1d3: 1.3rem;
    --rem-1d35: 1.35rem;
    --rem-1d4: 1.4rem;
    --rem-1d45: 1.45rem;
    --rem-1d5: 1.5rem;
    --rem-1d55: 1.55rem;
    --rem-1d6: 1.6rem;
    --rem-1d65: 1.65rem;
    --rem-1d7: 1.7rem;
    --rem-1d75: 1.75rem;
    --rem-1d8: 1.8rem;
    --rem-1d85: 1.85rem;
    --rem-1d9: 1.9rem;
    --rem-1d95: 1.95rem;
    --rem-2: 2rem;
    --rem-2d05: 2.05rem;
    --rem-2d1: 2.1rem;
    --rem-2d15: 2.15rem;
    --rem-2d2: 2.2rem;
    --rem-2d25: 2.25rem;
    --rem-2d3: 2.3rem;
    --rem-2d35: 2.35rem;
    --rem-2d4: 2.4rem;
    --rem-2d45: 2.45rem;
    --rem-2d5: 2.5rem;
    --rem-2d55: 2.55rem;
    --rem-2d6: 2.6rem;
    --rem-2d65: 2.65rem;
    --rem-2d7: 2.7rem;
    --rem-2d75: 2.75rem;
    --rem-2d8: 2.8rem;
    --rem-2d85: 2.85rem;
    --rem-2d9: 2.9rem;
    --rem-2d95: 2.95rem;
    --rem-3: 3rem;
    --rem-4: 4rem;
    --rem-5: 5rem;
    --rem-6: 6rem;
    --rem-7: 7rem;
    --rem-8: 8rem;
    --rem-9: 9rem;
    --rem-10: 10rem;
    --num-100: 100;
    --num-200: 200;
    --num-300: 300;
    --num-400: 400;
    --num-500: 500;
    --num-600: 600;
    --num-700: 700;
    --num-800: 800;
    --num-900: 900;
    --num-1000: 1000;
    --px-auto: auto;
    --px-zero: 0;
    --px-1: 1px;
    --px-2: 2px;
    --px-3: 3px;
    --px-4: 4px;
    --px-5: 5px;
    --px-6: 6px;
    --px-7: 7px;
    --px-8: 8px;
    --px-9: 9px;
    --px-10: 10px;
    --px-11: 11px;
    --px-12: 12px;
    --px-13: 13px;
    --px-14: 14px;
    --px-15: 15px;
    --px-16: 16px;
    --px-17: 17px;
    --px-18: 18px;
    --px-19: 19px;
    --px-20: 20px;
    --px-21: 21px;
    --px-22: 22px;
    --px-23: 23px;
    --px-24: 24px;
    --px-25: 25px;
    --px-26: 26px;
    --px-27: 27px;
    --px-28: 28px;
    --px-29: 29px;
    --px-30: 30px;
    --px-31: 31px;
    --px-32: 32px;
    --px-33: 33px;
    --px-34: 34px;
    --px-35: 35px;
    --px-36: 36px;
    --px-37: 37px;
    --px-38: 38px;
    --px-39: 39px;
    --px-40: 40px;
    --px-41: 41px;
    --px-42: 42px;
    --px-43: 43px;
    --px-44: 44px;
    --px-45: 45px;
    --px-46: 46px;
    --px-47: 47px;
    --px-48: 48px;
    --px-49: 49px;
    --px-50: 50px;
    --px-60: 60px;
    --px-70: 70px;
    --px-80: 80px;
    --px-90: 90px;
    --px-100: 100px;
    --px-150: 150px;
    --px-200: 200px;
    --px-250: 250px;
    --px-300: 300px;
    --px-350: 350px;
    --px-400: 400px;
    --px-450: 450px;
    --px-500: 500px;
    --px-550: 550px;
    --px-600: 600px;
    --px-650: 650px;
    --px-700: 700px;
    --px-750: 750px;
    --px-800: 800px;
    --px-850: 850px;
    --px-900: 900px;
    --px-950: 950px;
    --px-1000: 1000px;
    --per-zero: 0%;
    --per-1: 1%;
    --per-2: 2%;
    --per-3: 3%;
    --per-4: 4%;
    --per-5: 5%;
    --per-6: 6%;
    --per-7: 7%;
    --per-8: 8%;
    --per-9: 9%;
    --per-10: 10%;
    --per-15: 15%;
    --per-20: 20%;
    --per-25: 25%;
    --per-30: 30%;
    --per-35: 35%;
    --per-40: 40%;
    --per-45: 45%;
    --per-half: 50%;
    --per-55: 55%;
    --per-60: 60%;
    --per-65: 65%;
    --per-70: 70%;
    --per-75: 75%;
    --per-80: 80%;
    --per-85: 85%;
    --per-90: 90%;
    --per-95: 95%;
    --per-96: 96%;
    --per-97: 97%;
    --per-98: 98%;
    --per-99: 99%;
    --per-100: 100%;
    --string-bold: bold;
    --string-block: block;
    --string-flex: flex;
    --string-inline: inline;
    --string-inlinebolck: inline-block;
    --string-absolute: absolute;
    --string-relative: relative;
    --string-fixed: fixed;
    --string-static: static;
    --string-solid: solid;
}

.b-1{ border:var(--px-1) var(--string-solid)}
.b-2{ border:var(--px-1) var(--string-solid) }
.b-3{ border:var(--px-1) var(--string-solid) }
.b-color-dfdfdf{border-color:var(--color-dfdfdf)}
.b-color-ddd{border-color:var(--color-ddd)}
.b-color-000{border-color:var(--color-black)}
.b-color-fff{border-color:var(--color-white)}
.b-color-ffa500{border-color:var(--color-ffa500) !important}
.b-color-f36a4f{border-color:var(--color-f36a4f) !important}
.b-color-0077cb{border-color:var(--color-0077cb)}

.b-t-1{border-top:var(--px-1) var(--string-solid)}
.b-t-2{border-top:var(--px-2) var(--string-solid)}
.b-t-3{border-top:var(--px-3) var(--string-solid)}
.b-t-color-dfdfdf{border-top-color:var(--color-dfdfdf)}
.b-t-color-fff{border-right-color:var(--color-white)}

.b-r-1{border-right:var(--px-1) var(--string-solid)}
.b-r-2{border-right:var(--px-2) var(--string-solid)}
.b-r-3{border-right:var(--px-3) var(--string-solid)}
.b-r-color-dfdfdf{border-right-color:var(--color-dfdfdf)}
.b-r-color-fff{border-right-color:var(--color-white)}

.b-b-1{border-bottom:var(--px-1) var(--string-solid)}
.b-b-2{border-bottom:var(--px-2) var(--string-solid)}
.b-b-3{border-bottom:var(--px-3) var(--string-solid)}
.b-b-color-dfdfdf{border-bottom-color:var(--color-dfdfdf)}
.b-b-color-fff{border-bottom-color:var(--color-white)}

.b-l-1{border-left:var(--px-1) var(--string-solid)}
.b-l-2{border-left:var(--px-2) var(--string-solid)}
.b-l-3{border-left:var(--px-3) var(--string-solid)}
.b-l-color-dfdfdf{border-left-color:var(--color-dfdfdf)}
.b-l-color-f36a4f{border-left-color:var(--color-f36a4f) !important}
.b-l-color-fff{border-left-color:var(--color-white)}

.color-000 {color: var(--color-black)}
.color-aaa {color: var(--color-aaa)}
.color-ff0000{color: var(--color-ff0000) }
.color-747474 {color: var(--color-747474)}
.color-f24318 {color: var(--color-f24318)}
.color-339980 {color: var(--color-339980)}
.color-569e0e {color: var(--color-569e0e)}
.color-7f57e1 {color: var(--color-7f57e1)}
.color-00638d {color: var(--color-00638d)}
.color-ec215d {color: var(--color-ec215d)}
.color-969696 {color: var(--color-969696)}
.color-f7f8f9 {color: var(--color-f7f8f9)}
.color-888888 {color: var(--color-888888)}
.color-878787 {color: var(--color-878787)}
.color-1e1f20 {color: var(--color-1e1f20)}
.color-474747 {color: var(--color-474747)}
.color-fc6900 {color: var(--color-fc6900)}
.color-ffb700 {color: var(--color-ffb700)}
.color-808080 {color: var(--color-808080)}
.color-fa690a {color: var(--color-fa690a)}
.color-00677C {color: var(--color-00677C)}
.color-1428a0 {color: var(--color-1428a0)}
.color-0077cb {color: var(--color-0077cb)}
.color-3D1963 {color: var(--color-3D1963)}
.color-cc3a3b {color: var(--color-cc3a3b)}
.color-212529 {color: var(--color-212529)}
.color-307ac5 {color:var(--color-307ac5)}
.color-019ea0 {color:var(--color-019ea0) !important}
.color-145fcf {color: var(--color-145fcf)}
.color-fff {color: var(--color-white)}

.bg-color-000-d7 {background-color: rgba(var(--color-black-rgb), var(--double-d7))}
.bg-color-parent {background-color: var(--color-transparent)}
.bg-color-000 {background-color: var(--color-black)}
.bg-color-fff {background-color:var(--color-white)}
.bg-color-ffede6 {background-color:var(--color-ffede6) !important}
.bg.color-339980 { background-color:var(--color-339980) }
.bg-color-ade3ff {background-color: var(--color-ade3ff)}
.bg-color-bfbfbf {background-color: var(--color-bfbfbf)}
.bg-color-f2f6fc {background-color: var(--color-f2f6fc)}
.bg-color-006fcb {background-color: var(--color-006fcb)}
.bg-color-1f62a9 {background-color: var(--color-1f62a9)}
.bg-color-f3eadb {background-color: var(--color-f3eadb)}
.bg-color-ecdcc5 {background-color: var(--color-ecdcc5)}
.bg-color-4b85e7 {background-color: var(--color-4b85e7)}
.bg-color-7faef4 {background-color: var(--color-7faef4)}
.bg-color-01706a {background-color: var(--color-01706a)}
.bg-color-0077cb {background-color: var(--color-0077cb) !important}
.bg-color-2b3a99 {background-color: var(--color-2b3a99) !important}
.bg-color-efefef {background-color: var(--color-efefef) !important}
.bg-color-93b5eb {background-color: var(--color-93b5eb) !important}
.bg-color-00adef {background-color: var(--color-00adef) !important}
.bg-color-ffb700 {background-color: var(--color-ffb700) !important}
.bg-color-dccbba {background-color: var(--color-dccbba) !important}
.bg-color-7d8524 {background-color: var(--color-7d8524) !important}
.bg-color-4a8076 {background-color: var(--color-4a8076) !important}
.bg-color-f5e8de {background-color: var(--color-f5e8de) !important}
.bg-color-a589d6 {background-color: var(--color-a589d6) !important}
.bg-color-233135 {background-color: var(--color-233135) !important}
.bg-color-42464f {background-color: var(--color-42464f) !important}
.bg-color-a1aeff {background-color: var(--color-a1aeff) !important}
.bg-color-065fd4 {background-color: var(--color-065fd4)}
.bg-color-7f57e1 {background-color: var(--color-7f57e1)}
.bg-color-00638d {background-color: var(--color-00638d)}
.bg-color-ec215d {background-color: var(--color-ec215d)}
.bg-color-969696 {background-color: var(--color-969696)}
.bg-color-f7f8f9 {background-color: var(--color-f7f8f9)}
.bg-color-f8f9fb {background-color: var(--color-f8f9fb)}
.bg-color-998675 {background-color: var(--color-998675)}
.bg-color-262728 {background-color: var(--color-262728)}
.bg-color-032c5c {background-color: var(--color-032c5c)}
.bg-color-cc3a3b {background-color: var(--color-cc3a3b) !important}
.bg-color-f5f5f5 {background-color: var(--color-f5f5f5)}
.bg-color-eaeaea {background-color: var(--color-eaeaea)}
.bg-color-f3dd6c {background-color: var(--color-f3dd6c)}
.bg-color-898989 {background-color: var(--color-898989)}
.bg-color-f36a4f {background-color: var(--color-f36a4f) }
.bg-color-ff9d57 {background-color: var(--color-ff9d57) }
.bg-color-3ea6ff {background-color: var(--color-3ea6ff) }
.bg-color-0c3975cc {background-color: var(--color-0c3975cc) }
.bg-color-fc6900 {background-color: var(--color-fc6900) }
.bg-color-00677C {background-color: var(--color-00677C)}
.bg-color-808080 {background-color: var(--color-808080)}
.bg-color-eeeded {background-color: var(--color-eeeded)}
.bg-color-212529 {background-color: var(--color-212529)}
.bg-color-fff2ea {background-color: #fff2ea}
.bg-color-019ea0{background-color:var(--color-019ea0) !important}
.bg-color-fff3cd {background-color: var(--color-fff3cd) !important}

.cursor-pointer {cursor: pointer;}

.display-block {display: block}
.display-inline-block {display: inline-block}

.position-absolute {position: absolute}
.position-absolute-zero {position: absolute; top:0; right:0; bottom: 0; left: 0;}
.position-fixed {position: fixed}
.position-fixed-zero {position: fixed; top:0; right:0; bottom: 0; left: 0;}
.position-relative {position: relative}

.top-0{top:var(--px-zero)}
.top-1{top:var(--px-1)}
.top-2{top:var(--px-2)}
.top-3{top:var(--px-3)}
.top-4{top:var(--px-4)}
.top-5{top:var(--px-5)}
.top-6{top:var(--px-6)}
.top-7{top:var(--px-7)}
.top-8{top:var(--px-8)}
.top-9{top:var(--px-9)}
.top-10{top: var(--px-10)}
.top-20{top: var(--px-20)}
.top-30{top: var(--px-30)}
.top-40{top: var(--px-40p)}
.top-50{top: var(--px-50)}
.top-60{top: var(--px-60)}
.top-70{top: var(--px-70)}
.top-80{top: var(--px-80)}
.top-90{top: var(--px-90)}
.top-100{top: var(--px-100)}
.top-10per{top:var(--per-10)}
.top-20per{top:var(--per-20)}
.top-30per{top:var(--per-30)}
.top-40per{top:var(--per-40)}
.top-50per{top:var(--per-50)}
.top-60per{top:var(--per-60)}
.top-70per{top:var(--per-70)}
.top-80per{top:var(--per-80)}
.top-90per{top:var(--per-90)}
.top-100per{top:var(--per-100)}
.right-0{right: var(--px-zero)}
.right-1{right:var(--px-1)}
.right-2{right:var(--px-2)}
.right-3{right:var(--px-3)}
.right-4{right:var(--px-4)}
.right-5{right:var(--px-5)}
.right-6{right:var(--px-6)}
.right-7{right:var(--px-7)}
.right-8{right:var(--px-8)}
.right-9{right:var(--px-9)}
.right-10{right: var(--px-10)}
.right-20{right: var(--px-20)}
.right-30{right: var(--px-30)}
.right-40{right: var(--px-40)}
.right-50{right: var(--px-50)}
.right-60{right: var(--px-60)}
.right-70{right: var(--px-70)}
.right-80{right: var(--px-80)}
.right-90{right: var(--px-90)}
.right-100{right: var(--px-100)}
.right-10per{right:var(--per-10)}
.right-20per{right:var(--per-20)}
.right-30per{right:var(--per-30)}
.right-40per{right:var(--per-40)}
.right-50per{right:var(--per-50)}
.right-60per{right:var(--per-60)}
.right-70per{right:var(--per-70)}
.right-80per{right:var(--per-80)}
.right-90per{right:var(--per-90)}
.right-100per{right:var(--per-100)}
.bottom-0{bottom: var(--px-zero)}
.bottom-1{bottom:var(--px-1)}
.bottom-2{bottom:var(--px-2)}
.bottom-3{bottom:var(--px-3)}
.bottom-4{bottom:var(--px-4)}
.bottom-5{bottom:var(--px-5)}
.bottom-6{bottom:var(--px-6)}
.bottom-7{bottom:var(--px-7)}
.bottom-8{bottom:var(--px-8)}
.bottom-9{bottom:var(--px-9)}
.bottom-10{bottom: var(--px-10)}
.bottom-20{bottom: var(--px-20)}
.bottom-30{bottom: var(--px-30)}
.bottom-40{bottom: var(--px-40)}
.bottom-50{bottom: var(--px-50)}
.bottom-60{bottom: var(--px-60)}
.bottom-70{bottom: var(--px-70)}
.bottom-80{bottom: var(--px-80)}
.bottom-90{bottom: var(--px-90)}
.bottom-100{bottom: var(--px-100)}
.bottom-10per{bottom:var(--per-10)}
.bottom-20per{bottom:var(--per-20)}
.bottom-30per{bottom:var(--per-30)}
.bottom-40per{bottom:var(--per-40)}
.bottom-50per{bottom:var(--per-50)}
.bottom-60per{bottom:var(--per-60)}
.bottom-70per{bottom:var(--per-70)}
.bottom-80per{bottom:var(--per-80)}
.bottom-90per{bottom:var(--per-90)}
.bottom-100per{bottom:var(--per-100)}
.left-0{left: var(--px-zero);}
.left-1{left:var(--px-1)}
.left-2{left:var(--px-2)}
.left-3{left:var(--px-3)}
.left-4{left:var(--px-4)}
.left-5{left:var(--px-5)}
.left-6{left:var(--px-6)}
.left-7{left:var(--px-7)}
.left-8{left:var(--px-8)}
.left-9{left:var(--px-9)}
.left-10{left: var(--px-10)}
.left-20{left: var(--px-20)}
.left-30{left: var(--px-30)}
.left-40{left: var(--px-40)}
.left-50{left: var(--px-50)}
.left-60{left: var(--px-60)}
.left-70{left: var(--px-70)}
.left-80{left: var(--px-80)}
.left-90{left: var(--px-90)}
.left-100{left: var(--px-100)}
.left-10per{left:var(--per-10)}
.left-20per{left:var(--per-20)}
.left-30per{left:var(--per-30)}
.left-40per{left:var(--per-40)}
.left-50per{left:var(--per-50)}
.left-60per{left:var(--per-60)}
.left-70per{left:var(--per-70)}
.left-80per{left:var(--per-80)}
.left-90per{left:var(--per-90)}
.left-100per{left:var(--per-100)}

.align-center {text-align: center !important}
.align-left {text-align: left !important}
.align-right {text-align: right !important}

.v-align-top {vertical-align:top}
.v-align-middle {vertical-align:middle}
.v-align-bottom {vertical-align: bottom}

.flex {display: flex;}
.flex-absolute {display: flex;position: absolute}
.flex-fixed {display: flex;position: fixed}
.flex-relative {display: flex;position: relative}
.flex-row {display: flex; flex-direction: row;}
.flex-row-absolute {display: flex; flex-direction: row; position:absolute}
.flex-row-fixed {display: flex; flex-direction: row; position:fixed}
.flex-row-relative {display: flex; flex-direction: row; position:relative}
.flex-cell {display: flex; flex-direction: column}
.flex-cell-1 {display: flex; flex-direction: column;flex-grow: 1}
.flex-grow-1 {flex-grow: 1}
.flex-wrap {flex-wrap: wrap}
.flex-nowrap {flex-wrap: nowrap}

.align-items-base {align-items: baseline}
.align-items-flex-start {align-items: flex-start}
.align-items-flex-end {align-items: flex-end}
.align-items-start {align-items: start}
.align-items-center {align-items: center}
.align-items-end {align-items: end}

.align-self-start {align-self: start}
.align-self-center {align-self: center}
.align-self-end {align-self: end}
.align-self-flex-start {align-self:flex-start}
.align-self-flex-end {align-self:flex-end}

.justify-content-flex-start {justify-content: flex-start}
.justify-content-flex-end {justify-content: flex-end}
.justify-content-center {justify-content: center}
.justify-content-end {justify-content: end}

.p-0 {padding: var(--px-zero) !important;}
.p-1 {padding: var(--px-1)}
.p-2 {padding: var(--px-2)}
.p-3 {padding: var(--px-3)}
.p-4 {padding: var(--px-4)}
.p-5 {padding: var(--px-5)}
.p-6 {padding: var(--px-6)}
.p-7 {padding: var(--px-7)}
.p-8 {padding: var(--px-8)}
.p-9 {padding: var(--px-9)}
.p-10 {padding: var(--px-10)}
.p-11 {padding: var(--px-11)}
.p-12 {padding: var(--px-12)}
.p-13 {padding: var(--px-13)}
.p-14 {padding: var(--px-14)}
.p-15 {padding: var(--px-15)}
.p-16 {padding: var(--px-16)}
.p-17 {padding: var(--px-17)}
.p-18 {padding: var(--px-18)}
.p-19 {padding: var(--px-19)}
.p-20 {padding: var(--px-20)}
.p-21 {padding: var(--px-21)}
.p-22 {padding: var(--px-22)}
.p-23 {padding: var(--px-23)}
.p-24 {padding: var(--px-24)}
.p-25 {padding: var(--px-25)}
.p-26 {padding: var(--px-26)}
.p-27 {padding: var(--px-27)}
.p-28 {padding: var(--px-28)}
.p-29 {padding: var(--px-29)}
.p-30 {padding: var(--px-30)}
.p-31 {padding: var(--px-31)}
.p-32 {padding: var(--px-32)}
.p-33 {padding: var(--px-33)}
.p-34 {padding: var(--px-34)}
.p-35 {padding: var(--px-35)}
.p-36 {padding: var(--px-36)}
.p-37 {padding: var(--px-37)}
.p-38 {padding: var(--px-38)}
.p-39 {padding: var(--px-39)}
.p-40 {padding: var(--px-40)}
.p-41 {padding: var(--px-41)}
.p-42 {padding: var(--px-42)}
.p-43 {padding: var(--px-43)}
.p-44 {padding: var(--px-44)}
.p-45 {padding: var(--px-45)}
.p-46 {padding: var(--px-46)}
.p-47 {padding: var(--px-47)}
.p-48 {padding: var(--px-48)}
.p-49 {padding: var(--px-49)}
.p-50 {padding: var(--px-50)}
.p-1per {padding:var(--per-1)}
.p-2per {padding:var(--per-2)}
.p-3per {padding:var(--per-3)}
.p-4per {padding:var(--per-4)}
.p-5per {padding:var(--per-5)}
.p-6per {padding:var(--per-6)}
.p-7per {padding:var(--per-7)}
.p-8per {padding:var(--per-8)}
.p-9per {padding:var(--per-9)}
.p-10per {padding:var(--per-10)}
.p-15per {padding:var(--per-15)}
.p-20per {padding:var(--per-20)}
.p-25per {padding:var(--per-25)}
.p-30per {padding:var(--per-30)}
.p-35per {padding:var(--per-35)}
.p-40per {padding:var(--per-40)}
.p-45per {padding:var(--per-45)}
.p-50per {padding:var(--per-half)}

.p-t-0 {padding-top: var(--px-zero) !important;}
.p-t-1 {padding-top: var(--px-1)}
.p-t-2 {padding-top: var(--px-2)}
.p-t-3 {padding-top: var(--px-3)}
.p-t-4 {padding-top: var(--px-4)}
.p-t-5 {padding-top: var(--px-5)}
.p-t-6 {padding-top: var(--px-6)}
.p-t-7 {padding-top: var(--px-7)}
.p-t-8 {padding-top: var(--px-8)}
.p-t-9 {padding-top: var(--px-9)}
.p-t-10 {padding-top: var(--px-10)}
.p-t-11 {padding-top: var(--px-11)}
.p-t-12 {padding-top: var(--px-12)}
.p-t-13 {padding-top: var(--px-13)}
.p-t-14 {padding-top: var(--px-14)}
.p-t-15 {padding-top: var(--px-15)}
.p-t-16 {padding-top: var(--px-16)}
.p-t-17 {padding-top: var(--px-17)}
.p-t-18 {padding-top: var(--px-18)}
.p-t-19 {padding-top: var(--px-19)}
.p-t-20 {padding-top: var(--px-20)}
.p-t-21 {padding-top: var(--px-21)}
.p-t-22 {padding-top: var(--px-22)}
.p-t-23 {padding-top: var(--px-23)}
.p-t-24 {padding-top: var(--px-24)}
.p-t-25 {padding-top: var(--px-25)}
.p-t-26 {padding-top: var(--px-26)}
.p-t-27 {padding-top: var(--px-27)}
.p-t-28 {padding-top: var(--px-28)}
.p-t-29 {padding-top: var(--px-29)}
.p-t-30 {padding-top: var(--px-30)}
.p-t-31 {padding-top: var(--px-31)}
.p-t-32 {padding-top: var(--px-32)}
.p-t-33 {padding-top: var(--px-33)}
.p-t-34 {padding-top: var(--px-34)}
.p-t-35 {padding-top: var(--px-35)}
.p-t-36 {padding-top: var(--px-36)}
.p-t-37 {padding-top: var(--px-37)}
.p-t-38 {padding-top: var(--px-38)}
.p-t-39 {padding-top: var(--px-39)}
.p-t-40 {padding-top: var(--px-40)}
.p-t-41 {padding-top: var(--px-41)}
.p-t-42 {padding-top: var(--px-42)}
.p-t-43 {padding-top: var(--px-43)}
.p-t-44 {padding-top: var(--px-44)}
.p-t-45 {padding-top: var(--px-45)}
.p-t-46 {padding-top: var(--px-46)}
.p-t-47 {padding-top: var(--px-47)}
.p-t-48 {padding-top: var(--px-48)}
.p-t-49 {padding-top: var(--px-49)}
.p-t-50 {padding-top: var(--px-50)}
.p-t-1per {padding-top:var(--per-1)}
.p-t-2per {padding-top:var(--per-2)}
.p-t-3per {padding-top:var(--per-3)}
.p-t-4per {padding-top:var(--per-4)}
.p-t-5per {padding-top:var(--per-5)}
.p-t-6per {padding-top:var(--per-6)}
.p-t-7per {padding-top:var(--per-7)}
.p-t-8per {padding-top:var(--per-8)}
.p-t-9per {padding-top:var(--per-9)}
.p-t-10per {padding-top:var(--per-10)}
.p-t-15per {padding-top:var(--per-15)}
.p-t-20per {padding-top:var(--per-20)}
.p-t-25per {padding-top:var(--per-25)}
.p-t-30per {padding-top:var(--per-30)}
.p-t-35per {padding-top:var(--per-35)}
.p-t-40per {padding-top:var(--per-40)}
.p-t-45per {padding-top:var(--per-45)}
.p-t-50per {padding-top:var(--per-half)}

.p-r-0 {padding-right: var(--px-zero) !important;}
.p-r-1 {padding-right: var(--px-1)}
.p-r-2 {padding-right: var(--px-2)}
.p-r-3 {padding-right: var(--px-3)}
.p-r-4 {padding-right: var(--px-4)}
.p-r-5 {padding-right: var(--px-5)}
.p-r-6 {padding-right: var(--px-6)}
.p-r-7 {padding-right: var(--px-7)}
.p-r-8 {padding-right: var(--px-8)}
.p-r-9 {padding-right: var(--px-9)}
.p-r-10 {padding-right: var(--px-10)}
.p-r-11 {padding-right: var(--px-11)}
.p-r-12 {padding-right: var(--px-12)}
.p-r-13 {padding-right: var(--px-13)}
.p-r-14 {padding-right: var(--px-14)}
.p-r-15 {padding-right: var(--px-15)}
.p-r-16 {padding-right: var(--px-16)}
.p-r-17 {padding-right: var(--px-17)}
.p-r-18 {padding-right: var(--px-18)}
.p-r-19 {padding-right: var(--px-19)}
.p-r-20 {padding-right: var(--px-20)}
.p-r-21 {padding-right: var(--px-21)}
.p-r-22 {padding-right: var(--px-22)}
.p-r-23 {padding-right: var(--px-23)}
.p-r-24 {padding-right: var(--px-24)}
.p-r-25 {padding-right: var(--px-25)}
.p-r-26 {padding-right: var(--px-26)}
.p-r-27 {padding-right: var(--px-27)}
.p-r-28 {padding-right: var(--px-28)}
.p-r-29 {padding-right: var(--px-29)}
.p-r-30 {padding-right: var(--px-30)}
.p-r-31 {padding-right: var(--px-31)}
.p-r-32 {padding-right: var(--px-32)}
.p-r-33 {padding-right: var(--px-33)}
.p-r-34 {padding-right: var(--px-34)}
.p-r-35 {padding-right: var(--px-35)}
.p-r-36 {padding-right: var(--px-36)}
.p-r-37 {padding-right: var(--px-37)}
.p-r-38 {padding-right: var(--px-38)}
.p-r-39 {padding-right: var(--px-39)}
.p-r-40 {padding-right: var(--px-40)}
.p-r-41 {padding-right: var(--px-41)}
.p-r-42 {padding-right: var(--px-42)}
.p-r-43 {padding-right: var(--px-43)}
.p-r-44 {padding-right: var(--px-44)}
.p-r-45 {padding-right: var(--px-45)}
.p-r-46 {padding-right: var(--px-46)}
.p-r-47 {padding-right: var(--px-47)}
.p-r-48 {padding-right: var(--px-48)}
.p-r-49 {padding-right: var(--px-49)}
.p-r-50 {padding-right: var(--px-50)}
.p-r-1per {padding-right:var(--per-1)}
.p-r-2per {padding-right:var(--per-2)}
.p-r-3per {padding-right:var(--per-3)}
.p-r-4per {padding-right:var(--per-4)}
.p-r-5per {padding-right:var(--per-5)}
.p-r-6per {padding-right:var(--per-6)}
.p-r-7per {padding-right:var(--per-7)}
.p-r-8per {padding-right:var(--per-8)}
.p-r-9per {padding-right:var(--per-9)}
.p-r-10per {padding-right:var(--per-10)}
.p-r-15per {padding-right:var(--per-15)}
.p-r-20per {padding-right:var(--per-20)}
.p-r-25per {padding-right:var(--per-25)}
.p-r-30per {padding-right:var(--per-30)}
.p-r-35per {padding-right:var(--per-35)}
.p-r-40per {padding-right:var(--per-40)}
.p-r-45per {padding-right:var(--per-45)}
.p-r-50per {padding-right:var(--per-half)}

.p-b-0 {padding-bottom: var(--px-zero) !important;}
.p-b-1 {padding-bottom: var(--px-1)}
.p-b-2 {padding-bottom: var(--px-2)}
.p-b-3 {padding-bottom: var(--px-3)}
.p-b-4 {padding-bottom: var(--px-4)}
.p-b-5 {padding-bottom: var(--px-5)}
.p-b-6 {padding-bottom: var(--px-6)}
.p-b-7 {padding-bottom: var(--px-7)}
.p-b-8 {padding-bottom: var(--px-8)}
.p-b-9 {padding-bottom: var(--px-9)}
.p-b-10 {padding-bottom: var(--px-10)}
.p-b-11 {padding-bottom: var(--px-11)}
.p-b-12 {padding-bottom: var(--px-12)}
.p-b-13 {padding-bottom: var(--px-13)}
.p-b-14 {padding-bottom: var(--px-14)}
.p-b-15 {padding-bottom: var(--px-15)}
.p-b-16 {padding-bottom: var(--px-16)}
.p-b-17 {padding-bottom: var(--px-17)}
.p-b-18 {padding-bottom: var(--px-18)}
.p-b-19 {padding-bottom: var(--px-19)}
.p-b-20 {padding-bottom: var(--px-20)}
.p-b-21 {padding-bottom: var(--px-21)}
.p-b-22 {padding-bottom: var(--px-22)}
.p-b-23 {padding-bottom: var(--px-23)}
.p-b-24 {padding-bottom: var(--px-24)}
.p-b-25 {padding-bottom: var(--px-25)}
.p-b-26 {padding-bottom: var(--px-26)}
.p-b-27 {padding-bottom: var(--px-27)}
.p-b-28 {padding-bottom: var(--px-28)}
.p-b-29 {padding-bottom: var(--px-29)}
.p-b-30 {padding-bottom: var(--px-30)}
.p-b-31 {padding-bottom: var(--px-31)}
.p-b-32 {padding-bottom: var(--px-32)}
.p-b-33 {padding-bottom: var(--px-33)}
.p-b-34 {padding-bottom: var(--px-34)}
.p-b-35 {padding-bottom: var(--px-35)}
.p-b-36 {padding-bottom: var(--px-36)}
.p-b-37 {padding-bottom: var(--px-37)}
.p-b-38 {padding-bottom: var(--px-38)}
.p-b-39 {padding-bottom: var(--px-39)}
.p-b-40 {padding-bottom: var(--px-40)}
.p-b-41 {padding-bottom: var(--px-41)}
.p-b-42 {padding-bottom: var(--px-42)}
.p-b-43 {padding-bottom: var(--px-43)}
.p-b-44 {padding-bottom: var(--px-44)}
.p-b-45 {padding-bottom: var(--px-45)}
.p-b-46 {padding-bottom: var(--px-46)}
.p-b-47 {padding-bottom: var(--px-47)}
.p-b-48 {padding-bottom: var(--px-48)}
.p-b-49 {padding-bottom: var(--px-49)}
.p-b-50 {padding-bottom: var(--px-50)}
.p-b-1per {padding-bottom:var(--per-1)}
.p-b-2per {padding-bottom:var(--per-2)}
.p-b-3per {padding-bottom:var(--per-3)}
.p-b-4per {padding-bottom:var(--per-4)}
.p-b-5per {padding-bottom:var(--per-5)}
.p-b-6per {padding-bottom:var(--per-6)}
.p-b-7per {padding-bottom:var(--per-7)}
.p-b-8per {padding-bottom:var(--per-8)}
.p-b-9per {padding-bottom:var(--per-9)}
.p-b-10per {padding-bottom:var(--per-10)}
.p-b-15per {padding-bottom:var(--per-15)}
.p-b-20per {padding-bottom:var(--per-20)}
.p-b-25per {padding-bottom:var(--per-25)}
.p-b-30per {padding-bottom:var(--per-30)}
.p-b-35per {padding-bottom:var(--per-35)}
.p-b-40per {padding-bottom:var(--per-40)}
.p-b-45per {padding-bottom:var(--per-45)}
.p-b-50per {padding-bottom:var(--per-half)}

.p-l-0 {padding-left: var(--px-zero) !important;}
.p-l-1 {padding-left: var(--px-1)}
.p-l-2 {padding-left: var(--px-2)}
.p-l-3 {padding-left: var(--px-3)}
.p-l-4 {padding-left: var(--px-4)}
.p-l-5 {padding-left: var(--px-5)}
.p-l-6 {padding-left: var(--px-6)}
.p-l-7 {padding-left: var(--px-7)}
.p-l-8 {padding-left: var(--px-8)}
.p-l-9 {padding-left: var(--px-9)}
.p-l-10 {padding-left: var(--px-10)}
.p-l-11 {padding-left: var(--px-11)}
.p-l-12 {padding-left: var(--px-12)}
.p-l-13 {padding-left: var(--px-13)}
.p-l-14 {padding-left: var(--px-14)}
.p-l-15 {padding-left: var(--px-15)}
.p-l-16 {padding-left: var(--px-16)}
.p-l-17 {padding-left: var(--px-17)}
.p-l-18 {padding-left: var(--px-18)}
.p-l-19 {padding-left: var(--px-19)}
.p-l-20 {padding-left: var(--px-20)}
.p-l-21 {padding-left: var(--px-21)}
.p-l-22 {padding-left: var(--px-22)}
.p-l-23 {padding-left: var(--px-23)}
.p-l-24 {padding-left: var(--px-24)}
.p-l-25 {padding-left: var(--px-25)}
.p-l-26 {padding-left: var(--px-26)}
.p-l-27 {padding-left: var(--px-27)}
.p-l-28 {padding-left: var(--px-28)}
.p-l-29 {padding-left: var(--px-29)}
.p-l-30 {padding-left: var(--px-30)}
.p-l-31 {padding-left: var(--px-31)}
.p-l-32 {padding-left: var(--px-32)}
.p-l-33 {padding-left: var(--px-33)}
.p-l-34 {padding-left: var(--px-34)}
.p-l-35 {padding-left: var(--px-35)}
.p-l-36 {padding-left: var(--px-36)}
.p-l-37 {padding-left: var(--px-37)}
.p-l-38 {padding-left: var(--px-38)}
.p-l-39 {padding-left: var(--px-39)}
.p-l-40 {padding-left: var(--px-40)}
.p-l-41 {padding-left: var(--px-41)}
.p-l-42 {padding-left: var(--px-42)}
.p-l-43 {padding-left: var(--px-43)}
.p-l-44 {padding-left: var(--px-44)}
.p-l-45 {padding-left: var(--px-45)}
.p-l-46 {padding-left: var(--px-46)}
.p-l-47 {padding-left: var(--px-47)}
.p-l-48 {padding-left: var(--px-48)}
.p-l-49 {padding-left: var(--px-49)}
.p-l-50 {padding-left: var(--px-50)}
.p-l-1per {padding-left:var(--per-1)}
.p-l-2per {padding-left:var(--per-2)}
.p-l-3per {padding-left:var(--per-3)}
.p-l-4per {padding-left:var(--per-4)}
.p-l-5per {padding-left:var(--per-5)}
.p-l-6per {padding-left:var(--per-6)}
.p-l-7per {padding-left:var(--per-7)}
.p-l-8per {padding-left:var(--per-8)}
.p-l-9per {padding-left:var(--per-9)}
.p-l-10per {padding-left:var(--per-10)}
.p-l-15per {padding-left:var(--per-15)}
.p-l-20per {padding-left:var(--per-20)}
.p-l-25per {padding-left:var(--per-25)}
.p-l-30per {padding-left:var(--per-30)}
.p-l-35per {padding-left:var(--per-35)}
.p-l-40per {padding-left:var(--per-40)}
.p-l-45per {padding-left:var(--per-45)}
.p-l-50per {padding-left:var(--per-half)}

.m-0 {margin: var(--px-zero) !important;}
.m-1 {margin: var(--px-1)}
.m-2 {margin: var(--px-2)}
.m-3 {margin: var(--px-3)}
.m-4 {margin: var(--px-4)}
.m-5 {margin: var(--px-5)}
.m-6 {margin: var(--px-6)}
.m-7 {margin: var(--px-7)}
.m-8 {margin: var(--px-8)}
.m-9 {margin: var(--px-9)}
.m-10 {margin: var(--px-10)}
.m-11 {margin: var(--px-11)}
.m-12 {margin: var(--px-12)}
.m-13 {margin: var(--px-13)}
.m-14 {margin: var(--px-14)}
.m-15 {margin: var(--px-15)}
.m-16 {margin: var(--px-16)}
.m-17 {margin: var(--px-17)}
.m-18 {margin: var(--px-18)}
.m-19 {margin: var(--px-19)}
.m-20 {margin: var(--px-20)}
.m-21 {margin: var(--px-21)}
.m-22 {margin: var(--px-22)}
.m-23 {margin: var(--px-23)}
.m-24 {margin: var(--px-24)}
.m-25 {margin: var(--px-25)}
.m-26 {margin: var(--px-26)}
.m-27 {margin: var(--px-27)}
.m-28 {margin: var(--px-28)}
.m-29 {margin: var(--px-29)}
.m-30 {margin: var(--px-30)}
.m-31 {margin: var(--px-31)}
.m-32 {margin: var(--px-32)}
.m-33 {margin: var(--px-33)}
.m-34 {margin: var(--px-34)}
.m-35 {margin: var(--px-35)}
.m-36 {margin: var(--px-36)}
.m-37 {margin: var(--px-37)}
.m-38 {margin: var(--px-38)}
.m-39 {margin: var(--px-39)}
.m-40 {margin: var(--px-40)}
.m-41 {margin: var(--px-41)}
.m-42 {margin: var(--px-42)}
.m-43 {margin: var(--px-43)}
.m-44 {margin: var(--px-44)}
.m-45 {margin: var(--px-45)}
.m-46 {margin: var(--px-46)}
.m-47 {margin: var(--px-47)}
.m-48 {margin: var(--px-48)}
.m-49 {margin: var(--px-49)}
.m-50 {margin: var(--px-50)}
.m-1per {margin:var(--per-1)}
.m-2per {margin:var(--per-2)}
.m-3per {margin:var(--per-3)}
.m-4per {margin:var(--per-4)}
.m-5per {margin:var(--per-5)}
.m-6per {margin:var(--per-6)}
.m-7per {margin:var(--per-7)}
.m-8per {margin:var(--per-8)}
.m-9per {margin:var(--per-9)}
.m-10per {margin:var(--per-10)}
.m-15per {margin:var(--per-15)}
.m-20per {margin:var(--per-20)}
.m-25per {margin:var(--per-25)}
.m-30per {margin:var(--per-30)}
.m-35per {margin:var(--per-35)}
.m-40per {margin:var(--per-40)}
.m-45per {margin:var(--per-45)}
.m-50per {margin:var(--per-half)}

.m-t-0 {margin-top: var(--px-zero) !important;}
.m-t-1 {margin-top: var(--px-1)}
.m-t-2 {margin-top: var(--px-2)}
.m-t-3 {margin-top: var(--px-3)}
.m-t-4 {margin-top: var(--px-4)}
.m-t-5 {margin-top: var(--px-5)}
.m-t-6 {margin-top: var(--px-6)}
.m-t-7 {margin-top: var(--px-7)}
.m-t-8 {margin-top: var(--px-8)}
.m-t-9 {margin-top: var(--px-9)}
.m-t-10 {margin-top: var(--px-10)}
.m-t-11 {margin-top: var(--px-11)}
.m-t-12 {margin-top: var(--px-12)}
.m-t-13 {margin-top: var(--px-13)}
.m-t-14 {margin-top: var(--px-14)}
.m-t-15 {margin-top: var(--px-15)}
.m-t-16 {margin-top: var(--px-16)}
.m-t-17 {margin-top: var(--px-17)}
.m-t-18 {margin-top: var(--px-18)}
.m-t-19 {margin-top: var(--px-19)}
.m-t-20 {margin-top: var(--px-20)}
.m-t-21 {margin-top: var(--px-21)}
.m-t-22 {margin-top: var(--px-22)}
.m-t-23 {margin-top: var(--px-23)}
.m-t-24 {margin-top: var(--px-24)}
.m-t-25 {margin-top: var(--px-25)}
.m-t-26 {margin-top: var(--px-26)}
.m-t-27 {margin-top: var(--px-27)}
.m-t-28 {margin-top: var(--px-28)}
.m-t-29 {margin-top: var(--px-29)}
.m-t-30 {margin-top: var(--px-30)}
.m-t-31 {margin-top: var(--px-31)}
.m-t-32 {margin-top: var(--px-32)}
.m-t-33 {margin-top: var(--px-33)}
.m-t-34 {margin-top: var(--px-34)}
.m-t-35 {margin-top: var(--px-35)}
.m-t-36 {margin-top: var(--px-36)}
.m-t-37 {margin-top: var(--px-37)}
.m-t-38 {margin-top: var(--px-38)}
.m-t-39 {margin-top: var(--px-39)}
.m-t-40 {margin-top: var(--px-40)}
.m-t-41 {margin-top: var(--px-41)}
.m-t-42 {margin-top: var(--px-42)}
.m-t-43 {margin-top: var(--px-43)}
.m-t-44 {margin-top: var(--px-44)}
.m-t-45 {margin-top: var(--px-45)}
.m-t-46 {margin-top: var(--px-46)}
.m-t-47 {margin-top: var(--px-47)}
.m-t-48 {margin-top: var(--px-48)}
.m-t-49 {margin-top: var(--px-49)}
.m-t-50 {margin-top: var(--px-50)}
.m-t-1per {margin-top:var(--per-1)}
.m-t-2per {margin-top:var(--per-2)}
.m-t-3per {margin-top:var(--per-3)}
.m-t-4per {margin-top:var(--per-4)}
.m-t-5per {margin-top:var(--per-5)}
.m-t-6per {margin-top:var(--per-6)}
.m-t-7per {margin-top:var(--per-7)}
.m-t-8per {margin-top:var(--per-8)}
.m-t-9per {margin-top:var(--per-9)}
.m-t-10per {margin-top:var(--per-10)}
.m-t-15per {margin-top:var(--per-15)}
.m-t-20per {margin-top:var(--per-20)}
.m-t-25per {margin-top:var(--per-25)}
.m-t-30per {margin-top:var(--per-30)}
.m-t-35per {margin-top:var(--per-35)}
.m-t-40per {margin-top:var(--per-40)}
.m-t-45per {margin-top:var(--per-45)}
.m-t-50per {margin-top:var(--per-half)}

.m-r-a {margin-right: var(--px-auto) !important;}
.m-r-0 {margin-right: var(--px-zero) !important;}
.m-r-1 {margin-right: var(--px-1)}
.m-r-2 {margin-right: var(--px-2)}
.m-r-3 {margin-right: var(--px-3)}
.m-r-4 {margin-right: var(--px-4)}
.m-r-5 {margin-right: var(--px-5)}
.m-r-6 {margin-right: var(--px-6)}
.m-r-7 {margin-right: var(--px-7)}
.m-r-8 {margin-right: var(--px-8)}
.m-r-9 {margin-right: var(--px-9)}
.m-r-10 {margin-right: var(--px-10)}
.m-r-11 {margin-right: var(--px-11)}
.m-r-12 {margin-right: var(--px-12)}
.m-r-13 {margin-right: var(--px-13)}
.m-r-14 {margin-right: var(--px-14)}
.m-r-15 {margin-right: var(--px-15)}
.m-r-16 {margin-right: var(--px-16)}
.m-r-17 {margin-right: var(--px-17)}
.m-r-18 {margin-right: var(--px-18)}
.m-r-19 {margin-right: var(--px-19)}
.m-r-20 {margin-right: var(--px-20)}
.m-r-21 {margin-right: var(--px-21)}
.m-r-22 {margin-right: var(--px-22)}
.m-r-23 {margin-right: var(--px-23)}
.m-r-24 {margin-right: var(--px-24)}
.m-r-25 {margin-right: var(--px-25)}
.m-r-26 {margin-right: var(--px-26)}
.m-r-27 {margin-right: var(--px-27)}
.m-r-28 {margin-right: var(--px-28)}
.m-r-29 {margin-right: var(--px-29)}
.m-r-30 {margin-right: var(--px-30)}
.m-r-31 {margin-right: var(--px-31)}
.m-r-32 {margin-right: var(--px-32)}
.m-r-33 {margin-right: var(--px-33)}
.m-r-34 {margin-right: var(--px-34)}
.m-r-35 {margin-right: var(--px-35)}
.m-r-36 {margin-right: var(--px-36)}
.m-r-37 {margin-right: var(--px-37)}
.m-r-38 {margin-right: var(--px-38)}
.m-r-39 {margin-right: var(--px-39)}
.m-r-40 {margin-right: var(--px-40)}
.m-r-41 {margin-right: var(--px-41)}
.m-r-42 {margin-right: var(--px-42)}
.m-r-43 {margin-right: var(--px-43)}
.m-r-44 {margin-right: var(--px-44)}
.m-r-45 {margin-right: var(--px-45)}
.m-r-46 {margin-right: var(--px-46)}
.m-r-47 {margin-right: var(--px-47)}
.m-r-48 {margin-right: var(--px-48)}
.m-r-49 {margin-right: var(--px-49)}
.m-r-50 {margin-right: var(--px-50)}
.m-r-1per {margin-right:var(--per-1)}
.m-r-2per {margin-right:var(--per-2)}
.m-r-3per {margin-right:var(--per-3)}
.m-r-4per {margin-right:var(--per-4)}
.m-r-5per {margin-right:var(--per-5)}
.m-r-6per {margin-right:var(--per-6)}
.m-r-7per {margin-right:var(--per-7)}
.m-r-8per {margin-right:var(--per-8)}
.m-r-9per {margin-right:var(--per-9)}
.m-r-10per {margin-right:var(--per-10)}
.m-r-15per {margin-right:var(--per-15)}
.m-r-20per {margin-right:var(--per-20)}
.m-r-25per {margin-right:var(--per-25)}
.m-r-30per {margin-right:var(--per-30)}
.m-r-35per {margin-right:var(--per-35)}
.m-r-40per {margin-right:var(--per-40)}
.m-r-45per {margin-right:var(--per-45)}
.m-r-50per {margin-right:var(--per-half)}

.m-b-0 {margin-bottom: var(--px-zero) !important;}
.m-b-1 {margin-bottom: var(--px-1)}
.m-b-2 {margin-bottom: var(--px-2)}
.m-b-3 {margin-bottom: var(--px-3)}
.m-b-4 {margin-bottom: var(--px-4)}
.m-b-5 {margin-bottom: var(--px-5)}
.m-b-6 {margin-bottom: var(--px-6)}
.m-b-7 {margin-bottom: var(--px-7)}
.m-b-8 {margin-bottom: var(--px-8)}
.m-b-9 {margin-bottom: var(--px-9)}
.m-b-10 {margin-bottom: var(--px-10)}
.m-b-11 {margin-bottom: var(--px-11)}
.m-b-12 {margin-bottom: var(--px-12)}
.m-b-13 {margin-bottom: var(--px-13)}
.m-b-14 {margin-bottom: var(--px-14)}
.m-b-15 {margin-bottom: var(--px-15)}
.m-b-16 {margin-bottom: var(--px-16)}
.m-b-17 {margin-bottom: var(--px-17)}
.m-b-18 {margin-bottom: var(--px-18)}
.m-b-19 {margin-bottom: var(--px-19)}
.m-b-20 {margin-bottom: var(--px-20)}
.m-b-21 {margin-bottom: var(--px-21)}
.m-b-22 {margin-bottom: var(--px-22)}
.m-b-23 {margin-bottom: var(--px-23)}
.m-b-24 {margin-bottom: var(--px-24)}
.m-b-25 {margin-bottom: var(--px-25)}
.m-b-26 {margin-bottom: var(--px-26)}
.m-b-27 {margin-bottom: var(--px-27)}
.m-b-28 {margin-bottom: var(--px-28)}
.m-b-29 {margin-bottom: var(--px-29)}
.m-b-30 {margin-bottom: var(--px-30)}
.m-b-31 {margin-bottom: var(--px-31)}
.m-b-32 {margin-bottom: var(--px-32)}
.m-b-33 {margin-bottom: var(--px-33)}
.m-b-34 {margin-bottom: var(--px-34)}
.m-b-35 {margin-bottom: var(--px-35)}
.m-b-36 {margin-bottom: var(--px-36)}
.m-b-37 {margin-bottom: var(--px-37)}
.m-b-38 {margin-bottom: var(--px-38)}
.m-b-39 {margin-bottom: var(--px-39)}
.m-b-40 {margin-bottom: var(--px-40)}
.m-b-41 {margin-bottom: var(--px-41)}
.m-b-42 {margin-bottom: var(--px-42)}
.m-b-43 {margin-bottom: var(--px-43)}
.m-b-44 {margin-bottom: var(--px-44)}
.m-b-45 {margin-bottom: var(--px-45)}
.m-b-46 {margin-bottom: var(--px-46)}
.m-b-47 {margin-bottom: var(--px-47)}
.m-b-48 {margin-bottom: var(--px-48)}
.m-b-49 {margin-bottom: var(--px-49)}
.m-b-50 {margin-bottom: var(--px-50)}
.m-b-1per {margin-bottom:var(--per-1)}
.m-b-2per {margin-bottom:var(--per-2)}
.m-b-3per {margin-bottom:var(--per-3)}
.m-b-4per {margin-bottom:var(--per-4)}
.m-b-5per {margin-bottom:var(--per-5)}
.m-b-6per {margin-bottom:var(--per-6)}
.m-b-7per {margin-bottom:var(--per-7)}
.m-b-8per {margin-bottom:var(--per-8)}
.m-b-9per {margin-bottom:var(--per-9)}
.m-b-10per {margin-bottom:var(--per-10)}
.m-b-15per {margin-bottom:var(--per-15)}
.m-b-20per {margin-bottom:var(--per-20)}
.m-b-25per {margin-bottom:var(--per-25)}
.m-b-30per {margin-bottom:var(--per-30)}
.m-b-35per {margin-bottom:var(--per-35)}
.m-b-40per {margin-bottom:var(--per-40)}
.m-b-45per {margin-bottom:var(--per-45)}
.m-b-50per {margin-bottom:var(--per-half)}

.m-l-a {margin-left: var(--px-auto) !important;}
.m-l-0 {margin-left: var(--px-zero) !important;}
.m-l-1 {margin-left: var(--px-1)}
.m-l-2 {margin-left: var(--px-2)}
.m-l-3 {margin-left: var(--px-3)}
.m-l-4 {margin-left: var(--px-4)}
.m-l-5 {margin-left: var(--px-5)}
.m-l-6 {margin-left: var(--px-6)}
.m-l-7 {margin-left: var(--px-7)}
.m-l-8 {margin-left: var(--px-8)}
.m-l-9 {margin-left: var(--px-9)}
.m-l-10 {margin-left: var(--px-10)}
.m-l-11 {margin-left: var(--px-11)}
.m-l-12 {margin-left: var(--px-12)}
.m-l-13 {margin-left: var(--px-13)}
.m-l-14 {margin-left: var(--px-14)}
.m-l-15 {margin-left: var(--px-15)}
.m-l-16 {margin-left: var(--px-16)}
.m-l-17 {margin-left: var(--px-17)}
.m-l-18 {margin-left: var(--px-18)}
.m-l-19 {margin-left: var(--px-19)}
.m-l-20 {margin-left: var(--px-20)}
.m-l-21 {margin-left: var(--px-21)}
.m-l-22 {margin-left: var(--px-22)}
.m-l-23 {margin-left: var(--px-23)}
.m-l-24 {margin-left: var(--px-24)}
.m-l-25 {margin-left: var(--px-25)}
.m-l-26 {margin-left: var(--px-26)}
.m-l-27 {margin-left: var(--px-27)}
.m-l-28 {margin-left: var(--px-28)}
.m-l-29 {margin-left: var(--px-29)}
.m-l-30 {margin-left: var(--px-30)}
.m-l-31 {margin-left: var(--px-31)}
.m-l-32 {margin-left: var(--px-32)}
.m-l-33 {margin-left: var(--px-33)}
.m-l-34 {margin-left: var(--px-34)}
.m-l-35 {margin-left: var(--px-35)}
.m-l-36 {margin-left: var(--px-36)}
.m-l-37 {margin-left: var(--px-37)}
.m-l-38 {margin-left: var(--px-38)}
.m-l-39 {margin-left: var(--px-39)}
.m-l-40 {margin-left: var(--px-40)}
.m-l-41 {margin-left: var(--px-41)}
.m-l-42 {margin-left: var(--px-42)}
.m-l-43 {margin-left: var(--px-43)}
.m-l-44 {margin-left: var(--px-44)}
.m-l-45 {margin-left: var(--px-45)}
.m-l-46 {margin-left: var(--px-46)}
.m-l-47 {margin-left: var(--px-47)}
.m-l-48 {margin-left: var(--px-48)}
.m-l-49 {margin-left: var(--px-49)}
.m-l-50 {margin-left: var(--px-50)}
.m-l-1per {margin-left:var(--per-1)}
.m-l-2per {margin-left:var(--per-2)}
.m-l-3per {margin-left:var(--per-3)}
.m-l-4per {margin-left:var(--per-4)}
.m-l-5per {margin-left:var(--per-5)}
.m-l-6per {margin-left:var(--per-6)}
.m-l-7per {margin-left:var(--per-7)}
.m-l-8per {margin-left:var(--per-8)}
.m-l-9per {margin-left:var(--per-9)}
.m-l-10per {margin-left:var(--per-10)}
.m-l-15per {margin-left:var(--per-15)}
.m-l-20per {margin-left:var(--per-20)}
.m-l-25per {margin-left:var(--per-25)}
.m-l-30per {margin-left:var(--per-30)}
.m-l-35per {margin-left:var(--per-35)}
.m-l-40per {margin-left:var(--per-40)}
.m-l-45per {margin-left:var(--per-45)}
.m-l-50per {margin-left:var(--per-half)}

.f-d5r {font-size: var(--rem-d5)}
.f-d55r {font-size: var(--rem-d55)}
.f-d6r {font-size: var(--rem-d6)}
.f-d65r {font-size: var(--rem-d65)}
.f-d7r {font-size: var(--rem-d7)}
.f-d75r {font-size: var(--rem-d75)}
.f-d8r {font-size: var(--rem-d8)}
.f-d85r {font-size: var(--rem-d85)}
.f-d9r {font-size: var(--rem-d9)}
.f-d95r {font-size: var(--rem-d95)}
.f-1r {font-size: var(--rem-1)}
.f-1d05r {font-size: var(--rem-1d05)}
.f-1d1r {font-size: var(--rem-1d1)}
.f-1d15r {font-size: var(--rem-1d15)}
.f-1d2r {font-size: var(--rem-1d2)}
.f-1d25r {font-size: var(--rem-1d25)}
.f-1d3r {font-size: var(--rem-1d3)}
.f-1d35r {font-size: var(--rem-1d35)}
.f-1d4r {font-size: var(--rem-1d4)}
.f-1d45r {font-size: var(--rem-1d45)}
.f-1d5r {font-size: var(--rem-1d5)}
.f-1d55r {font-size: var(--rem-1d55)}
.f-1d6r {font-size: var(--rem-1d6)}
.f-1d65r {font-size: var(--rem-1d65)}
.f-1d7r {font-size: var(--rem-1d7)}
.f-1d75r {font-size: var(--rem-1d75)}
.f-1d8r {font-size: var(--rem-1d8)}
.f-1d85r {font-size: var(--rem-1d85)}
.f-1d9r {font-size: var(--rem-1d9)}
.f-1d95r {font-size: var(--rem-1d95)}
.f-2r {font-size: var(--rem-2)}

.f-10 {font-size: var(--px-10)}
.f-11 {font-size: var(--px-11)}
.f-12 {font-size: var(--px-12)}
.f-13 {font-size: var(--px-13)}
.f-14 {font-size: var(--px-14)}
.f-15 {font-size: var(--px-15)}
.f-16 {font-size: var(--px-16)}
.f-17 {font-size: var(--px-17)}
.f-18 {font-size: var(--px-18)}
.f-19 {font-size: var(--px-19)}
.f-20 {font-size: var(--px-20)}
.f-21 {font-size: var(--px-21)}
.f-22 {font-size: var(--px-22)}
.f-23 {font-size: var(--px-23)}
.f-24 {font-size: var(--px-24)}
.f-25 {font-size: var(--px-25)}
.f-26 {font-size: var(--px-26)}
.f-27 {font-size: var(--px-27)}
.f-28 {font-size: var(--px-28)}
.f-29 {font-size: var(--px-29)}
.f-30 {font-size: var(--px-30)}
.f-31 {font-size: var(--px-31)}
.f-32 {font-size: var(--px-32)}
.f-33 {font-size: var(--px-33)}
.f-34 {font-size: var(--px-34)}
.f-35 {font-size: var(--px-35)}
.f-36 {font-size: var(--px-36)}
.f-37 {font-size: var(--px-37)}
.f-38 {font-size: var(--px-38)}
.f-39 {font-size: var(--px-39)}
.f-40 {font-size: var(--px-40)}
.f-41 {font-size: var(--px-41)}
.f-42 {font-size: var(--px-42)}
.f-43 {font-size: var(--px-43)}
.f-44 {font-size: var(--px-44)}
.f-45 {font-size: var(--px-45)}
.f-46 {font-size: var(--px-46)}
.f-47 {font-size: var(--px-47)}
.f-48 {font-size: var(--px-48)}
.f-49 {font-size: var(--px-49)}
.f-50 {font-size: var(--px-50)}

.f-w-100 {font-weight: var(--num-100)}
.f-w-200 {font-weight: var(--num-200)}
.f-w-300 {font-weight: var(--num-300)}
.f-w-400 {font-weight: var(--num-400)}
.f-w-500 {font-weight: var(--num-500)}
.f-w-600 {font-weight: var(--num-600)}
.f-w-700 {font-weight: var(--num-700)}
.f-w-800 {font-weight: var(--num-800)}
.f-w-900 {font-weight: var(--num-900)}
.f-w-b {font-weight: bold}

.scale-1{transform:scale(var(--double-1));}
.scale-1d1 {transform: scale(var(--double-1d1));}
.scale-1d2 {transform: scale(var(--double-1d2));}
.scale-1d3 {transform: scale(var(--double-1d3));}
.scale-1d4 {transform: scale(var(--double-1d4));}
.scale-1d5 {transform: scale(var(--double-1d5));}
.scale-1d6 {transform: scale(var(--double-1d6));}
.scale-1d7 {transform: scale(var(--double-1d7));}
.scale-1d8 {transform: scale(var(--double-1d8));}
.scale-1d9 {transform: scale(var(--double-1d9));}
.scale-2 {transform: scale(var(--double-2));}

.line-h-1r {line-height: var(--rem-1)}
.line-h-1d1r {line-height: var(--rem-1d1)}
.line-h-1d2r {line-height: var(--rem-1d2)}
.line-h-1d3r {line-height: var(--rem-1d3)}
.line-h-1d4r {line-height: var(--rem-1d4)}
.line-h-1d5r {line-height: var(--rem-1d5)}
.line-h-1d6r {line-height: var(--rem-1d6)}
.line-h-1d7r {line-height: var(--rem-1d7)}
.line-h-1d8r {line-height: var(--rem-1d8)}
.line-h-1d9r {line-height: var(--rem-1d9)}
.line-h-2r {line-height: var(--rem-2)}
.line-h-2d1r {line-height: var(--rem-2d1)}
.line-h-2d2r {line-height: var(--rem-2d2)}
.line-h-2d3r {line-height: var(--rem-2d3)}
.line-h-2d4r {line-height: var(--rem-2d4)}
.line-h-2d5r {line-height: var(--rem-2d5)}
.line-h-2d6r {line-height: var(--rem-2d6)}
.line-h-2d7r {line-height: var(--rem-2d7)}
.line-h-2d8r {line-height:var(--rem-2d8)}
.line-h-2d9r {line-height: var(--rem-2d9)}
.line-h-3r {line-height: var(--rem-3)}

.line-h-10 {line-height: var(--px-10)}
.line-h-11 {line-height: var(--px-11)}
.line-h-12 {line-height: var(--px-12)}
.line-h-13 {line-height: var(--px-13)}
.line-h-14 {line-height: var(--px-14)}
.line-h-15 {line-height: var(--px-15)}
.line-h-16 {line-height: var(--px-16)}
.line-h-17 {line-height: var(--px-17)}
.line-h-18 {line-height: var(--px-18)}
.line-h-19 {line-height: var(--px-19)}
.line-h-20 {line-height: var(--px-20)}
.line-h-21 {line-height: var(--px-21)}
.line-h-22 {line-height: var(--px-22)}
.line-h-23 {line-height: var(--px-23)}
.line-h-24 {line-height: var(--px-24)}
.line-h-25 {line-height: var(--px-25)}
.line-h-26 {line-height: var(--px-26)}
.line-h-27 {line-height: var(--px-27)}
.line-h-28 {line-height: var(--px-28)}
.line-h-29 {line-height: var(--px-29)}
.line-h-30 {line-height: var(--px-30)}
.line-h-31 {line-height: var(--px-31)}
.line-h-32 {line-height: var(--px-32)}
.line-h-33 {line-height: var(--px-33)}
.line-h-34 {line-height: var(--px-34)}
.line-h-35 {line-height: var(--px-35)}
.line-h-36 {line-height: var(--px-36)}
.line-h-37 {line-height: var(--px-37)}
.line-h-38 {line-height: var(--px-38)}
.line-h-39 {line-height: var(--px-39)}
.line-h-40 {line-height: var(--px-40)}
.line-h-41 {line-height: var(--px-41)}
.line-h-42 {line-height: var(--px-42)}
.line-h-43 {line-height: var(--px-43)}
.line-h-44 {line-height: var(--px-44)}
.line-h-45 {line-height: var(--px-45)}
.line-h-46 {line-height: var(--px-46)}
.line-h-47 {line-height: var(--px-47)}
.line-h-48 {line-height: var(--px-48)}
.line-h-49 {line-height: var(--px-49)}
.line-h-50 {line-height: var(--px-50)}

.b-radius-1 {border-radius: var(--px-1)}
.b-radius-2 {border-radius: var(--px-2)}
.b-radius-3 {border-radius: var(--px-3)}
.b-radius-4 {border-radius: var(--px-4)}
.b-radius-5 {border-radius: var(--px-5)}
.b-radius-6 {border-radius: var(--px-6)}
.b-radius-7 {border-radius: var(--px-7)}
.b-radius-8 {border-radius: var(--px-8)}
.b-radius-9 {border-radius: var(--px-9)}
.b-radius-10 {border-radius: var(--px-10)}

.b-radius-1per {border-radius: var(--per-1)}
.b-radius-2per {border-radius: var(--per-2)}
.b-radius-3per {border-radius: var(--per-3)}
.b-radius-4per {border-radius: var(--per-4)}
.b-radius-5per {border-radius: var(--per-5)}
.b-radius-6per {border-radius: var(--per-6)}
.b-radius-7per {border-radius: var(--per-7)}
.b-radius-8per {border-radius: var(--per-8)}
.b-radius-9per {border-radius: var(--per-9)}
.b-radius-10per {border-radius: var(--per-10)}

.b-radius-1r {border-radius: var(--rem-1)}
.b-radius-2r {border-radius: var(--rem-2)}
.b-radius-3r {border-radius: var(--rem-3)}
.b-radius-4r {border-radius: var(--rem-4)}
.b-radius-5r {border-radius: var(--rem-5)}
.b-radius-6r {border-radius: var(--rem-6)}
.b-radius-7r {border-radius: var(--rem-7)}
.b-radius-8r {border-radius: var(--rem-8)}
.b-radius-9r {border-radius: var(--rem-9)}
.b-radius-10r {border-radius: var(--rem-10)}

.overflow-hidden{overflow:hidden;}
.overflow-auto{overflow:auto}
.overflow-scroll {overflow:scroll}
.overflow-visible {overflow: visible}
.overflow-x-auto {overflow-x: auto}
.overflow-x-scroll {overflow-x: scroll}
.overflow-x-visible {overflow-x: visible}
.overflow-y-auto {overflow-y: auto}
.overflow-y-scroll {overflow-y: scroll}
.overflow-y-visible {overflow-y: visible}

.word-break-all {word-break: break-all;}
.word-keep-all{word-break: keep-all}

.width-1per{width:var(--per-1)}
.width-2per{width:var(--per-2)}
.width-3per{width:var(--per-3)}
.width-4per{width:var(--per-4)}
.width-5per{width:var(--per-5)}
.width-6per{width:var(--per-6)}
.width-7per{width:var(--per-7)}
.width-8per{width:var(--per-8)}
.width-9per{width:var(--per-9)}
.width-10per{width:var(--per-10)}
.width-15per{width:var(--per-15)}
.width-20per{width:var(--per-20)}
.width-25per{width:var(--per-25)}
.width-30per{width:var(--per-30)}
.width-35per{width:var(--per-35)}
.width-40per{width:var(--per-40)}
.width-45per{width:var(--per-45)}
.width-half{width:var(--per-half)}
.width-55per{width:var(--per-55)}
.width-60per{width:var(--per-60)}
.width-65per{width:var(--per-65)}
.width-70per{width:var(--per-70)}
.width-75per{width:var(--per-75)}
.width-80per{width:var(--per-80)}
.width-85per{width:var(--per-85)}
.width-90per{width:var(--per-90)}
.width-95per{width:var(--per-95)}
.width-96per{width:var(--per-96)}
.width-97per{width:var(--per-97)}
.width-98per{width:var(--per-98)}
.width-99per{width:var(--per-99)}
.width-100per {width:var(--per-100)}

.width-50{width:var(--px-50)}
.width-100{width:var(--px-100px) !important}
.width-150{width:var(--px-150)}
.width-200{width:var(--px-200)}
.width-250{width:var(--px-250)}
.width-300{width:var(--px-300px) !important}
.width-350{width:var(--px-350)}
.width-400{width:var(--px-400)}
.width-450{width:var(--px-450)}
.width-500{width:var(--px-500)}
.width-550{width:var(--px-550)}
.width-600{width:var(--px-600)}
.width-650{width:var(--px-650)}
.width-700{width:var(--px-700)}
.width-750{width:var(--px-750)}
.width-800{width:var(--px-800)}
.width-850{width:var(--px-850)}
.width-900{width:var(--px-900)}
.width-950{width:var(--px-950)}
.width-1000{width:var(--px-1000)}

.height-1per{height:var(--per-1)}
.height-2per{height:var(--per-2)}
.height-3per{height:var(--per-3)}
.height-4per{height:var(--per-4)}
.height-5per{height:var(--per-5)}
.height-6per{height:var(--per-6)}
.height-7per{height:var(--per-7)}
.height-8per{height:var(--per-8)}
.height-9per{height:var(--per-9)}
.height-10per{height:var(--per-10)}
.height-15per{height:var(--per-15)}
.height-20per{height:var(--per-20)}
.height-25per{height:var(--per-25)}
.height-30per{height:var(--per-30)}
.height-35per{height:var(--per-35)}
.height-40per{height:var(--per-40)}
.height-45per{height:var(--per-45)}
.height-half{height:var(--per-half)}
.height-55per{height:var(--per-55)}
.height-60per{height:var(--per-60)}
.height-65per{height:var(--per-65)}
.height-70per{height:var(--per-70)}
.height-75per{height:var(--per-75)}
.height-80per{height:var(--per-80)}
.height-85per{height:var(--per-85)}
.height-90per{height:var(--per-90)}
.height-95per{height:var(--per-95)}
.height-96per{height:var(--per-96)}
.height-97per{height:var(--per-97)}
.height-98per{height:var(--per-98)}
.height-99per{height:var(--per-99)}
.height-100per {height:var(--per-100)}

.height-50{height:var(--px-50)}
.height-100{height:var(--px-100px) !important}
.height-150{height:var(--px-150)}
.height-200{height:var(--px-200)}
.height-250{height:var(--px-250)}
.height-300{height:var(--px-300px) !important}
.height-350{height:var(--px-350)}
.height-400{height:var(--px-400)}
.height-450{height:var(--px-450)}
.height-500{height:var(--px-500)}
.height-550{height:var(--px-550)}
.height-600{height:var(--px-600)}
.height-650{height:var(--px-650)}
.height-700{height:var(--px-700)}
.height-750{height:var(--px-750)}
.height-800{height:var(--px-800)}
.height-850{height:var(--px-850)}
.height-900{height:var(--px-900)}
.height-950{height:var(--px-950)}
.height-1000{height:var(--px-1000)}

.row {display: flex}
.row-wrap {display: flex; flex-wrap: wrap;}
.row-nowrap {display: flex; flex-wrap: nowrap;}
.col-1 {flex: 1 0 0%;}
.col-1-50 {flex: 1 0 50%;}
.col-1-auto {flex: 1 0 auto;}
.col-0 {flex: 0 0 0%;}
.col-0-50 {flex: 0 0 50%;}
.col-0-auto {flex: 0 0 auto;}

.tbl {
    width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 0;
}

    .tbl th,
    .tbl td {
        padding: 10px
    }

.tbl-p-5 {
    width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 0;
}

    .tbl-p-5 th,
    .tbl-p-5 td {
        padding: 5px;
        vertical-align: top
    }

.tbl-d4d8de-01 {
    border: 1px solid #d4d8de;
    border-collapse: collapse;
    font-size: .9rem
}

    .tbl-d4d8de-01 th {
        border: 1px solid #d4d8de;
        background-color: #edeeef
    }

    .tbl-d4d8de-01 td {
        border: 1px solid #d4d8de;
    }

.tbl-d4d8de-02 {
    border: 1px solid #d4d8de;
    border-collapse: collapse;
    font-size: .9rem
}

    .tbl-d4d8de-02 th {
        border: 1px solid #d4d8de;
        background-color: #e8f0f6
    }

    .tbl-d4d8de-02 td {
        border: 1px solid #d4d8de;
    }

.table {
    width: 100%
}

    .table .theader {
        font-size: 12pt;
        font-weight: 600;
        padding: 7px;
        text-align: center;
    }

    .table .tbody,
    .table .tbody-overflow-y {
        padding: 0 10px
    }

    .table .tbody-overflow-y {
        overflow-y: auto;
        scroll-behavior: smooth
    }

        .table .row,
        .table .theader .row,
        .table .tbody .row,
        .table .tbody-overflow-y .row {
            display: flex;
            flex-wrap: wrap
        }

        .table .tbody .row,
        .table .tbody-overflow-y .row {
            padding: 5px 0;
            text-align: center;
            font-size: 10pt
        }

            .table .row .col-1,
            .table .theader .row .col-1,
            .table .tbody .row .col-1,
            .table .tbody-overflow-y .row .col-1 {
                flex: 1 0 0%
            }

            .table .row .col-1-50,
            .table .theader .row .col-1-50,
            .table .tbody .row .col-1-50,
            .table .tbody-overflow-y .row .col-1-50 {
                flex: 1 0 50%
            }

            .table .row .col-1-auto,
            .table .theader .row .col-1-auto,
            .table .tbody .row .col-1-auto,
            .table .tbody-overflow-y .row .col-1-auto {
                flex: 1 0 auto;
            }

            .table .row .col-0,
            .table .theader .row .col-0,
            .table .tbody .row .col-0,
            .table .tbody-overflow-y .row .col-0 {
                flex: 0 0 0%
            }

            .table .row .col-0-50,
            .table .theader .row .col-0-50,
            .table .tbody .row .col-0-50,
            .table .tbody-overflow-y .row .col-0-50 {
                flex: 0 0 50%
            }

            .table .row .col-0-auto,
            .table .tbody .row .col-0-auto,
            .table .tbody-overflow-y .row .col-0-auto {
                flex: 0 0 auto
            }