/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,a,abbr,acronym,address,big,del,dfn,img,ins,kbd,s,samp,strike,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}table{border-collapse:collapse;border-spacing:0;}a{display:inline-block;text-decoration:none;} /* * Helix CSS/JS Framework v3.2 * Copyright 2020 - 2100 Željko Šimić / Helix UI / https://simpledesign.agency * Licensed under MIT MIT License Copyright (c) [2020 - 2100] [Željko Šimić / Helix UI / https://simpledesign.agency] Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ /* 1.8802 3.5253 6.2672 */ :root{--core:1.8802vw;} /* Resets and Sets */ *{box-sizing:border-box;} *::selection{background-color:var(--secondary);color:white;} span:not(.content-wrapper)::selection, a::selection{color:var(--primary);} [class*="col-"],[class*="row-"]{display:grid;} html{width:100%;height:100%;margin:0!important;-webkit-tap-highlight-color:transparent;} body{overflow-x:hidden;position:relative;width:100%;height:100%;background-color:var(--darkblue);color:var(--darkgray);font-family:var(--font-body);font-weight:400;line-height:1.5;} svg,img{width:100%;height:auto;vertical-align:middle;} a{cursor:pointer;color:inherit;} div:focus,a:focus,span:focus,label:focus{outline:0;} button,input,select,textarea{margin:0;padding:0;background:none;outline:none;box-shadow:none;border:0;border-radius:0;outline:0;vertical-align:top;resize:none;} input:read-only{cursor:pointer;} select::-ms-expand{display:none!important;} select{-moz-appearance:none;-webkit-appearance:none;appearance:none;} .input-item .icon{pointer-events:none;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 50vw var(--lightgray) inset !important;box-shadow: 0 0 0 50vw var(--lightgray) inset !important;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;} label a{display:inline;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:var(--secondary);} p strong{color:var(--black);} .go-top{bottom:0;left:50%;width:var(--base-size);height:var(--base-size);transform:translate(-50%,50%) rotate(45deg);z-index:1000;} .go-top:hover{background-color:var(--secondary);} .grecaptcha-badge{display:none!important;} /* iPhone fix only for rounded input fields */ input[type="search"], input[type="text"], input[type="button"], input[type="submit"]{-webkit-appearance:none!important;appearance:none!important;} /* Variables */ :root{ /* Var Colors */ --black:#000000; --darkgray:#808080; --gray:#EEEEEE; --lightgray:#F2F2F2; --white:#FFFFFF; --primary:#EA09FF; --secondary:#04FDFF; --green:#1AFF04; --darkblue:#02174C; /* Var Fonts Family */ --font-title:"Jost",sans-serif; --font-body:"Jost",sans-serif; --font-script:cursive; --font-icon:"Font Awesome 5 Pro"; } /* Dividers */ .divider-h{width:100%;height:1px;background-color:#f3f3f3;} /* Font Families */ .font-title,.font-title *{font-family:var(--font-title);} .font-body,.font-body *{font-family:var(--font-body);} .font-script,.font-script *{font-family:var(--font-script);} .font-icon,.font-icon *{font-family:var(--font-icon);} /* Font Weight */ .font-weight-100{font-weight:100;} .font-weight-300{font-weight:300;} .font-weight-400{font-weight:400;} .font-weight-500{font-weight:500;} .font-weight-600{font-weight:600;} .font-weight-700{font-weight:700;} .font-weight-800{font-weight:800;} .font-weight-900{font-weight:900;} /* Font Styles */ /* Text Styles */ .font-style-italic{font-style:italic;} .capitalize{text-transform:capitalize;} .font-style-normal{font-style:normal;} .lowercase{text-transform:lowercase;} .font-style-oblique{font-style:oblique;} .uppercase{text-transform:uppercase;} .line-through{text-decoration:line-through;} .overline{text-decoration:overline;} .underline{text-decoration:underline;} /* Colors */ /* Background Colors */ .color-black{color:var(--black);} .bcg-color-black{background-color:var(--black);} .color-darkgray{color:var(--darkgray);} .bcg-color-darkgray{background-color:var(--darkgray);} .color-gray{color:var(--gray);} .bcg-color-gray{background-color:var(--gray);} .color-lightgray{color:var(--lightgray);} .bcg-color-lightgray{background-color:var(--lightgray);} .color-white{color:var(--white);} .bcg-color-white{background-color:var(--white);} .color-primary{color:var(--primary);} .bcg-color-primary{background-color:var(--primary);} .color-secondary{color:var(--secondary);} .bcg-color-secondary{background-color:var(--secondary);} .color-darkblue{color:var(--darkblue);} .bcg-color-darkblue{background-color:var(--darkblue);} .color-green{color:var(--green);} .bcg-color-green{background-color:var(--green);} p{font-weight:300;} p a{color:var(--primary);font-family:var(--font-title);font-weight:bold;} p a:hover{color:var(--black);} .hover-primary:hover{color:var(--primary);} .hover-secondary:hover{color:var(--secondary);} /* Effects */ .opacity-0{opacity:0;} .opacity-025{opacity:0.25;} .opacity-05{opacity:0.5;} .opacity-075{opacity:0.75;} .opacity-1{opacity:1;} .box-shadow-025{box-shadow:0 calc(var(--base-size) * 0.6925238449810304) calc(var(--base-size) * 2.770095379924122) rgba(0,0,0,0.25);} .box-shadow-035{box-shadow:0 calc(var(--base-size) * 0.6925238449810304) calc(var(--base-size) * 2.770095379924122) rgba(0,0,0,0.35);} .box-shadow-05{box-shadow:0 calc(var(--base-size) * 0.6925238449810304) calc(var(--base-size) * 2.770095379924122) rgba(0,0,0,0.5);} .hide-scroll{scrollbar-width:none!important;} .hide-scroll::-webkit-scrollbar{display:none!important;width:0!important;} .border-radius-sm{border-radius:2.777777777777778vw;} /* Buttons */ .btn-big{position:relative;cursor:pointer;width:max-content;height:13.83055555555556vw;padding:0 var(--base-size);background-color:var(--darkblue);background-image:linear-gradient(75deg, #D420FF, #24DBFF);color:white;font-family:var(--font-title);font-size:var(--font-21);font-weight:300;border:none;border-radius:1.388888888888889vw;} .btn-big .wave-effect{position:absolute;top:50%;left:50%;display:block;width:100%;height:100%;background-image:linear-gradient(75deg, #D420FF, #24DBFF);border-radius:2.777777777777778vw;transform:translate(-50%,-50%);z-index:1;} .btn-big .btn-text{position:relative;display:flex;z-index:3;} .btn-small{position:relative;cursor:pointer;width:100%;height:11.11111111111111vw;padding:0 var(--base-size);background-color:var(--darkblue);background-image:linear-gradient(75deg, #D420FF, #24DBFF);color:white;font-family:var(--font-title);font-size:var(--font-17);font-weight:400;border:none;border-radius:1.388888888888889vw;} .btn-small .wave-effect{content:'';position:absolute;top:50%;left:50%;display:block;width:100%;height:100%;background-image:linear-gradient(75deg, #D420FF, #24DBFF);border-radius:2.777777777777778vw;transform:translate(-50%,-50%);z-index:1;} .btn-small .btn-text{position:relative;display:flex;z-index:3;} /* Constants */ :root{ /* Var Font Sizes */ --font-11:3.055555555555556vw; --font-12:3.333333333333333vw; --font-13:3.611111111111111vw; --font-14:3.888888888888889vw; --font-15:4.166666666666667vw; --font-17:4.722222222222222vw; --font-18:5vw; --font-21:5.833333333333333vw; --font-36:10vw; --font-lg:6.944444444444444vw; /* Var Core Size */ --base-size:calc(var(--core) * 3.333262418891607); } body{font-size:calc((var(--core) * 3.333262418891607) * 0.5623413255609454);} .container{padding-left:calc(var(--base-size) * 1);padding-right:calc(var(--base-size) * 1);} .hide,.hide-m{display:none;} .visible,.visible-m{pointer-events:all;opacity:1;} .invisible,.invisible-m{pointer-events:none;opacity:0;} /* Disables */ .no-scroll{overflow:hidden!important;} .no-events{pointer-events:none;} /* Positions */ .pos-fixed{position:fixed;} .pos-fixed-m{position:fixed;} .pos-sticky{position:sticky;position:-webkit-sticky;} .pos-sticky-m{position:sticky;position:-webkit-sticky;} .pos-relative{position:relative;} .pos-relative-m{position:relative;} .pos-absolute{position:absolute;} .pos-absolute-m{position:absolute;} /* Columns */ .col-1{grid-template-columns:repeat(1,1fr);} .col-1-m{grid-template-columns:repeat(1,1fr);} .col-2{grid-template-columns:repeat(2,1fr);} .col-2-m{grid-template-columns:repeat(2,1fr);} .col-3{grid-template-columns:repeat(3,1fr);} .col-3-m{grid-template-columns:repeat(3,1fr);} .col-4{grid-template-columns:repeat(4,1fr);} .col-4-m{grid-template-columns:repeat(4,1fr);} .col-5{grid-template-columns:repeat(5,1fr);} .col-5-m{grid-template-columns:repeat(5,1fr);} .col-6{grid-template-columns:repeat(6,1fr);} .col-6-m{grid-template-columns:repeat(6,1fr);} .col-7{grid-template-columns:repeat(7,1fr);} .col-7-m{grid-template-columns:repeat(7,1fr);} .col-8{grid-template-columns:repeat(8,1fr);} .col-8-m{grid-template-columns:repeat(8,1fr);} .col-9{grid-template-columns:repeat(9,1fr);} .col-9-m{grid-template-columns:repeat(9,1fr);} .col-10{grid-template-columns:repeat(10,1fr);} .col-10-m{grid-template-columns:repeat(10,1fr);} .col-1-auto{grid-template-columns:repeat(1,auto);} .col-1-auto-m{grid-template-columns:repeat(1,auto);} .col-2-auto{grid-template-columns:repeat(2,auto);} .col-2-auto-m{grid-template-columns:repeat(2,auto);} .col-3-auto{grid-template-columns:repeat(3,auto);} .col-3-auto-m{grid-template-columns:repeat(3,auto);} .col-4-auto{grid-template-columns:repeat(4,auto);} .col-4-auto-m{grid-template-columns:repeat(4,auto);} .col-5-auto{grid-template-columns:repeat(5,auto);} .col-5-auto-m{grid-template-columns:repeat(5,auto);} .col-6-auto{grid-template-columns:repeat(6,auto);} .col-6-auto-m{grid-template-columns:repeat(6,auto);} .col-7-auto{grid-template-columns:repeat(7,auto);} .col-7-auto-m{grid-template-columns:repeat(7,auto);} .col-8-auto{grid-template-columns:repeat(8,auto);} .col-8-auto-m{grid-template-columns:repeat(8,auto);} .col-9-auto{grid-template-columns:repeat(9,auto);} .col-9-auto-m{grid-template-columns:repeat(9,auto);} .col-10-auto{grid-template-columns:repeat(10,auto);} .col-10-auto-m{grid-template-columns:repeat(10,auto);} /* Columns Gap */ .col-gap-xs{column-gap:calc(var(--base-size) / 4);} .col-gap-xs-m{column-gap:calc(var(--base-size) / 4);} .col-gap-sm{column-gap:calc(var(--base-size) / 2);} .col-gap-sm-m{column-gap:calc(var(--base-size) / 2);} .col-gap-md{column-gap:var(--base-size);} .col-gap-md-m{column-gap:var(--base-size);} .col-gap-lg{column-gap:calc(var(--base-size) * 2);} .col-gap-lg-m{column-gap:calc(var(--base-size) * 2);} .col-gap-xl{column-gap:calc(var(--base-size) * 4);} .col-gap-xl-m{column-gap:calc(var(--base-size) * 4);} .col-gap-xxl{column-gap:calc(var(--base-size) * 5);} .col-gap-xxl-m{column-gap:calc(var(--base-size) * 5);} .col-gap-xxxl{column-gap:calc(var(--base-size) * 8);} .col-gap-xxxl-m{column-gap:calc(var(--base-size) * 8);} /* Rows Gap */ .row-gap-xs{row-gap:calc(var(--base-size) / 4);} .row-gap-xs-m{row-gap:calc(var(--base-size) / 4);} .row-gap-sm{row-gap:calc(var(--base-size) / 2);} .row-gap-sm-m{row-gap:calc(var(--base-size) / 2);} .row-gap-smxs{row-gap:calc(var(--base-size) / 1.5);} .row-gap-smxs-m{row-gap:calc(var(--base-size) / 1.5);} .row-gap-md{row-gap:var(--base-size);} .row-gap-md-m{row-gap:var(--base-size);} .row-gap-lg{row-gap:calc(var(--base-size) * 2);} .row-gap-lg-m{row-gap:calc(var(--base-size) * 2);} .row-gap-xl{row-gap:calc(var(--base-size) * 4);} .row-gap-xl-m{row-gap:calc(var(--base-size) * 4);} .row-gap-xxl{row-gap:calc(var(--base-size) * 5);} .row-gap-xxl-m{row-gap:calc(var(--base-size) * 5);} .row-gap-xxxl{row-gap:calc(var(--base-size) * 8);} .row-gap-xxxl-m{row-gap:calc(var(--base-size) * 8);} /* Column/Row Order */ .order-1{order:1;} .order-1-m{order:1;} .order-2{order:2;} .order-2-m{order:2;} .order-3{order:3;} .order-3-m{order:3;} .order-4{order:4;} .order-4-m{order:4;} .order-5{order:5;} .order-5-m{order:5;} .order-6{order:6;} .order-6-m{order:6;} /* Vertical Alignment */ .vic{align-items:center;} .vic-m{align-items:center;} .vit{align-items:start;} .vit-m{align-items:start;} .vib{align-items:end;} .vib-m{align-items:end;} .vcc{align-content:center;} .vcc-m{align-content:center;} .vct{align-content:start;} .vct-m{align-content:start;} .vcb{align-content:end;} .vcb-m{align-content:end;} /* Vertical Self Alignment */ .vic-self{align-self:center;} .vic-self-m{align-self:center;} .vit-self{align-self:start;} .vit-self-m{align-self:start;} .vib-self{align-self:end;} .vib-self-m{align-self:end;} /* Horizontal Alignment */ .hic{justify-items:center;} .hic-m{justify-items:center;} .hil{justify-items:start;} .hil-m{justify-items:start;} .hir{justify-items:end;} .hir-m{justify-items:end;} .hij{justify-items:space-between;} .hij-m{justify-items:space-between;} .hcc{justify-content:center;} .hcc-m{justify-content:center;} .hcl{justify-content:start;} .hcl-m{justify-content:start;} .hcr{justify-content:end;} .hcr-m{justify-content:end;} .hcj{justify-content:space-between;} .hcj-m{justify-content:space-between;} /* Horizontal Self Alignment */ .hic-self{justify-self:center;} .hic-self-m{justify-self:center;} .hil-self{justify-self:start;} .hil-self-m{justify-self:start;} .hir-self{justify-self:end;} .hir-self-m{justify-self:end;} .hij-self{justify-self:space-between;} .hij-self-m{justify-self:space-between;} /* Paddings */ .pad-xs{padding:calc(var(--base-size) / 4);} .pad-xs-m{padding:calc(var(--base-size) / 4);} .pad-t-xs{padding-top:calc(var(--base-size) / 4);} .pad-t-xs-m{padding-top:calc(var(--base-size) / 4);} .pad-b-xs{padding-bottom:calc(var(--base-size) / 4);} .pad-b-xs-m{padding-bottom:calc(var(--base-size) / 4);} .pad-l-xs{padding-left:calc(var(--base-size) / 4);} .pad-l-xs-m{padding-left:calc(var(--base-size) / 4);} .pad-r-xs{padding-right:calc(var(--base-size) / 4);} .pad-r-xs-m{padding-right:calc(var(--base-size) / 4);} .pad-tb-xs{padding-top:calc(var(--base-size) / 4);padding-bottom:calc(var(--base-size) / 4);} .pad-tb-xs-m{padding-top:calc(var(--base-size) / 4);padding-bottom:calc(var(--base-size) / 4);} .pad-lr-xs{padding-left:calc(var(--base-size) / 4);padding-right:calc(var(--base-size) / 4);} .pad-lr-xs-m{padding-left:calc(var(--base-size) / 4);padding-right:calc(var(--base-size) / 4);} .pad-sm{padding:calc(var(--base-size) / 2);} .pad-sm-m{padding:calc(var(--base-size) / 2);} .pad-t-sm{padding-top:calc(var(--base-size) / 2);} .pad-t-sm-m{padding-top:calc(var(--base-size) / 2);} .pad-b-sm{padding-bottom:calc(var(--base-size) / 2);} .pad-b-sm-m{padding-bottom:calc(var(--base-size) / 2);} .pad-l-sm{padding-left:calc(var(--base-size) / 2);} .pad-l-sm-m{padding-left:calc(var(--base-size) / 2);} .pad-r-sm{padding-right:calc(var(--base-size) / 2);} .pad-r-sm-m{padding-right:calc(var(--base-size) / 2);} .pad-tb-sm{padding-top:calc(var(--base-size) / 2);padding-bottom:calc(var(--base-size) / 2);} .pad-tb-sm-m{padding-top:calc(var(--base-size) / 2);padding-bottom:calc(var(--base-size) / 2);} .pad-lr-sm{padding-left:calc(var(--base-size) / 2);padding-right:calc(var(--base-size) / 2);} .pad-lr-sm-m{padding-left:calc(var(--base-size) / 2);padding-right:calc(var(--base-size) / 2);} .pad-smxs{padding:calc(var(--base-size) / 1.5);} .pad-smxs-m{padding:calc(var(--base-size) / 1.5);} .pad-t-smxs{padding-top:calc(var(--base-size) / 1.5);} .pad-t-smxs-m{padding-top:calc(var(--base-size) / 1.5);} .pad-b-smxs{padding-bottom:calc(var(--base-size) / 1.5);} .pad-b-smxs-m{padding-bottom:calc(var(--base-size) / 1.5);} .pad-l-smxs{padding-left:calc(var(--base-size) / 1.5);} .pad-l-smxs-m{padding-left:calc(var(--base-size) / 1.5);} .pad-r-smxs{padding-right:calc(var(--base-size) / 1.5);} .pad-r-smxs-m{padding-right:calc(var(--base-size) / 1.5);} .pad-tb-smxs{padding-top:calc(var(--base-size) / 1.5);padding-bottom:calc(var(--base-size) / 1.5);} .pad-tb-smxs-m{padding-top:calc(var(--base-size) / 1.5);padding-bottom:calc(var(--base-size) / 1.5);} .pad-lr-smxs{padding-left:calc(var(--base-size) / 1.5);padding-right:calc(var(--base-size) / 1.5);} .pad-lr-smxs-m{padding-left:calc(var(--base-size) / 1.5);padding-right:calc(var(--base-size) / 1.5);} .pad-md{padding:var(--base-size);} .pad-md-m{padding:var(--base-size);} .pad-t-md{padding-top:var(--base-size);} .pad-t-md-m{padding-top:var(--base-size);} .pad-b-md{padding-bottom:var(--base-size);} .pad-b-md-m{padding-bottom:var(--base-size);} .pad-l-md{padding-left:var(--base-size);} .pad-l-md-m{padding-left:var(--base-size);} .pad-r-md{padding-right:var(--base-size);} .pad-r-md-m{padding-right:var(--base-size);} .pad-tb-md{padding-top:var(--base-size);padding-bottom:var(--base-size);} .pad-tb-md-m{padding-top:var(--base-size);padding-bottom:var(--base-size);} .pad-lr-md{padding-left:var(--base-size);padding-right:var(--base-size);} .pad-lr-md-m{padding-left:var(--base-size);padding-right:var(--base-size);} .pad-mdxs{padding:calc(var(--base-size) * 1.25);} .pad-mdxs-m{padding:calc(var(--base-size) * 1.25);} .pad-t-mdxs{padding-top:calc(var(--base-size) * 1.25);} .pad-t-mdxs-m{padding-top:calc(var(--base-size) * 1.25);} .pad-b-mdxs{padding-bottom:calc(var(--base-size) * 1.25);} .pad-b-mdxs-m{padding-bottom:calc(var(--base-size) * 1.25);} .pad-l-mdxs{padding-left:calc(var(--base-size) * 1.25);} .pad-l-mdxs-m{padding-left:calc(var(--base-size) * 1.25);} .pad-r-mdxs{padding-right:calc(var(--base-size) * 1.25);} .pad-r-mdxs-m{padding-right:calc(var(--base-size) * 1.25);} .pad-tb-mdxs{padding-top:calc(var(--base-size) * 1.25);padding-bottom:calc(var(--base-size) * 1.25);} .pad-tb-mdxs-m{padding-top:calc(var(--base-size) * 1.25);padding-bottom:calc(var(--base-size) * 1.25);} .pad-lr-mdxs{padding-left:calc(var(--base-size) * 1.25);padding-right:calc(var(--base-size) * 1.25);} .pad-lr-mdxs-m{padding-left:calc(var(--base-size) * 1.25);padding-right:calc(var(--base-size) * 1.25);} .pad-mdsm{padding:calc(var(--base-size) * 1.5);} .pad-mdsm-m{padding:calc(var(--base-size) * 1.5);} .pad-t-mdsm{padding-top:calc(var(--base-size) * 1.5);} .pad-t-mdsm-m{padding-top:calc(var(--base-size) * 1.5);} .pad-b-mdsm{padding-bottom:calc(var(--base-size) * 1.5);} .pad-b-mdsm-m{padding-bottom:calc(var(--base-size) * 1.5);} .pad-l-mdsm{padding-left:calc(var(--base-size) * 1.5);} .pad-l-mdsm-m{padding-left:calc(var(--base-size) * 1.5);} .pad-r-mdsm{padding-right:calc(var(--base-size) * 1.5);} .pad-r-mdsm-m{padding-right:calc(var(--base-size) * 1.5);} .pad-tb-mdsm{padding-top:calc(var(--base-size) * 1.5);padding-bottom:calc(var(--base-size) * 1.5);} .pad-tb-mdsm-m{padding-top:calc(var(--base-size) * 1.5);padding-bottom:calc(var(--base-size) * 1.5);} .pad-lr-mdsm{padding-left:calc(var(--base-size) * 1.5);padding-right:calc(var(--base-size) * 1.5);} .pad-lr-mdsm-m{padding-left:calc(var(--base-size) * 1.5);padding-right:calc(var(--base-size) * 1.5);} .pad-lg{padding:calc(var(--base-size) * 2);} .pad-lg-m{padding:calc(var(--base-size) * 2);} .pad-t-lg{padding-top:calc(var(--base-size) * 2);} .pad-t-lg-m{padding-top:calc(var(--base-size) * 2);} .pad-b-lg{padding-bottom:calc(var(--base-size) * 2);} .pad-b-lg-m{padding-bottom:calc(var(--base-size) * 2);} .pad-l-lg{padding-left:calc(var(--base-size) * 2);} .pad-l-lg-m{padding-left:calc(var(--base-size) * 2);} .pad-r-lg{padding-right:calc(var(--base-size) * 2);} .pad-r-lg-m{padding-right:calc(var(--base-size) * 2);} .pad-tb-lg{padding-top:calc(var(--base-size) * 2);padding-bottom:calc(var(--base-size) * 2);} .pad-tb-lg-m{padding-top:calc(var(--base-size) * 2);padding-bottom:calc(var(--base-size) * 2);} .pad-lr-lg{padding-left:calc(var(--base-size) * 2);padding-right:calc(var(--base-size) * 2);} .pad-lr-lg-m{padding-left:calc(var(--base-size) * 2);padding-right:calc(var(--base-size) * 2);} .pad-lgmd{padding:calc(var(--base-size) * 3);} .pad-lgmd-m{padding:calc(var(--base-size) * 3);} .pad-t-lgmd{padding-top:calc(var(--base-size) * 3);} .pad-t-lgmd-m{padding-top:calc(var(--base-size) * 3);} .pad-b-lgmd{padding-bottom:calc(var(--base-size) * 3);} .pad-b-lgmd-m{padding-bottom:calc(var(--base-size) * 3);} .pad-l-lgmd{padding-left:calc(var(--base-size) * 3);} .pad-l-lgmd-m{padding-left:calc(var(--base-size) * 3);} .pad-r-lgmd{padding-right:calc(var(--base-size) * 3);} .pad-r-lgmd-m{padding-right:calc(var(--base-size) * 3);} .pad-tb-lgmd{padding-top:calc(var(--base-size) * 3);padding-bottom:calc(var(--base-size) * 3);} .pad-tb-lgmd-m{padding-top:calc(var(--base-size) * 3);padding-bottom:calc(var(--base-size) * 3);} .pad-lr-lgmd{padding-left:calc(var(--base-size) * 3);padding-right:calc(var(--base-size) * 3);} .pad-lr-lgmd-m{padding-left:calc(var(--base-size) * 3);padding-right:calc(var(--base-size) * 3);} .pad-xl{padding:calc(var(--base-size) * 4);} .pad-xl-m{padding:calc(var(--base-size) * 4);} .pad-t-xl{padding-top:calc(var(--base-size) * 4);} .pad-t-xl-m{padding-top:calc(var(--base-size) * 4);} .pad-b-xl{padding-bottom:calc(var(--base-size) * 4);} .pad-b-xl-m{padding-bottom:calc(var(--base-size) * 4);} .pad-l-xl{padding-left:calc(var(--base-size) * 4);} .pad-l-xl-m{padding-left:calc(var(--base-size) * 4);} .pad-r-xl{padding-right:calc(var(--base-size) * 4);} .pad-r-xl-m{padding-right:calc(var(--base-size) * 4);} .pad-tb-xl{padding-top:calc(var(--base-size) * 4);padding-bottom:calc(var(--base-size) * 4);} .pad-tb-xl-m{padding-top:calc(var(--base-size) * 4);padding-bottom:calc(var(--base-size) * 4);} .pad-lr-xl{padding-left:calc(var(--base-size) * 4);padding-right:calc(var(--base-size) * 4);} .pad-lr-xl-m{padding-left:calc(var(--base-size) * 4);padding-right:calc(var(--base-size) * 4);} .pad-xxl{padding:calc(var(--base-size) * 5);} .pad-xxl-m{padding:calc(var(--base-size) * 5);} .pad-t-xxl{padding-top:calc(var(--base-size) * 5);} .pad-t-xxl-m{padding-top:calc(var(--base-size) * 5);} .pad-b-xxl{padding-bottom:calc(var(--base-size) * 5);} .pad-b-xxl-m{padding-bottom:calc(var(--base-size) * 5);} .pad-l-xxl{padding-left:calc(var(--base-size) * 5);} .pad-l-xxl-m{padding-left:calc(var(--base-size) * 5);} .pad-r-xxl{padding-right:calc(var(--base-size) * 5);} .pad-r-xxl-m{padding-right:calc(var(--base-size) * 5);} .pad-tb-xxl{padding-top:calc(var(--base-size) * 5);padding-bottom:calc(var(--base-size) * 5);} .pad-tb-xxl-m{padding-top:calc(var(--base-size) * 5);padding-bottom:calc(var(--base-size) * 5);} .pad-lr-xxl{padding-left:calc(var(--base-size) * 5);padding-right:calc(var(--base-size) * 5);} .pad-lr-xxl-m{padding-left:calc(var(--base-size) * 5);padding-right:calc(var(--base-size) * 5);} .pad-xxxl{padding:calc(var(--base-size) * 8);} .pad-xxxl-m{padding:calc(var(--base-size) * 8);} .pad-t-xxxl{padding-top:calc(var(--base-size) * 8);} .pad-t-xxxl-m{padding-top:calc(var(--base-size) * 8);} .pad-b-xxxl{padding-bottom:calc(var(--base-size) * 8);} .pad-b-xxxl-m{padding-bottom:calc(var(--base-size) * 8);} .pad-l-xxxl{padding-left:calc(var(--base-size) * 8);} .pad-l-xxxl-m{padding-left:calc(var(--base-size) * 8);} .pad-r-xxxl{padding-right:calc(var(--base-size) * 8);} .pad-r-xxxl-m{padding-right:calc(var(--base-size) * 8);} .pad-tb-xxxl{padding-top:calc(var(--base-size) * 8);padding-bottom:calc(var(--base-size) * 8);} .pad-tb-xxxl-m{padding-top:calc(var(--base-size) * 8);padding-bottom:calc(var(--base-size) * 8);} .pad-lr-xxxl{padding-left:calc(var(--base-size) * 8);padding-right:calc(var(--base-size) * 8);} .pad-lr-xxxl-m{padding-left:calc(var(--base-size) * 8);padding-right:calc(var(--base-size) * 8);} .pad-xxxxl{padding:calc(var(--base-size) * 12);} .pad-xxxxl-m{padding:calc(var(--base-size) * 12);} .pad-t-xxxxl{padding-top:calc(var(--base-size) * 12);} .pad-t-xxxxl-m{padding-top:calc(var(--base-size) * 12);} .pad-b-xxxxl{padding-bottom:calc(var(--base-size) * 12);} .pad-b-xxxxl-m{padding-bottom:calc(var(--base-size) * 12);} .pad-l-xxxxl{padding-left:calc(var(--base-size) * 12);} .pad-l-xxxxl-m{padding-left:calc(var(--base-size) * 12);} .pad-r-xxxxl{padding-right:calc(var(--base-size) * 12);} .pad-r-xxxxl-m{padding-right:calc(var(--base-size) * 12);} .pad-tb-xxxxl{padding-top:calc(var(--base-size) * 12);padding-bottom:calc(var(--base-size) * 12);} .pad-tb-xxxxl-m{padding-top:calc(var(--base-size) * 12);padding-bottom:calc(var(--base-size) * 12);} .pad-lr-xxxxl{padding-left:calc(var(--base-size) * 12);padding-right:calc(var(--base-size) * 12);} .pad-lr-xxxxl-m{padding-left:calc(var(--base-size) * 12);padding-right:calc(var(--base-size) * 12);} /* Margins */ .mar-xs{margin:calc(var(--base-size) / 4);} .mar-xs-m{margin:calc(var(--base-size) / 4);} .mar-t-xs{margin-top:calc(var(--base-size) / 4);} .mar-t-xs-m{margin-top:calc(var(--base-size) / 4);} .mar-b-xs{margin-bottom:calc(var(--base-size) / 4);} .mar-b-xs-m{margin-bottom:calc(var(--base-size) / 4);} .mar-l-xs{margin-left:calc(var(--base-size) / 4);} .mar-l-xs-m{margin-left:calc(var(--base-size) / 4);} .mar-r-xs{margin-right:calc(var(--base-size) / 4);} .mar-r-xs-m{margin-right:calc(var(--base-size) / 4);} .mar-tb-xs{margin-top:calc(var(--base-size) / 4);margin-bottom:calc(var(--base-size) / 4);} .mar-tb-xs-m{margin-top:calc(var(--base-size) / 4);margin-bottom:calc(var(--base-size) / 4);} .mar-lr-xs{margin-left:calc(var(--base-size) / 4);margin-right:calc(var(--base-size) / 4);} .mar-lr-xs-m{margin-left:calc(var(--base-size) / 4);margin-right:calc(var(--base-size) / 4);} .mar-sm{margin:calc(var(--base-size) / 2);} .mar-sm-m{margin:calc(var(--base-size) / 2);} .mar-t-sm{margin-top:calc(var(--base-size) / 2);} .mar-t-sm-m{margin-top:calc(var(--base-size) / 2);} .mar-b-sm{margin-bottom:calc(var(--base-size) / 2);} .mar-b-sm-m{margin-bottom:calc(var(--base-size) / 2);} .mar-l-sm{margin-left:calc(var(--base-size) / 2);} .mar-l-sm-m{margin-left:calc(var(--base-size) / 2);} .mar-r-sm{margin-right:calc(var(--base-size) / 2);} .mar-r-sm-m{margin-right:calc(var(--base-size) / 2);} .mar-tb-sm{margin-top:calc(var(--base-size) / 2);margin-bottom:calc(var(--base-size) / 2);} .mar-tb-sm-m{margin-top:calc(var(--base-size) / 2);margin-bottom:calc(var(--base-size) / 2);} .mar-lr-sm{margin-left:calc(var(--base-size) / 2);margin-right:calc(var(--base-size) / 2);} .mar-lr-sm-m{margin-left:calc(var(--base-size) / 2);margin-right:calc(var(--base-size) / 2);} .mar-smxs{margin:calc(var(--base-size) / 1.5);} .mar-smxs-m{margin:calc(var(--base-size) / 1.5);} .mar-t-smxs{margin-top:calc(var(--base-size) / 1.5);} .mar-t-smxs-m{margin-top:calc(var(--base-size) / 1.5);} .mar-b-smxs{margin-bottom:calc(var(--base-size) / 1.5);} .mar-b-smxs-m{margin-bottom:calc(var(--base-size) / 1.5);} .mar-l-smxs{margin-left:calc(var(--base-size) / 1.5);} .mar-l-smxs-m{margin-left:calc(var(--base-size) / 1.5);} .mar-r-smxs{margin-right:calc(var(--base-size) / 1.5);} .mar-r-smxs-m{margin-right:calc(var(--base-size) / 1.5);} .mar-tb-smxs{margin-top:calc(var(--base-size) / 1.5);margin-bottom:calc(var(--base-size) / 1.5);} .mar-tb-smxs-m{margin-top:calc(var(--base-size) / 1.5);margin-bottom:calc(var(--base-size) / 1.5);} .mar-lr-smxs{margin-left:calc(var(--base-size) / 1.5);margin-right:calc(var(--base-size) / 1.5);} .mar-lr-smxs-m{margin-left:calc(var(--base-size) / 1.5);margin-right:calc(var(--base-size) / 1.5);} .mar-md{margin:var(--base-size);} .mar-md-m{margin:var(--base-size);} .mar-t-md{margin-top:var(--base-size);} .mar-t-md-m{margin-top:var(--base-size);} .mar-b-md{margin-bottom:var(--base-size);} .mar-b-md-m{margin-bottom:var(--base-size);} .mar-l-md{margin-left:var(--base-size);} .mar-l-md-m{margin-left:var(--base-size);} .mar-r-md{margin-right:var(--base-size);} .mar-r-md-m{margin-right:var(--base-size);} .mar-tb-md{margin-top:var(--base-size);margin-bottom:var(--base-size);} .mar-tb-md-m{margin-top:var(--base-size);margin-bottom:var(--base-size);} .mar-lr-md{margin-left:var(--base-size);margin-right:var(--base-size);} .mar-lr-md-m{margin-left:var(--base-size);margin-right:var(--base-size);} .mar-mdxs{margin:calc(var(--base-size) * 1.25);} .mar-mdxs-m{margin:calc(var(--base-size) * 1.25);} .mar-t-mdxs{margin-top:calc(var(--base-size) * 1.25);} .mar-t-mdxs-m{margin-top:calc(var(--base-size) * 1.25);} .mar-b-mdxs{margin-bottom:calc(var(--base-size) * 1.25);} .mar-b-mdxs-m{margin-bottom:calc(var(--base-size) * 1.25);} .mar-l-mdxs{margin-left:calc(var(--base-size) * 1.25);} .mar-l-mdxs-m{margin-left:calc(var(--base-size) * 1.25);} .mar-r-mdxs{margin-right:calc(var(--base-size) * 1.25);} .mar-r-mdxs-m{margin-right:calc(var(--base-size) * 1.25);} .mar-tb-mdxs{margin-top:calc(var(--base-size) * 1.25);margin-bottom:calc(var(--base-size) * 1.25);} .mar-tb-mdxs-m{margin-top:calc(var(--base-size) * 1.25);margin-bottom:calc(var(--base-size) * 1.25);} .mar-lr-mdxs{margin-left:calc(var(--base-size) * 1.25);margin-right:calc(var(--base-size) * 1.25);} .mar-lr-mdxs-m{margin-left:calc(var(--base-size) * 1.25);margin-right:calc(var(--base-size) * 1.25);} .mar-mdsm{margin:calc(var(--base-size) * 1.5);} .mar-mdsm-m{margin:calc(var(--base-size) * 1.5);} .mar-t-mdsm{margin-top:calc(var(--base-size) * 1.5);} .mar-t-mdsm-m{margin-top:calc(var(--base-size) * 1.5);} .mar-b-mdsm{margin-bottom:calc(var(--base-size) * 1.5);} .mar-b-mdsm-m{margin-bottom:calc(var(--base-size) * 1.5);} .mar-l-mdsm{margin-left:calc(var(--base-size) * 1.5);} .mar-l-mdsm-m{margin-left:calc(var(--base-size) * 1.5);} .mar-r-mdsm{margin-right:calc(var(--base-size) * 1.5);} .mar-r-mdsm-m{margin-right:calc(var(--base-size) * 1.5);} .mar-tb-mdsm{margin-top:calc(var(--base-size) * 1.5);margin-bottom:calc(var(--base-size) * 1.5);} .mar-tb-mdsm-m{margin-top:calc(var(--base-size) * 1.5);margin-bottom:calc(var(--base-size) * 1.5);} .mar-lr-mdsm{margin-left:calc(var(--base-size) * 1.5);margin-right:calc(var(--base-size) * 1.5);} .mar-lr-mdsm-m{margin-left:calc(var(--base-size) * 1.5);margin-right:calc(var(--base-size) * 1.5);} .mar-lg{margin:calc(var(--base-size) * 2);} .mar-lg-m{margin:calc(var(--base-size) * 2);} .mar-t-lg{margin-top:calc(var(--base-size) * 2);} .mar-t-lg-m{margin-top:calc(var(--base-size) * 2);} .mar-b-lg{margin-bottom:calc(var(--base-size) * 2);} .mar-b-lg-m{margin-bottom:calc(var(--base-size) * 2);} .mar-l-lg{margin-left:calc(var(--base-size) * 2);} .mar-l-lg-m{margin-left:calc(var(--base-size) * 2);} .mar-r-lg{margin-right:calc(var(--base-size) * 2);} .mar-r-lg-m{margin-right:calc(var(--base-size) * 2);} .mar-tb-lg{margin-top:calc(var(--base-size) * 2);margin-bottom:calc(var(--base-size) * 2);} .mar-tb-lg-m{margin-top:calc(var(--base-size) * 2);margin-bottom:calc(var(--base-size) * 2);} .mar-lr-lg{margin-left:calc(var(--base-size) * 2);margin-right:calc(var(--base-size) * 2);} .mar-lr-lg-m{margin-left:calc(var(--base-size) * 2);margin-right:calc(var(--base-size) * 2);} .mar-lgmd{margin:calc(var(--base-size) * 3);} .mar-lgmd-m{margin:calc(var(--base-size) * 3);} .mar-t-lgmd{margin-top:calc(var(--base-size) * 3);} .mar-t-lgmd-m{margin-top:calc(var(--base-size) * 3);} .mar-b-lgmd{margin-bottom:calc(var(--base-size) * 3);} .mar-b-lgmd-m{margin-bottom:calc(var(--base-size) * 3);} .mar-l-lgmd{margin-left:calc(var(--base-size) * 3);} .mar-l-lgmd-m{margin-left:calc(var(--base-size) * 3);} .mar-r-lgmd{margin-right:calc(var(--base-size) * 3);} .mar-r-lgmd-m{margin-right:calc(var(--base-size) * 3);} .mar-tb-lgmd{margin-top:calc(var(--base-size) * 3);margin-bottom:calc(var(--base-size) * 3);} .mar-tb-lgmd-m{margin-top:calc(var(--base-size) * 3);margin-bottom:calc(var(--base-size) * 3);} .mar-lr-lgmd{margin-left:calc(var(--base-size) * 3);margin-right:calc(var(--base-size) * 3);} .mar-lr-lgmd-m{margin-left:calc(var(--base-size) * 3);margin-right:calc(var(--base-size) * 3);} .mar-xl{margin:calc(var(--base-size) * 4);} .mar-xl-m{margin:calc(var(--base-size) * 4);} .mar-t-xl{margin-top:calc(var(--base-size) * 4);} .mar-t-xl-m{margin-top:calc(var(--base-size) * 4);} .mar-b-xl{margin-bottom:calc(var(--base-size) * 4);} .mar-b-xl-m{margin-bottom:calc(var(--base-size) * 4);} .mar-l-xl{margin-left:calc(var(--base-size) * 4);} .mar-l-xl-m{margin-left:calc(var(--base-size) * 4);} .mar-r-xl{margin-right:calc(var(--base-size) * 4);} .mar-r-xl-m{margin-right:calc(var(--base-size) * 4);} .mar-tb-xl{margin-top:calc(var(--base-size) * 4);margin-bottom:calc(var(--base-size) * 4);} .mar-tb-xl-m{margin-top:calc(var(--base-size) * 4);margin-bottom:calc(var(--base-size) * 4);} .mar-lr-xl{margin-left:calc(var(--base-size) * 4);margin-right:calc(var(--base-size) * 4);} .mar-lr-xl-m{margin-left:calc(var(--base-size) * 4);margin-right:calc(var(--base-size) * 4);} .mar-xxl{margin:calc(var(--base-size) * 5);} .mar-xxl-m{margin:calc(var(--base-size) * 5);} .mar-t-xxl{margin-top:calc(var(--base-size) * 5);} .mar-t-xxl-m{margin-top:calc(var(--base-size) * 5);} .mar-b-xxl{margin-bottom:calc(var(--base-size) * 5);} .mar-b-xxl-m{margin-bottom:calc(var(--base-size) * 5);} .mar-l-xxl{margin-left:calc(var(--base-size) * 5);} .mar-l-xxl-m{margin-left:calc(var(--base-size) * 5);} .mar-r-xxl{margin-right:calc(var(--base-size) * 5);} .mar-r-xxl-m{margin-right:calc(var(--base-size) * 5);} .mar-tb-xxl{margin-top:calc(var(--base-size) * 5);margin-bottom:calc(var(--base-size) * 5);} .mar-tb-xxl-m{margin-top:calc(var(--base-size) * 5);margin-bottom:calc(var(--base-size) * 5);} .mar-lr-xxl{margin-left:calc(var(--base-size) * 5);margin-right:calc(var(--base-size) * 5);} .mar-lr-xxl-m{margin-left:calc(var(--base-size) * 5);margin-right:calc(var(--base-size) * 5);} .mar-xxxl{margin:calc(var(--base-size) * 8);} .mar-xxxl-m{margin:calc(var(--base-size) * 8);} .mar-t-xxxl{margin-top:calc(var(--base-size) * 8);} .mar-t-xxxl-m{margin-top:calc(var(--base-size) * 8);} .mar-b-xxxl{margin-bottom:calc(var(--base-size) * 8);} .mar-b-xxxl-m{margin-bottom:calc(var(--base-size) * 8);} .mar-l-xxxl{margin-left:calc(var(--base-size) * 8);} .mar-l-xxxl-m{margin-left:calc(var(--base-size) * 8);} .mar-r-xxxl{margin-right:calc(var(--base-size) * 8);} .mar-r-xxxl-m{margin-right:calc(var(--base-size) * 8);} .mar-tb-xxxl{margin-top:calc(var(--base-size) * 8);margin-bottom:calc(var(--base-size) * 8);} .mar-tb-xxxl-m{margin-top:calc(var(--base-size) * 8);margin-bottom:calc(var(--base-size) * 8);} .mar-lr-xxxl{margin-left:calc(var(--base-size) * 8);margin-right:calc(var(--base-size) * 8);} .mar-lr-xxxl-m{margin-left:calc(var(--base-size) * 8);margin-right:calc(var(--base-size) * 8);} .mar-xxxxl{margin:calc(var(--base-size) * 12);} .mar-xxxxl-m{margin:calc(var(--base-size) * 12);} .mar-t-xxxxl{margin-top:calc(var(--base-size) * 12);} .mar-t-xxxxl-m{margin-top:calc(var(--base-size) * 12);} .mar-b-xxxxl{margin-bottom:calc(var(--base-size) * 12);} .mar-b-xxxxl-m{margin-bottom:calc(var(--base-size) * 12);} .mar-l-xxxxl{margin-left:calc(var(--base-size) * 12);} .mar-l-xxxxl-m{margin-left:calc(var(--base-size) * 12);} .mar-r-xxxxl{margin-right:calc(var(--base-size) * 12);} .mar-r-xxxxl-m{margin-right:calc(var(--base-size) * 12);} .mar-tb-xxxxl{margin-top:calc(var(--base-size) * 12);margin-bottom:calc(var(--base-size) * 12);} .mar-tb-xxxxl-m{margin-top:calc(var(--base-size) * 12);margin-bottom:calc(var(--base-size) * 12);} .mar-lr-xxxxl{margin-left:calc(var(--base-size) * 12);margin-right:calc(var(--base-size) * 12);} .mar-lr-xxxxl-m{margin-left:calc(var(--base-size) * 12);margin-right:calc(var(--base-size) * 12);} /* Font Size */ .font-size-11{font-size:var(--font-11);} .font-size-12-m{font-size:var(--font-11);} .font-size-12{font-size:var(--font-12);} .font-size-12-m{font-size:var(--font-12);} .font-size-13{font-size:var(--font-13);} .font-size-13-m{font-size:var(--font-13);} .font-size-14{font-size:var(--font-14);} .font-size-14-m{font-size:var(--font-14);} .font-size-15{font-size:var(--font-15);} .font-size-15-m{font-size:var(--font-15);} .font-size-17{font-size:var(--font-17);} .font-size-17-m{font-size:var(--font-17);} .font-size-18{font-size:var(--font-18);} .font-size-18-m{font-size:var(--font-18);} .font-size-21{font-size:var(--font-21);} .font-size-21-m{font-size:var(--font-21);} .font-size-36{font-size:var(--font-36);} .font-size-36-m{font-size:var(--font-36);} .font-size-lg{font-size:var(--font-lg);} .font-size-lg-m{font-size:var(--font-lg);} /* Line Heights */ .lh-0,.lh-0 *{line-height:0;} .lh-0-m,.lh-0-m *{line-height:0;} .lh-1,.lh-1 *{line-height:1;} .lh-1-m,.lh-1-m *{line-height:1;} .lh-11,.lh-11 *{line-height:1.1;} .lh-11-m,.lh-11-m *{line-height:1.1;} .lh-12,.lh-12 *{line-height:1.2;} .lh-12-m,.lh-12-m *{line-height:1.2;} .lh-13,.lh-13 *{line-height:1.3;} .lh-13-m,.lh-13-m *{line-height:1.3;} .lh-14,.lh-14 *{line-height:1.4;} .lh-14-m,.lh-14-m *{line-height:1.4;} .lh-15,.lh-15 *{line-height:1.5;} .lh-15-m,.lh-15-m *{line-height:1.5;} .lh-16,.lh-16 *{line-height:1.6;} .lh-16-m,.lh-16-m *{line-height:1.6;} .lh-17,.lh-17 *{line-height:1.7;} .lh-17-m,.lh-17-m *{line-height:1.7;} .lh-18,.lh-18 *{line-height:1.8;} .lh-18-m,.lh-18-m *{line-height:1.8;} .lh-19,.lh-19 *{line-height:1.9;} .lh-19-m,.lh-19-m *{line-height:1.9;} .lh-2,.lh-2 *{line-height:2;} .lh-2-m,.lh-2-m *{line-height:2;} /* Text Align */ .tc{text-align:center;} .tc-m{text-align:center;} .tl{text-align:left;} .tl-m{text-align:left;} .tr{text-align:right;} .tr-m{text-align:right;} .tj{text-align:justify;} .tj-m{text-align:justify;} /* Flipping */ .flip-h{transform:scaleX(-1);} .flip-h-m{transform:scaleX(-1);} .flip-v{transform:scaleY(-1);} .flip-v-m{transform:scaleY(-1);}