···

       
1
       
1
       
-
       
body{background-color:#efefef;color:#000;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;margin:0 auto;max-width:900px}header{background:#fff;border-radius:10px;margin:1rem .5rem 0;padding:1rem 1.5rem}header h1{font-size:1.5rem;margin:0}@media screen and (min-width: 500px){header h1{font-size:2rem}}header a{color:inherit;text-decoration:none}main{padding:1rem 2rem}main h2{font-size:1.5rem;margin:1rem 0;text-align:center}main h2 span{font-size:1.2rem}main form{line-height:2rem}main button{cursor:pointer}main .tz-table{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}main .tz-table .tz-table-element{flex:0 0 calc(100% - 1rem);margin:1rem .5rem}@media screen and (min-width: 440px){main .tz-table .tz-table-element{flex:0 0 calc(50% - 1rem)}}@media screen and (min-width: 630px){main .tz-table .tz-table-element{flex:0 0 calc(33% - 1rem)}}@media screen and (min-width: 820px){main .tz-table .tz-table-element{flex:0 0 calc(25% - 1rem)}}footer{color:gray;font-size:.7rem;margin-top:1rem;padding:1rem;text-align:center}@media screen and (prefers-color-scheme: dark){body{background-color:#111;color:#fff}header{background:#000}}/*# sourceMappingURL=styles.css.map */

     

       
1
       
1
       
+
       
body{background-color:#efefef;color:#000;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;margin:0 auto;max-width:900px}header{background:#fff;border-radius:10px;margin:1rem .5rem 0;padding:1rem 1.5rem}header h1{font-size:1.5rem;margin:0}@media screen and (min-width: 500px){header h1{font-size:2rem}}header a{color:inherit;text-decoration:none}main{padding:1rem 2rem}main h2{font-size:1.5rem;margin:1rem 0;text-align:center}main h2 span{font-size:1.2rem}main form{line-height:2rem}main button{cursor:pointer}main .tz-table{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}main .tz-table .tz-table-element{flex:0 0 calc(100% - 1rem);margin:.5rem}@media screen and (min-width: 440px){main .tz-table .tz-table-element{flex:0 0 calc(50% - 1rem)}}@media screen and (min-width: 630px){main .tz-table .tz-table-element{flex:0 0 calc(33% - 1rem)}}@media screen and (min-width: 820px){main .tz-table .tz-table-element{flex:0 0 calc(25% - 1rem)}}footer{color:gray;font-size:.7rem;margin-top:1rem;padding:1rem;text-align:center}@media screen and (prefers-color-scheme: dark){body{background-color:#111;color:#fff}header{background:#000}}/*# sourceMappingURL=styles.css.map */

     

···

       
1
       
1
       
-
       
{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA,KACE,yBACA,WACA,gGACA,cACA,gBAGF,OACE,gBACA,mBACA,oBACA,oBAEA,UACE,iBACA,SAEA,qCAJF,UAKI,gBAIJ,SACE,cACA,qBAIJ,KACE,kBAEA,QACE,iBACA,cACA,kBAEA,aACE,iBAIJ,UACE,iBAGF,YACE,eAGF,eACE,aACA,eACA,uBACA,kBAIA,iCACE,2BACA,kBAEA,qCAJF,iCAKI,2BAGF,qCARF,iCASI,2BAGF,qCAZF,iCAaI,2BAMR,OACE,WACA,gBACA,gBACA,aACA,kBAGF,+CACE,KACE,sBACA,WAGF,OACE","file":"styles.css"}
     

       
1
       
1
       
+
       
{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA,KACE,yBACA,WACA,gGACA,cACA,gBAGF,OACE,gBACA,mBACA,oBACA,oBAEA,UACE,iBACA,SAEA,qCAJF,UAKI,gBAIJ,SACE,cACA,qBAIJ,KACE,kBAEA,QACE,iBACA,cACA,kBAEA,aACE,iBAIJ,UACE,iBAGF,YACE,eAGF,eACE,aACA,eACA,uBACA,kBAIA,iCACE,2BACA,OAJQ,MAMR,qCAJF,iCAKI,2BAGF,qCARF,iCASI,2BAGF,qCAZF,iCAaI,2BAMR,OACE,WACA,gBACA,gBACA,aACA,kBAGF,+CACE,KACE,sBACA,WAGF,OACE","file":"styles.css"}
     

···

       
54
       
54
       
 
       
    justify-content: center;

     

       
55
       
55
       
 
       
    text-align: center;

     

       
56
       
56
       
 
       


     

       
57
       
57
       
-
       
    $vertical-spacing: 1rem;

     

       
57
       
57
       
+
       
    $spacing: 0.5rem;

     

       
58
       
58
       
 
       


     

       
59
       
59
       
 
       
    .tz-table-element {

     

       
60
       
60
       
-
       
      flex: 0 0 calc(100% - $vertical-spacing);

     

       
61
       
61
       
-
       
      margin: 1rem calc($vertical-spacing / 2);

     

       
60
       
60
       
+
       
      flex: 0 0 calc(100% - ($spacing * 2));

     

       
61
       
61
       
+
       
      margin: $spacing;

     

       
62
       
62
       
 
       


     

       
63
       
63
       
 
       
      @media screen and (min-width: 440px) {

     

       
64
       
64
       
-
       
        flex: 0 0 calc(50% - $vertical-spacing);

     

       
64
       
64
       
+
       
        flex: 0 0 calc(50% - ($spacing * 2));

     

       
65
       
65
       
 
       
      }

     

       
66
       
66
       
 
       
    

     

       
67
       
67
       
 
       
      @media screen and (min-width: 630px) {

     

       
68
       
68
       
-
       
        flex: 0 0 calc(33% - $vertical-spacing);

     

       
68
       
68
       
+
       
        flex: 0 0 calc(33% - ($spacing * 2));

     

       
69
       
69
       
 
       
      }

     

       
70
       
70
       
 
       
    

     

       
71
       
71
       
 
       
      @media screen and (min-width: 820px) {

     

       
72
       
72
       
-
       
        flex: 0 0 calc(25% - $vertical-spacing);

     

       
72
       
72
       
+
       
        flex: 0 0 calc(25% - ($spacing * 2));

     

       
73
       
73
       
 
       
      }

     

       
74
       
74
       
 
       
    }

     

       
75
       
75
       
 
       
  }