sassyons
Version:
Inspired by Tachyons
5,735 lines (4,324 loc) • 1.07 MB
CSS
.ba-1px{
border:1px solid;
}
.bt-1px{
border-top:1px solid;
}
.br-1px{
border-right:1px solid;
}
.bb-1px{
border-bottom:1px solid;
}
.bl-1px{
border-left:1px solid;
}
.ba-0{
border:none;
}
.bt-0{
border-top:none;
}
.br-0{
border-right:none;
}
.bb-0{
border-bottom:none;
}
.bl-0{
border-left:none;
}
.radius0{
border-radius:0;
}
.radius0-tl{
border-top-left-radius:0;
}
.radius0-tr{
border-top-right-radius:0;
}
.radius0-bl{
border-bottom-left-radius:0;
}
.radius0-br{
border-bottom-right-radius:0;
}
.radius4{
border-radius:4px;
}
.radius4-tl{
border-top-left-radius:4px;
}
.radius4-tr{
border-top-right-radius:4px;
}
.radius4-bl{
border-bottom-left-radius:4px;
}
.radius4-br{
border-bottom-right-radius:4px;
}
.radius8{
border-radius:8px;
}
.radius8-tl{
border-top-left-radius:8px;
}
.radius8-tr{
border-top-right-radius:8px;
}
.radius8-bl{
border-bottom-left-radius:8px;
}
.radius8-br{
border-bottom-right-radius:8px;
}
.radius12{
border-radius:9pt;
}
.radius12-tl{
border-top-left-radius:9pt;
}
.radius12-tr{
border-top-right-radius:9pt;
}
.radius12-bl{
border-bottom-left-radius:9pt;
}
.radius12-br{
border-bottom-right-radius:9pt;
}
.radius16{
border-radius:1pc;
}
.radius16-tl{
border-top-left-radius:1pc;
}
.radius16-tr{
border-top-right-radius:1pc;
}
.radius16-bl{
border-bottom-left-radius:1pc;
}
.radius16-br{
border-bottom-right-radius:1pc;
}
.radius20{
border-radius:20px;
}
.radius20-tl{
border-top-left-radius:20px;
}
.radius20-tr{
border-top-right-radius:20px;
}
.radius20-bl{
border-bottom-left-radius:20px;
}
.radius20-br{
border-bottom-right-radius:20px;
}
.radius24{
border-radius:24px;
}
.radius24-tl{
border-top-left-radius:24px;
}
.radius24-tr{
border-top-right-radius:24px;
}
.radius24-bl{
border-bottom-left-radius:24px;
}
.radius24-br{
border-bottom-right-radius:24px;
}
.radius28{
border-radius:28px;
}
.radius28-tl{
border-top-left-radius:28px;
}
.radius28-tr{
border-top-right-radius:28px;
}
.radius28-bl{
border-bottom-left-radius:28px;
}
.radius28-br{
border-bottom-right-radius:28px;
}
.radius32{
border-radius:2pc;
}
.radius32-tl{
border-top-left-radius:2pc;
}
.radius32-tr{
border-top-right-radius:2pc;
}
.radius32-bl{
border-bottom-left-radius:2pc;
}
.radius32-br{
border-bottom-right-radius:2pc;
}
.radius36{
border-radius:36px;
}
.radius36-tl{
border-top-left-radius:36px;
}
.radius36-tr{
border-top-right-radius:36px;
}
.radius36-bl{
border-bottom-left-radius:36px;
}
.radius36-br{
border-bottom-right-radius:36px;
}
.radius40{
border-radius:40px;
}
.radius40-tl{
border-top-left-radius:40px;
}
.radius40-tr{
border-top-right-radius:40px;
}
.radius40-bl{
border-bottom-left-radius:40px;
}
.radius40-br{
border-bottom-right-radius:40px;
}
.radius44{
border-radius:44px;
}
.radius44-tl{
border-top-left-radius:44px;
}
.radius44-tr{
border-top-right-radius:44px;
}
.radius44-bl{
border-bottom-left-radius:44px;
}
.radius44-br{
border-bottom-right-radius:44px;
}
.radius48{
border-radius:3pc;
}
.radius48-tl{
border-top-left-radius:3pc;
}
.radius48-tr{
border-top-right-radius:3pc;
}
.radius48-bl{
border-bottom-left-radius:3pc;
}
.radius48-br{
border-bottom-right-radius:3pc;
}
.radius52{
border-radius:52px;
}
.radius52-tl{
border-top-left-radius:52px;
}
.radius52-tr{
border-top-right-radius:52px;
}
.radius52-bl{
border-bottom-left-radius:52px;
}
.radius52-br{
border-bottom-right-radius:52px;
}
.radius56{
border-radius:56px;
}
.radius56-tl{
border-top-left-radius:56px;
}
.radius56-tr{
border-top-right-radius:56px;
}
.radius56-bl{
border-bottom-left-radius:56px;
}
.radius56-br{
border-bottom-right-radius:56px;
}
.radius60{
border-radius:60px;
}
.radius60-tl{
border-top-left-radius:60px;
}
.radius60-tr{
border-top-right-radius:60px;
}
.radius60-bl{
border-bottom-left-radius:60px;
}
.radius60-br{
border-bottom-right-radius:60px;
}
.radius64{
border-radius:4pc;
}
.radius64-tl{
border-top-left-radius:4pc;
}
.radius64-tr{
border-top-right-radius:4pc;
}
.radius64-bl{
border-bottom-left-radius:4pc;
}
.radius64-br{
border-bottom-right-radius:4pc;
}
.border-box{
box-sizing:border-box;
}
.content-box{
box-sizing:content-box;
}
.box-initial{
box-sizing:initial;
}
.box-inherit{
box-sizing:inherit;
}
.bg-initial{
background-color:initial;
}
.bg-inherit{
background-color:inherit;
}
.bg-transparent{
background-color:transparent;
}
.bg-cc{
background-color:currentColor;
}
.color-initial{
color:initial;
}
.color-inherit{
color:inherit;
}
.color-transparent{
color:transparent;
}
.color-cc{
color:currentColor;
}
.indianred{
color:#cd5c5c;
}
.bg-indianred{
background-color:#cd5c5c;
}
.lightcoral{
color:#f08080;
}
.bg-lightcoral{
background-color:#f08080;
}
.salmon{
color:salmon;
}
.bg-salmon{
background-color:salmon;
}
.darksalmon{
color:#e9967a;
}
.bg-darksalmon{
background-color:#e9967a;
}
.lightsalmon{
color:#ffa07a;
}
.bg-lightsalmon{
background-color:#ffa07a;
}
.crimson{
color:#dc143c;
}
.bg-crimson{
background-color:#dc143c;
}
.red{
color:red;
}
.bg-red{
background-color:red;
}
.firebrick{
color:#b22222;
}
.bg-firebrick{
background-color:#b22222;
}
.darkred{
color:#8b0000;
}
.bg-darkred{
background-color:#8b0000;
}
.pink{
color:pink;
}
.bg-pink{
background-color:pink;
}
.lightpink{
color:#ffb6c1;
}
.bg-lightpink{
background-color:#ffb6c1;
}
.hotpink{
color:#ff69b4;
}
.bg-hotpink{
background-color:#ff69b4;
}
.deeppink{
color:#ff1493;
}
.bg-deeppink{
background-color:#ff1493;
}
.mediumvioletred{
color:#c71585;
}
.bg-mediumvioletred{
background-color:#c71585;
}
.palevioletred{
color:#db7093;
}
.bg-palevioletred{
background-color:#db7093;
}
.coral{
color:coral;
}
.bg-coral{
background-color:coral;
}
.tomato{
color:tomato;
}
.bg-tomato{
background-color:tomato;
}
.orangered{
color:#ff4500;
}
.bg-orangered{
background-color:#ff4500;
}
.darkorange{
color:#ff8c00;
}
.bg-darkorange{
background-color:#ff8c00;
}
.orange{
color:orange;
}
.bg-orange{
background-color:orange;
}
.gold{
color:gold;
}
.bg-gold{
background-color:gold;
}
.yellow{
color:#ff0;
}
.bg-yellow{
background-color:#ff0;
}
.lightyellow{
color:#ffffe0;
}
.bg-lightyellow{
background-color:#ffffe0;
}
.lemonchiffon{
color:#fffacd;
}
.bg-lemonchiffon{
background-color:#fffacd;
}
.lightgoldenrodyellow{
color:#fafad2;
}
.bg-lightgoldenrodyellow{
background-color:#fafad2;
}
.papayawhip{
color:#ffefd5;
}
.bg-papayawhip{
background-color:#ffefd5;
}
.moccasin{
color:#ffe4b5;
}
.bg-moccasin{
background-color:#ffe4b5;
}
.peachpuff{
color:#ffdab9;
}
.bg-peachpuff{
background-color:#ffdab9;
}
.palegoldenrod{
color:#eee8aa;
}
.bg-palegoldenrod{
background-color:#eee8aa;
}
.khaki{
color:khaki;
}
.bg-khaki{
background-color:khaki;
}
.darkkhaki{
color:#bdb76b;
}
.bg-darkkhaki{
background-color:#bdb76b;
}
.lavender{
color:#e6e6fa;
}
.bg-lavender{
background-color:#e6e6fa;
}
.thistle{
color:#d8bfd8;
}
.bg-thistle{
background-color:#d8bfd8;
}
.plum{
color:plum;
}
.bg-plum{
background-color:plum;
}
.violet{
color:violet;
}
.bg-violet{
background-color:violet;
}
.orchid{
color:orchid;
}
.bg-orchid{
background-color:orchid;
}
.fuchsia{
color:#f0f;
}
.bg-fuchsia{
background-color:#f0f;
}
.magenta{
color:#f0f;
}
.bg-magenta{
background-color:#f0f;
}
.mediumorchid{
color:#ba55d3;
}
.bg-mediumorchid{
background-color:#ba55d3;
}
.mediumpurple{
color:#9370db;
}
.bg-mediumpurple{
background-color:#9370db;
}
.rebeccapurple{
color:#639;
}
.bg-rebeccapurple{
background-color:#639;
}
.blueviolet{
color:#8a2be2;
}
.bg-blueviolet{
background-color:#8a2be2;
}
.darkviolet{
color:#9400d3;
}
.bg-darkviolet{
background-color:#9400d3;
}
.darkorchid{
color:#9932cc;
}
.bg-darkorchid{
background-color:#9932cc;
}
.darkmagenta{
color:#8b008b;
}
.bg-darkmagenta{
background-color:#8b008b;
}
.purple{
color:purple;
}
.bg-purple{
background-color:purple;
}
.indigo{
color:indigo;
}
.bg-indigo{
background-color:indigo;
}
.slateblue{
color:#6a5acd;
}
.bg-slateblue{
background-color:#6a5acd;
}
.darkslateblue{
color:#483d8b;
}
.bg-darkslateblue{
background-color:#483d8b;
}
.mediumslateblue{
color:#7b68ee;
}
.bg-mediumslateblue{
background-color:#7b68ee;
}
.greenyellow{
color:#adff2f;
}
.bg-greenyellow{
background-color:#adff2f;
}
.chartreuse{
color:#7fff00;
}
.bg-chartreuse{
background-color:#7fff00;
}
.lawngreen{
color:#7cfc00;
}
.bg-lawngreen{
background-color:#7cfc00;
}
.lime{
color:#0f0;
}
.bg-lime{
background-color:#0f0;
}
.limegreen{
color:#32cd32;
}
.bg-limegreen{
background-color:#32cd32;
}
.palegreen{
color:#98fb98;
}
.bg-palegreen{
background-color:#98fb98;
}
.lightgreen{
color:#90ee90;
}
.bg-lightgreen{
background-color:#90ee90;
}
.mediumspringgreen{
color:#00fa9a;
}
.bg-mediumspringgreen{
background-color:#00fa9a;
}
.springgreen{
color:#00ff7f;
}
.bg-springgreen{
background-color:#00ff7f;
}
.mediumseagreen{
color:#3cb371;
}
.bg-mediumseagreen{
background-color:#3cb371;
}
.seagreen{
color:#2e8b57;
}
.bg-seagreen{
background-color:#2e8b57;
}
.forestgreen{
color:#228b22;
}
.bg-forestgreen{
background-color:#228b22;
}
.green{
color:green;
}
.bg-green{
background-color:green;
}
.darkgreen{
color:#006400;
}
.bg-darkgreen{
background-color:#006400;
}
.yellowgreen{
color:#9acd32;
}
.bg-yellowgreen{
background-color:#9acd32;
}
.olivedrab{
color:#6b8e23;
}
.bg-olivedrab{
background-color:#6b8e23;
}
.olive{
color:olive;
}
.bg-olive{
background-color:olive;
}
.darkolivegreen{
color:#556b2f;
}
.bg-darkolivegreen{
background-color:#556b2f;
}
.mediumaquamarine{
color:#66cdaa;
}
.bg-mediumaquamarine{
background-color:#66cdaa;
}
.darkseagreen{
color:#8fbc8b;
}
.bg-darkseagreen{
background-color:#8fbc8b;
}
.lightseagreen{
color:#20b2aa;
}
.bg-lightseagreen{
background-color:#20b2aa;
}
.darkcyan{
color:#008b8b;
}
.bg-darkcyan{
background-color:#008b8b;
}
.teal{
color:teal;
}
.bg-teal{
background-color:teal;
}
.aqua{
color:#0ff;
}
.bg-aqua{
background-color:#0ff;
}
.cyan{
color:#0ff;
}
.bg-cyan{
background-color:#0ff;
}
.lightcyan{
color:#e0ffff;
}
.bg-lightcyan{
background-color:#e0ffff;
}
.paleturquoise{
color:#afeeee;
}
.bg-paleturquoise{
background-color:#afeeee;
}
.aquamarine{
color:#7fffd4;
}
.bg-aquamarine{
background-color:#7fffd4;
}
.turquoise{
color:#40e0d0;
}
.bg-turquoise{
background-color:#40e0d0;
}
.mediumturquoise{
color:#48d1cc;
}
.bg-mediumturquoise{
background-color:#48d1cc;
}
.darkturquoise{
color:#00ced1;
}
.bg-darkturquoise{
background-color:#00ced1;
}
.cadetblue{
color:#5f9ea0;
}
.bg-cadetblue{
background-color:#5f9ea0;
}
.steelblue{
color:#4682b4;
}
.bg-steelblue{
background-color:#4682b4;
}
.lightsteelblue{
color:#b0c4de;
}
.bg-lightsteelblue{
background-color:#b0c4de;
}
.powderblue{
color:#b0e0e6;
}
.bg-powderblue{
background-color:#b0e0e6;
}
.lightblue{
color:#add8e6;
}
.bg-lightblue{
background-color:#add8e6;
}
.skyblue{
color:#87ceeb;
}
.bg-skyblue{
background-color:#87ceeb;
}
.lightskyblue{
color:#87cefa;
}
.bg-lightskyblue{
background-color:#87cefa;
}
.deepskyblue{
color:#00bfff;
}
.bg-deepskyblue{
background-color:#00bfff;
}
.dodgerblue{
color:#1e90ff;
}
.bg-dodgerblue{
background-color:#1e90ff;
}
.cornflowerblue{
color:#6495ed;
}
.bg-cornflowerblue{
background-color:#6495ed;
}
.royalblue{
color:#4169e1;
}
.bg-royalblue{
background-color:#4169e1;
}
.blue{
color:#00f;
}
.bg-blue{
background-color:#00f;
}
.mediumblue{
color:#0000cd;
}
.bg-mediumblue{
background-color:#0000cd;
}
.darkblue{
color:#00008b;
}
.bg-darkblue{
background-color:#00008b;
}
.navy{
color:navy;
}
.bg-navy{
background-color:navy;
}
.midnightblue{
color:#191970;
}
.bg-midnightblue{
background-color:#191970;
}
.cornsilk{
color:#fff8dc;
}
.bg-cornsilk{
background-color:#fff8dc;
}
.blanchedalmond{
color:#ffebcd;
}
.bg-blanchedalmond{
background-color:#ffebcd;
}
.bisque{
color:bisque;
}
.bg-bisque{
background-color:bisque;
}
.navajowhite{
color:#ffdead;
}
.bg-navajowhite{
background-color:#ffdead;
}
.wheat{
color:wheat;
}
.bg-wheat{
background-color:wheat;
}
.burlywood{
color:#deb887;
}
.bg-burlywood{
background-color:#deb887;
}
.tan{
color:tan;
}
.bg-tan{
background-color:tan;
}
.rosybrown{
color:#bc8f8f;
}
.bg-rosybrown{
background-color:#bc8f8f;
}
.sandybrown{
color:#f4a460;
}
.bg-sandybrown{
background-color:#f4a460;
}
.goldenrod{
color:#daa520;
}
.bg-goldenrod{
background-color:#daa520;
}
.darkgoldenrod{
color:#b8860b;
}
.bg-darkgoldenrod{
background-color:#b8860b;
}
.peru{
color:peru;
}
.bg-peru{
background-color:peru;
}
.chocolate{
color:#d2691e;
}
.bg-chocolate{
background-color:#d2691e;
}
.saddlebrown{
color:#8b4513;
}
.bg-saddlebrown{
background-color:#8b4513;
}
.sienna{
color:sienna;
}
.bg-sienna{
background-color:sienna;
}
.brown{
color:brown;
}
.bg-brown{
background-color:brown;
}
.maroon{
color:maroon;
}
.bg-maroon{
background-color:maroon;
}
.white{
color:#fff;
}
.bg-white{
background-color:#fff;
}
.snow{
color:snow;
}
.bg-snow{
background-color:snow;
}
.honeydew{
color:#f0fff0;
}
.bg-honeydew{
background-color:#f0fff0;
}
.mintcream{
color:#f5fffa;
}
.bg-mintcream{
background-color:#f5fffa;
}
.azure{
color:azure;
}
.bg-azure{
background-color:azure;
}
.aliceblue{
color:#f0f8ff;
}
.bg-aliceblue{
background-color:#f0f8ff;
}
.ghostwhite{
color:#f8f8ff;
}
.bg-ghostwhite{
background-color:#f8f8ff;
}
.whitesmoke{
color:#f5f5f5;
}
.bg-whitesmoke{
background-color:#f5f5f5;
}
.seashell{
color:#fff5ee;
}
.bg-seashell{
background-color:#fff5ee;
}
.beige{
color:beige;
}
.bg-beige{
background-color:beige;
}
.oldlace{
color:#fdf5e6;
}
.bg-oldlace{
background-color:#fdf5e6;
}
.floralwhite{
color:#fffaf0;
}
.bg-floralwhite{
background-color:#fffaf0;
}
.ivory{
color:ivory;
}
.bg-ivory{
background-color:ivory;
}
.antiquewhite{
color:#faebd7;
}
.bg-antiquewhite{
background-color:#faebd7;
}
.linen{
color:linen;
}
.bg-linen{
background-color:linen;
}
.lavenderblush{
color:#fff0f5;
}
.bg-lavenderblush{
background-color:#fff0f5;
}
.mistyrose{
color:#ffe4e1;
}
.bg-mistyrose{
background-color:#ffe4e1;
}
.gainsboro{
color:#dcdcdc;
}
.bg-gainsboro{
background-color:#dcdcdc;
}
.lightgray{
color:#d3d3d3;
}
.bg-lightgray{
background-color:#d3d3d3;
}
.silver{
color:silver;
}
.bg-silver{
background-color:silver;
}
.darkgray{
color:#a9a9a9;
}
.bg-darkgray{
background-color:#a9a9a9;
}
.gray{
color:grey;
}
.bg-gray{
background-color:grey;
}
.dimgray{
color:#696969;
}
.bg-dimgray{
background-color:#696969;
}
.lightslategray{
color:#789;
}
.bg-lightslategray{
background-color:#789;
}
.slategray{
color:#708090;
}
.bg-slategray{
background-color:#708090;
}
.darkslategray{
color:#2f4f4f;
}
.bg-darkslategray{
background-color:#2f4f4f;
}
.black{
color:#000;
}
.bg-black{
background-color:#000;
}
.right-0{
right:0;
}
.right-50{
right:50%;
}
.right-50vw{
right:50vw;
}
.right-100{
right:100%;
}
.right-100vw{
right:100vw;
}
.right-initial{
right:initial;
}
.left-0{
left:0;
}
.left-50{
left:50%;
}
.left-50vw{
left:50vw;
}
.left-100{
left:100%;
}
.left-100vw{
left:100vw;
}
.left-initial{
left:initial;
}
.top-0{
top:0;
}
.top-50{
top:50%;
}
.top-50vh{
top:50vh;
}
.top-100{
top:100%;
}
.top-100vh{
top:100vh;
}
.top-initial{
top:initial;
}
.bottom-0{
bottom:0;
}
.bottom-50{
bottom:50%;
}
.bottom-50vh{
bottom:50vh;
}
.bottom-100{
bottom:100%;
}
.bottom-100vh{
bottom:100vh;
}
.bottom-initial{
bottom:initial;
}
.dn{
display:none;
}
.di{
display:inline;
}
.db{
display:block;
}
.dib{
display:inline-block;
}
.df{
display:flex;
}
.dif{
display:inline-flex;
}
.dt{
display:table;
}
.dtr{
display:table-row;
}
.dit{
display:inline-table;
}
.d-initial{
display:initial;
}
.d-inherit{
display:inherit;
}
.flex-row{
flex-direction:row;
}
.flex-row-rev{
flex-direction:row-reverse;
}
.flex-col{
flex-direction:column;
}
.flex-col-rev{
flex-direction:column-reverse;
}
.flex-wrap{
flex-wrap:wrap;
}
.flex-nowrap{
flex-wrap:nowrap;
}
.flex-wrap-rev{
flex-wrap:wrap-reverse;
}
.justify-start{
justify-content:flex-start;
}
.justify-end{
justify-content:flex-end;
}
.justify-center{
justify-content:center;
}
.justify-between{
justify-content:space-between;
}
.justify-around{
justify-content:space-around;
}
.justify-evenly{
justify-content:space-evenly;
}
.align-items-start{
align-items:flex-start;
}
.align-items-end{
align-items:flex-end;
}
.align-items-center{
align-items:center;
}
.align-items-baseline{
align-items:baseline;
}
.align-items-stretch{
align-items:stretch;
}
.align-content-start{
align-content:flex-start;
}
.align-content-end{
align-content:flex-end;
}
.align-content-center{
align-content:center;
}
.align-content-between{
align-content:space-between;
}
.align-content-around{
align-content:space-around;
}
.align-content-stretch{
align-content:stretch;
}
.align-self-auto{
align-self:auto;
}
.align-self-start{
align-self:flex-start;
}
.align-self-end{
align-self:flex-end;
}
.align-self-center{
align-self:center;
}
.align-self-baseline{
align-self:baseline;
}
.align-self-stretch{
align-self:stretch;
}
.flex-order-0{
order:0;
}
.flex-grow-0{
flex-grow:0;
}
.flex-shrink-0{
flex-shrink:0;
}
.flex-order-1{
order:1;
}
.flex-grow-1{
flex-grow:1;
}
.flex-shrink-1{
flex-shrink:1;
}
.flex-order-2{
order:2;
}
.flex-grow-2{
flex-grow:2;
}
.flex-shrink-2{
flex-shrink:2;
}
.flex-order-3{
order:3;
}
.flex-grow-3{
flex-grow:3;
}
.flex-shrink-3{
flex-shrink:3;
}
.flex-order-4{
order:4;
}
.flex-grow-4{
flex-grow:4;
}
.flex-shrink-4{
flex-shrink:4;
}
.flex-order-5{
order:5;
}
.flex-grow-5{
flex-grow:5;
}
.flex-shrink-5{
flex-shrink:5;
}
.flex-order-6{
order:6;
}
.flex-grow-6{
flex-grow:6;
}
.flex-shrink-6{
flex-shrink:6;
}
.flex-order-7{
order:7;
}
.flex-grow-7{
flex-grow:7;
}
.flex-shrink-7{
flex-shrink:7;
}
.flex-order-8{
order:8;
}
.flex-grow-8{
flex-grow:8;
}
.flex-shrink-8{
flex-shrink:8;
}
.flex-order-9{
order:9;
}
.flex-grow-9{
flex-grow:9;
}
.flex-shrink-9{
flex-shrink:9;
}
.flex-order-10{
order:10;
}
.flex-grow-10{
flex-grow:10;
}
.flex-shrink-10{
flex-shrink:10;
}
.f-initial{
font-size:initial;
}
.f-inherit{
font-size:inherit;
}
.f-1em{
font-size:1em;
}
.f-1rem{
font-size:1rem;
}
.f-1vmin{
font-size:1vmin;
}
.f-2em{
font-size:2em;
}
.f-2rem{
font-size:2rem;
}
.f-2vmin{
font-size:2vmin;
}
.f-3em{
font-size:3em;
}
.f-3rem{
font-size:3rem;
}
.f-3vmin{
font-size:3vmin;
}
.f-4em{
font-size:4em;
}
.f-4rem{
font-size:4rem;
}
.f-4vmin{
font-size:4vmin;
}
.f-5em{
font-size:5em;
}
.f-5rem{
font-size:5rem;
}
.f-5vmin{
font-size:5vmin;
}
.f-6em{
font-size:6em;
}
.f-6rem{
font-size:6rem;
}
.f-6vmin{
font-size:6vmin;
}
.f-7em{
font-size:7em;
}
.f-7rem{
font-size:7rem;
}
.f-7vmin{
font-size:7vmin;
}
.f-8em{
font-size:8em;
}
.f-8rem{
font-size:8rem;
}
.f-8vmin{
font-size:8vmin;
}
.f-9em{
font-size:9em;
}
.f-9rem{
font-size:9rem;
}
.f-9vmin{
font-size:9vmin;
}
.f-10em{
font-size:10em;
}
.f-10rem{
font-size:10rem;
}
.f-10vmin{
font-size:10vmin;
}
.f-11em{
font-size:11em;
}
.f-11rem{
font-size:11rem;
}
.f-11vmin{
font-size:11vmin;
}
.f-12em{
font-size:12em;
}
.f-12rem{
font-size:12rem;
}
.f-12vmin{
font-size:12vmin;
}
.f-13em{
font-size:13em;
}
.f-13rem{
font-size:13rem;
}
.f-13vmin{
font-size:13vmin;
}
.f-14em{
font-size:14em;
}
.f-14rem{
font-size:14rem;
}
.f-14vmin{
font-size:14vmin;
}
.f-15em{
font-size:15em;
}
.f-15rem{
font-size:15rem;
}
.f-15vmin{
font-size:15vmin;
}
.f-16em{
font-size:16em;
}
.f-16rem{
font-size:16rem;
}
.f-16vmin{
font-size:16vmin;
}
.f-17em{
font-size:17em;
}
.f-17rem{
font-size:17rem;
}
.f-17vmin{
font-size:17vmin;
}
.f-18em{
font-size:18em;
}
.f-18rem{
font-size:18rem;
}
.f-18vmin{
font-size:18vmin;
}
.f-19em{
font-size:19em;
}
.f-19rem{
font-size:19rem;
}
.f-19vmin{
font-size:19vmin;
}
.f-20em{
font-size:20em;
}
.f-20rem{
font-size:20rem;
}
.f-20vmin{
font-size:20vmin;
}
.f-0-1em{
font-size:.1em;
}
.f-0-1rem{
font-size:.1rem;
}
.f-0-1vmin{
font-size:.1vmin;
}
.f-0-2em{
font-size:.2em;
}
.f-0-2rem{
font-size:.2rem;
}
.f-0-2vmin{
font-size:.2vmin;
}
.f-0-3em{
font-size:.3em;
}
.f-0-3rem{
font-size:.3rem;
}
.f-0-3vmin{
font-size:.3vmin;
}
.f-0-4em{
font-size:.4em;
}
.f-0-4rem{
font-size:.4rem;
}
.f-0-4vmin{
font-size:.4vmin;
}
.f-0-5em{
font-size:.5em;
}
.f-0-5rem{
font-size:.5rem;
}
.f-0-5vmin{
font-size:.5vmin;
}
.f-0-6em{
font-size:.6em;
}
.f-0-6rem{
font-size:.6rem;
}
.f-0-6vmin{
font-size:.6vmin;
}
.f-0-7em{
font-size:.7em;
}
.f-0-7rem{
font-size:.7rem;
}
.f-0-7vmin{
font-size:.7vmin;
}
.f-0-8em{
font-size:.8em;
}
.f-0-8rem{
font-size:.8rem;
}
.f-0-8vmin{
font-size:.8vmin;
}
.f-0-9em{
font-size:.9em;
}
.f-0-9rem{
font-size:.9rem;
}
.f-0-9vmin{
font-size:.9vmin;
}
.f-1-1em{
font-size:1.1em;
}
.f-1-1rem{
font-size:1.1rem;
}
.f-1-1vmin{
font-size:1.1vmin;
}
.f-2-1em{
font-size:2.1em;
}
.f-2-1rem{
font-size:2.1rem;
}
.f-2-1vmin{
font-size:2.1vmin;
}
.f-3-1em{
font-size:3.1em;
}
.f-3-1rem{
font-size:3.1rem;
}
.f-3-1vmin{
font-size:3.1vmin;
}
.f-4-1em{
font-size:4.1em;
}
.f-4-1rem{
font-size:4.1rem;
}
.f-4-1vmin{
font-size:4.1vmin;
}
.f-1-2em{
font-size:1.2em;
}
.f-1-2rem{
font-size:1.2rem;
}
.f-1-2vmin{
font-size:1.2vmin;
}
.f-2-2em{
font-size:2.2em;
}
.f-2-2rem{
font-size:2.2rem;
}
.f-2-2vmin{
font-size:2.2vmin;
}
.f-3-2em{
font-size:3.2em;
}
.f-3-2rem{
font-size:3.2rem;
}
.f-3-2vmin{
font-size:3.2vmin;
}
.f-4-2em{
font-size:4.2em;
}
.f-4-2rem{
font-size:4.2rem;
}
.f-4-2vmin{
font-size:4.2vmin;
}
.f-1-3em{
font-size:1.3em;
}
.f-1-3rem{
font-size:1.3rem;
}
.f-1-3vmin{
font-size:1.3vmin;
}
.f-2-3em{
font-size:2.3em;
}
.f-2-3rem{
font-size:2.3rem;
}
.f-2-3vmin{
font-size:2.3vmin;
}
.f-3-3em{
font-size:3.3em;
}
.f-3-3rem{
font-size:3.3rem;
}
.f-3-3vmin{
font-size:3.3vmin;
}
.f-4-3em{
font-size:4.3em;
}
.f-4-3rem{
font-size:4.3rem;
}
.f-4-3vmin{
font-size:4.3vmin;
}
.f-1-4em{
font-size:1.4em;
}
.f-1-4rem{
font-size:1.4rem;
}
.f-1-4vmin{
font-size:1.4vmin;
}
.f-2-4em{
font-size:2.4em;
}
.f-2-4rem{
font-size:2.4rem;
}
.f-2-4vmin{
font-size:2.4vmin;
}
.f-3-4em{
font-size:3.4em;
}
.f-3-4rem{
font-size:3.4rem;
}
.f-3-4vmin{
font-size:3.4vmin;
}
.f-4-4em{
font-size:4.4em;
}
.f-4-4rem{
font-size:4.4rem;
}
.f-4-4vmin{
font-size:4.4vmin;
}
.f-1-5em{
font-size:1.5em;
}
.f-1-5rem{
font-size:1.5rem;
}
.f-1-5vmin{
font-size:1.5vmin;
}
.f-2-5em{
font-size:2.5em;
}
.f-2-5rem{
font-size:2.5rem;
}
.f-2-5vmin{
font-size:2.5vmin;
}
.f-3-5em{
font-size:3.5em;
}
.f-3-5rem{
font-size:3.5rem;
}
.f-3-5vmin{
font-size:3.5vmin;
}
.f-4-5em{
font-size:4.5em;
}
.f-4-5rem{
font-size:4.5rem;
}
.f-4-5vmin{
font-size:4.5vmin;
}
.f-1-6em{
font-size:1.6em;
}
.f-1-6rem{
font-size:1.6rem;
}
.f-1-6vmin{
font-size:1.6vmin;
}
.f-2-6em{
font-size:2.6em;
}
.f-2-6rem{
font-size:2.6rem;
}
.f-2-6vmin{
font-size:2.6vmin;
}
.f-3-6em{
font-size:3.6em;
}
.f-3-6rem{
font-size:3.6rem;
}
.f-3-6vmin{
font-size:3.6vmin;
}
.f-4-6em{
font-size:4.6em;
}
.f-4-6rem{
font-size:4.6rem;
}
.f-4-6vmin{
font-size:4.6vmin;
}
.f-1-7em{
font-size:1.7em;
}
.f-1-7rem{
font-size:1.7rem;
}
.f-1-7vmin{
font-size:1.7vmin;
}
.f-2-7em{
font-size:2.7em;
}
.f-2-7rem{
font-size:2.7rem;
}
.f-2-7vmin{
font-size:2.7vmin;
}
.f-3-7em{
font-size:3.7em;
}
.f-3-7rem{
font-size:3.7rem;
}
.f-3-7vmin{
font-size:3.7vmin;
}
.f-4-7em{
font-size:4.7em;
}
.f-4-7rem{
font-size:4.7rem;
}
.f-4-7vmin{
font-size:4.7vmin;
}
.f-1-8em{
font-size:1.8em;
}
.f-1-8rem{
font-size:1.8rem;
}
.f-1-8vmin{
font-size:1.8vmin;
}
.f-2-8em{
font-size:2.8em;
}
.f-2-8rem{
font-size:2.8rem;
}
.f-2-8vmin{
font-size:2.8vmin;
}
.f-3-8em{
font-size:3.8em;
}
.f-3-8rem{
font-size:3.8rem;
}
.f-3-8vmin{
font-size:3.8vmin;
}
.f-4-8em{
font-size:4.8em;
}
.f-4-8rem{
font-size:4.8rem;
}
.f-4-8vmin{
font-size:4.8vmin;
}
.f-1-9em{
font-size:1.9em;
}
.f-1-9rem{
font-size:1.9rem;
}
.f-1-9vmin{
font-size:1.9vmin;
}
.f-2-9em{
font-size:2.9em;
}
.f-2-9rem{
font-size:2.9rem;
}
.f-2-9vmin{
font-size:2.9vmin;
}
.f-3-9em{
font-size:3.9em;
}
.f-3-9rem{
font-size:3.9rem;
}
.f-3-9vmin{
font-size:3.9vmin;
}
.f-4-9em{
font-size:4.9em;
}
.f-4-9rem{
font-size:4.9rem;
}
.f-4-9vmin{
font-size:4.9vmin;
}
.i{
font-style:italic;
}
.fs-normal{
font-style:normal;
}
.no-decoration{
text-decoration:none;
}
.u{
text-decoration:underline;
}
.underline{
text-decoration:underline;
}
.overline{
text-decoration:overline;
}
.line-through{
text-decoration:line-through;
}
.b{
font-weight:bold;
}
.bolder{
font-weight:bolder;
}
.lighter{
font-weight:lighter;
}
.fw-normal{
font-weight:normal;
}
.fw1{
font-weight:100;
}
.fw2{
font-weight:200;
}
.fw3{
font-weight:300;
}
.fw4{
font-weight:400;
}
.fw5{
font-weight:500;
}
.fw6{
font-weight:600;
}
.fw7{
font-weight:700;
}
.fw8{
font-weight:800;
}
.fw9{
font-weight:900;
}
.h-third{
height:calc(100% / 3);
}
.h-2third{
height:calc((100% / 3) * 2);
}
.vh-third{
height:calc(100vh / 3);
}
.vh-2third{
height:calc((100vh / 3) * 2);
}
.h-min-third{
min-height:calc(100% / 3);
}
.h-min-2third{
min-height:calc((100% / 3) * 2);
}
.vh-min-third{
min-height:calc(100vh / 3);
}
.vh-min-2third{
min-height:calc((100vh / 3) * 2);
}
.h-max-third{
max-height:calc(100% / 3);
}
.h-max-2third{
max-height:calc((100% / 3) * 2);
}
.vh-max-third{
max-height:calc(100vh / 3);
}
.vh-max-2third{
max-height:calc((100vh / 3) * 2);
}
.h-0{
height:0%;
}
.h-min-0{
min-height:0;
}
.h-max-0{
max-height:0%;
}
.vh-0{
height:0;
}
.vh-min-0{
min-height:0;
}
.vh-max-0{
max-height:0;
}
.h-5{
height:5%;
}
.h-min-5{
min-height:5%;
}
.h-max-5{
max-height:5%;
}
.vh-5{
height:5vh;
}
.vh-min-5{
min-height:5vh;
}
.vh-max-5{
max-height:5vh;
}
.h-10{
height:10%;
}
.h-min-10{
min-height:10%;
}
.h-max-10{
max-height:10%;
}
.vh-10{
height:10vh;
}
.vh-min-10{
min-height:10vh;
}
.vh-max-10{
max-height:10vh;
}
.h-15{
height:15%;
}
.h-min-15{
min-height:15%;
}
.h-max-15{
max-height:15%;
}
.vh-15{
height:15vh;
}
.vh-min-15{
min-height:15vh;
}
.vh-max-15{
max-height:15vh;
}
.h-20{
height:20%;
}
.h-min-20{
min-height:20%;
}
.h-max-20{
max-height:20%;
}
.vh-20{
height:20vh;
}
.vh-min-20{
min-height:20vh;
}
.vh-max-20{
max-height:20vh;
}
.h-25{
height:25%;
}
.h-min-25{
min-height:25%;
}
.h-max-25{
max-height:25%;
}
.vh-25{
height:25vh;
}
.vh-min-25{
min-height:25vh;
}
.vh-max-25{
max-height:25vh;
}
.h-30{
height:30%;
}
.h-min-30{
min-height:30%;
}
.h-max-30{
max-height:30%;
}
.vh-30{
height:30vh;
}
.vh-min-30{
min-height:30vh;
}
.vh-max-30{
max-height:30vh;
}
.h-35{
height:35%;
}
.h-min-35{
min-height:35%;
}
.h-max-35{
max-height:35%;
}
.vh-35{
height:35vh;
}
.vh-min-35{
min-height:35vh;
}
.vh-max-35{
max-height:35vh;
}
.h-40{
height:40%;
}
.h-min-40{
min-height:40%;
}
.h-max-40{
max-height:40%;
}
.vh-40{
height:40vh;
}
.vh-min-40{
min-height:40vh;
}
.vh-max-40{
max-height:40vh;
}
.h-45{
height:45%;
}
.h-min-45{
min-height:45%;
}
.h-max-45{
max-height:45%;
}
.vh-45{
height:45vh;
}
.vh-min-45{
min-height:45vh;
}
.vh-max-45{
max-height:45vh;
}
.h-50{
height:50%;
}
.h-min-50{
min-height:50%;
}
.h-max-50{
max-height:50%;
}
.vh-50{
height:50vh;
}
.vh-min-50{
min-height:50vh;
}
.vh-max-50{
max-height:50vh;
}
.h-55{
height:55%;
}
.h-min-55{
min-height:55%;
}
.h-max-55{
max-height:55%;
}
.vh-55{
height:55vh;
}
.vh-min-55{
min-height:55vh;
}
.vh-max-55{
max-height:55vh;
}
.h-60{
height:60%;
}
.h-min-60{
min-height:60%;
}
.h-max-60{
max-height:60%;
}
.vh-60{
height:60vh;
}
.vh-min-60{
min-height:60vh;
}
.vh-max-60{
max-height:60vh;
}
.h-65{
height:65%;
}
.h-min-65{
min-height:65%;
}
.h-max-65{
max-height:65%;
}
.vh-65{
height:65vh;
}
.vh-min-65{
min-height:65vh;
}
.vh-max-65{
max-height:65vh;
}
.h-70{
height:70%;
}
.h-min-70{
min-height:70%;
}
.h-max-70{
max-height:70%;
}
.vh-70{
height:70vh;
}
.vh-min-70{
min-height:70vh;
}
.vh-max-70{
max-height:70vh;
}
.h-75{
height:75%;
}
.h-min-75{
min-height:75%;
}
.h-max-75{
max-height:75%;
}
.vh-75{
height:75vh;
}
.vh-min-75{
min-height:75vh;
}
.vh-max-75{
max-height:75vh;
}
.h-80{
height:80%;
}
.h-min-80{
min-height:80%;
}
.h-max-80{
max-height:80%;
}
.vh-80{
height:80vh;
}
.vh-min-80{
min-height:80vh;
}
.vh-max-80{
max-height:80vh;
}
.h-85{
height:85%;
}
.h-min-85{
min-height:85%;
}
.h-max-85{
max-height:85%;
}
.vh-85{
height:85vh;
}
.vh-min-85{
min-height:85vh;
}
.vh-max-85{
max-height:85vh;
}
.h-90{
height:90%;
}
.h-min-90{
min-height:90%;
}
.h-max-90{
max-height:90%;
}
.vh-90{
height:90vh;
}
.vh-min-90{
min-height:90vh;
}
.vh-max-90{
max-height:90vh;
}
.h-95{
height:95%;
}
.h-min-95{
min-height:95%;
}
.h-max-95{
max-height:95%;
}
.vh-95{
height:95vh;
}
.vh-min-95{
min-height:95vh;
}
.vh-max-95{
max-height:95vh;
}
.h-100{
height:100%;
}
.h-min-100{
min-height:100%;
}
.h-max-100{
max-height:100%;
}
.vh-100{
height:100vh;
}
.vh-min-100{
min-height:100vh;
}
.vh-max-100{
max-height:100vh;
}
.lh-0{
line-height:0;
}
.lh-1{
line-height:1;
}
.lh-2{
line-height:2;
}
.lh-3{
line-height:3;
}
.lh-initial{
line-height:initial;
}
.lh-0-1{
line-height:.1;
}
.lh-1-1{
line-height:1.1;
}
.lh-2-1{
line-height:2.1;
}
.lh-0-2{
line-height:.2;
}
.lh-1-2{
line-height:1.2;
}
.lh-2-2{
line-height:2.2;
}
.lh-0-3{
line-height:.3;
}
.lh-1-3{
line-height:1.3;
}
.lh-2-3{
line-height:2.3;
}
.lh-0-4{
line-height:.4;
}
.lh-1-4{
line-height:1.4;
}
.lh-2-4{
line-height:2.4;
}
.lh-0-5{
line-height:.5;
}
.lh-1-5{
line-height:1.5;
}
.lh-2-5{
line-height:2.5;
}
.lh-0-6{
line-height:.6;
}
.lh-1-6{
line-height:1.6;
}
.lh-2-6{
line-height:2.6;
}
.lh-0-7{
line-height:.7;
}
.lh-1-7{
line-height:1.7;
}
.lh-2-7{
line-height:2.7;
}
.lh-0-8{
line-height:.8;
}
.lh-1-8{
line-height:1.8;
}
.lh-2-8{
line-height:2.8;
}
.lh-0-9{
line-height:.9;
}
.lh-1-9{
line-height:1.9;
}
.lh-2-9{
line-height:2.9;
}
.mha{
margin-left:auto;
margin-right:auto;
}
.mla{
margin-left:auto;
}
.mra{
margin-right:auto;
}
.ma0{
margin:0;
}
.mt0{
margin-top:0;
}
.mr0{
margin-right:0;
}
.mb0{
margin-bottom:0;
}
.ml0{
margin-left:0;
}
.mh0{
margin-left:0;
margin-right:0;
}
.mv0{
margin-top:0;
margin-bottom:0;
}
.ma4{
margin:4px;
}
.mt4{
margin-top:4px;
}
.mr4{
margin-right:4px;
}
.mb4{
margin-bottom:4px;
}
.ml4{
margin-left:4px;
}
.mh4{
margin-left:4px;
margin-right:4px;
}
.mv4{
margin-top:4px;
margin-bottom:4px;
}
.ma8{
margin:8px;
}
.mt8{
margin-top:8px;
}
.mr8{
margin-right:8px;
}
.mb8{
margin-bottom:8px;
}
.ml8{
margin-left:8px;
}
.mh8{
margin-left:8px;
margin-right:8px;
}
.mv8{
margin-top:8px;
margin-bottom:8px;
}
.ma12{
margin:9pt;
}
.mt12{
margin-top:9pt;
}
.mr12{
margin-right:9pt;
}
.mb12{
margin-bottom:9pt;
}
.ml12{
margin-left:9pt;
}
.mh12{
margin-left:9pt;
margin-right:9pt;
}
.mv12{
margin-top:9pt;
margin-bottom:9pt;
}
.ma16{
margin:1pc;
}
.mt16{
margin-top:1pc;
}
.mr16{
margin-right:1pc;
}
.mb16{
margin-bottom:1pc;
}
.ml16{
margin-left:1pc;
}
.mh16{
margin-left:1pc;
margin-right:1pc;
}
.mv16{
margin-top:1pc;
margin-bottom:1pc;
}
.ma20{
margin:20px;
}
.mt20{
margin-top:20px;
}
.mr20{
margin-right:20px;
}
.mb20{
margin-bottom:20px;
}
.ml20{
margin-left:20px;
}
.mh20{
margin-left:20px;
margin-right:20px;
}
.mv20{
margin-top:20px;
margin-bottom:20px;
}
.ma24{
margin:24px;
}
.mt24{
margin-top:24px;
}
.mr24{
margin-right:24px;
}
.mb24{
margin-bottom:24px;
}
.ml24{
margin-left:24px;
}
.mh24{
margin-left:24px;
margin-right:24px;
}
.mv24{
margin-top:24px;
margin-bottom:24px;
}
.ma28{
margin:28px;
}
.mt28{
margin-top:28px;
}
.mr28{
margin-right:28px;
}
.mb28{
margin-bottom:28px;
}
.ml28{
margin-left:28px;
}
.mh28{
margin-left:28px;
margin-right:28px;
}
.mv28{
margin-top:28px;
margin-bottom:28px;
}
.ma32{
margin:2pc;
}
.mt32{
margin-top:2pc;
}
.mr32{
margin-right:2pc;
}
.mb32{
margin-bottom:2pc;
}
.ml32{
margin-left:2pc;
}
.mh32{
margin-left:2pc;
margin-right:2pc;
}
.mv32{
margin-top:2pc;
margin-bottom:2pc;
}
.ma36{
margin:36px;
}
.mt36{
margin-top:36px;
}
.mr36{
margin-right:36px;
}
.mb36{
margin-bottom:36px;
}
.ml36{
margin-left:36px;
}
.mh36{
margin-left:36px;
margin-right:36px;
}
.mv36{
margin-top:36px;
margin-bottom:36px;
}
.ma40{
margin:40px;
}
.mt40{
margin-top:40px;
}
.mr40{
margin-right:40px;
}
.mb40{
margin-bottom:40px;
}
.ml40{
margin-left:40px;
}
.mh40{
margin-left:40px;
margin-right:40px;
}
.mv40{
margin-top:40px;
margin-bottom:40px;
}
.ma44{
margin:44px;
}
.mt44{
margin-top:44px;
}
.mr44{
margin-right:44px;
}
.mb44{
margin-bottom:44px;
}
.ml44{
margin-left:44px;
}
.mh44{
margin-left:44px;
margin-right:44px;
}
.mv44{
margin-top:44px;
margin-bottom:44px;
}
.ma48{
margin:3pc;
}
.mt48{
margin-top:3pc;
}
.mr48{
margin-right:3pc;
}
.mb48{
margin-bottom:3pc;
}
.ml48{
margin-left:3pc;
}
.mh48{
margin-left:3pc;
margin-right:3pc;
}
.mv48{
margin-top:3pc;
margin-bottom:3pc;
}
.ma52{
margin:52px;
}
.mt52{
margin-top:52px;
}
.mr52{
margin-right:52px;
}
.mb52{
margin-bottom:52px;
}
.ml52{
margin-left:52px;
}
.mh52{
margin-left:52px;
margin-right:52px;
}
.mv52{
margin-top:52px;
margin-bottom:52px;
}
.ma56{
margin:56px;
}
.mt56{
margin-top:56px;
}
.mr56{
margin-right:56px;
}
.mb56{
margin-bottom:56px;
}
.ml56{
margin-left:56px;
}
.mh56{
margin-left:56px;
margin-right:56px;
}
.mv56{
margin-top:56px;
margin-bottom:56px;
}
.ma60{
margin:60px;
}
.mt60{
margin-top:60px;
}
.mr60{
margin-right:60px;
}
.mb60{
margin-bottom:60px;
}
.ml60{
margin-left:60px;
}
.mh60{
margin-left:60px;
margin-right:60px;
}
.mv60{
margin-top:60px;
margin-bottom:60px;
}
.ma64{
margin:4pc;
}
.mt64{
margin-top:4pc;
}
.mr64{
margin-right:4pc;
}
.mb64{
margin-bottom:4pc;
}
.ml64{
margin-left:4pc;
}
.mh64{
margin-left:4pc;
margin-right:4pc;
}
.mv64{
margin-top:4pc;
margin-bottom:4pc;
}
.no-select{
user-select:none;
}
.pointer{
cursor:pointer;
}
.not-allowed{
cursor:not-allowed;
}
.o-0{
opacity:0;
}
.o-5{
opacity:.05;
}
.o-10{
opacity:.1;
}
.o-15{
opacity:.15;
}
.o-20{
opacity:.2;
}
.o-25{
opacity:.25;
}
.o-30{
opacity:.3;
}
.o-35{
opacity:.35;
}
.o-40{
opacity:.4;
}
.o-45{
opacity:.45;
}
.o-50{
opacity:.5;
}
.o-55{
opacity:.55;
}
.o-60{
opacity:.6;
}
.o-65{
opacity:.65;
}
.o-70{
opacity:.7;
}
.o-75{
opacity:.75;
}
.o-80{
opacity:.8;
}
.o-85{
opacity:.85;
}
.o-90{
opacity:.9;
}
.o-95{
opacity:.95;
}
.o-100{
opacity:1;
}
.overflow-v{
overflow:visible;
}
.overflow-h{
overflow:hidden;
}
.overflow-s{
overflow:scroll;
}
.overflow-a{
overflow:auto;
}
.overflow-x-v{
overflow-x:visible;
}
.overflow-x-h{
overflow-x:hidden;
}
.overflow-x-s{
overflow-x:scroll;
}
.overflow-x-a{
overflow-x:auto;
}
.overflow-y-v{
overflow-y:visible;
}
.overflow-y-h{
overflow-y:hidden;
}
.overflow-y-s{
overflow-y:scroll;
}
.overflow-y-a{
overflow-y:auto;
}
.pa0{
padding:0;
}
.pt0{
padding-top:0;
}
.pr0{
padding-right:0;
}
.pb0{
padding-bottom:0;
}
.pl0{
padding-left:0;
}
.ph0{
padding-left:0;
padding-right:0;
}
.pv0{
padding-top:0;
padding-bottom:0;
}
.pa4{
padding:4px;
}
.pt4{
padding-top:4px;
}
.pr4{
padding-right:4px;
}
.pb4{
padding-bottom:4px;
}
.pl4{
padding-left:4px;
}
.ph4{
padding-left:4px;
padding-right:4px;
}
.pv4{
padding-top:4px;
padding-bottom:4px;
}
.pa8{
padding:8px;
}
.pt8{
padding-top:8px;
}
.pr8{
padding-right:8px;
}
.pb8{
padding-bottom:8px;
}
.pl8{
padding-left:8px;
}
.ph8{
padding-left:8px;
padding-right:8px;
}
.pv8{
padding-top:8px;
padding-bottom:8px;
}
.pa12{
padding:9pt;
}
.pt12{
padding-top:9pt;
}
.pr12{
padding-right:9pt;
}
.pb12{
padding-bottom:9pt;
}
.pl12{
padding-left:9pt;
}
.ph12{
padding-left:9pt;
padding-right:9pt;
}
.pv12{
padding-top:9pt;
padding-bottom:9pt;
}
.pa16{
padding:1pc;
}
.pt16{
padding-top:1pc;
}
.pr16{
padding-right:1pc;
}
.pb16{
padding-bottom:1pc;
}
.pl16{
padding-left:1pc;
}
.ph16{
padding-left:1pc;
padding-right:1pc;
}
.pv16{
padding-top:1pc;
padding-bottom:1pc;
}
.pa20{
padding:20px;
}
.pt20{
padding-top:20px;
}
.pr20{
padding-right:20px;
}
.pb20{
padding-bottom:20px;
}
.pl20{
padding-left:20px;
}
.ph20{
padding-left:20px;
padding-right:20px;
}
.pv20{
padding-top:20px;
padding-bottom:20px;
}
.pa24{
padding:24px;
}
.pt24{
padding-top:24px;
}
.pr24{
padding-right:24px;
}
.pb24{
padding-bottom:24px;
}
.pl24{
padding-left:24px;
}
.ph24{
padding-left:24px;
padding-right:24px;
}
.pv24{
padding-top:24px;
padding-bottom:24px;
}
.pa28{
padding:28px;
}
.pt28{
padding-top:28px;
}
.pr28{
padding-right:28px;
}
.pb28{
padding-bottom:28px;
}
.pl28{
padding-left:28px;
}
.ph28{
padding-left:28px;
padding-right:28px;
}
.pv28{
padding-top:28px;
padding-bottom:28px;
}
.pa32{
padding:2pc;
}
.pt32{
padding-top:2pc;
}
.pr32{
padding-right:2pc;
}
.pb32{
padding-bottom:2pc;
}
.pl32{
padding-left:2pc;
}
.ph32{
padding-left:2pc;
padding-right:2pc;
}
.pv32{
padding-top:2pc;
padding-bottom:2pc;
}
.pa36{
padding:36px;
}
.pt36{
padding-top:36px;
}
.pr36{
padding-right:36px;
}
.pb36{
padding-bottom:36px;
}
.pl36{
padding-left:36px;
}
.ph36{
padding-left:36px;
padding-right:36px;
}
.pv36{
padding-top:36px;
padding-bottom:36px;
}
.pa40{
padding:40px;
}
.pt40{
padding-top:40px;
}
.pr40{
padding-right:40px;
}
.pb40{
padding-bottom:40px;
}
.pl40{
padding-left:40px;
}
.ph40{
padding-left:40px;
padding-right:40px;
}
.pv40{
padding-top:40px;
padding-bottom:40px;
}
.pa44{
padding:44px;
}
.pt44{
padding-top:44px;
}
.pr44{
padding-right:44px;
}
.pb44{
padding-bottom:44px;
}
.pl44{
padding-left:44px;
}
.ph44{
padding-left:44px;
padding-right:44px;
}
.pv44{
padding-top:44px;
padding-bottom:44px;
}
.pa48{
padding:3pc;
}
.pt48{
padding-top:3pc;
}
.pr48{
padding-right:3pc;
}
.pb48{
padding-bottom:3pc;
}
.pl48{
padding-left:3pc;
}
.ph48{
padding-left:3pc;
padding-right:3pc;
}
.pv48{
padding-top:3pc;
padding-bottom:3pc;
}
.pa52{
padding:52px;
}
.pt52{
padding-top:52px;
}
.pr52{
padding-right:52px;
}
.pb52{
padding-bottom:52px;
}
.pl52{
padding-left:52px;
}
.ph52{
padding-left:52px;
padding-right:52px;
}
.pv52{
padding-top:52px;
padding-bottom:52px;
}
.pa56{
padding:56px;
}
.pt56{
padding-top:56px;
}
.pr56{
padding-right:56px;
}
.pb56{
padding-bottom:56px;
}
.pl56{
padding-left:56px;
}
.ph56{
padding-left:56px;
padding-right:56px;
}
.pv56{
padding-top:56px;
padding-bottom:56px;
}
.pa60{
padding:60px;
}
.pt60{
padding-top:60px;
}
.pr60{
padding-right:60px;
}
.pb60{
padding-bottom:60px;
}
.pl60{
padding-left:60px;
}
.ph60{
padding-left:60px;
padding-right:60px;
}
.pv60{
padding-top:60px;
padding-bottom:60px;
}
.pa64{
padding:4pc;
}
.pt64{
padding-top:4pc;
}
.pr64{
padding-right:4pc;
}
.pb64{
padding-bottom:4pc;
}
.pl64{
padding-left:4pc;
}
.ph64{
padding-left:4pc;
padding-right:4pc;
}
.pv64{
padding-top:4pc;
padding-bottom:4pc;
}
.absolute{
position:absolute;
}
.relative{
position:relative;
}
.fixed{
position:fixed;
}
.static{
position:static;
}
.black-5{
color:#f2f2f2;
}
.bg-black-5{
background-color:#f2f2f2;
}
.black-10{
color:#e6e6e6;
}
.bg-black-10{
background-color:#e6e6e6;
}
.black-15{
color:#d9d9d9;
}
.bg-black-15{
background-color:#d9d9d9;
}
.black-20{
color:#ccc;
}
.bg-black-20{
background-color:#ccc;
}
.black-25{
color:#bfbfbf;
}
.bg-black-25{
background-color:#bfbfbf;
}
.black-30{
color:#b3b3b3;
}
.bg-black-30{
background-color:#b3b3b3;
}
.black-35{
color:#a6a6a6;
}
.bg-black-35{
background-color:#a6a6a6;
}
.black-40{
color:#999;
}
.bg-black-40{
background-color:#999;
}
.black-45{
color:#8c8c8c;
}
.bg-black-45{
background-color:#8c8c8c;
}
.black-50{
color:grey;
}
.bg-black-50{
background-color:grey;
}
.black-55{
color:#737373;
}
.bg-black-55{
background-color:#737373;
}
.black-60{
color:#666;
}
.bg-black-60{
background-color:#666;
}
.black-65{
color:#595959;
}
.bg-black-65{
background-color:#595959;
}
.black-70{
color:#4d4d4d;
}
.bg-black-70{
background-color:#4d4d4d;
}
.black-75{
color:#404040;
}
.bg-black-75{
background-color:#404040;
}
.black-80{
color:#333;
}
.bg-black-80{
background-color:#333;
}
.black-85{
color:#262626;
}
.bg-black-85{
background-color:#262626;
}
.black-90{
color:#1a1a1a;
}
.bg-black-90{
background-color:#1a1a1a;
}
.black-95{
color:#0d0d0d;
}
.bg-black-95{
background-color:#0d0d0d;
}
.white-5{
color:#0d0d0d;
}
.bg-white-5{
background-color:#0d0d0d;
}
.white-10{
color:#1a1a1a;
}
.bg-white-10{
background-color:#1a1a1a;
}
.white-15{
color:#262626;
}
.bg-white-15{
background-color:#262626;
}
.white-20{
color:#333;
}
.bg-white-20{
background-color:#333;
}
.white-25{
color:#404040;
}
.bg-white-25{
background-color:#404040;
}
.white-30{
color:#4d4d4d;
}
.bg-white-30{
background-color:#4d4d4d;
}
.white-35{
color:#595959;
}
.bg-white-35{
background-color:#595959;
}
.white-40{
color:#666;
}
.bg-white-40{
background-color:#666;
}
.white-45{
color:#737373;
}
.bg-white-45{
background-color:#737373;
}
.white-50{
color:grey;
}
.bg-white-50{
background-color:grey;
}
.white-55{
color:#8c8c8c;
}
.bg-white-55{
background-color:#8c8c8c;
}
.white-60{
color:#999;
}
.bg-white-60{
background-color:#999;
}
.white-65{
color:#a6a6a6;
}
.bg-white-65{
background-color:#a6a6a6;
}
.white-70{
color:#b3b3b3;
}
.bg-white-70{
background-color:#b3b3b3;
}
.white-75{
color:#bfbfbf;
}
.bg-white-75{
background-color:#bfbfbf;
}
.white-80{
color:#ccc;
}
.bg-white-80{
background-color:#ccc;
}
.white-85{
color:#d9d9d9;
}
.bg-white-85{
background-color:#d9d9d9;
}
.white-90{
color:#e6e6e6;
}
.bg-white-90{
background-color:#e6e6e6;
}
.white-95{
color:#f2f2f2;
}
.bg-white-95{
background-color:#f2f2f2;
}
.tl{
text-align:left;
}
.tr{
text-align:right;
}
.tc{
text-align:center;
}
.tj{
text-align:justify;
}
.ttc{
text-transform:capitalize;
}
.ttl{
text-transform:lowercase;
}
.ttu{
text-transform:uppercase;
}
.ttn{
text-transform:none;
}
.break-word{
word-break:break-word;
}
.break-all{
word-break:break-all;
}
.keep-all{
word-break:keep-all;
}
.hyphens-auto{
hyphens:auto;
}
.hyphens-manual{
hyphens:manual;
}
.hyphens-none{
hyphens:none;
}
.va-baseline{
vertical-align:baseline;
}
.va-t{
vertical-align:top;
}
.va-m{
vertical-align:middle;
}
.va-b{
vertical-align:bottom;
}
.va-s{
vertical-align:sub;
}
.va-tt{
vertical-align:text-top;
}
.ws-inherit{
white-space:inherit;
}
.ws-initial{
white-space:initial;
}
.ws-unset{
white-space:unset;
}
.ws-normal{
white-space:normal;
}
.ws-nowrap{
white-space:nowrap;
}
.ws-pre{
white-space:pre;
}
.ws-prewrap{
white-space:pre-wrap;
}
.ws-preline{
white-space:pre-line;
}
.ws-break{
white-space:break-spaces;
}
.w-third{
width:calc(100% / 3);
}
.w-2third{
width:calc((100% / 3) * 2);
}
.vw-third{
width:calc(100vw / 3);
}
.vw-2third{
width:calc((100vw / 3) * 2);
}
.w-min-third{
min-width:calc(100% / 3);
}
.w-min-2third{
min-width:calc((100% / 3) * 2);
}
.vw-min-third{
min-width:calc(100vw / 3);
}
.vw-min-2third{
min-width:calc((100vw / 3) * 2);
}
.w-max-third{
max-width:calc(100% / 3);
}
.w-max-2third{
max-width:calc((100% / 3) * 2);
}
.vw-max-third{
max-width:calc(100vw / 3);
}
.vw-max-2third{
max-width:calc((100vw / 3) * 2);
}
.w-0{
width:0;
}
.w-min-0{
min-width:0;
}
.w-max-0{
max-width:0;
}
.vw-0{
width:0;
}
.vw-min-0{
min-width:0;
}
.vw-max-0{
max-width:0;
}
.w-5{
width:5%;
}
.w-min-5{
min-width:5%;
}
.w-max-5{
max-width:5%;
}
.vw-5{
width:5vw;
}
.vw-min-5{
min-width:5vw;
}
.vw-max-5{
max-width:5vw;
}
.w-10{
width:10%;
}
.w-min-10{
min-width:10%;
}
.w-max-10{
max-width:10%;
}
.vw-10{
width:10vw;
}
.vw-min-10{
min-width:10vw;
}
.vw-max-10{
max-width:10vw;
}
.w-15{
width:15%;
}
.w-min-15{
min-width:15%;
}
.w-max-15{
max-width:15%;
}
.vw-15{
width:15vw;
}
.vw-min-15{
min-width:15vw;
}
.vw-max-15{
max-width:15vw;
}
.w-20{
width:20%;
}
.w-min-20{
min-width:20%;
}
.w-max-20{
max-width:20%;
}
.vw-20{
width:20vw;
}
.vw-min-20{
min-width:20vw;
}
.vw-max-20{
max-width:20vw;
}
.w-25{
width:25%;
}
.w-min-25{
min-width:25%;
}
.w-max-25{
max-width:25%;
}
.vw-25{
width:25vw;
}
.vw-min-25{
min-width:25vw;
}
.vw-max-25{
max-width:25vw;
}
.w-30{
width:30%;
}
.w-min-30{
min-width:30%;
}
.w-max-30{
max-width:30%;
}
.vw-30{
width:30vw;
}
.vw-min-30{
min-width:30vw;
}
.vw-max-30{
max-width:30vw;
}
.w-35{
width:35%;
}
.w-min-35{
min-width:35%;
}
.w-max-35{
max-width:35%;
}
.vw-35{
width:35vw;
}
.vw-min-35{
min-width:35vw;
}
.vw-max-35{
max-width:35vw;
}
.w-40{
width:40%;
}
.w-min-40{
min-width:40%;
}
.w-max-40{
max-width:40%;
}
.vw-40{
width:40vw;
}
.vw-min-40{
min-width:40vw;
}
.vw-max-40{
max-width:40vw;
}
.w-45{
width:45%;
}
.w-min-45{
min-width:45%;
}
.w-max-45{
max-width:45%;
}
.vw-45{
width:45vw;
}
.vw-min-45{
min-width:45vw;
}
.vw-max-45{
max-width:45vw;
}
.w-50{
width:50%;
}
.w-min-50{
min-width:50%;
}
.w-max-50{
max-width:50%;
}
.vw-50{
width:50vw;
}
.vw-min-50{
min-width:50vw;
}
.vw-max-50{
max-width:50vw;
}
.w-55{
width:55%;
}
.w-min-55{
min-width:55%;
}
.w-max-55{
max-width:55%;
}
.vw-55{
width:55vw;
}
.vw-min-55{
min-width:55vw;
}
.vw-max-55{
max-width:55vw;
}
.w-60{
width:60%;
}
.w-min-60{
min-width:60%;
}
.w-max-60{
max-width:60%;
}
.vw-60{
width:60vw;
}
.vw-min-60{
min-width:60vw;
}
.vw-max-60{
max-width:60vw;
}
.w-65{
width:65%;
}
.w-min-65{
min-width:65%;
}
.w-max-65{
max-width:65%;
}
.vw-65{
width:65vw;
}
.vw-min-65{
min-width:65vw;
}
.vw-max-65{
max-width:65vw;
}
.w-70{
width:70%;
}
.w-min-70{
min-width:70%;
}
.w-max-70{
max-width:70%;
}
.vw-70{
width:70vw;
}
.vw-min-70{
min-width:70vw;
}
.vw-max-70{
max-width:70vw;
}
.w-75{
width:75%;
}
.w-min-75{
min-width:75%;
}
.w-max-75{
max-width:75%;
}
.vw-75{
width:75vw;
}
.vw-min-75{
min-width:75vw;
}
.vw-max-75{
max-width:75vw;
}
.w-80{
width:80%;
}
.w-min-80{
min-width:80%;
}
.w-max-80{
max-width:80%;
}
.vw-80{
width:80vw;
}
.vw-min-80{
min-width:80vw;
}
.vw-max-80{
max-width:80vw;
}
.w-85{
width:85%;
}
.w-min-85{
min-width:85%;
}
.w-max-85{
max-width:85%;
}
.vw-85{
width:85vw;
}
.vw-min-85{
min-width:85vw;
}
.vw-max-85{
max-width:85vw;
}
.w-90{
width:90%;
}
.w-min-90{
min-width:90%;
}
.w-max-90{
max-width:90%;
}
.vw-90{
width:90vw;
}
.vw-min-90{
min-width:90vw;
}
.vw-max-90{
max-width:90vw;
}
.w-95{
width:95%;
}
.w-min-95{
min-width:95%;
}
.w-max-95{
max-width:95%;
}
.vw-95{
width:95vw;
}
.vw-min-95{
min-width:95vw;
}
.vw-max-95{
max-width:95vw;
}
.w-100{
width:100%;
}
.w-min-100{
min-width:100%;
}
.w-max-100{
max-width:100%;
}
.vw-100{
width:100vw;
}
.vw-min-100{
min-width:100vw;
}
.vw-max-100{
max-width:100vw;
}
.z999{
z-index:999;
}
.z9999{
z-index:9999;
}
.z-3{
z-index:-3;
}
.z-2{
z-index:-2;
}
.z-1{
z-index:-1;
}
.z-initial{
z-index:initial;
}
.z0{
z-index:0;
}
.z1{
z-index:1;
}
.z2{
z-index:2;
}
.z3{
z-index:3;
}
.z4{
z-index:4;
}
.z5{
z-index:5;
}
.z6{
z-index:6;
}
@media screen and (min-width: 1281px){
.ba-1px-dl{
border:1px solid;
}
.bt-1px-dl{
border-top:1px solid;
}
.br-1px-dl{
border-right:1px solid;
}
.bb-1px-dl{
border-bottom:1px solid;
}
.bl-1px-dl{
border-left:1px solid;
}
.ba-0-dl{
border:none;
}
.bt-0-dl{
border-top:none;
}