Subversion Repositories wimsdev

Rev

Rev 14734 | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. /**
  2.  * Foundation for Sites
  3.  * Version 6.6.3
  4.  * https://get.foundation
  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-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
  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-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
  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-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
  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. .grid-padding-x .grid-padding-x {
  308.   margin-right: -0.625rem;
  309.   margin-left: -0.625rem; }
  310.   @media print, screen and (min-width: 40em) {
  311.     .grid-padding-x .grid-padding-x {
  312.       margin-right: -0.9375rem;
  313.       margin-left: -0.9375rem; } }
  314. .grid-container:not(.full) > .grid-padding-x {
  315.   margin-right: -0.625rem;
  316.   margin-left: -0.625rem; }
  317.   @media print, screen and (min-width: 40em) {
  318.     .grid-container:not(.full) > .grid-padding-x {
  319.       margin-right: -0.9375rem;
  320.       margin-left: -0.9375rem; } }
  321. .grid-padding-x > .cell {
  322.   padding-right: 0.625rem;
  323.   padding-left: 0.625rem; }
  324.   @media print, screen and (min-width: 40em) {
  325.     .grid-padding-x > .cell {
  326.       padding-right: 0.9375rem;
  327.       padding-left: 0.9375rem; } }
  328. .small-up-1 > .cell {
  329.   width: 100%; }
  330.  
  331. .small-up-2 > .cell {
  332.   width: 50%; }
  333.  
  334. .small-up-3 > .cell {
  335.   width: 33.3333333333%; }
  336.  
  337. .small-up-4 > .cell {
  338.   width: 25%; }
  339.  
  340. .small-up-5 > .cell {
  341.   width: 20%; }
  342.  
  343. .small-up-6 > .cell {
  344.   width: 16.6666666667%; }
  345.  
  346. .small-up-7 > .cell {
  347.   width: 14.2857142857%; }
  348.  
  349. .small-up-8 > .cell {
  350.   width: 12.5%; }
  351.  
  352. @media print, screen and (min-width: 40em) {
  353.   .medium-up-1 > .cell {
  354.     width: 100%; }
  355.   .medium-up-2 > .cell {
  356.     width: 50%; }
  357.   .medium-up-3 > .cell {
  358.     width: 33.3333333333%; }
  359.   .medium-up-4 > .cell {
  360.     width: 25%; }
  361.   .medium-up-5 > .cell {
  362.     width: 20%; }
  363.   .medium-up-6 > .cell {
  364.     width: 16.6666666667%; }
  365.   .medium-up-7 > .cell {
  366.     width: 14.2857142857%; }
  367.   .medium-up-8 > .cell {
  368.     width: 12.5%; } }
  369.  
  370. @media print, screen and (min-width: 64em) {
  371.   .large-up-1 > .cell {
  372.     width: 100%; }
  373.   .large-up-2 > .cell {
  374.     width: 50%; }
  375.   .large-up-3 > .cell {
  376.     width: 33.3333333333%; }
  377.   .large-up-4 > .cell {
  378.     width: 25%; }
  379.   .large-up-5 > .cell {
  380.     width: 20%; }
  381.   .large-up-6 > .cell {
  382.     width: 16.6666666667%; }
  383.   .large-up-7 > .cell {
  384.     width: 14.2857142857%; }
  385.   .large-up-8 > .cell {
  386.     width: 12.5%; } }
  387.  
  388. .grid-margin-x.small-up-1 > .cell {
  389.   width: calc(100% - 1.25rem); }
  390.  
  391. .grid-margin-x.small-up-2 > .cell {
  392.   width: calc(50% - 1.25rem); }
  393.  
  394. .grid-margin-x.small-up-3 > .cell {
  395.   width: calc(33.3333333333% - 1.25rem); }
  396.  
  397. .grid-margin-x.small-up-4 > .cell {
  398.   width: calc(25% - 1.25rem); }
  399.  
  400. .grid-margin-x.small-up-5 > .cell {
  401.   width: calc(20% - 1.25rem); }
  402.  
  403. .grid-margin-x.small-up-6 > .cell {
  404.   width: calc(16.6666666667% - 1.25rem); }
  405.  
  406. .grid-margin-x.small-up-7 > .cell {
  407.   width: calc(14.2857142857% - 1.25rem); }
  408.  
  409. .grid-margin-x.small-up-8 > .cell {
  410.   width: calc(12.5% - 1.25rem); }
  411.  
  412. @media print, screen and (min-width: 40em) {
  413.   .grid-margin-x.small-up-1 > .cell {
  414.     width: calc(100% - 1.875rem); }
  415.   .grid-margin-x.small-up-2 > .cell {
  416.     width: calc(50% - 1.875rem); }
  417.   .grid-margin-x.small-up-3 > .cell {
  418.     width: calc(33.3333333333% - 1.875rem); }
  419.   .grid-margin-x.small-up-4 > .cell {
  420.     width: calc(25% - 1.875rem); }
  421.   .grid-margin-x.small-up-5 > .cell {
  422.     width: calc(20% - 1.875rem); }
  423.   .grid-margin-x.small-up-6 > .cell {
  424.     width: calc(16.6666666667% - 1.875rem); }
  425.   .grid-margin-x.small-up-7 > .cell {
  426.     width: calc(14.2857142857% - 1.875rem); }
  427.   .grid-margin-x.small-up-8 > .cell {
  428.     width: calc(12.5% - 1.875rem); }
  429.   .grid-margin-x.medium-up-1 > .cell {
  430.     width: calc(100% - 1.875rem); }
  431.   .grid-margin-x.medium-up-2 > .cell {
  432.     width: calc(50% - 1.875rem); }
  433.   .grid-margin-x.medium-up-3 > .cell {
  434.     width: calc(33.3333333333% - 1.875rem); }
  435.   .grid-margin-x.medium-up-4 > .cell {
  436.     width: calc(25% - 1.875rem); }
  437.   .grid-margin-x.medium-up-5 > .cell {
  438.     width: calc(20% - 1.875rem); }
  439.   .grid-margin-x.medium-up-6 > .cell {
  440.     width: calc(16.6666666667% - 1.875rem); }
  441.   .grid-margin-x.medium-up-7 > .cell {
  442.     width: calc(14.2857142857% - 1.875rem); }
  443.   .grid-margin-x.medium-up-8 > .cell {
  444.     width: calc(12.5% - 1.875rem); } }
  445.  
  446. @media print, screen and (min-width: 64em) {
  447.   .grid-margin-x.large-up-1 > .cell {
  448.     width: calc(100% - 1.875rem); }
  449.   .grid-margin-x.large-up-2 > .cell {
  450.     width: calc(50% - 1.875rem); }
  451.   .grid-margin-x.large-up-3 > .cell {
  452.     width: calc(33.3333333333% - 1.875rem); }
  453.   .grid-margin-x.large-up-4 > .cell {
  454.     width: calc(25% - 1.875rem); }
  455.   .grid-margin-x.large-up-5 > .cell {
  456.     width: calc(20% - 1.875rem); }
  457.   .grid-margin-x.large-up-6 > .cell {
  458.     width: calc(16.6666666667% - 1.875rem); }
  459.   .grid-margin-x.large-up-7 > .cell {
  460.     width: calc(14.2857142857% - 1.875rem); }
  461.   .grid-margin-x.large-up-8 > .cell {
  462.     width: calc(12.5% - 1.875rem); } }
  463.  
  464. .small-margin-collapse {
  465.   margin-right: 0;
  466.   margin-left: 0; }
  467.   .small-margin-collapse > .cell {
  468.     margin-right: 0;
  469.     margin-left: 0; }
  470.   .small-margin-collapse > .small-1 {
  471.     width: 8.3333333333%; }
  472.   .small-margin-collapse > .small-2 {
  473.     width: 16.6666666667%; }
  474.   .small-margin-collapse > .small-3 {
  475.     width: 25%; }
  476.   .small-margin-collapse > .small-4 {
  477.     width: 33.3333333333%; }
  478.   .small-margin-collapse > .small-5 {
  479.     width: 41.6666666667%; }
  480.   .small-margin-collapse > .small-6 {
  481.     width: 50%; }
  482.   .small-margin-collapse > .small-7 {
  483.     width: 58.3333333333%; }
  484.   .small-margin-collapse > .small-8 {
  485.     width: 66.6666666667%; }
  486.   .small-margin-collapse > .small-9 {
  487.     width: 75%; }
  488.   .small-margin-collapse > .small-10 {
  489.     width: 83.3333333333%; }
  490.   .small-margin-collapse > .small-11 {
  491.     width: 91.6666666667%; }
  492.   .small-margin-collapse > .small-12 {
  493.     width: 100%; }
  494.   @media print, screen and (min-width: 40em) {
  495.     .small-margin-collapse > .medium-1 {
  496.       width: 8.3333333333%; }
  497.     .small-margin-collapse > .medium-2 {
  498.       width: 16.6666666667%; }
  499.     .small-margin-collapse > .medium-3 {
  500.       width: 25%; }
  501.     .small-margin-collapse > .medium-4 {
  502.       width: 33.3333333333%; }
  503.     .small-margin-collapse > .medium-5 {
  504.       width: 41.6666666667%; }
  505.     .small-margin-collapse > .medium-6 {
  506.       width: 50%; }
  507.     .small-margin-collapse > .medium-7 {
  508.       width: 58.3333333333%; }
  509.     .small-margin-collapse > .medium-8 {
  510.       width: 66.6666666667%; }
  511.     .small-margin-collapse > .medium-9 {
  512.       width: 75%; }
  513.     .small-margin-collapse > .medium-10 {
  514.       width: 83.3333333333%; }
  515.     .small-margin-collapse > .medium-11 {
  516.       width: 91.6666666667%; }
  517.     .small-margin-collapse > .medium-12 {
  518.       width: 100%; } }
  519.   @media print, screen and (min-width: 64em) {
  520.     .small-margin-collapse > .large-1 {
  521.       width: 8.3333333333%; }
  522.     .small-margin-collapse > .large-2 {
  523.       width: 16.6666666667%; }
  524.     .small-margin-collapse > .large-3 {
  525.       width: 25%; }
  526.     .small-margin-collapse > .large-4 {
  527.       width: 33.3333333333%; }
  528.     .small-margin-collapse > .large-5 {
  529.       width: 41.6666666667%; }
  530.     .small-margin-collapse > .large-6 {
  531.       width: 50%; }
  532.     .small-margin-collapse > .large-7 {
  533.       width: 58.3333333333%; }
  534.     .small-margin-collapse > .large-8 {
  535.       width: 66.6666666667%; }
  536.     .small-margin-collapse > .large-9 {
  537.       width: 75%; }
  538.     .small-margin-collapse > .large-10 {
  539.       width: 83.3333333333%; }
  540.     .small-margin-collapse > .large-11 {
  541.       width: 91.6666666667%; }
  542.     .small-margin-collapse > .large-12 {
  543.       width: 100%; } }
  544. .small-padding-collapse {
  545.   margin-right: 0;
  546.   margin-left: 0; }
  547.   .small-padding-collapse > .cell {
  548.     padding-right: 0;
  549.     padding-left: 0; }
  550.  
  551. @media print, screen and (min-width: 40em) {
  552.   .medium-margin-collapse {
  553.     margin-right: 0;
  554.     margin-left: 0; }
  555.     .medium-margin-collapse > .cell {
  556.       margin-right: 0;
  557.       margin-left: 0; } }
  558.  
  559. @media print, screen and (min-width: 40em) {
  560.   .medium-margin-collapse > .small-1 {
  561.     width: 8.3333333333%; }
  562.   .medium-margin-collapse > .small-2 {
  563.     width: 16.6666666667%; }
  564.   .medium-margin-collapse > .small-3 {
  565.     width: 25%; }
  566.   .medium-margin-collapse > .small-4 {
  567.     width: 33.3333333333%; }
  568.   .medium-margin-collapse > .small-5 {
  569.     width: 41.6666666667%; }
  570.   .medium-margin-collapse > .small-6 {
  571.     width: 50%; }
  572.   .medium-margin-collapse > .small-7 {
  573.     width: 58.3333333333%; }
  574.   .medium-margin-collapse > .small-8 {
  575.     width: 66.6666666667%; }
  576.   .medium-margin-collapse > .small-9 {
  577.     width: 75%; }
  578.   .medium-margin-collapse > .small-10 {
  579.     width: 83.3333333333%; }
  580.   .medium-margin-collapse > .small-11 {
  581.     width: 91.6666666667%; }
  582.   .medium-margin-collapse > .small-12 {
  583.     width: 100%; } }
  584.  
  585. @media print, screen and (min-width: 40em) {
  586.   .medium-margin-collapse > .medium-1 {
  587.     width: 8.3333333333%; }
  588.   .medium-margin-collapse > .medium-2 {
  589.     width: 16.6666666667%; }
  590.   .medium-margin-collapse > .medium-3 {
  591.     width: 25%; }
  592.   .medium-margin-collapse > .medium-4 {
  593.     width: 33.3333333333%; }
  594.   .medium-margin-collapse > .medium-5 {
  595.     width: 41.6666666667%; }
  596.   .medium-margin-collapse > .medium-6 {
  597.     width: 50%; }
  598.   .medium-margin-collapse > .medium-7 {
  599.     width: 58.3333333333%; }
  600.   .medium-margin-collapse > .medium-8 {
  601.     width: 66.6666666667%; }
  602.   .medium-margin-collapse > .medium-9 {
  603.     width: 75%; }
  604.   .medium-margin-collapse > .medium-10 {
  605.     width: 83.3333333333%; }
  606.   .medium-margin-collapse > .medium-11 {
  607.     width: 91.6666666667%; }
  608.   .medium-margin-collapse > .medium-12 {
  609.     width: 100%; } }
  610.  
  611. @media print, screen and (min-width: 64em) {
  612.   .medium-margin-collapse > .large-1 {
  613.     width: 8.3333333333%; }
  614.   .medium-margin-collapse > .large-2 {
  615.     width: 16.6666666667%; }
  616.   .medium-margin-collapse > .large-3 {
  617.     width: 25%; }
  618.   .medium-margin-collapse > .large-4 {
  619.     width: 33.3333333333%; }
  620.   .medium-margin-collapse > .large-5 {
  621.     width: 41.6666666667%; }
  622.   .medium-margin-collapse > .large-6 {
  623.     width: 50%; }
  624.   .medium-margin-collapse > .large-7 {
  625.     width: 58.3333333333%; }
  626.   .medium-margin-collapse > .large-8 {
  627.     width: 66.6666666667%; }
  628.   .medium-margin-collapse > .large-9 {
  629.     width: 75%; }
  630.   .medium-margin-collapse > .large-10 {
  631.     width: 83.3333333333%; }
  632.   .medium-margin-collapse > .large-11 {
  633.     width: 91.6666666667%; }
  634.   .medium-margin-collapse > .large-12 {
  635.     width: 100%; } }
  636.  
  637. @media print, screen and (min-width: 40em) {
  638.   .medium-padding-collapse {
  639.     margin-right: 0;
  640.     margin-left: 0; }
  641.     .medium-padding-collapse > .cell {
  642.       padding-right: 0;
  643.       padding-left: 0; } }
  644.  
  645. @media print, screen and (min-width: 64em) {
  646.   .large-margin-collapse {
  647.     margin-right: 0;
  648.     margin-left: 0; }
  649.     .large-margin-collapse > .cell {
  650.       margin-right: 0;
  651.       margin-left: 0; } }
  652.  
  653. @media print, screen and (min-width: 64em) {
  654.   .large-margin-collapse > .small-1 {
  655.     width: 8.3333333333%; }
  656.   .large-margin-collapse > .small-2 {
  657.     width: 16.6666666667%; }
  658.   .large-margin-collapse > .small-3 {
  659.     width: 25%; }
  660.   .large-margin-collapse > .small-4 {
  661.     width: 33.3333333333%; }
  662.   .large-margin-collapse > .small-5 {
  663.     width: 41.6666666667%; }
  664.   .large-margin-collapse > .small-6 {
  665.     width: 50%; }
  666.   .large-margin-collapse > .small-7 {
  667.     width: 58.3333333333%; }
  668.   .large-margin-collapse > .small-8 {
  669.     width: 66.6666666667%; }
  670.   .large-margin-collapse > .small-9 {
  671.     width: 75%; }
  672.   .large-margin-collapse > .small-10 {
  673.     width: 83.3333333333%; }
  674.   .large-margin-collapse > .small-11 {
  675.     width: 91.6666666667%; }
  676.   .large-margin-collapse > .small-12 {
  677.     width: 100%; } }
  678.  
  679. @media print, screen and (min-width: 64em) {
  680.   .large-margin-collapse > .medium-1 {
  681.     width: 8.3333333333%; }
  682.   .large-margin-collapse > .medium-2 {
  683.     width: 16.6666666667%; }
  684.   .large-margin-collapse > .medium-3 {
  685.     width: 25%; }
  686.   .large-margin-collapse > .medium-4 {
  687.     width: 33.3333333333%; }
  688.   .large-margin-collapse > .medium-5 {
  689.     width: 41.6666666667%; }
  690.   .large-margin-collapse > .medium-6 {
  691.     width: 50%; }
  692.   .large-margin-collapse > .medium-7 {
  693.     width: 58.3333333333%; }
  694.   .large-margin-collapse > .medium-8 {
  695.     width: 66.6666666667%; }
  696.   .large-margin-collapse > .medium-9 {
  697.     width: 75%; }
  698.   .large-margin-collapse > .medium-10 {
  699.     width: 83.3333333333%; }
  700.   .large-margin-collapse > .medium-11 {
  701.     width: 91.6666666667%; }
  702.   .large-margin-collapse > .medium-12 {
  703.     width: 100%; } }
  704.  
  705. @media print, screen and (min-width: 64em) {
  706.   .large-margin-collapse > .large-1 {
  707.     width: 8.3333333333%; }
  708.   .large-margin-collapse > .large-2 {
  709.     width: 16.6666666667%; }
  710.   .large-margin-collapse > .large-3 {
  711.     width: 25%; }
  712.   .large-margin-collapse > .large-4 {
  713.     width: 33.3333333333%; }
  714.   .large-margin-collapse > .large-5 {
  715.     width: 41.6666666667%; }
  716.   .large-margin-collapse > .large-6 {
  717.     width: 50%; }
  718.   .large-margin-collapse > .large-7 {
  719.     width: 58.3333333333%; }
  720.   .large-margin-collapse > .large-8 {
  721.     width: 66.6666666667%; }
  722.   .large-margin-collapse > .large-9 {
  723.     width: 75%; }
  724.   .large-margin-collapse > .large-10 {
  725.     width: 83.3333333333%; }
  726.   .large-margin-collapse > .large-11 {
  727.     width: 91.6666666667%; }
  728.   .large-margin-collapse > .large-12 {
  729.     width: 100%; } }
  730.  
  731. @media print, screen and (min-width: 64em) {
  732.   .large-padding-collapse {
  733.     margin-right: 0;
  734.     margin-left: 0; }
  735.     .large-padding-collapse > .cell {
  736.       padding-right: 0;
  737.       padding-left: 0; } }
  738.  
  739. .small-offset-0 {
  740.   margin-left: 0%; }
  741.  
  742. .grid-margin-x > .small-offset-0 {
  743.   margin-left: calc(0% + 0.625rem); }
  744.  
  745. .small-offset-1 {
  746.   margin-left: 8.3333333333%; }
  747.  
  748. .grid-margin-x > .small-offset-1 {
  749.   margin-left: calc(8.3333333333% + 0.625rem); }
  750.  
  751. .small-offset-2 {
  752.   margin-left: 16.6666666667%; }
  753.  
  754. .grid-margin-x > .small-offset-2 {
  755.   margin-left: calc(16.6666666667% + 0.625rem); }
  756.  
  757. .small-offset-3 {
  758.   margin-left: 25%; }
  759.  
  760. .grid-margin-x > .small-offset-3 {
  761.   margin-left: calc(25% + 0.625rem); }
  762.  
  763. .small-offset-4 {
  764.   margin-left: 33.3333333333%; }
  765.  
  766. .grid-margin-x > .small-offset-4 {
  767.   margin-left: calc(33.3333333333% + 0.625rem); }
  768.  
  769. .small-offset-5 {
  770.   margin-left: 41.6666666667%; }
  771.  
  772. .grid-margin-x > .small-offset-5 {
  773.   margin-left: calc(41.6666666667% + 0.625rem); }
  774.  
  775. .small-offset-6 {
  776.   margin-left: 50%; }
  777.  
  778. .grid-margin-x > .small-offset-6 {
  779.   margin-left: calc(50% + 0.625rem); }
  780.  
  781. .small-offset-7 {
  782.   margin-left: 58.3333333333%; }
  783.  
  784. .grid-margin-x > .small-offset-7 {
  785.   margin-left: calc(58.3333333333% + 0.625rem); }
  786.  
  787. .small-offset-8 {
  788.   margin-left: 66.6666666667%; }
  789.  
  790. .grid-margin-x > .small-offset-8 {
  791.   margin-left: calc(66.6666666667% + 0.625rem); }
  792.  
  793. .small-offset-9 {
  794.   margin-left: 75%; }
  795.  
  796. .grid-margin-x > .small-offset-9 {
  797.   margin-left: calc(75% + 0.625rem); }
  798.  
  799. .small-offset-10 {
  800.   margin-left: 83.3333333333%; }
  801.  
  802. .grid-margin-x > .small-offset-10 {
  803.   margin-left: calc(83.3333333333% + 0.625rem); }
  804.  
  805. .small-offset-11 {
  806.   margin-left: 91.6666666667%; }
  807.  
  808. .grid-margin-x > .small-offset-11 {
  809.   margin-left: calc(91.6666666667% + 0.625rem); }
  810.  
  811. @media print, screen and (min-width: 40em) {
  812.   .medium-offset-0 {
  813.     margin-left: 0%; }
  814.   .grid-margin-x > .medium-offset-0 {
  815.     margin-left: calc(0% + 0.9375rem); }
  816.   .medium-offset-1 {
  817.     margin-left: 8.3333333333%; }
  818.   .grid-margin-x > .medium-offset-1 {
  819.     margin-left: calc(8.3333333333% + 0.9375rem); }
  820.   .medium-offset-2 {
  821.     margin-left: 16.6666666667%; }
  822.   .grid-margin-x > .medium-offset-2 {
  823.     margin-left: calc(16.6666666667% + 0.9375rem); }
  824.   .medium-offset-3 {
  825.     margin-left: 25%; }
  826.   .grid-margin-x > .medium-offset-3 {
  827.     margin-left: calc(25% + 0.9375rem); }
  828.   .medium-offset-4 {
  829.     margin-left: 33.3333333333%; }
  830.   .grid-margin-x > .medium-offset-4 {
  831.     margin-left: calc(33.3333333333% + 0.9375rem); }
  832.   .medium-offset-5 {
  833.     margin-left: 41.6666666667%; }
  834.   .grid-margin-x > .medium-offset-5 {
  835.     margin-left: calc(41.6666666667% + 0.9375rem); }
  836.   .medium-offset-6 {
  837.     margin-left: 50%; }
  838.   .grid-margin-x > .medium-offset-6 {
  839.     margin-left: calc(50% + 0.9375rem); }
  840.   .medium-offset-7 {
  841.     margin-left: 58.3333333333%; }
  842.   .grid-margin-x > .medium-offset-7 {
  843.     margin-left: calc(58.3333333333% + 0.9375rem); }
  844.   .medium-offset-8 {
  845.     margin-left: 66.6666666667%; }
  846.   .grid-margin-x > .medium-offset-8 {
  847.     margin-left: calc(66.6666666667% + 0.9375rem); }
  848.   .medium-offset-9 {
  849.     margin-left: 75%; }
  850.   .grid-margin-x > .medium-offset-9 {
  851.     margin-left: calc(75% + 0.9375rem); }
  852.   .medium-offset-10 {
  853.     margin-left: 83.3333333333%; }
  854.   .grid-margin-x > .medium-offset-10 {
  855.     margin-left: calc(83.3333333333% + 0.9375rem); }
  856.   .medium-offset-11 {
  857.     margin-left: 91.6666666667%; }
  858.   .grid-margin-x > .medium-offset-11 {
  859.     margin-left: calc(91.6666666667% + 0.9375rem); } }
  860.  
  861. @media print, screen and (min-width: 64em) {
  862.   .large-offset-0 {
  863.     margin-left: 0%; }
  864.   .grid-margin-x > .large-offset-0 {
  865.     margin-left: calc(0% + 0.9375rem); }
  866.   .large-offset-1 {
  867.     margin-left: 8.3333333333%; }
  868.   .grid-margin-x > .large-offset-1 {
  869.     margin-left: calc(8.3333333333% + 0.9375rem); }
  870.   .large-offset-2 {
  871.     margin-left: 16.6666666667%; }
  872.   .grid-margin-x > .large-offset-2 {
  873.     margin-left: calc(16.6666666667% + 0.9375rem); }
  874.   .large-offset-3 {
  875.     margin-left: 25%; }
  876.   .grid-margin-x > .large-offset-3 {
  877.     margin-left: calc(25% + 0.9375rem); }
  878.   .large-offset-4 {
  879.     margin-left: 33.3333333333%; }
  880.   .grid-margin-x > .large-offset-4 {
  881.     margin-left: calc(33.3333333333% + 0.9375rem); }
  882.   .large-offset-5 {
  883.     margin-left: 41.6666666667%; }
  884.   .grid-margin-x > .large-offset-5 {
  885.     margin-left: calc(41.6666666667% + 0.9375rem); }
  886.   .large-offset-6 {
  887.     margin-left: 50%; }
  888.   .grid-margin-x > .large-offset-6 {
  889.     margin-left: calc(50% + 0.9375rem); }
  890.   .large-offset-7 {
  891.     margin-left: 58.3333333333%; }
  892.   .grid-margin-x > .large-offset-7 {
  893.     margin-left: calc(58.3333333333% + 0.9375rem); }
  894.   .large-offset-8 {
  895.     margin-left: 66.6666666667%; }
  896.   .grid-margin-x > .large-offset-8 {
  897.     margin-left: calc(66.6666666667% + 0.9375rem); }
  898.   .large-offset-9 {
  899.     margin-left: 75%; }
  900.   .grid-margin-x > .large-offset-9 {
  901.     margin-left: calc(75% + 0.9375rem); }
  902.   .large-offset-10 {
  903.     margin-left: 83.3333333333%; }
  904.   .grid-margin-x > .large-offset-10 {
  905.     margin-left: calc(83.3333333333% + 0.9375rem); }
  906.   .large-offset-11 {
  907.     margin-left: 91.6666666667%; }
  908.   .grid-margin-x > .large-offset-11 {
  909.     margin-left: calc(91.6666666667% + 0.9375rem); } }
  910.  
  911. .grid-y {
  912.   display: flex;
  913.   flex-flow: column nowrap; }
  914.   .grid-y > .cell {
  915.     height: auto;
  916.     max-height: none; }
  917.   .grid-y > .auto {
  918.     height: auto; }
  919.   .grid-y > .shrink {
  920.     height: auto; }
  921.   .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 {
  922.     flex-basis: auto; }
  923.   @media print, screen and (min-width: 40em) {
  924.     .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 {
  925.       flex-basis: auto; } }
  926.   @media print, screen and (min-width: 64em) {
  927.     .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 {
  928.       flex-basis: auto; } }
  929.   .grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
  930.     flex: 0 0 auto; }
  931.   .grid-y > .small-1 {
  932.     height: 8.3333333333%; }
  933.   .grid-y > .small-2 {
  934.     height: 16.6666666667%; }
  935.   .grid-y > .small-3 {
  936.     height: 25%; }
  937.   .grid-y > .small-4 {
  938.     height: 33.3333333333%; }
  939.   .grid-y > .small-5 {
  940.     height: 41.6666666667%; }
  941.   .grid-y > .small-6 {
  942.     height: 50%; }
  943.   .grid-y > .small-7 {
  944.     height: 58.3333333333%; }
  945.   .grid-y > .small-8 {
  946.     height: 66.6666666667%; }
  947.   .grid-y > .small-9 {
  948.     height: 75%; }
  949.   .grid-y > .small-10 {
  950.     height: 83.3333333333%; }
  951.   .grid-y > .small-11 {
  952.     height: 91.6666666667%; }
  953.   .grid-y > .small-12 {
  954.     height: 100%; }
  955.   @media print, screen and (min-width: 40em) {
  956.     .grid-y > .medium-auto {
  957.       flex: 1 1 0px;
  958.       height: auto; }
  959.     .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
  960.       flex: 0 0 auto; }
  961.     .grid-y > .medium-shrink {
  962.       height: auto; }
  963.     .grid-y > .medium-1 {
  964.       height: 8.3333333333%; }
  965.     .grid-y > .medium-2 {
  966.       height: 16.6666666667%; }
  967.     .grid-y > .medium-3 {
  968.       height: 25%; }
  969.     .grid-y > .medium-4 {
  970.       height: 33.3333333333%; }
  971.     .grid-y > .medium-5 {
  972.       height: 41.6666666667%; }
  973.     .grid-y > .medium-6 {
  974.       height: 50%; }
  975.     .grid-y > .medium-7 {
  976.       height: 58.3333333333%; }
  977.     .grid-y > .medium-8 {
  978.       height: 66.6666666667%; }
  979.     .grid-y > .medium-9 {
  980.       height: 75%; }
  981.     .grid-y > .medium-10 {
  982.       height: 83.3333333333%; }
  983.     .grid-y > .medium-11 {
  984.       height: 91.6666666667%; }
  985.     .grid-y > .medium-12 {
  986.       height: 100%; } }
  987.   @media print, screen and (min-width: 64em) {
  988.     .grid-y > .large-auto {
  989.       flex: 1 1 0px;
  990.       height: auto; }
  991.     .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
  992.       flex: 0 0 auto; }
  993.     .grid-y > .large-shrink {
  994.       height: auto; }
  995.     .grid-y > .large-1 {
  996.       height: 8.3333333333%; }
  997.     .grid-y > .large-2 {
  998.       height: 16.6666666667%; }
  999.     .grid-y > .large-3 {
  1000.       height: 25%; }
  1001.     .grid-y > .large-4 {
  1002.       height: 33.3333333333%; }
  1003.     .grid-y > .large-5 {
  1004.       height: 41.6666666667%; }
  1005.     .grid-y > .large-6 {
  1006.       height: 50%; }
  1007.     .grid-y > .large-7 {
  1008.       height: 58.3333333333%; }
  1009.     .grid-y > .large-8 {
  1010.       height: 66.6666666667%; }
  1011.     .grid-y > .large-9 {
  1012.       height: 75%; }
  1013.     .grid-y > .large-10 {
  1014.       height: 83.3333333333%; }
  1015.     .grid-y > .large-11 {
  1016.       height: 91.6666666667%; }
  1017.     .grid-y > .large-12 {
  1018.       height: 100%; } }
  1019. .grid-padding-y .grid-padding-y {
  1020.   margin-top: -0.625rem;
  1021.   margin-bottom: -0.625rem; }
  1022.   @media print, screen and (min-width: 40em) {
  1023.     .grid-padding-y .grid-padding-y {
  1024.       margin-top: -0.9375rem;
  1025.       margin-bottom: -0.9375rem; } }
  1026. .grid-padding-y > .cell {
  1027.   padding-top: 0.625rem;
  1028.   padding-bottom: 0.625rem; }
  1029.   @media print, screen and (min-width: 40em) {
  1030.     .grid-padding-y > .cell {
  1031.       padding-top: 0.9375rem;
  1032.       padding-bottom: 0.9375rem; } }
  1033. .grid-margin-y {
  1034.   margin-top: -0.625rem;
  1035.   margin-bottom: -0.625rem; }
  1036.   @media print, screen and (min-width: 40em) {
  1037.     .grid-margin-y {
  1038.       margin-top: -0.9375rem;
  1039.       margin-bottom: -0.9375rem; } }
  1040.   .grid-margin-y > .cell {
  1041.     height: calc(100% - 1.25rem);
  1042.     margin-top: 0.625rem;
  1043.     margin-bottom: 0.625rem; }
  1044.   @media print, screen and (min-width: 40em) {
  1045.     .grid-margin-y > .cell {
  1046.       height: calc(100% - 1.875rem);
  1047.       margin-top: 0.9375rem;
  1048.       margin-bottom: 0.9375rem; } }
  1049.   .grid-margin-y > .auto {
  1050.     height: auto; }
  1051.   .grid-margin-y > .shrink {
  1052.     height: auto; }
  1053.   .grid-margin-y > .small-1 {
  1054.     height: calc(8.3333333333% - 1.25rem); }
  1055.   .grid-margin-y > .small-2 {
  1056.     height: calc(16.6666666667% - 1.25rem); }
  1057.   .grid-margin-y > .small-3 {
  1058.     height: calc(25% - 1.25rem); }
  1059.   .grid-margin-y > .small-4 {
  1060.     height: calc(33.3333333333% - 1.25rem); }
  1061.   .grid-margin-y > .small-5 {
  1062.     height: calc(41.6666666667% - 1.25rem); }
  1063.   .grid-margin-y > .small-6 {
  1064.     height: calc(50% - 1.25rem); }
  1065.   .grid-margin-y > .small-7 {
  1066.     height: calc(58.3333333333% - 1.25rem); }
  1067.   .grid-margin-y > .small-8 {
  1068.     height: calc(66.6666666667% - 1.25rem); }
  1069.   .grid-margin-y > .small-9 {
  1070.     height: calc(75% - 1.25rem); }
  1071.   .grid-margin-y > .small-10 {
  1072.     height: calc(83.3333333333% - 1.25rem); }
  1073.   .grid-margin-y > .small-11 {
  1074.     height: calc(91.6666666667% - 1.25rem); }
  1075.   .grid-margin-y > .small-12 {
  1076.     height: calc(100% - 1.25rem); }
  1077.   @media print, screen and (min-width: 40em) {
  1078.     .grid-margin-y > .auto {
  1079.       height: auto; }
  1080.     .grid-margin-y > .shrink {
  1081.       height: auto; }
  1082.     .grid-margin-y > .small-1 {
  1083.       height: calc(8.3333333333% - 1.875rem); }
  1084.     .grid-margin-y > .small-2 {
  1085.       height: calc(16.6666666667% - 1.875rem); }
  1086.     .grid-margin-y > .small-3 {
  1087.       height: calc(25% - 1.875rem); }
  1088.     .grid-margin-y > .small-4 {
  1089.       height: calc(33.3333333333% - 1.875rem); }
  1090.     .grid-margin-y > .small-5 {
  1091.       height: calc(41.6666666667% - 1.875rem); }
  1092.     .grid-margin-y > .small-6 {
  1093.       height: calc(50% - 1.875rem); }
  1094.     .grid-margin-y > .small-7 {
  1095.       height: calc(58.3333333333% - 1.875rem); }
  1096.     .grid-margin-y > .small-8 {
  1097.       height: calc(66.6666666667% - 1.875rem); }
  1098.     .grid-margin-y > .small-9 {
  1099.       height: calc(75% - 1.875rem); }
  1100.     .grid-margin-y > .small-10 {
  1101.       height: calc(83.3333333333% - 1.875rem); }
  1102.     .grid-margin-y > .small-11 {
  1103.       height: calc(91.6666666667% - 1.875rem); }
  1104.     .grid-margin-y > .small-12 {
  1105.       height: calc(100% - 1.875rem); }
  1106.     .grid-margin-y > .medium-auto {
  1107.       height: auto; }
  1108.     .grid-margin-y > .medium-shrink {
  1109.       height: auto; }
  1110.     .grid-margin-y > .medium-1 {
  1111.       height: calc(8.3333333333% - 1.875rem); }
  1112.     .grid-margin-y > .medium-2 {
  1113.       height: calc(16.6666666667% - 1.875rem); }
  1114.     .grid-margin-y > .medium-3 {
  1115.       height: calc(25% - 1.875rem); }
  1116.     .grid-margin-y > .medium-4 {
  1117.       height: calc(33.3333333333% - 1.875rem); }
  1118.     .grid-margin-y > .medium-5 {
  1119.       height: calc(41.6666666667% - 1.875rem); }
  1120.     .grid-margin-y > .medium-6 {
  1121.       height: calc(50% - 1.875rem); }
  1122.     .grid-margin-y > .medium-7 {
  1123.       height: calc(58.3333333333% - 1.875rem); }
  1124.     .grid-margin-y > .medium-8 {
  1125.       height: calc(66.6666666667% - 1.875rem); }
  1126.     .grid-margin-y > .medium-9 {
  1127.       height: calc(75% - 1.875rem); }
  1128.     .grid-margin-y > .medium-10 {
  1129.       height: calc(83.3333333333% - 1.875rem); }
  1130.     .grid-margin-y > .medium-11 {
  1131.       height: calc(91.6666666667% - 1.875rem); }
  1132.     .grid-margin-y > .medium-12 {
  1133.       height: calc(100% - 1.875rem); } }
  1134.   @media print, screen and (min-width: 64em) {
  1135.     .grid-margin-y > .large-auto {
  1136.       height: auto; }
  1137.     .grid-margin-y > .large-shrink {
  1138.       height: auto; }
  1139.     .grid-margin-y > .large-1 {
  1140.       height: calc(8.3333333333% - 1.875rem); }
  1141.     .grid-margin-y > .large-2 {
  1142.       height: calc(16.6666666667% - 1.875rem); }
  1143.     .grid-margin-y > .large-3 {
  1144.       height: calc(25% - 1.875rem); }
  1145.     .grid-margin-y > .large-4 {
  1146.       height: calc(33.3333333333% - 1.875rem); }
  1147.     .grid-margin-y > .large-5 {
  1148.       height: calc(41.6666666667% - 1.875rem); }
  1149.     .grid-margin-y > .large-6 {
  1150.       height: calc(50% - 1.875rem); }
  1151.     .grid-margin-y > .large-7 {
  1152.       height: calc(58.3333333333% - 1.875rem); }
  1153.     .grid-margin-y > .large-8 {
  1154.       height: calc(66.6666666667% - 1.875rem); }
  1155.     .grid-margin-y > .large-9 {
  1156.       height: calc(75% - 1.875rem); }
  1157.     .grid-margin-y > .large-10 {
  1158.       height: calc(83.3333333333% - 1.875rem); }
  1159.     .grid-margin-y > .large-11 {
  1160.       height: calc(91.6666666667% - 1.875rem); }
  1161.     .grid-margin-y > .large-12 {
  1162.       height: calc(100% - 1.875rem); } }
  1163. .grid-frame {
  1164.   overflow: hidden;
  1165.   position: relative;
  1166.   flex-wrap: nowrap;
  1167.   align-items: stretch;
  1168.   width: 100vw; }
  1169.  
  1170. .cell .grid-frame {
  1171.   width: 100%; }
  1172.  
  1173. .cell-block {
  1174.   overflow-x: auto;
  1175.   max-width: 100%;
  1176.   -webkit-overflow-scrolling: touch;
  1177.   -ms-overflow-style: -ms-autohiding-scrollbar; }
  1178.  
  1179. .cell-block-y {
  1180.   overflow-y: auto;
  1181.   max-height: 100%;
  1182.   min-height: 100%;
  1183.   -webkit-overflow-scrolling: touch;
  1184.   -ms-overflow-style: -ms-autohiding-scrollbar; }
  1185.  
  1186. .cell-block-container {
  1187.   display: flex;
  1188.   flex-direction: column;
  1189.   max-height: 100%; }
  1190.   .cell-block-container > .grid-x {
  1191.     max-height: 100%;
  1192.     flex-wrap: nowrap; }
  1193.  
  1194. @media print, screen and (min-width: 40em) {
  1195.   .medium-grid-frame {
  1196.     overflow: hidden;
  1197.     position: relative;
  1198.     flex-wrap: nowrap;
  1199.     align-items: stretch;
  1200.     width: 100vw; }
  1201.   .cell .medium-grid-frame {
  1202.     width: 100%; }
  1203.   .medium-cell-block {
  1204.     overflow-x: auto;
  1205.     max-width: 100%;
  1206.     -webkit-overflow-scrolling: touch;
  1207.     -ms-overflow-style: -ms-autohiding-scrollbar; }
  1208.   .medium-cell-block-container {
  1209.     display: flex;
  1210.     flex-direction: column;
  1211.     max-height: 100%; }
  1212.     .medium-cell-block-container > .grid-x {
  1213.       max-height: 100%;
  1214.       flex-wrap: nowrap; }
  1215.   .medium-cell-block-y {
  1216.     overflow-y: auto;
  1217.     max-height: 100%;
  1218.     min-height: 100%;
  1219.     -webkit-overflow-scrolling: touch;
  1220.     -ms-overflow-style: -ms-autohiding-scrollbar; } }
  1221.  
  1222. @media print, screen and (min-width: 64em) {
  1223.   .large-grid-frame {
  1224.     overflow: hidden;
  1225.     position: relative;
  1226.     flex-wrap: nowrap;
  1227.     align-items: stretch;
  1228.     width: 100vw; }
  1229.   .cell .large-grid-frame {
  1230.     width: 100%; }
  1231.   .large-cell-block {
  1232.     overflow-x: auto;
  1233.     max-width: 100%;
  1234.     -webkit-overflow-scrolling: touch;
  1235.     -ms-overflow-style: -ms-autohiding-scrollbar; }
  1236.   .large-cell-block-container {
  1237.     display: flex;
  1238.     flex-direction: column;
  1239.     max-height: 100%; }
  1240.     .large-cell-block-container > .grid-x {
  1241.       max-height: 100%;
  1242.       flex-wrap: nowrap; }
  1243.   .large-cell-block-y {
  1244.     overflow-y: auto;
  1245.     max-height: 100%;
  1246.     min-height: 100%;
  1247.     -webkit-overflow-scrolling: touch;
  1248.     -ms-overflow-style: -ms-autohiding-scrollbar; } }
  1249.  
  1250. .grid-y.grid-frame {
  1251.   width: auto;
  1252.   overflow: hidden;
  1253.   position: relative;
  1254.   flex-wrap: nowrap;
  1255.   align-items: stretch;
  1256.   height: 100vh; }
  1257.  
  1258. @media print, screen and (min-width: 40em) {
  1259.   .grid-y.medium-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: 64em) {
  1268.   .grid-y.large-grid-frame {
  1269.     width: auto;
  1270.     overflow: hidden;
  1271.     position: relative;
  1272.     flex-wrap: nowrap;
  1273.     align-items: stretch;
  1274.     height: 100vh; } }
  1275.  
  1276. .cell .grid-y.grid-frame {
  1277.   height: 100%; }
  1278.  
  1279. @media print, screen and (min-width: 40em) {
  1280.   .cell .grid-y.medium-grid-frame {
  1281.     height: 100%; } }
  1282.  
  1283. @media print, screen and (min-width: 64em) {
  1284.   .cell .grid-y.large-grid-frame {
  1285.     height: 100%; } }
  1286.  
  1287. .grid-margin-y {
  1288.   margin-top: -0.625rem;
  1289.   margin-bottom: -0.625rem; }
  1290.   @media print, screen and (min-width: 40em) {
  1291.     .grid-margin-y {
  1292.       margin-top: -0.9375rem;
  1293.       margin-bottom: -0.9375rem; } }
  1294.   .grid-margin-y > .cell {
  1295.     height: calc(100% - 1.25rem);
  1296.     margin-top: 0.625rem;
  1297.     margin-bottom: 0.625rem; }
  1298.   @media print, screen and (min-width: 40em) {
  1299.     .grid-margin-y > .cell {
  1300.       height: calc(100% - 1.875rem);
  1301.       margin-top: 0.9375rem;
  1302.       margin-bottom: 0.9375rem; } }
  1303.   .grid-margin-y > .auto {
  1304.     height: auto; }
  1305.   .grid-margin-y > .shrink {
  1306.     height: auto; }
  1307.   .grid-margin-y > .small-1 {
  1308.     height: calc(8.3333333333% - 1.25rem); }
  1309.   .grid-margin-y > .small-2 {
  1310.     height: calc(16.6666666667% - 1.25rem); }
  1311.   .grid-margin-y > .small-3 {
  1312.     height: calc(25% - 1.25rem); }
  1313.   .grid-margin-y > .small-4 {
  1314.     height: calc(33.3333333333% - 1.25rem); }
  1315.   .grid-margin-y > .small-5 {
  1316.     height: calc(41.6666666667% - 1.25rem); }
  1317.   .grid-margin-y > .small-6 {
  1318.     height: calc(50% - 1.25rem); }
  1319.   .grid-margin-y > .small-7 {
  1320.     height: calc(58.3333333333% - 1.25rem); }
  1321.   .grid-margin-y > .small-8 {
  1322.     height: calc(66.6666666667% - 1.25rem); }
  1323.   .grid-margin-y > .small-9 {
  1324.     height: calc(75% - 1.25rem); }
  1325.   .grid-margin-y > .small-10 {
  1326.     height: calc(83.3333333333% - 1.25rem); }
  1327.   .grid-margin-y > .small-11 {
  1328.     height: calc(91.6666666667% - 1.25rem); }
  1329.   .grid-margin-y > .small-12 {
  1330.     height: calc(100% - 1.25rem); }
  1331.   @media print, screen and (min-width: 40em) {
  1332.     .grid-margin-y > .auto {
  1333.       height: auto; }
  1334.     .grid-margin-y > .shrink {
  1335.       height: auto; }
  1336.     .grid-margin-y > .small-1 {
  1337.       height: calc(8.3333333333% - 1.875rem); }
  1338.     .grid-margin-y > .small-2 {
  1339.       height: calc(16.6666666667% - 1.875rem); }
  1340.     .grid-margin-y > .small-3 {
  1341.       height: calc(25% - 1.875rem); }
  1342.     .grid-margin-y > .small-4 {
  1343.       height: calc(33.3333333333% - 1.875rem); }
  1344.     .grid-margin-y > .small-5 {
  1345.       height: calc(41.6666666667% - 1.875rem); }
  1346.     .grid-margin-y > .small-6 {
  1347.       height: calc(50% - 1.875rem); }
  1348.     .grid-margin-y > .small-7 {
  1349.       height: calc(58.3333333333% - 1.875rem); }
  1350.     .grid-margin-y > .small-8 {
  1351.       height: calc(66.6666666667% - 1.875rem); }
  1352.     .grid-margin-y > .small-9 {
  1353.       height: calc(75% - 1.875rem); }
  1354.     .grid-margin-y > .small-10 {
  1355.       height: calc(83.3333333333% - 1.875rem); }
  1356.     .grid-margin-y > .small-11 {
  1357.       height: calc(91.6666666667% - 1.875rem); }
  1358.     .grid-margin-y > .small-12 {
  1359.       height: calc(100% - 1.875rem); }
  1360.     .grid-margin-y > .medium-auto {
  1361.       height: auto; }
  1362.     .grid-margin-y > .medium-shrink {
  1363.       height: auto; }
  1364.     .grid-margin-y > .medium-1 {
  1365.       height: calc(8.3333333333% - 1.875rem); }
  1366.     .grid-margin-y > .medium-2 {
  1367.       height: calc(16.6666666667% - 1.875rem); }
  1368.     .grid-margin-y > .medium-3 {
  1369.       height: calc(25% - 1.875rem); }
  1370.     .grid-margin-y > .medium-4 {
  1371.       height: calc(33.3333333333% - 1.875rem); }
  1372.     .grid-margin-y > .medium-5 {
  1373.       height: calc(41.6666666667% - 1.875rem); }
  1374.     .grid-margin-y > .medium-6 {
  1375.       height: calc(50% - 1.875rem); }
  1376.     .grid-margin-y > .medium-7 {
  1377.       height: calc(58.3333333333% - 1.875rem); }
  1378.     .grid-margin-y > .medium-8 {
  1379.       height: calc(66.6666666667% - 1.875rem); }
  1380.     .grid-margin-y > .medium-9 {
  1381.       height: calc(75% - 1.875rem); }
  1382.     .grid-margin-y > .medium-10 {
  1383.       height: calc(83.3333333333% - 1.875rem); }
  1384.     .grid-margin-y > .medium-11 {
  1385.       height: calc(91.6666666667% - 1.875rem); }
  1386.     .grid-margin-y > .medium-12 {
  1387.       height: calc(100% - 1.875rem); } }
  1388.   @media print, screen and (min-width: 64em) {
  1389.     .grid-margin-y > .large-auto {
  1390.       height: auto; }
  1391.     .grid-margin-y > .large-shrink {
  1392.       height: auto; }
  1393.     .grid-margin-y > .large-1 {
  1394.       height: calc(8.3333333333% - 1.875rem); }
  1395.     .grid-margin-y > .large-2 {
  1396.       height: calc(16.6666666667% - 1.875rem); }
  1397.     .grid-margin-y > .large-3 {
  1398.       height: calc(25% - 1.875rem); }
  1399.     .grid-margin-y > .large-4 {
  1400.       height: calc(33.3333333333% - 1.875rem); }
  1401.     .grid-margin-y > .large-5 {
  1402.       height: calc(41.6666666667% - 1.875rem); }
  1403.     .grid-margin-y > .large-6 {
  1404.       height: calc(50% - 1.875rem); }
  1405.     .grid-margin-y > .large-7 {
  1406.       height: calc(58.3333333333% - 1.875rem); }
  1407.     .grid-margin-y > .large-8 {
  1408.       height: calc(66.6666666667% - 1.875rem); }
  1409.     .grid-margin-y > .large-9 {
  1410.       height: calc(75% - 1.875rem); }
  1411.     .grid-margin-y > .large-10 {
  1412.       height: calc(83.3333333333% - 1.875rem); }
  1413.     .grid-margin-y > .large-11 {
  1414.       height: calc(91.6666666667% - 1.875rem); }
  1415.     .grid-margin-y > .large-12 {
  1416.       height: calc(100% - 1.875rem); } }
  1417. .grid-frame.grid-margin-y {
  1418.   height: calc(100vh + 1.25rem); }
  1419.   @media print, screen and (min-width: 40em) {
  1420.     .grid-frame.grid-margin-y {
  1421.       height: calc(100vh + 1.875rem); } }
  1422.   @media print, screen and (min-width: 64em) {
  1423.     .grid-frame.grid-margin-y {
  1424.       height: calc(100vh + 1.875rem); } }
  1425. @media print, screen and (min-width: 40em) {
  1426.   .grid-margin-y.medium-grid-frame {
  1427.     height: calc(100vh + 1.875rem); } }
  1428.  
  1429. @media print, screen and (min-width: 64em) {
  1430.   .grid-margin-y.large-grid-frame {
  1431.     height: calc(100vh + 1.875rem); } }
  1432.