UNPKG

tcon

Version:
1,997 lines (1,996 loc) 23.6 kB
.m-auto { margin-left: auto; margin-right: auto; } .m5 { margin: 5px; } .vw-m5 { margin: 1.33vw; } .mt5 { margin-top: 5px; } .vw-mt5 { margin-top: 1.33vw; } .mr5 { margin-right: 5px; } .vw-mr5 { margin-right: 1.33vw; } .mb5 { margin-bottom: 5px; } .vw-mb5 { margin-bottom: 1.33vw; } .ml5 { margin-left: 5px; } .vw-ml5 { margin-left: 1.33vw; } .mtb5 { margin-top: 5px; margin-bottom: 5px; } .vw-mtb5 { margin-top: 1.33vw; margin-bottom: 1.33vw; } .mtr5 { margin-top: 5px; margin-right: 5px; } .vw-mtr5 { margin-top: 1.33vw; margin-right: 1.33vw; } .mlt5 { margin-left: 5px; margin-top: 5px; } .vw-mlt5 { margin-left: 1.33vw; margin-top: 1.33vw; } .mlr5 { margin-left: 5px; margin-right: 5px; } .vw-mlr5 { margin-left: 1.33vw; margin-right: 1.33vw; } .mlb5 { margin-left: 5px; margin-bottom: 5px; } .vw-mlb5 { margin-left: 1.33vw; margin-bottom: 1.33vw; } .m10 { margin: 10px; } .vw-m10 { margin: 2.67vw; } .mt10 { margin-top: 10px; } .vw-mt10 { margin-top: 2.67vw; } .mr10 { margin-right: 10px; } .vw-mr10 { margin-right: 2.67vw; } .mb10 { margin-bottom: 10px; } .vw-mb10 { margin-bottom: 2.67vw; } .ml10 { margin-left: 10px; } .vw-ml10 { margin-left: 2.67vw; } .mtb10 { margin-top: 10px; margin-bottom: 10px; } .vw-mtb10 { margin-top: 2.67vw; margin-bottom: 2.67vw; } .mtr10 { margin-top: 10px; margin-right: 10px; } .vw-mtr10 { margin-top: 2.67vw; margin-right: 2.67vw; } .mlt10 { margin-left: 10px; margin-top: 10px; } .vw-mlt10 { margin-left: 2.67vw; margin-top: 2.67vw; } .mlr10 { margin-left: 10px; margin-right: 10px; } .vw-mlr10 { margin-left: 2.67vw; margin-right: 2.67vw; } .mlb10 { margin-left: 10px; margin-bottom: 10px; } .vw-mlb10 { margin-left: 2.67vw; margin-bottom: 2.67vw; } .m15 { margin: 15px; } .vw-m15 { margin: 4vw; } .mt15 { margin-top: 15px; } .vw-mt15 { margin-top: 4vw; } .mr15 { margin-right: 15px; } .vw-mr15 { margin-right: 4vw; } .mb15 { margin-bottom: 15px; } .vw-mb15 { margin-bottom: 4vw; } .ml15 { margin-left: 15px; } .vw-ml15 { margin-left: 4vw; } .mtb15 { margin-top: 15px; margin-bottom: 15px; } .vw-mtb15 { margin-top: 4vw; margin-bottom: 4vw; } .mtr15 { margin-top: 15px; margin-right: 15px; } .vw-mtr15 { margin-top: 4vw; margin-right: 4vw; } .mlt15 { margin-left: 15px; margin-top: 15px; } .vw-mlt15 { margin-left: 4vw; margin-top: 4vw; } .mlr15 { margin-left: 15px; margin-right: 15px; } .vw-mlr15 { margin-left: 4vw; margin-right: 4vw; } .mlb15 { margin-left: 15px; margin-bottom: 15px; } .vw-mlb15 { margin-left: 4vw; margin-bottom: 4vw; } .m20 { margin: 20px; } .vw-m20 { margin: 5.33vw; } .mt20 { margin-top: 20px; } .vw-mt20 { margin-top: 5.33vw; } .mr20 { margin-right: 20px; } .vw-mr20 { margin-right: 5.33vw; } .mb20 { margin-bottom: 20px; } .vw-mb20 { margin-bottom: 5.33vw; } .ml20 { margin-left: 20px; } .vw-ml20 { margin-left: 5.33vw; } .mtb20 { margin-top: 20px; margin-bottom: 20px; } .vw-mtb20 { margin-top: 5.33vw; margin-bottom: 5.33vw; } .mtr20 { margin-top: 20px; margin-right: 20px; } .vw-mtr20 { margin-top: 5.33vw; margin-right: 5.33vw; } .mlt20 { margin-left: 20px; margin-top: 20px; } .vw-mlt20 { margin-left: 5.33vw; margin-top: 5.33vw; } .mlr20 { margin-left: 20px; margin-right: 20px; } .vw-mlr20 { margin-left: 5.33vw; margin-right: 5.33vw; } .mlb20 { margin-left: 20px; margin-bottom: 20px; } .vw-mlb20 { margin-left: 5.33vw; margin-bottom: 5.33vw; } .m30 { margin: 30px; } .vw-m30 { margin: 8vw; } .mt30 { margin-top: 30px; } .vw-mt30 { margin-top: 8vw; } .mr30 { margin-right: 30px; } .vw-mr30 { margin-right: 8vw; } .mb30 { margin-bottom: 30px; } .vw-mb30 { margin-bottom: 8vw; } .ml30 { margin-left: 30px; } .vw-ml30 { margin-left: 8vw; } .mtb30 { margin-top: 30px; margin-bottom: 30px; } .vw-mtb30 { margin-top: 8vw; margin-bottom: 8vw; } .mtr30 { margin-top: 30px; margin-right: 30px; } .vw-mtr30 { margin-top: 8vw; margin-right: 8vw; } .mlt30 { margin-left: 30px; margin-top: 30px; } .vw-mlt30 { margin-left: 8vw; margin-top: 8vw; } .mlr30 { margin-left: 30px; margin-right: 30px; } .vw-mlr30 { margin-left: 8vw; margin-right: 8vw; } .mlb30 { margin-left: 30px; margin-bottom: 30px; } .vw-mlb30 { margin-left: 8vw; margin-bottom: 8vw; } .m40 { margin: 40px; } .vw-m40 { margin: 10.67vw; } .mt40 { margin-top: 40px; } .vw-mt40 { margin-top: 10.67vw; } .mr40 { margin-right: 40px; } .vw-mr40 { margin-right: 10.67vw; } .mb40 { margin-bottom: 40px; } .vw-mb40 { margin-bottom: 10.67vw; } .ml40 { margin-left: 40px; } .vw-ml40 { margin-left: 10.67vw; } .mtb40 { margin-top: 40px; margin-bottom: 40px; } .vw-mtb40 { margin-top: 10.67vw; margin-bottom: 10.67vw; } .mtr40 { margin-top: 40px; margin-right: 40px; } .vw-mtr40 { margin-top: 10.67vw; margin-right: 10.67vw; } .mlt40 { margin-left: 40px; margin-top: 40px; } .vw-mlt40 { margin-left: 10.67vw; margin-top: 10.67vw; } .mlr40 { margin-left: 40px; margin-right: 40px; } .vw-mlr40 { margin-left: 10.67vw; margin-right: 10.67vw; } .mlb40 { margin-left: 40px; margin-bottom: 40px; } .vw-mlb40 { margin-left: 10.67vw; margin-bottom: 10.67vw; } .m45 { margin: 45px; } .vw-m45 { margin: 12vw; } .mt45 { margin-top: 45px; } .vw-mt45 { margin-top: 12vw; } .mr45 { margin-right: 45px; } .vw-mr45 { margin-right: 12vw; } .mb45 { margin-bottom: 45px; } .vw-mb45 { margin-bottom: 12vw; } .ml45 { margin-left: 45px; } .vw-ml45 { margin-left: 12vw; } .mtb45 { margin-top: 45px; margin-bottom: 45px; } .vw-mtb45 { margin-top: 12vw; margin-bottom: 12vw; } .mtr45 { margin-top: 45px; margin-right: 45px; } .vw-mtr45 { margin-top: 12vw; margin-right: 12vw; } .mlt45 { margin-left: 45px; margin-top: 45px; } .vw-mlt45 { margin-left: 12vw; margin-top: 12vw; } .mlr45 { margin-left: 45px; margin-right: 45px; } .vw-mlr45 { margin-left: 12vw; margin-right: 12vw; } .mlb45 { margin-left: 45px; margin-bottom: 45px; } .vw-mlb45 { margin-left: 12vw; margin-bottom: 12vw; } .m50 { margin: 50px; } .vw-m50 { margin: 13.33vw; } .mt50 { margin-top: 50px; } .vw-mt50 { margin-top: 13.33vw; } .mr50 { margin-right: 50px; } .vw-mr50 { margin-right: 13.33vw; } .mb50 { margin-bottom: 50px; } .vw-mb50 { margin-bottom: 13.33vw; } .ml50 { margin-left: 50px; } .vw-ml50 { margin-left: 13.33vw; } .mtb50 { margin-top: 50px; margin-bottom: 50px; } .vw-mtb50 { margin-top: 13.33vw; margin-bottom: 13.33vw; } .mtr50 { margin-top: 50px; margin-right: 50px; } .vw-mtr50 { margin-top: 13.33vw; margin-right: 13.33vw; } .mlt50 { margin-left: 50px; margin-top: 50px; } .vw-mlt50 { margin-left: 13.33vw; margin-top: 13.33vw; } .mlr50 { margin-left: 50px; margin-right: 50px; } .vw-mlr50 { margin-left: 13.33vw; margin-right: 13.33vw; } .mlb50 { margin-left: 50px; margin-bottom: 50px; } .vw-mlb50 { margin-left: 13.33vw; margin-bottom: 13.33vw; } .m55 { margin: 55px; } .vw-m55 { margin: 14.67vw; } .mt55 { margin-top: 55px; } .vw-mt55 { margin-top: 14.67vw; } .mr55 { margin-right: 55px; } .vw-mr55 { margin-right: 14.67vw; } .mb55 { margin-bottom: 55px; } .vw-mb55 { margin-bottom: 14.67vw; } .ml55 { margin-left: 55px; } .vw-ml55 { margin-left: 14.67vw; } .mtb55 { margin-top: 55px; margin-bottom: 55px; } .vw-mtb55 { margin-top: 14.67vw; margin-bottom: 14.67vw; } .mtr55 { margin-top: 55px; margin-right: 55px; } .vw-mtr55 { margin-top: 14.67vw; margin-right: 14.67vw; } .mlt55 { margin-left: 55px; margin-top: 55px; } .vw-mlt55 { margin-left: 14.67vw; margin-top: 14.67vw; } .mlr55 { margin-left: 55px; margin-right: 55px; } .vw-mlr55 { margin-left: 14.67vw; margin-right: 14.67vw; } .mlb55 { margin-left: 55px; margin-bottom: 55px; } .vw-mlb55 { margin-left: 14.67vw; margin-bottom: 14.67vw; } .m60 { margin: 60px; } .vw-m60 { margin: 16vw; } .mt60 { margin-top: 60px; } .vw-mt60 { margin-top: 16vw; } .mr60 { margin-right: 60px; } .vw-mr60 { margin-right: 16vw; } .mb60 { margin-bottom: 60px; } .vw-mb60 { margin-bottom: 16vw; } .ml60 { margin-left: 60px; } .vw-ml60 { margin-left: 16vw; } .mtb60 { margin-top: 60px; margin-bottom: 60px; } .vw-mtb60 { margin-top: 16vw; margin-bottom: 16vw; } .mtr60 { margin-top: 60px; margin-right: 60px; } .vw-mtr60 { margin-top: 16vw; margin-right: 16vw; } .mlt60 { margin-left: 60px; margin-top: 60px; } .vw-mlt60 { margin-left: 16vw; margin-top: 16vw; } .mlr60 { margin-left: 60px; margin-right: 60px; } .vw-mlr60 { margin-left: 16vw; margin-right: 16vw; } .mlb60 { margin-left: 60px; margin-bottom: 60px; } .vw-mlb60 { margin-left: 16vw; margin-bottom: 16vw; } .p5 { padding: 5px; } .vw-p5 { padding: 1.33vw; } .pt5 { padding-top: 5px; } .vw-pt5 { padding-top: 1.33vw; } .pr5 { padding-right: 5px; } .vw-pr5 { padding-right: 1.33vw; } .pb5 { padding-bottom: 5px; } .vw-pb5 { padding-bottom: 1.33vw; } .pl5 { padding-left: 5px; } .vw-pl5 { padding-left: 1.33vw; } .ptb5 { padding-top: 5px; padding-bottom: 5px; } .vw-ptb5 { padding-top: 1.33vw; padding-bottom: 1.33vw; } .ptr5 { padding-top: 5px; padding-right: 5px; } .vw-ptr5 { padding-top: 1.33vw; padding-right: 1.33vw; } .plt5 { padding-left: 5px; padding-top: 5px; } .vw-plt5 { padding-left: 1.33vw; padding-top: 1.33vw; } .plr5 { padding-left: 5px; padding-right: 5px; } .vw-plr5 { padding-left: 1.33vw; padding-right: 1.33vw; } .plb5 { padding-left: 5px; padding-bottom: 5px; } .vw-plb5 { padding-left: 1.33vw; padding-bottom: 1.33vw; } .p10 { padding: 10px; } .vw-p10 { padding: 2.67vw; } .pt10 { padding-top: 10px; } .vw-pt10 { padding-top: 2.67vw; } .pr10 { padding-right: 10px; } .vw-pr10 { padding-right: 2.67vw; } .pb10 { padding-bottom: 10px; } .vw-pb10 { padding-bottom: 2.67vw; } .pl10 { padding-left: 10px; } .vw-pl10 { padding-left: 2.67vw; } .ptb10 { padding-top: 10px; padding-bottom: 10px; } .vw-ptb10 { padding-top: 2.67vw; padding-bottom: 2.67vw; } .ptr10 { padding-top: 10px; padding-right: 10px; } .vw-ptr10 { padding-top: 2.67vw; padding-right: 2.67vw; } .plt10 { padding-left: 10px; padding-top: 10px; } .vw-plt10 { padding-left: 2.67vw; padding-top: 2.67vw; } .plr10 { padding-left: 10px; padding-right: 10px; } .vw-plr10 { padding-left: 2.67vw; padding-right: 2.67vw; } .plb10 { padding-left: 10px; padding-bottom: 10px; } .vw-plb10 { padding-left: 2.67vw; padding-bottom: 2.67vw; } .p15 { padding: 15px; } .vw-p15 { padding: 4vw; } .pt15 { padding-top: 15px; } .vw-pt15 { padding-top: 4vw; } .pr15 { padding-right: 15px; } .vw-pr15 { padding-right: 4vw; } .pb15 { padding-bottom: 15px; } .vw-pb15 { padding-bottom: 4vw; } .pl15 { padding-left: 15px; } .vw-pl15 { padding-left: 4vw; } .ptb15 { padding-top: 15px; padding-bottom: 15px; } .vw-ptb15 { padding-top: 4vw; padding-bottom: 4vw; } .ptr15 { padding-top: 15px; padding-right: 15px; } .vw-ptr15 { padding-top: 4vw; padding-right: 4vw; } .plt15 { padding-left: 15px; padding-top: 15px; } .vw-plt15 { padding-left: 4vw; padding-top: 4vw; } .plr15 { padding-left: 15px; padding-right: 15px; } .vw-plr15 { padding-left: 4vw; padding-right: 4vw; } .plb15 { padding-left: 15px; padding-bottom: 15px; } .vw-plb15 { padding-left: 4vw; padding-bottom: 4vw; } .p20 { padding: 20px; } .vw-p20 { padding: 5.33vw; } .pt20 { padding-top: 20px; } .vw-pt20 { padding-top: 5.33vw; } .pr20 { padding-right: 20px; } .vw-pr20 { padding-right: 5.33vw; } .pb20 { padding-bottom: 20px; } .vw-pb20 { padding-bottom: 5.33vw; } .pl20 { padding-left: 20px; } .vw-pl20 { padding-left: 5.33vw; } .ptb20 { padding-top: 20px; padding-bottom: 20px; } .vw-ptb20 { padding-top: 5.33vw; padding-bottom: 5.33vw; } .ptr20 { padding-top: 20px; padding-right: 20px; } .vw-ptr20 { padding-top: 5.33vw; padding-right: 5.33vw; } .plt20 { padding-left: 20px; padding-top: 20px; } .vw-plt20 { padding-left: 5.33vw; padding-top: 5.33vw; } .plr20 { padding-left: 20px; padding-right: 20px; } .vw-plr20 { padding-left: 5.33vw; padding-right: 5.33vw; } .plb20 { padding-left: 20px; padding-bottom: 20px; } .vw-plb20 { padding-left: 5.33vw; padding-bottom: 5.33vw; } .p30 { padding: 30px; } .vw-p30 { padding: 8vw; } .pt30 { padding-top: 30px; } .vw-pt30 { padding-top: 8vw; } .pr30 { padding-right: 30px; } .vw-pr30 { padding-right: 8vw; } .pb30 { padding-bottom: 30px; } .vw-pb30 { padding-bottom: 8vw; } .pl30 { padding-left: 30px; } .vw-pl30 { padding-left: 8vw; } .ptb30 { padding-top: 30px; padding-bottom: 30px; } .vw-ptb30 { padding-top: 8vw; padding-bottom: 8vw; } .ptr30 { padding-top: 30px; padding-right: 30px; } .vw-ptr30 { padding-top: 8vw; padding-right: 8vw; } .plt30 { padding-left: 30px; padding-top: 30px; } .vw-plt30 { padding-left: 8vw; padding-top: 8vw; } .plr30 { padding-left: 30px; padding-right: 30px; } .vw-plr30 { padding-left: 8vw; padding-right: 8vw; } .plb30 { padding-left: 30px; padding-bottom: 30px; } .vw-plb30 { padding-left: 8vw; padding-bottom: 8vw; } .p40 { padding: 40px; } .vw-p40 { padding: 10.67vw; } .pt40 { padding-top: 40px; } .vw-pt40 { padding-top: 10.67vw; } .pr40 { padding-right: 40px; } .vw-pr40 { padding-right: 10.67vw; } .pb40 { padding-bottom: 40px; } .vw-pb40 { padding-bottom: 10.67vw; } .pl40 { padding-left: 40px; } .vw-pl40 { padding-left: 10.67vw; } .ptb40 { padding-top: 40px; padding-bottom: 40px; } .vw-ptb40 { padding-top: 10.67vw; padding-bottom: 10.67vw; } .ptr40 { padding-top: 40px; padding-right: 40px; } .vw-ptr40 { padding-top: 10.67vw; padding-right: 10.67vw; } .plt40 { padding-left: 40px; padding-top: 40px; } .vw-plt40 { padding-left: 10.67vw; padding-top: 10.67vw; } .plr40 { padding-left: 40px; padding-right: 40px; } .vw-plr40 { padding-left: 10.67vw; padding-right: 10.67vw; } .plb40 { padding-left: 40px; padding-bottom: 40px; } .vw-plb40 { padding-left: 10.67vw; padding-bottom: 10.67vw; } .p45 { padding: 45px; } .vw-p45 { padding: 12vw; } .pt45 { padding-top: 45px; } .vw-pt45 { padding-top: 12vw; } .pr45 { padding-right: 45px; } .vw-pr45 { padding-right: 12vw; } .pb45 { padding-bottom: 45px; } .vw-pb45 { padding-bottom: 12vw; } .pl45 { padding-left: 45px; } .vw-pl45 { padding-left: 12vw; } .ptb45 { padding-top: 45px; padding-bottom: 45px; } .vw-ptb45 { padding-top: 12vw; padding-bottom: 12vw; } .ptr45 { padding-top: 45px; padding-right: 45px; } .vw-ptr45 { padding-top: 12vw; padding-right: 12vw; } .plt45 { padding-left: 45px; padding-top: 45px; } .vw-plt45 { padding-left: 12vw; padding-top: 12vw; } .plr45 { padding-left: 45px; padding-right: 45px; } .vw-plr45 { padding-left: 12vw; padding-right: 12vw; } .plb45 { padding-left: 45px; padding-bottom: 45px; } .vw-plb45 { padding-left: 12vw; padding-bottom: 12vw; } .p50 { padding: 50px; } .vw-p50 { padding: 13.33vw; } .pt50 { padding-top: 50px; } .vw-pt50 { padding-top: 13.33vw; } .pr50 { padding-right: 50px; } .vw-pr50 { padding-right: 13.33vw; } .pb50 { padding-bottom: 50px; } .vw-pb50 { padding-bottom: 13.33vw; } .pl50 { padding-left: 50px; } .vw-pl50 { padding-left: 13.33vw; } .ptb50 { padding-top: 50px; padding-bottom: 50px; } .vw-ptb50 { padding-top: 13.33vw; padding-bottom: 13.33vw; } .ptr50 { padding-top: 50px; padding-right: 50px; } .vw-ptr50 { padding-top: 13.33vw; padding-right: 13.33vw; } .plt50 { padding-left: 50px; padding-top: 50px; } .vw-plt50 { padding-left: 13.33vw; padding-top: 13.33vw; } .plr50 { padding-left: 50px; padding-right: 50px; } .vw-plr50 { padding-left: 13.33vw; padding-right: 13.33vw; } .plb50 { padding-left: 50px; padding-bottom: 50px; } .vw-plb50 { padding-left: 13.33vw; padding-bottom: 13.33vw; } .p55 { padding: 55px; } .vw-p55 { padding: 14.67vw; } .pt55 { padding-top: 55px; } .vw-pt55 { padding-top: 14.67vw; } .pr55 { padding-right: 55px; } .vw-pr55 { padding-right: 14.67vw; } .pb55 { padding-bottom: 55px; } .vw-pb55 { padding-bottom: 14.67vw; } .pl55 { padding-left: 55px; } .vw-pl55 { padding-left: 14.67vw; } .ptb55 { padding-top: 55px; padding-bottom: 55px; } .vw-ptb55 { padding-top: 14.67vw; padding-bottom: 14.67vw; } .ptr55 { padding-top: 55px; padding-right: 55px; } .vw-ptr55 { padding-top: 14.67vw; padding-right: 14.67vw; } .plt55 { padding-left: 55px; padding-top: 55px; } .vw-plt55 { padding-left: 14.67vw; padding-top: 14.67vw; } .plr55 { padding-left: 55px; padding-right: 55px; } .vw-plr55 { padding-left: 14.67vw; padding-right: 14.67vw; } .plb55 { padding-left: 55px; padding-bottom: 55px; } .vw-plb55 { padding-left: 14.67vw; padding-bottom: 14.67vw; } .p60 { padding: 60px; } .vw-p60 { padding: 16vw; } .pt60 { padding-top: 60px; } .vw-pt60 { padding-top: 16vw; } .pr60 { padding-right: 60px; } .vw-pr60 { padding-right: 16vw; } .pb60 { padding-bottom: 60px; } .vw-pb60 { padding-bottom: 16vw; } .pl60 { padding-left: 60px; } .vw-pl60 { padding-left: 16vw; } .ptb60 { padding-top: 60px; padding-bottom: 60px; } .vw-ptb60 { padding-top: 16vw; padding-bottom: 16vw; } .ptr60 { padding-top: 60px; padding-right: 60px; } .vw-ptr60 { padding-top: 16vw; padding-right: 16vw; } .plt60 { padding-left: 60px; padding-top: 60px; } .vw-plt60 { padding-left: 16vw; padding-top: 16vw; } .plr60 { padding-left: 60px; padding-right: 60px; } .vw-plr60 { padding-left: 16vw; padding-right: 16vw; } .plb60 { padding-left: 60px; padding-bottom: 60px; } .vw-plb60 { padding-left: 16vw; padding-bottom: 16vw; } .w30 { width: 30px; } .w40 { width: 40px; } .w50 { width: 50px; } .w60 { width: 60px; } .w70 { width: 70px; } .w80 { width: 80px; } .w90 { width: 90px; } .w100 { width: 100px; } .w200 { width: 200px; } .h30 { height: 30px; } .h35 { height: 35px; } .h40 { height: 40px; } .h45 { height: 45px; } .h50 { height: 50px; } .h55 { height: 55px; } .h60 { height: 60px; } .h65 { height: 65px; } .h70 { height: 70px; } .h80 { height: 80px; } .h90 { height: 90px; } .h100 { height: 100px; } .f10 { font-size: 10px; } .vw-f10 { font-size: 2.67vw; } .f12 { font-size: 12px; } .vw-f12 { font-size: 3.2vw; } .f13 { font-size: 13px; } .vw-f13 { font-size: 3.47vw; } .f14 { font-size: 14px; } .vw-f14 { font-size: 3.73vw; } .f15 { font-size: 15px; } .vw-f15 { font-size: 4vw; } .f16 { font-size: 16px; } .vw-f16 { font-size: 4.27vw; } .f17 { font-size: 17px; } .vw-f17 { font-size: 4.53vw; } .f18 { font-size: 18px; } .vw-f18 { font-size: 4.8vw; } .f20 { font-size: 20px; } .vw-f20 { font-size: 5.33vw; } .f24 { font-size: 24px; } .vw-f24 { font-size: 6.4vw; } .f28 { font-size: 28px; } .vw-f28 { font-size: 7.47vw; } .f32 { font-size: 32px; } .vw-f32 { font-size: 8.53vw; } .f40 { font-size: 40px; } .vw-f40 { font-size: 10.67vw; } .t0 { top: 0; } .r0 { right: 0; } .b0 { bottom: 0; } .l0 { left: 0; } .tb0 { top: 0; bottom: 0; } .tr0 { top: 0; right: 0; } .lt0 { left: 0; top: 0; } .lr0 { left: 0; right: 0; } .lb0 { left: 0; bottom: 0; } .t10 { top: 10px; } .vw-t10 { top: 2.67vw; } .r10 { right: 10px; } .vw-r10 { right: 2.67vw; } .b10 { bottom: 10px; } .vw-b10 { bottom: 2.67vw; } .l10 { left: 10px; } .vw-l10 { left: 2.67vw; } .tb10 { top: 10px; bottom: 10px; } .vw-tb10 { top: 2.67vw; bottom: 2.67vw; } .tr10 { top: 10px; right: 10px; } .vw-tr10 { top: 2.67vw; right: 2.67vw; } .lt10 { left: 10px; top: 10px; } .vw-lt10 { left: 2.67vw; top: 2.67vw; } .lr10 { left: 10px; right: 10px; } .vw-lr10 { left: 2.67vw; right: 2.67vw; } .lb10 { left: 10px; bottom: 10px; } .vw-lb10 { left: 2.67vw; bottom: 2.67vw; } .t20 { top: 20px; } .vw-t20 { top: 5.33vw; } .r20 { right: 20px; } .vw-r20 { right: 5.33vw; } .b20 { bottom: 20px; } .vw-b20 { bottom: 5.33vw; } .l20 { left: 20px; } .vw-l20 { left: 5.33vw; } .tb20 { top: 20px; bottom: 20px; } .vw-tb20 { top: 5.33vw; bottom: 5.33vw; } .tr20 { top: 20px; right: 20px; } .vw-tr20 { top: 5.33vw; right: 5.33vw; } .lt20 { left: 20px; top: 20px; } .vw-lt20 { left: 5.33vw; top: 5.33vw; } .lr20 { left: 20px; right: 20px; } .vw-lr20 { left: 5.33vw; right: 5.33vw; } .lb20 { left: 20px; bottom: 20px; } .vw-lb20 { left: 5.33vw; bottom: 5.33vw; } .t30 { top: 30px; } .vw-t30 { top: 8vw; } .r30 { right: 30px; } .vw-r30 { right: 8vw; } .b30 { bottom: 30px; } .vw-b30 { bottom: 8vw; } .l30 { left: 30px; } .vw-l30 { left: 8vw; } .tb30 { top: 30px; bottom: 30px; } .vw-tb30 { top: 8vw; bottom: 8vw; } .tr30 { top: 30px; right: 30px; } .vw-tr30 { top: 8vw; right: 8vw; } .lt30 { left: 30px; top: 30px; } .vw-lt30 { left: 8vw; top: 8vw; } .lr30 { left: 30px; right: 30px; } .vw-lr30 { left: 8vw; right: 8vw; } .lb30 { left: 30px; bottom: 30px; } .vw-lb30 { left: 8vw; bottom: 8vw; } .t40 { top: 40px; } .vw-t40 { top: 10.67vw; } .r40 { right: 40px; } .vw-r40 { right: 10.67vw; } .b40 { bottom: 40px; } .vw-b40 { bottom: 10.67vw; } .l40 { left: 40px; } .vw-l40 { left: 10.67vw; } .tb40 { top: 40px; bottom: 40px; } .vw-tb40 { top: 10.67vw; bottom: 10.67vw; } .tr40 { top: 40px; right: 40px; } .vw-tr40 { top: 10.67vw; right: 10.67vw; } .lt40 { left: 40px; top: 40px; } .vw-lt40 { left: 10.67vw; top: 10.67vw; } .lr40 { left: 40px; right: 40px; } .vw-lr40 { left: 10.67vw; right: 10.67vw; } .lb40 { left: 40px; bottom: 40px; } .vw-lb40 { left: 10.67vw; bottom: 10.67vw; } .t50 { top: 50px; } .vw-t50 { top: 13.33vw; } .r50 { right: 50px; } .vw-r50 { right: 13.33vw; } .b50 { bottom: 50px; } .vw-b50 { bottom: 13.33vw; } .l50 { left: 50px; } .vw-l50 { left: 13.33vw; } .tb50 { top: 50px; bottom: 50px; } .vw-tb50 { top: 13.33vw; bottom: 13.33vw; } .tr50 { top: 50px; right: 50px; } .vw-tr50 { top: 13.33vw; right: 13.33vw; } .lt50 { left: 50px; top: 50px; } .vw-lt50 { left: 13.33vw; top: 13.33vw; } .lr50 { left: 50px; right: 50px; } .vw-lr50 { left: 13.33vw; right: 13.33vw; } .lb50 { left: 50px; bottom: 50px; } .vw-lb50 { left: 13.33vw; bottom: 13.33vw; } .z1 { z-index: 1; } .z2 { z-index: 2; } .z3 { z-index: 3; } .z4 { z-index: 4; } .z5 { z-index: 5; } .z6 { z-index: 6; } .z7 { z-index: 7; } .z8 { z-index: 8; } .z9 { z-index: 9; } .z1000 { z-index: 1000; } .z1001 { z-index: 1001; } .z1002 { z-index: 1002; } .z1003 { z-index: 1003; } .z9999 { z-index: 9999; } .z10000 { z-index: 10000; } .br1 { border-radius: 1px; } .br2 { border-radius: 2px; } .br3 { border-radius: 3px; } .br4 { border-radius: 4px; } .br5 { border-radius: 5px; } .br6 { border-radius: 6px; } .br7 { border-radius: 7px; } .br8 { border-radius: 8px; } .br10 { border-radius: 10px; } .br15 { border-radius: 15px; } .br20 { border-radius: 20px; } .width-20 { width: 20%; } .width-25 { width: 25%; } .width-33 { width: 33.33333%; } .width-50 { width: 50%; } .width-100 { width: 100%; } .height-50 { height: 50%; } .height-100 { height: 100%; }