Subversion Repositories wimsdev

Rev

Rev 13836 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /**
  2.  * Foundation for Sites by ZURB
  3.  * Version 6.6.1
  4.  * foundation.zurb.com
  5.  * Licensed under MIT Open Source
  6.  */
  7. /* Foundation New (6.4) x-y Grid styles */
  8. .grid-container {
  9.   padding-right: 0.625rem;
  10.   padding-left: 0.625rem;
  11.   max-width: 75rem;
  12.   margin-left: auto;
  13.   margin-right: auto; }
  14.   @media print, screen and (min-width: 40em) {
  15.     .grid-container {
  16.       padding-right: 0.9375rem;
  17.       padding-left: 0.9375rem; } }
  18.   .grid-container.fluid {
  19.     padding-right: 0.625rem;
  20.     padding-left: 0.625rem;
  21.     max-width: 100%;
  22.     margin-left: auto;
  23.     margin-right: auto; }
  24.     @media print, screen and (min-width: 40em) {
  25.       .grid-container.fluid {
  26.         padding-right: 0.9375rem;
  27.         padding-left: 0.9375rem; } }
  28.   .grid-container.full {
  29.     padding-right: 0;
  30.     padding-left: 0;
  31.     max-width: 100%;
  32.     margin-left: auto;
  33.     margin-right: auto; }
  34.  
  35. .grid-x {
  36.   display: flex;
  37.   flex-flow: row wrap; }
  38.  
  39. .cell {
  40.   flex: 0 0 auto;
  41.   min-height: 0px;
  42.   min-width: 0px;
  43.   width: 100%; }
  44.   .cell.auto {
  45.     flex: 1 1 0px; }
  46.   .cell.shrink {
  47.     flex: 0 0 auto; }
  48.  
  49. .grid-x > .auto {
  50.   width: auto; }
  51.  
  52. .grid-x > .shrink {
  53.   width: auto; }
  54.  
  55. .grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  56.   flex-basis: auto; }
  57.  
  58. @media print, screen and (min-width: 40em) {
  59.   .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
  60.     flex-basis: auto; } }
  61.  
  62. @media print, screen and (min-width: 64em) {
  63.   .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
  64.     flex-basis: auto; } }
  65.  
  66. .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  67.   flex: 0 0 auto; }
  68.  
  69. .grid-x > .small-1 {
  70.   width: 8.3333333333%; }
  71.  
  72. .grid-x > .small-2 {
  73.   width: 16.6666666667%; }
  74.  
  75. .grid-x > .small-3 {
  76.   width: 25%; }
  77.  
  78. .grid-x > .small-4 {
  79.   width: 33.3333333333%; }
  80.  
  81. .grid-x > .small-5 {
  82.   width: 41.6666666667%; }
  83.  
  84. .grid-x > .small-6 {
  85.   width: 50%; }
  86.  
  87. .grid-x > .small-7 {
  88.   width: 58.3333333333%; }
  89.  
  90. .grid-x > .small-8 {
  91.   width: 66.6666666667%; }
  92.  
  93. .grid-x > .small-9 {
  94.   width: 75%; }
  95.  
  96. .grid-x > .small-10 {
  97.   width: 83.3333333333%; }
  98.  
  99. .grid-x > .small-11 {
  100.   width: 91.6666666667%; }
  101.  
  102. .grid-x > .small-12 {
  103.   width: 100%; }
  104.  
  105. @media print, screen and (min-width: 40em) {
  106.   .grid-x > .medium-auto {
  107.     flex: 1 1 0px;
  108.     width: auto; }
  109.   .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
  110.     flex: 0 0 auto; }
  111.   .grid-x > .medium-shrink {
  112.     width: auto; }
  113.   .grid-x > .medium-1 {
  114.     width: 8.3333333333%; }
  115.   .grid-x > .medium-2 {
  116.     width: 16.6666666667%; }
  117.   .grid-x > .medium-3 {
  118.     width: 25%; }
  119.   .grid-x > .medium-4 {
  120.     width: 33.3333333333%; }
  121.   .grid-x > .medium-5 {
  122.     width: 41.6666666667%; }
  123.   .grid-x > .medium-6 {
  124.     width: 50%; }
  125.   .grid-x > .medium-7 {
  126.     width: 58.3333333333%; }
  127.   .grid-x > .medium-8 {
  128.     width: 66.6666666667%; }
  129.   .grid-x > .medium-9 {
  130.     width: 75%; }
  131.   .grid-x > .medium-10 {
  132.     width: 83.3333333333%; }
  133.   .grid-x > .medium-11 {
  134.     width: 91.6666666667%; }
  135.   .grid-x > .medium-12 {
  136.     width: 100%; } }
  137.  
  138. @media print, screen and (min-width: 64em) {
  139.   .grid-x > .large-auto {
  140.     flex: 1 1 0px;
  141.     width: auto; }
  142.   .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
  143.     flex: 0 0 auto; }
  144.   .grid-x > .large-shrink {
  145.     width: auto; }
  146.   .grid-x > .large-1 {
  147.     width: 8.3333333333%; }
  148.   .grid-x > .large-2 {
  149.     width: 16.6666666667%; }
  150.   .grid-x > .large-3 {
  151.     width: 25%; }
  152.   .grid-x > .large-4 {
  153.     width: 33.3333333333%; }
  154.   .grid-x > .large-5 {
  155.     width: 41.6666666667%; }
  156.   .grid-x > .large-6 {
  157.     width: 50%; }
  158.   .grid-x > .large-7 {
  159.     width: 58.3333333333%; }
  160.   .grid-x > .large-8 {
  161.     width: 66.6666666667%; }
  162.   .grid-x > .large-9 {
  163.     width: 75%; }
  164.   .grid-x > .large-10 {
  165.     width: 83.3333333333%; }
  166.   .grid-x > .large-11 {
  167.     width: 91.6666666667%; }
  168.   .grid-x > .large-12 {
  169.     width: 100%; } }
  170.  
  171. .grid-margin-x:not(.grid-x) > .cell {
  172.   width: auto; }
  173.  
  174. .grid-margin-y:not(.grid-y) > .cell {
  175.   height: auto; }
  176.  
  177. .grid-margin-x {
  178.   margin-left: -0.625rem;
  179.   margin-right: -0.625rem; }
  180.   @media print, screen and (min-width: 40em) {
  181.     .grid-margin-x {
  182.       margin-left: -0.9375rem;
  183.       margin-right: -0.9375rem; } }
  184.   .grid-margin-x > .cell {
  185.     width: calc(100% - 1.25rem);
  186.     margin-left: 0.625rem;
  187.     margin-right: 0.625rem; }
  188.   @media print, screen and (min-width: 40em) {
  189.     .grid-margin-x > .cell {
  190.       width: calc(100% - 1.875rem);
  191.       margin-left: 0.9375rem;
  192.       margin-right: 0.9375rem; } }
  193.   .grid-margin-x > .auto {
  194.     width: auto; }
  195.   .grid-margin-x > .shrink {
  196.     width: auto; }
  197.   .grid-margin-x > .small-1 {
  198.     width: calc(8.3333333333% - 1.25rem); }
  199.   .grid-margin-x > .small-2 {
  200.     width: calc(16.6666666667% - 1.25rem); }
  201.   .grid-margin-x > .small-3 {
  202.     width: calc(25% - 1.25rem); }
  203.   .grid-margin-x > .small-4 {
  204.     width: calc(33.3333333333% - 1.25rem); }
  205.   .grid-margin-x > .small-5 {
  206.     width: calc(41.6666666667% - 1.25rem); }
  207.   .grid-margin-x > .small-6 {
  208.     width: calc(50% - 1.25rem); }
  209.   .grid-margin-x > .small-7 {
  210.     width: calc(58.3333333333% - 1.25rem); }
  211.   .grid-margin-x > .small-8 {
  212.     width: calc(66.6666666667% - 1.25rem); }
  213.   .grid-margin-x > .small-9 {
  214.     width: calc(75% - 1.25rem); }
  215.   .grid-margin-x > .small-10 {
  216.     width: calc(83.3333333333% - 1.25rem); }
  217.   .grid-margin-x > .small-11 {
  218.     width: calc(91.6666666667% - 1.25rem); }
  219.   .grid-margin-x > .small-12 {
  220.     width: calc(100% - 1.25rem); }
  221.   @media print, screen and (min-width: 40em) {
  222.     .grid-margin-x > .auto {
  223.       width: auto; }
  224.     .grid-margin-x > .shrink {
  225.       width: auto; }
  226.     .grid-margin-x > .small-1 {
  227.       width: calc(8.3333333333% - 1.875rem); }
  228.     .grid-margin-x > .small-2 {
  229.       width: calc(16.6666666667% - 1.875rem); }
  230.     .grid-margin-x > .small-3 {
  231.       width: calc(25% - 1.875rem); }
  232.     .grid-margin-x > .small-4 {
  233.       width: calc(33.3333333333% - 1.875rem); }
  234.     .grid-margin-x > .small-5 {
  235.       width: calc(41.6666666667% - 1.875rem); }
  236.     .grid-margin-x > .small-6 {
  237.       width: calc(50% - 1.875rem); }
  238.     .grid-margin-x > .small-7 {
  239.       width: calc(58.3333333333% - 1.875rem); }
  240.     .grid-margin-x > .small-8 {
  241.       width: calc(66.6666666667% - 1.875rem); }
  242.     .grid-margin-x > .small-9 {
  243.       width: calc(75% - 1.875rem); }
  244.     .grid-margin-x > .small-10 {
  245.       width: calc(83.3333333333% - 1.875rem); }
  246.     .grid-margin-x > .small-11 {
  247.       width: calc(91.6666666667% - 1.875rem); }
  248.     .grid-margin-x > .small-12 {
  249.       width: calc(100% - 1.875rem); }
  250.     .grid-margin-x > .medium-auto {
  251.       width: auto; }
  252.     .grid-margin-x > .medium-shrink {
  253.       width: auto; }
  254.     .grid-margin-x > .medium-1 {
  255.       width: calc(8.3333333333% - 1.875rem); }
  256.     .grid-margin-x > .medium-2 {
  257.       width: calc(16.6666666667% - 1.875rem); }
  258.     .grid-margin-x > .medium-3 {
  259.       width: calc(25% - 1.875rem); }
  260.     .grid-margin-x > .medium-4 {
  261.       width: calc(33.3333333333% - 1.875rem); }
  262.     .grid-margin-x > .medium-5 {
  263.       width: calc(41.6666666667% - 1.875rem); }
  264.     .grid-margin-x > .medium-6 {
  265.       width: calc(50% - 1.875rem); }
  266.     .grid-margin-x > .medium-7 {
  267.       width: calc(58.3333333333% - 1.875rem); }
  268.     .grid-margin-x > .medium-8 {
  269.       width: calc(66.6666666667% - 1.875rem); }
  270.     .grid-margin-x > .medium-9 {
  271.       width: calc(75% - 1.875rem); }
  272.     .grid-margin-x > .medium-10 {
  273.       width: calc(83.3333333333% - 1.875rem); }
  274.     .grid-margin-x > .medium-11 {
  275.       width: calc(91.6666666667% - 1.875rem); }
  276.     .grid-margin-x > .medium-12 {
  277.       width: calc(100% - 1.875rem); } }
  278.   @media print, screen and (min-width: 64em) {
  279.     .grid-margin-x > .large-auto {
  280.       width: auto; }
  281.     .grid-margin-x > .large-shrink {
  282.       width: auto; }
  283.     .grid-margin-x > .large-1 {
  284.       width: calc(8.3333333333% - 1.875rem); }
  285.     .grid-margin-x > .large-2 {
  286.       width: calc(16.6666666667% - 1.875rem); }
  287.     .grid-margin-x > .large-3 {
  288.       width: calc(25% - 1.875rem); }
  289.     .grid-margin-x > .large-4 {
  290.       width: calc(33.3333333333% - 1.875rem); }
  291.     .grid-margin-x > .large-5 {
  292.       width: calc(41.6666666667% - 1.875rem); }
  293.     .grid-margin-x > .large-6 {
  294.       width: calc(50% - 1.875rem); }
  295.     .grid-margin-x > .large-7 {
  296.       width: calc(58.3333333333% - 1.875rem); }
  297.     .grid-margin-x > .large-8 {
  298.       width: calc(66.6666666667% - 1.875rem); }
  299.     .grid-margin-x > .large-9 {
  300.       width: calc(75% - 1.875rem); }
  301.     .grid-margin-x > .large-10 {
  302.       width: calc(83.3333333333% - 1.875rem); }
  303.     .grid-margin-x > .large-11 {
  304.       width: calc(91.6666666667% - 1.875rem); }
  305.     .grid-margin-x > .large-12 {
  306.       width: calc(100% - 1.875rem); } }
  307.  
  308. .grid-padding-x .grid-padding-x {
  309.   margin-right: -0.625rem;
  310.   margin-left: -0.625rem; }
  311.   @media print, screen and (min-width: 40em) {
  312.     .grid-padding-x .grid-padding-x {
  313.       margin-right: -0.9375rem;
  314.       margin-left: -0.9375rem; } }
  315.  
  316. .grid-container:not(.full) > .grid-padding-x {
  317.   margin-right: -0.625rem;
  318.   margin-left: -0.625rem; }
  319.   @media print, screen and (min-width: 40em) {
  320.     .grid-container:not(.full) > .grid-padding-x {
  321.       margin-right: -0.9375rem;
  322.       margin-left: -0.9375rem; } }
  323.  
  324. .grid-padding-x > .cell {
  325.   padding-right: 0.625rem;
  326.   padding-left: 0.625rem; }
  327.   @media print, screen and (min-width: 40em) {
  328.     .grid-padding-x > .cell {
  329.       padding-right: 0.9375rem;
  330.       padding-left: 0.9375rem; } }
  331.  
  332. .small-up-1 > .cell {
  333.   width: 100%; }
  334.  
  335. .small-up-2 > .cell {
  336.   width: 50%; }
  337.  
  338. .small-up-3 > .cell {
  339.   width: 33.3333333333%; }
  340.  
  341. .small-up-4 > .cell {
  342.   width: 25%; }
  343.  
  344. .small-up-5 > .cell {
  345.   width: 20%; }
  346.  
  347. .small-up-6 > .cell {
  348.   width: 16.6666666667%; }
  349.  
  350. .small-up-7 > .cell {
  351.   width: 14.2857142857%; }
  352.  
  353. .small-up-8 > .cell {
  354.   width: 12.5%; }
  355.  
  356. @media print, screen and (min-width: 40em) {
  357.   .medium-up-1 > .cell {
  358.     width: 100%; }
  359.   .medium-up-2 > .cell {
  360.     width: 50%; }
  361.   .medium-up-3 > .cell {
  362.     width: 33.3333333333%; }
  363.   .medium-up-4 > .cell {
  364.     width: 25%; }
  365.   .medium-up-5 > .cell {
  366.     width: 20%; }
  367.   .medium-up-6 > .cell {
  368.     width: 16.6666666667%; }
  369.   .medium-up-7 > .cell {
  370.     width: 14.2857142857%; }
  371.   .medium-up-8 > .cell {
  372.     width: 12.5%; } }
  373.  
  374. @media print, screen and (min-width: 64em) {
  375.   .large-up-1 > .cell {
  376.     width: 100%; }
  377.   .large-up-2 > .cell {
  378.     width: 50%; }
  379.   .large-up-3 > .cell {
  380.     width: 33.3333333333%; }
  381.   .large-up-4 > .cell {
  382.     width: 25%; }
  383.   .large-up-5 > .cell {
  384.     width: 20%; }
  385.   .large-up-6 > .cell {
  386.     width: 16.6666666667%; }
  387.   .large-up-7 > .cell {
  388.     width: 14.2857142857%; }
  389.   .large-up-8 > .cell {
  390.     width: 12.5%; } }
  391.  
  392. .grid-margin-x.small-up-1 > .cell {
  393.   width: calc(100% - 1.25rem); }
  394.  
  395. .grid-margin-x.small-up-2 > .cell {
  396.   width: calc(50% - 1.25rem); }
  397.  
  398. .grid-margin-x.small-up-3 > .cell {
  399.   width: calc(33.3333333333% - 1.25rem); }
  400.  
  401. .grid-margin-x.small-up-4 > .cell {
  402.   width: calc(25% - 1.25rem); }
  403.  
  404. .grid-margin-x.small-up-5 > .cell {
  405.   width: calc(20% - 1.25rem); }
  406.  
  407. .grid-margin-x.small-up-6 > .cell {
  408.   width: calc(16.6666666667% - 1.25rem); }
  409.  
  410. .grid-margin-x.small-up-7 > .cell {
  411.   width: calc(14.2857142857% - 1.25rem); }
  412.  
  413. .grid-margin-x.small-up-8 > .cell {
  414.   width: calc(12.5% - 1.25rem); }
  415.  
  416. @media print, screen and (min-width: 40em) {
  417.   .grid-margin-x.small-up-1 > .cell {
  418.     width: calc(100% - 1.875rem); }
  419.   .grid-margin-x.small-up-2 > .cell {
  420.     width: calc(50% - 1.875rem); }
  421.   .grid-margin-x.small-up-3 > .cell {
  422.     width: calc(33.3333333333% - 1.875rem); }
  423.   .grid-margin-x.small-up-4 > .cell {
  424.     width: calc(25% - 1.875rem); }
  425.   .grid-margin-x.small-up-5 > .cell {
  426.     width: calc(20% - 1.875rem); }
  427.   .grid-margin-x.small-up-6 > .cell {
  428.     width: calc(16.6666666667% - 1.875rem); }
  429.   .grid-margin-x.small-up-7 > .cell {
  430.     width: calc(14.2857142857% - 1.875rem); }
  431.   .grid-margin-x.small-up-8 > .cell {
  432.     width: calc(12.5% - 1.875rem); }
  433.   .grid-margin-x.medium-up-1 > .cell {
  434.     width: calc(100% - 1.875rem); }
  435.   .grid-margin-x.medium-up-2 > .cell {
  436.     width: calc(50% - 1.875rem); }
  437.   .grid-margin-x.medium-up-3 > .cell {
  438.     width: calc(33.3333333333% - 1.875rem); }
  439.   .grid-margin-x.medium-up-4 > .cell {
  440.     width: calc(25% - 1.875rem); }
  441.   .grid-margin-x.medium-up-5 > .cell {
  442.     width: calc(20% - 1.875rem); }
  443.   .grid-margin-x.medium-up-6 > .cell {
  444.     width: calc(16.6666666667% - 1.875rem); }
  445.   .grid-margin-x.medium-up-7 > .cell {
  446.     width: calc(14.2857142857% - 1.875rem); }
  447.   .grid-margin-x.medium-up-8 > .cell {
  448.     width: calc(12.5% - 1.875rem); } }
  449.  
  450. @media print, screen and (min-width: 64em) {
  451.   .grid-margin-x.large-up-1 > .cell {
  452.     width: calc(100% - 1.875rem); }
  453.   .grid-margin-x.large-up-2 > .cell {
  454.     width: calc(50% - 1.875rem); }
  455.   .grid-margin-x.large-up-3 > .cell {
  456.     width: calc(33.3333333333% - 1.875rem); }
  457.   .grid-margin-x.large-up-4 > .cell {
  458.     width: calc(25% - 1.875rem); }
  459.   .grid-margin-x.large-up-5 > .cell {
  460.     width: calc(20% - 1.875rem); }
  461.   .grid-margin-x.large-up-6 > .cell {
  462.     width: calc(16.6666666667% - 1.875rem); }
  463.   .grid-margin-x.large-up-7 > .cell {
  464.     width: calc(14.2857142857% - 1.875rem); }
  465.   .grid-margin-x.large-up-8 > .cell {
  466.     width: calc(12.5% - 1.875rem); } }
  467.  
  468. .small-margin-collapse {
  469.   margin-right: 0;
  470.   margin-left: 0; }
  471.   .small-margin-collapse > .cell {
  472.     margin-right: 0;
  473.     margin-left: 0; }
  474.   .small-margin-collapse > .small-1 {
  475.     width: 8.3333333333%; }
  476.   .small-margin-collapse > .small-2 {
  477.     width: 16.6666666667%; }
  478.   .small-margin-collapse > .small-3 {
  479.     width: 25%; }
  480.   .small-margin-collapse > .small-4 {
  481.     width: 33.3333333333%; }
  482.   .small-margin-collapse > .small-5 {
  483.     width: 41.6666666667%; }
  484.   .small-margin-collapse > .small-6 {
  485.     width: 50%; }
  486.   .small-margin-collapse > .small-7 {
  487.     width: 58.3333333333%; }
  488.   .small-margin-collapse > .small-8 {
  489.     width: 66.6666666667%; }
  490.   .small-margin-collapse > .small-9 {
  491.     width: 75%; }
  492.   .small-margin-collapse > .small-10 {
  493.     width: 83.3333333333%; }
  494.   .small-margin-collapse > .small-11 {
  495.     width: 91.6666666667%; }
  496.   .small-margin-collapse > .small-12 {
  497.     width: 100%; }
  498.   @media print, screen and (min-width: 40em) {
  499.     .small-margin-collapse > .medium-1 {
  500.       width: 8.3333333333%; }
  501.     .small-margin-collapse > .medium-2 {
  502.       width: 16.6666666667%; }
  503.     .small-margin-collapse > .medium-3 {
  504.       width: 25%; }
  505.     .small-margin-collapse > .medium-4 {
  506.       width: 33.3333333333%; }
  507.     .small-margin-collapse > .medium-5 {
  508.       width: 41.6666666667%; }
  509.     .small-margin-collapse > .medium-6 {
  510.       width: 50%; }
  511.     .small-margin-collapse > .medium-7 {
  512.       width: 58.3333333333%; }
  513.     .small-margin-collapse > .medium-8 {
  514.       width: 66.6666666667%; }
  515.     .small-margin-collapse > .medium-9 {
  516.       width: 75%; }
  517.     .small-margin-collapse > .medium-10 {
  518.       width: 83.3333333333%; }
  519.     .small-margin-collapse > .medium-11 {
  520.       width: 91.6666666667%; }
  521.     .small-margin-collapse > .medium-12 {
  522.       width: 100%; } }
  523.   @media print, screen and (min-width: 64em) {
  524.     .small-margin-collapse > .large-1 {
  525.       width: 8.3333333333%; }
  526.     .small-margin-collapse > .large-2 {
  527.       width: 16.6666666667%; }
  528.     .small-margin-collapse > .large-3 {
  529.       width: 25%; }
  530.     .small-margin-collapse > .large-4 {
  531.       width: 33.3333333333%; }
  532.     .small-margin-collapse > .large-5 {
  533.       width: 41.6666666667%; }
  534.     .small-margin-collapse > .large-6 {
  535.       width: 50%; }
  536.     .small-margin-collapse > .large-7 {
  537.       width: 58.3333333333%; }
  538.     .small-margin-collapse > .large-8 {
  539.       width: 66.6666666667%; }
  540.     .small-margin-collapse > .large-9 {
  541.       width: 75%; }
  542.     .small-margin-collapse > .large-10 {
  543.       width: 83.3333333333%; }
  544.     .small-margin-collapse > .large-11 {
  545.       width: 91.6666666667%; }
  546.     .small-margin-collapse > .large-12 {
  547.       width: 100%; } }
  548.  
  549. .small-padding-collapse {
  550.   margin-right: 0;
  551.   margin-left: 0; }
  552.   .small-padding-collapse > .cell {
  553.     padding-right: 0;
  554.     padding-left: 0; }
  555.  
  556. @media print, screen and (min-width: 40em) {
  557.   .medium-margin-collapse {
  558.     margin-right: 0;
  559.     margin-left: 0; }
  560.     .medium-margin-collapse > .cell {
  561.       margin-right: 0;
  562.       margin-left: 0; } }
  563.  
  564. @media print, screen and (min-width: 40em) {
  565.   .medium-margin-collapse > .small-1 {
  566.     width: 8.3333333333%; }
  567.   .medium-margin-collapse > .small-2 {
  568.     width: 16.6666666667%; }
  569.   .medium-margin-collapse > .small-3 {
  570.     width: 25%; }
  571.   .medium-margin-collapse > .small-4 {
  572.     width: 33.3333333333%; }
  573.   .medium-margin-collapse > .small-5 {
  574.     width: 41.6666666667%; }
  575.   .medium-margin-collapse > .small-6 {
  576.     width: 50%; }
  577.   .medium-margin-collapse > .small-7 {
  578.     width: 58.3333333333%; }
  579.   .medium-margin-collapse > .small-8 {
  580.     width: 66.6666666667%; }
  581.   .medium-margin-collapse > .small-9 {
  582.     width: 75%; }
  583.   .medium-margin-collapse > .small-10 {
  584.     width: 83.3333333333%; }
  585.   .medium-margin-collapse > .small-11 {
  586.     width: 91.6666666667%; }
  587.   .medium-margin-collapse > .small-12 {
  588.     width: 100%; } }
  589.  
  590. @media print, screen and (min-width: 40em) {
  591.   .medium-margin-collapse > .medium-1 {
  592.     width: 8.3333333333%; }
  593.   .medium-margin-collapse > .medium-2 {
  594.     width: 16.6666666667%; }
  595.   .medium-margin-collapse > .medium-3 {
  596.     width: 25%; }
  597.   .medium-margin-collapse > .medium-4 {
  598.     width: 33.3333333333%; }
  599.   .medium-margin-collapse > .medium-5 {
  600.     width: 41.6666666667%; }
  601.   .medium-margin-collapse > .medium-6 {
  602.     width: 50%; }
  603.   .medium-margin-collapse > .medium-7 {
  604.     width: 58.3333333333%; }
  605.   .medium-margin-collapse > .medium-8 {
  606.     width: 66.6666666667%; }
  607.   .medium-margin-collapse > .medium-9 {
  608.     width: 75%; }
  609.   .medium-margin-collapse > .medium-10 {
  610.     width: 83.3333333333%; }
  611.   .medium-margin-collapse > .medium-11 {
  612.     width: 91.6666666667%; }
  613.   .medium-margin-collapse > .medium-12 {
  614.     width: 100%; } }
  615.  
  616. @media print, screen and (min-width: 64em) {
  617.   .medium-margin-collapse > .large-1 {
  618.     width: 8.3333333333%; }
  619.   .medium-margin-collapse > .large-2 {
  620.     width: 16.6666666667%; }
  621.   .medium-margin-collapse > .large-3 {
  622.     width: 25%; }
  623.   .medium-margin-collapse > .large-4 {
  624.     width: 33.3333333333%; }
  625.   .medium-margin-collapse > .large-5 {
  626.     width: 41.6666666667%; }
  627.   .medium-margin-collapse > .large-6 {
  628.     width: 50%; }
  629.   .medium-margin-collapse > .large-7 {
  630.     width: 58.3333333333%; }
  631.   .medium-margin-collapse > .large-8 {
  632.     width: 66.6666666667%; }
  633.   .medium-margin-collapse > .large-9 {
  634.     width: 75%; }
  635.   .medium-margin-collapse > .large-10 {
  636.     width: 83.3333333333%; }
  637.   .medium-margin-collapse > .large-11 {
  638.     width: 91.6666666667%; }
  639.   .medium-margin-collapse > .large-12 {
  640.     width: 100%; } }
  641.  
  642. @media print, screen and (min-width: 40em) {
  643.   .medium-padding-collapse {
  644.     margin-right: 0;
  645.     margin-left: 0; }
  646.     .medium-padding-collapse > .cell {
  647.       padding-right: 0;
  648.       padding-left: 0; } }
  649.  
  650. @media print, screen and (min-width: 64em) {
  651.   .large-margin-collapse {
  652.     margin-right: 0;
  653.     margin-left: 0; }
  654.     .large-margin-collapse > .cell {
  655.       margin-right: 0;
  656.       margin-left: 0; } }
  657.  
  658. @media print, screen and (min-width: 64em) {
  659.   .large-margin-collapse > .small-1 {
  660.     width: 8.3333333333%; }
  661.   .large-margin-collapse > .small-2 {
  662.     width: 16.6666666667%; }
  663.   .large-margin-collapse > .small-3 {
  664.     width: 25%; }
  665.   .large-margin-collapse > .small-4 {
  666.     width: 33.3333333333%; }
  667.   .large-margin-collapse > .small-5 {
  668.     width: 41.6666666667%; }
  669.   .large-margin-collapse > .small-6 {
  670.     width: 50%; }
  671.   .large-margin-collapse > .small-7 {
  672.     width: 58.3333333333%; }
  673.   .large-margin-collapse > .small-8 {
  674.     width: 66.6666666667%; }
  675.   .large-margin-collapse > .small-9 {
  676.     width: 75%; }
  677.   .large-margin-collapse > .small-10 {
  678.     width: 83.3333333333%; }
  679.   .large-margin-collapse > .small-11 {
  680.     width: 91.6666666667%; }
  681.   .large-margin-collapse > .small-12 {
  682.     width: 100%; } }
  683.  
  684. @media print, screen and (min-width: 64em) {
  685.   .large-margin-collapse > .medium-1 {
  686.     width: 8.3333333333%; }
  687.   .large-margin-collapse > .medium-2 {
  688.     width: 16.6666666667%; }
  689.   .large-margin-collapse > .medium-3 {
  690.     width: 25%; }
  691.   .large-margin-collapse > .medium-4 {
  692.     width: 33.3333333333%; }
  693.   .large-margin-collapse > .medium-5 {
  694.     width: 41.6666666667%; }
  695.   .large-margin-collapse > .medium-6 {
  696.     width: 50%; }
  697.   .large-margin-collapse > .medium-7 {
  698.     width: 58.3333333333%; }
  699.   .large-margin-collapse > .medium-8 {
  700.     width: 66.6666666667%; }
  701.   .large-margin-collapse > .medium-9 {
  702.     width: 75%; }
  703.   .large-margin-collapse > .medium-10 {
  704.     width: 83.3333333333%; }
  705.   .large-margin-collapse > .medium-11 {
  706.     width: 91.6666666667%; }
  707.   .large-margin-collapse > .medium-12 {
  708.     width: 100%; } }
  709.  
  710. @media print, screen and (min-width: 64em) {
  711.   .large-margin-collapse > .large-1 {
  712.     width: 8.3333333333%; }
  713.   .large-margin-collapse > .large-2 {
  714.     width: 16.6666666667%; }
  715.   .large-margin-collapse > .large-3 {
  716.     width: 25%; }
  717.   .large-margin-collapse > .large-4 {
  718.     width: 33.3333333333%; }
  719.   .large-margin-collapse > .large-5 {
  720.     width: 41.6666666667%; }
  721.   .large-margin-collapse > .large-6 {
  722.     width: 50%; }
  723.   .large-margin-collapse > .large-7 {
  724.     width: 58.3333333333%; }
  725.   .large-margin-collapse > .large-8 {
  726.     width: 66.6666666667%; }
  727.   .large-margin-collapse > .large-9 {
  728.     width: 75%; }
  729.   .large-margin-collapse > .large-10 {
  730.     width: 83.3333333333%; }
  731.   .large-margin-collapse > .large-11 {
  732.     width: 91.6666666667%; }
  733.   .large-margin-collapse > .large-12 {
  734.     width: 100%; } }
  735.  
  736. @media print, screen and (min-width: 64em) {
  737.   .large-padding-collapse {
  738.     margin-right: 0;
  739.     margin-left: 0; }
  740.     .large-padding-collapse > .cell {
  741.       padding-right: 0;
  742.       padding-left: 0; } }
  743.  
  744. .small-offset-0 {
  745.   margin-left: 0%; }
  746.  
  747. .grid-margin-x > .small-offset-0 {
  748.   margin-left: calc(0% + 0.625rem); }
  749.  
  750. .small-offset-1 {
  751.   margin-left: 8.3333333333%; }
  752.  
  753. .grid-margin-x > .small-offset-1 {
  754.   margin-left: calc(8.3333333333% + 0.625rem); }
  755.  
  756. .small-offset-2 {
  757.   margin-left: 16.6666666667%; }
  758.  
  759. .grid-margin-x > .small-offset-2 {
  760.   margin-left: calc(16.6666666667% + 0.625rem); }
  761.  
  762. .small-offset-3 {
  763.   margin-left: 25%; }
  764.  
  765. .grid-margin-x > .small-offset-3 {
  766.   margin-left: calc(25% + 0.625rem); }
  767.  
  768. .small-offset-4 {
  769.   margin-left: 33.3333333333%; }
  770.  
  771. .grid-margin-x > .small-offset-4 {
  772.   margin-left: calc(33.3333333333% + 0.625rem); }
  773.  
  774. .small-offset-5 {
  775.   margin-left: 41.6666666667%; }
  776.  
  777. .grid-margin-x > .small-offset-5 {
  778.   margin-left: calc(41.6666666667% + 0.625rem); }
  779.  
  780. .small-offset-6 {
  781.   margin-left: 50%; }
  782.  
  783. .grid-margin-x > .small-offset-6 {
  784.   margin-left: calc(50% + 0.625rem); }
  785.  
  786. .small-offset-7 {
  787.   margin-left: 58.3333333333%; }
  788.  
  789. .grid-margin-x > .small-offset-7 {
  790.   margin-left: calc(58.3333333333% + 0.625rem); }
  791.  
  792. .small-offset-8 {
  793.   margin-left: 66.6666666667%; }
  794.  
  795. .grid-margin-x > .small-offset-8 {
  796.   margin-left: calc(66.6666666667% + 0.625rem); }
  797.  
  798. .small-offset-9 {
  799.   margin-left: 75%; }
  800.  
  801. .grid-margin-x > .small-offset-9 {
  802.   margin-left: calc(75% + 0.625rem); }
  803.  
  804. .small-offset-10 {
  805.   margin-left: 83.3333333333%; }
  806.  
  807. .grid-margin-x > .small-offset-10 {
  808.   margin-left: calc(83.3333333333% + 0.625rem); }
  809.  
  810. .small-offset-11 {
  811.   margin-left: 91.6666666667%; }
  812.  
  813. .grid-margin-x > .small-offset-11 {
  814.   margin-left: calc(91.6666666667% + 0.625rem); }
  815.  
  816. @media print, screen and (min-width: 40em) {
  817.   .medium-offset-0 {
  818.     margin-left: 0%; }
  819.   .grid-margin-x > .medium-offset-0 {
  820.     margin-left: calc(0% + 0.9375rem); }
  821.   .medium-offset-1 {
  822.     margin-left: 8.3333333333%; }
  823.   .grid-margin-x > .medium-offset-1 {
  824.     margin-left: calc(8.3333333333% + 0.9375rem); }
  825.   .medium-offset-2 {
  826.     margin-left: 16.6666666667%; }
  827.   .grid-margin-x > .medium-offset-2 {
  828.     margin-left: calc(16.6666666667% + 0.9375rem); }
  829.   .medium-offset-3 {
  830.     margin-left: 25%; }
  831.   .grid-margin-x > .medium-offset-3 {
  832.     margin-left: calc(25% + 0.9375rem); }
  833.   .medium-offset-4 {
  834.     margin-left: 33.3333333333%; }
  835.   .grid-margin-x > .medium-offset-4 {
  836.     margin-left: calc(33.3333333333% + 0.9375rem); }
  837.   .medium-offset-5 {
  838.     margin-left: 41.6666666667%; }
  839.   .grid-margin-x > .medium-offset-5 {
  840.     margin-left: calc(41.6666666667% + 0.9375rem); }
  841.   .medium-offset-6 {
  842.     margin-left: 50%; }
  843.   .grid-margin-x > .medium-offset-6 {
  844.     margin-left: calc(50% + 0.9375rem); }
  845.   .medium-offset-7 {
  846.     margin-left: 58.3333333333%; }
  847.   .grid-margin-x > .medium-offset-7 {
  848.     margin-left: calc(58.3333333333% + 0.9375rem); }
  849.   .medium-offset-8 {
  850.     margin-left: 66.6666666667%; }
  851.   .grid-margin-x > .medium-offset-8 {
  852.     margin-left: calc(66.6666666667% + 0.9375rem); }
  853.   .medium-offset-9 {
  854.     margin-left: 75%; }
  855.   .grid-margin-x > .medium-offset-9 {
  856.     margin-left: calc(75% + 0.9375rem); }
  857.   .medium-offset-10 {
  858.     margin-left: 83.3333333333%; }
  859.   .grid-margin-x > .medium-offset-10 {
  860.     margin-left: calc(83.3333333333% + 0.9375rem); }
  861.   .medium-offset-11 {
  862.     margin-left: 91.6666666667%; }
  863.   .grid-margin-x > .medium-offset-11 {
  864.     margin-left: calc(91.6666666667% + 0.9375rem); } }
  865.  
  866. @media print, screen and (min-width: 64em) {
  867.   .large-offset-0 {
  868.     margin-left: 0%; }
  869.   .grid-margin-x > .large-offset-0 {
  870.     margin-left: calc(0% + 0.9375rem); }
  871.   .large-offset-1 {
  872.     margin-left: 8.3333333333%; }
  873.   .grid-margin-x > .large-offset-1 {
  874.     margin-left: calc(8.3333333333% + 0.9375rem); }
  875.   .large-offset-2 {
  876.     margin-left: 16.6666666667%; }
  877.   .grid-margin-x > .large-offset-2 {
  878.     margin-left: calc(16.6666666667% + 0.9375rem); }
  879.   .large-offset-3 {
  880.     margin-left: 25%; }
  881.   .grid-margin-x > .large-offset-3 {
  882.     margin-left: calc(25% + 0.9375rem); }
  883.   .large-offset-4 {
  884.     margin-left: 33.3333333333%; }
  885.   .grid-margin-x > .large-offset-4 {
  886.     margin-left: calc(33.3333333333% + 0.9375rem); }
  887.   .large-offset-5 {
  888.     margin-left: 41.6666666667%; }
  889.   .grid-margin-x > .large-offset-5 {
  890.     margin-left: calc(41.6666666667% + 0.9375rem); }
  891.   .large-offset-6 {
  892.     margin-left: 50%; }
  893.   .grid-margin-x > .large-offset-6 {
  894.     margin-left: calc(50% + 0.9375rem); }
  895.   .large-offset-7 {
  896.     margin-left: 58.3333333333%; }
  897.   .grid-margin-x > .large-offset-7 {
  898.     margin-left: calc(58.3333333333% + 0.9375rem); }
  899.   .large-offset-8 {
  900.     margin-left: 66.6666666667%; }
  901.   .grid-margin-x > .large-offset-8 {
  902.     margin-left: calc(66.6666666667% + 0.9375rem); }
  903.   .large-offset-9 {
  904.     margin-left: 75%; }
  905.   .grid-margin-x > .large-offset-9 {
  906.     margin-left: calc(75% + 0.9375rem); }
  907.   .large-offset-10 {
  908.     margin-left: 83.3333333333%; }
  909.   .grid-margin-x > .large-offset-10 {
  910.     margin-left: calc(83.3333333333% + 0.9375rem); }
  911.   .large-offset-11 {
  912.     margin-left: 91.6666666667%; }
  913.   .grid-margin-x > .large-offset-11 {
  914.     margin-left: calc(91.6666666667% + 0.9375rem); } }
  915.  
  916. .grid-y {
  917.   display: flex;
  918.   flex-flow: column nowrap; }
  919.   .grid-y > .cell {
  920.     height: auto;
  921.     max-height: none; }
  922.   .grid-y > .auto {
  923.     height: auto; }
  924.   .grid-y > .shrink {
  925.     height: auto; }
  926.   .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  927.     flex-basis: auto; }
  928.   @media print, screen and (min-width: 40em) {
  929.     .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
  930.       flex-basis: auto; } }
  931.   @media print, screen and (min-width: 64em) {
  932.     .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
  933.       flex-basis: auto; } }
  934.   .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  935.     flex: 0 0 auto; }
  936.   .grid-y > .small-1 {
  937.     height: 8.3333333333%; }
  938.   .grid-y > .small-2 {
  939.     height: 16.6666666667%; }
  940.   .grid-y > .small-3 {
  941.     height: 25%; }
  942.   .grid-y > .small-4 {
  943.     height: 33.3333333333%; }
  944.   .grid-y > .small-5 {
  945.     height: 41.6666666667%; }
  946.   .grid-y > .small-6 {
  947.     height: 50%; }
  948.   .grid-y > .small-7 {
  949.     height: 58.3333333333%; }
  950.   .grid-y > .small-8 {
  951.     height: 66.6666666667%; }
  952.   .grid-y > .small-9 {
  953.     height: 75%; }
  954.   .grid-y > .small-10 {
  955.     height: 83.3333333333%; }
  956.   .grid-y > .small-11 {
  957.     height: 91.6666666667%; }
  958.   .grid-y > .small-12 {
  959.     height: 100%; }
  960.   @media print, screen and (min-width: 40em) {
  961.     .grid-y > .medium-auto {
  962.       flex: 1 1 0px;
  963.       height: auto; }
  964.     .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
  965.       flex: 0 0 auto; }
  966.     .grid-y > .medium-shrink {
  967.       height: auto; }
  968.     .grid-y > .medium-1 {
  969.       height: 8.3333333333%; }
  970.     .grid-y > .medium-2 {
  971.       height: 16.6666666667%; }
  972.     .grid-y > .medium-3 {
  973.       height: 25%; }
  974.     .grid-y > .medium-4 {
  975.       height: 33.3333333333%; }
  976.     .grid-y > .medium-5 {
  977.       height: 41.6666666667%; }
  978.     .grid-y > .medium-6 {
  979.       height: 50%; }
  980.     .grid-y > .medium-7 {
  981.       height: 58.3333333333%; }
  982.     .grid-y > .medium-8 {
  983.       height: 66.6666666667%; }
  984.     .grid-y > .medium-9 {
  985.       height: 75%; }
  986.     .grid-y > .medium-10 {
  987.       height: 83.3333333333%; }
  988.     .grid-y > .medium-11 {
  989.       height: 91.6666666667%; }
  990.     .grid-y > .medium-12 {
  991.       height: 100%; } }
  992.   @media print, screen and (min-width: 64em) {
  993.     .grid-y > .large-auto {
  994.       flex: 1 1 0px;
  995.       height: auto; }
  996.     .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
  997.       flex: 0 0 auto; }
  998.     .grid-y > .large-shrink {
  999.       height: auto; }
  1000.     .grid-y > .large-1 {
  1001.       height: 8.3333333333%; }
  1002.     .grid-y > .large-2 {
  1003.       height: 16.6666666667%; }
  1004.     .grid-y > .large-3 {
  1005.       height: 25%; }
  1006.     .grid-y > .large-4 {
  1007.       height: 33.3333333333%; }
  1008.     .grid-y > .large-5 {
  1009.       height: 41.6666666667%; }
  1010.     .grid-y > .large-6 {
  1011.       height: 50%; }
  1012.     .grid-y > .large-7 {
  1013.       height: 58.3333333333%; }
  1014.     .grid-y > .large-8 {
  1015.       height: 66.6666666667%; }
  1016.     .grid-y > .large-9 {
  1017.       height: 75%; }
  1018.     .grid-y > .large-10 {
  1019.       height: 83.3333333333%; }
  1020.     .grid-y > .large-11 {
  1021.       height: 91.6666666667%; }
  1022.     .grid-y > .large-12 {
  1023.       height: 100%; } }
  1024.  
  1025. .grid-padding-y .grid-padding-y {
  1026.   margin-top: -0.625rem;
  1027.   margin-bottom: -0.625rem; }
  1028.   @media print, screen and (min-width: 40em) {
  1029.     .grid-padding-y .grid-padding-y {
  1030.       margin-top: -0.9375rem;
  1031.       margin-bottom: -0.9375rem; } }
  1032.  
  1033. .grid-padding-y > .cell {
  1034.   padding-top: 0.625rem;
  1035.   padding-bottom: 0.625rem; }
  1036.   @media print, screen and (min-width: 40em) {
  1037.     .grid-padding-y > .cell {
  1038.       padding-top: 0.9375rem;
  1039.       padding-bottom: 0.9375rem; } }
  1040.  
  1041. .grid-margin-y {
  1042.   margin-top: -0.625rem;
  1043.   margin-bottom: -0.625rem; }
  1044.   @media print, screen and (min-width: 40em) {
  1045.     .grid-margin-y {
  1046.       margin-top: -0.9375rem;
  1047.       margin-bottom: -0.9375rem; } }
  1048.   .grid-margin-y > .cell {
  1049.     height: calc(100% - 1.25rem);
  1050.     margin-top: 0.625rem;
  1051.     margin-bottom: 0.625rem; }
  1052.   @media print, screen and (min-width: 40em) {
  1053.     .grid-margin-y > .cell {
  1054.       height: calc(100% - 1.875rem);
  1055.       margin-top: 0.9375rem;
  1056.       margin-bottom: 0.9375rem; } }
  1057.   .grid-margin-y > .auto {
  1058.     height: auto; }
  1059.   .grid-margin-y > .shrink {
  1060.     height: auto; }
  1061.   .grid-margin-y > .small-1 {
  1062.     height: calc(8.3333333333% - 1.25rem); }
  1063.   .grid-margin-y > .small-2 {
  1064.     height: calc(16.6666666667% - 1.25rem); }
  1065.   .grid-margin-y > .small-3 {
  1066.     height: calc(25% - 1.25rem); }
  1067.   .grid-margin-y > .small-4 {
  1068.     height: calc(33.3333333333% - 1.25rem); }
  1069.   .grid-margin-y > .small-5 {
  1070.     height: calc(41.6666666667% - 1.25rem); }
  1071.   .grid-margin-y > .small-6 {
  1072.     height: calc(50% - 1.25rem); }
  1073.   .grid-margin-y > .small-7 {
  1074.     height: calc(58.3333333333% - 1.25rem); }
  1075.   .grid-margin-y > .small-8 {
  1076.     height: calc(66.6666666667% - 1.25rem); }
  1077.   .grid-margin-y > .small-9 {
  1078.     height: calc(75% - 1.25rem); }
  1079.   .grid-margin-y > .small-10 {
  1080.     height: calc(83.3333333333% - 1.25rem); }
  1081.   .grid-margin-y > .small-11 {
  1082.     height: calc(91.6666666667% - 1.25rem); }
  1083.   .grid-margin-y > .small-12 {
  1084.     height: calc(100% - 1.25rem); }
  1085.   @media print, screen and (min-width: 40em) {
  1086.     .grid-margin-y > .auto {
  1087.       height: auto; }
  1088.     .grid-margin-y > .shrink {
  1089.       height: auto; }
  1090.     .grid-margin-y > .small-1 {
  1091.       height: calc(8.3333333333% - 1.875rem); }
  1092.     .grid-margin-y > .small-2 {
  1093.       height: calc(16.6666666667% - 1.875rem); }
  1094.     .grid-margin-y > .small-3 {
  1095.       height: calc(25% - 1.875rem); }
  1096.     .grid-margin-y > .small-4 {
  1097.       height: calc(33.3333333333% - 1.875rem); }
  1098.     .grid-margin-y > .small-5 {
  1099.       height: calc(41.6666666667% - 1.875rem); }
  1100.     .grid-margin-y > .small-6 {
  1101.       height: calc(50% - 1.875rem); }
  1102.     .grid-margin-y > .small-7 {
  1103.       height: calc(58.3333333333% - 1.875rem); }
  1104.     .grid-margin-y > .small-8 {
  1105.       height: calc(66.6666666667% - 1.875rem); }
  1106.     .grid-margin-y > .small-9 {
  1107.       height: calc(75% - 1.875rem); }
  1108.     .grid-margin-y > .small-10 {
  1109.       height: calc(83.3333333333% - 1.875rem); }
  1110.     .grid-margin-y > .small-11 {
  1111.       height: calc(91.6666666667% - 1.875rem); }
  1112.     .grid-margin-y > .small-12 {
  1113.       height: calc(100% - 1.875rem); }
  1114.     .grid-margin-y > .medium-auto {
  1115.       height: auto; }
  1116.     .grid-margin-y > .medium-shrink {
  1117.       height: auto; }
  1118.     .grid-margin-y > .medium-1 {
  1119.       height: calc(8.3333333333% - 1.875rem); }
  1120.     .grid-margin-y > .medium-2 {
  1121.       height: calc(16.6666666667% - 1.875rem); }
  1122.     .grid-margin-y > .medium-3 {
  1123.       height: calc(25% - 1.875rem); }
  1124.     .grid-margin-y > .medium-4 {
  1125.       height: calc(33.3333333333% - 1.875rem); }
  1126.     .grid-margin-y > .medium-5 {
  1127.       height: calc(41.6666666667% - 1.875rem); }
  1128.     .grid-margin-y > .medium-6 {
  1129.       height: calc(50% - 1.875rem); }
  1130.     .grid-margin-y > .medium-7 {
  1131.       height: calc(58.3333333333% - 1.875rem); }
  1132.     .grid-margin-y > .medium-8 {
  1133.       height: calc(66.6666666667% - 1.875rem); }
  1134.     .grid-margin-y > .medium-9 {
  1135.       height: calc(75% - 1.875rem); }
  1136.     .grid-margin-y > .medium-10 {
  1137.       height: calc(83.3333333333% - 1.875rem); }
  1138.     .grid-margin-y > .medium-11 {
  1139.       height: calc(91.6666666667% - 1.875rem); }
  1140.     .grid-margin-y > .medium-12 {
  1141.       height: calc(100% - 1.875rem); } }
  1142.   @media print, screen and (min-width: 64em) {
  1143.     .grid-margin-y > .large-auto {
  1144.       height: auto; }
  1145.     .grid-margin-y > .large-shrink {
  1146.       height: auto; }
  1147.     .grid-margin-y > .large-1 {
  1148.       height: calc(8.3333333333% - 1.875rem); }
  1149.     .grid-margin-y > .large-2 {
  1150.       height: calc(16.6666666667% - 1.875rem); }
  1151.     .grid-margin-y > .large-3 {
  1152.       height: calc(25% - 1.875rem); }
  1153.     .grid-margin-y > .large-4 {
  1154.       height: calc(33.3333333333% - 1.875rem); }
  1155.     .grid-margin-y > .large-5 {
  1156.       height: calc(41.6666666667% - 1.875rem); }
  1157.     .grid-margin-y > .large-6 {
  1158.       height: calc(50% - 1.875rem); }
  1159.     .grid-margin-y > .large-7 {
  1160.       height: calc(58.3333333333% - 1.875rem); }
  1161.     .grid-margin-y > .large-8 {
  1162.       height: calc(66.6666666667% - 1.875rem); }
  1163.     .grid-margin-y > .large-9 {
  1164.       height: calc(75% - 1.875rem); }
  1165.     .grid-margin-y > .large-10 {
  1166.       height: calc(83.3333333333% - 1.875rem); }
  1167.     .grid-margin-y > .large-11 {
  1168.       height: calc(91.6666666667% - 1.875rem); }
  1169.     .grid-margin-y > .large-12 {
  1170.       height: calc(100% - 1.875rem); } }
  1171.  
  1172. .grid-frame {
  1173.   overflow: hidden;
  1174.   position: relative;
  1175.   flex-wrap: nowrap;
  1176.   align-items: stretch;
  1177.   width: 100vw; }
  1178.  
  1179. .cell .grid-frame {
  1180.   width: 100%; }
  1181.  
  1182. .cell-block {
  1183.   overflow-x: auto;
  1184.   max-width: 100%;
  1185.   -webkit-overflow-scrolling: touch;
  1186.   -ms-overflow-style: -ms-autohiding-scrollbar; }
  1187.  
  1188. .cell-block-y {
  1189.   overflow-y: auto;
  1190.   max-height: 100%;
  1191.   min-height: 100%;
  1192.   -webkit-overflow-scrolling: touch;
  1193.   -ms-overflow-style: -ms-autohiding-scrollbar; }
  1194.  
  1195. .cell-block-container {
  1196.   display: flex;
  1197.   flex-direction: column;
  1198.   max-height: 100%; }
  1199.   .cell-block-container > .grid-x {
  1200.     max-height: 100%;
  1201.     flex-wrap: nowrap; }
  1202.  
  1203. @media print, screen and (min-width: 40em) {
  1204.   .medium-grid-frame {
  1205.     overflow: hidden;
  1206.     position: relative;
  1207.     flex-wrap: nowrap;
  1208.     align-items: stretch;
  1209.     width: 100vw; }
  1210.   .cell .medium-grid-frame {
  1211.     width: 100%; }
  1212.   .medium-cell-block {
  1213.     overflow-x: auto;
  1214.     max-width: 100%;
  1215.     -webkit-overflow-scrolling: touch;
  1216.     -ms-overflow-style: -ms-autohiding-scrollbar; }
  1217.   .medium-cell-block-container {
  1218.     display: flex;
  1219.     flex-direction: column;
  1220.     max-height: 100%; }
  1221.     .medium-cell-block-container > .grid-x {
  1222.       max-height: 100%;
  1223.       flex-wrap: nowrap; }
  1224.   .medium-cell-block-y {
  1225.     overflow-y: auto;
  1226.     max-height: 100%;
  1227.     min-height: 100%;
  1228.     -webkit-overflow-scrolling: touch;
  1229.     -ms-overflow-style: -ms-autohiding-scrollbar; } }
  1230.  
  1231. @media print, screen and (min-width: 64em) {
  1232.   .large-grid-frame {
  1233.     overflow: hidden;
  1234.     position: relative;
  1235.     flex-wrap: nowrap;
  1236.     align-items: stretch;
  1237.     width: 100vw; }
  1238.   .cell .large-grid-frame {
  1239.     width: 100%; }
  1240.   .large-cell-block {
  1241.     overflow-x: auto;
  1242.     max-width: 100%;
  1243.     -webkit-overflow-scrolling: touch;
  1244.     -ms-overflow-style: -ms-autohiding-scrollbar; }
  1245.   .large-cell-block-container {
  1246.     display: flex;
  1247.     flex-direction: column;
  1248.     max-height: 100%; }
  1249.     .large-cell-block-container > .grid-x {
  1250.       max-height: 100%;
  1251.       flex-wrap: nowrap; }
  1252.   .large-cell-block-y {
  1253.     overflow-y: auto;
  1254.     max-height: 100%;
  1255.     min-height: 100%;
  1256.     -webkit-overflow-scrolling: touch;
  1257.     -ms-overflow-style: -ms-autohiding-scrollbar; } }
  1258.  
  1259. .grid-y.grid-frame {
  1260.   width: auto;
  1261.   overflow: hidden;
  1262.   position: relative;
  1263.   flex-wrap: nowrap;
  1264.   align-items: stretch;
  1265.   height: 100vh; }
  1266.  
  1267. @media print, screen and (min-width: 40em) {
  1268.   .grid-y.medium-grid-frame {
  1269.     width: auto;
  1270.     overflow: hidden;
  1271.     position: relative;
  1272.     flex-wrap: nowrap;
  1273.     align-items: stretch;
  1274.     height: 100vh; } }
  1275.  
  1276. @media print, screen and (min-width: 64em) {
  1277.   .grid-y.large-grid-frame {
  1278.     width: auto;
  1279.     overflow: hidden;
  1280.     position: relative;
  1281.     flex-wrap: nowrap;
  1282.     align-items: stretch;
  1283.     height: 100vh; } }
  1284.  
  1285. .cell .grid-y.grid-frame {
  1286.   height: 100%; }
  1287.  
  1288. @media print, screen and (min-width: 40em) {
  1289.   .cell .grid-y.medium-grid-frame {
  1290.     height: 100%; } }
  1291.  
  1292. @media print, screen and (min-width: 64em) {
  1293.   .cell .grid-y.large-grid-frame {
  1294.     height: 100%; } }
  1295.  
  1296. .grid-margin-y {
  1297.   margin-top: -0.625rem;
  1298.   margin-bottom: -0.625rem; }
  1299.   @media print, screen and (min-width: 40em) {
  1300.     .grid-margin-y {
  1301.       margin-top: -0.9375rem;
  1302.       margin-bottom: -0.9375rem; } }
  1303.   .grid-margin-y > .cell {
  1304.     height: calc(100% - 1.25rem);
  1305.     margin-top: 0.625rem;
  1306.     margin-bottom: 0.625rem; }
  1307.   @media print, screen and (min-width: 40em) {
  1308.     .grid-margin-y > .cell {
  1309.       height: calc(100% - 1.875rem);
  1310.       margin-top: 0.9375rem;
  1311.       margin-bottom: 0.9375rem; } }
  1312.   .grid-margin-y > .auto {
  1313.     height: auto; }
  1314.   .grid-margin-y > .shrink {
  1315.     height: auto; }
  1316.   .grid-margin-y > .small-1 {
  1317.     height: calc(8.3333333333% - 1.25rem); }
  1318.   .grid-margin-y > .small-2 {
  1319.     height: calc(16.6666666667% - 1.25rem); }
  1320.   .grid-margin-y > .small-3 {
  1321.     height: calc(25% - 1.25rem); }
  1322.   .grid-margin-y > .small-4 {
  1323.     height: calc(33.3333333333% - 1.25rem); }
  1324.   .grid-margin-y > .small-5 {
  1325.     height: calc(41.6666666667% - 1.25rem); }
  1326.   .grid-margin-y > .small-6 {
  1327.     height: calc(50% - 1.25rem); }
  1328.   .grid-margin-y > .small-7 {
  1329.     height: calc(58.3333333333% - 1.25rem); }
  1330.   .grid-margin-y > .small-8 {
  1331.     height: calc(66.6666666667% - 1.25rem); }
  1332.   .grid-margin-y > .small-9 {
  1333.     height: calc(75% - 1.25rem); }
  1334.   .grid-margin-y > .small-10 {
  1335.     height: calc(83.3333333333% - 1.25rem); }
  1336.   .grid-margin-y > .small-11 {
  1337.     height: calc(91.6666666667% - 1.25rem); }
  1338.   .grid-margin-y > .small-12 {
  1339.     height: calc(100% - 1.25rem); }
  1340.   @media print, screen and (min-width: 40em) {
  1341.     .grid-margin-y > .auto {
  1342.       height: auto; }
  1343.     .grid-margin-y > .shrink {
  1344.       height: auto; }
  1345.     .grid-margin-y > .small-1 {
  1346.       height: calc(8.3333333333% - 1.875rem); }
  1347.     .grid-margin-y > .small-2 {
  1348.       height: calc(16.6666666667% - 1.875rem); }
  1349.     .grid-margin-y > .small-3 {
  1350.       height: calc(25% - 1.875rem); }
  1351.     .grid-margin-y > .small-4 {
  1352.       height: calc(33.3333333333% - 1.875rem); }
  1353.     .grid-margin-y > .small-5 {
  1354.       height: calc(41.6666666667% - 1.875rem); }
  1355.     .grid-margin-y > .small-6 {
  1356.       height: calc(50% - 1.875rem); }
  1357.     .grid-margin-y > .small-7 {
  1358.       height: calc(58.3333333333% - 1.875rem); }
  1359.     .grid-margin-y > .small-8 {
  1360.       height: calc(66.6666666667% - 1.875rem); }
  1361.     .grid-margin-y > .small-9 {
  1362.       height: calc(75% - 1.875rem); }
  1363.     .grid-margin-y > .small-10 {
  1364.       height: calc(83.3333333333% - 1.875rem); }
  1365.     .grid-margin-y > .small-11 {
  1366.       height: calc(91.6666666667% - 1.875rem); }
  1367.     .grid-margin-y > .small-12 {
  1368.       height: calc(100% - 1.875rem); }
  1369.     .grid-margin-y > .medium-auto {
  1370.       height: auto; }
  1371.     .grid-margin-y > .medium-shrink {
  1372.       height: auto; }
  1373.     .grid-margin-y > .medium-1 {
  1374.       height: calc(8.3333333333% - 1.875rem); }
  1375.     .grid-margin-y > .medium-2 {
  1376.       height: calc(16.6666666667% - 1.875rem); }
  1377.     .grid-margin-y > .medium-3 {
  1378.       height: calc(25% - 1.875rem); }
  1379.     .grid-margin-y > .medium-4 {
  1380.       height: calc(33.3333333333% - 1.875rem); }
  1381.     .grid-margin-y > .medium-5 {
  1382.       height: calc(41.6666666667% - 1.875rem); }
  1383.     .grid-margin-y > .medium-6 {
  1384.       height: calc(50% - 1.875rem); }
  1385.     .grid-margin-y > .medium-7 {
  1386.       height: calc(58.3333333333% - 1.875rem); }
  1387.     .grid-margin-y > .medium-8 {
  1388.       height: calc(66.6666666667% - 1.875rem); }
  1389.     .grid-margin-y > .medium-9 {
  1390.       height: calc(75% - 1.875rem); }
  1391.     .grid-margin-y > .medium-10 {
  1392.       height: calc(83.3333333333% - 1.875rem); }
  1393.     .grid-margin-y > .medium-11 {
  1394.       height: calc(91.6666666667% - 1.875rem); }
  1395.     .grid-margin-y > .medium-12 {
  1396.       height: calc(100% - 1.875rem); } }
  1397.   @media print, screen and (min-width: 64em) {
  1398.     .grid-margin-y > .large-auto {
  1399.       height: auto; }
  1400.     .grid-margin-y > .large-shrink {
  1401.       height: auto; }
  1402.     .grid-margin-y > .large-1 {
  1403.       height: calc(8.3333333333% - 1.875rem); }
  1404.     .grid-margin-y > .large-2 {
  1405.       height: calc(16.6666666667% - 1.875rem); }
  1406.     .grid-margin-y > .large-3 {
  1407.       height: calc(25% - 1.875rem); }
  1408.     .grid-margin-y > .large-4 {
  1409.       height: calc(33.3333333333% - 1.875rem); }
  1410.     .grid-margin-y > .large-5 {
  1411.       height: calc(41.6666666667% - 1.875rem); }
  1412.     .grid-margin-y > .large-6 {
  1413.       height: calc(50% - 1.875rem); }
  1414.     .grid-margin-y > .large-7 {
  1415.       height: calc(58.3333333333% - 1.875rem); }
  1416.     .grid-margin-y > .large-8 {
  1417.       height: calc(66.6666666667% - 1.875rem); }
  1418.     .grid-margin-y > .large-9 {
  1419.       height: calc(75% - 1.875rem); }
  1420.     .grid-margin-y > .large-10 {
  1421.       height: calc(83.3333333333% - 1.875rem); }
  1422.     .grid-margin-y > .large-11 {
  1423.       height: calc(91.6666666667% - 1.875rem); }
  1424.     .grid-margin-y > .large-12 {
  1425.       height: calc(100% - 1.875rem); } }
  1426.  
  1427. .grid-frame.grid-margin-y {
  1428.   height: calc(100vh + 1.25rem); }
  1429.   @media print, screen and (min-width: 40em) {
  1430.     .grid-frame.grid-margin-y {
  1431.       height: calc(100vh + 1.875rem); } }
  1432.   @media print, screen and (min-width: 64em) {
  1433.     .grid-frame.grid-margin-y {
  1434.       height: calc(100vh + 1.875rem); } }
  1435.  
  1436. @media print, screen and (min-width: 40em) {
  1437.   .grid-margin-y.medium-grid-frame {
  1438.     height: calc(100vh + 1.875rem); } }
  1439.  
  1440. @media print, screen and (min-width: 64em) {
  1441.   .grid-margin-y.large-grid-frame {
  1442.     height: calc(100vh + 1.875rem); } }
  1443.