.list-table-wrapper {
  overflow-x: scroll;
  max-width: 100%; }

.add-widget-wrapper .close-button-wrapper {
  position: relative; }
  .add-widget-wrapper .close-button-wrapper > * {
    position: absolute;
    right: 0;
    transform: translateX(35px) translateY(8px);
    cursor: pointer; }

.add-widget-wrapper iframe {
  border: none;
  width: 100%;
  height: 400px;
  background: #DEDEDE;
  padding: 5px; }
  .add-widget-wrapper iframe:not([src]) {
    display: none; }

.dashboard-wrapper .add-new-widget-button-wrapper {
  padding: 0 !important;
  background-color: #efefef; }
  .dashboard-wrapper .add-new-widget-button-wrapper .add-new-widget-button {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer; }
    .dashboard-wrapper .add-new-widget-button-wrapper .add-new-widget-button:before {
      position: absolute;
      width: 75%;
      height: 75%;
      content: "\00a0";
      border: 5px dashed rgba(0, 0, 0, 0.15);
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      transition: border-color 200ms ease; }
    .dashboard-wrapper .add-new-widget-button-wrapper .add-new-widget-button:hover:before {
      border-color: white; }
    .dashboard-wrapper .add-new-widget-button-wrapper .add-new-widget-button:after {
      content: "+";
      font-size: 200px;
      text-align: center;
      position: absolute;
      color: rgba(0, 0, 0, 0.15);
      width: 75%;
      left: 50%;
      top: 50%;
      transform-origin: center center;
      transform: translate(-50%, -50%);
      transition: color 200ms ease; }
    .dashboard-wrapper .add-new-widget-button-wrapper .add-new-widget-button:hover:after {
      color: white; }
    .dashboard-wrapper .add-new-widget-button-wrapper .add-new-widget-button + .gs-resize-handle {
      display: none !important; }

.big-empty-message-wrapper {
  width: 100%;
  height: 100%;
  min-height: 70vh;
  position: relative; }
  .big-empty-message-wrapper .big-empty-message {
    position: absolute;
    text-align: center;
    min-width: 25vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 500ms ease; }
    .big-empty-message-wrapper .big-empty-message:not(.show) {
      transform: translate(-50%, 100%);
      opacity: 0; }

.button {
  padding: 5px 10px;
  background-color: #127cc2;
  color: white;
  display: inline-block;
  margin-right: 3px;
  margin-top: 10px;
  cursor: pointer;
  border: none;
  font-size: 18px;
  font-weight: 300 !important; }
  .button.secondary {
    background-color: #127cc2;
    opacity: 0.8; }

.lastScreen .deleteScreenButton {
  display: none; }

.carousel {
  width: 100vw;
  height: calc(100vh - 50px);
  overflow: hidden; }
  .carousel .carousel-container {
    height: 100%; }
    .carousel .carousel-container .single-carousel-wrapper {
      float: left;
      height: 100%; }
      .carousel .carousel-container .single-carousel-wrapper iframe {
        width: 100%;
        height: 100%; }
      .carousel .carousel-container .single-carousel-wrapper[data-reload-every] {
        background-color: white; }
  .carousel[data-count="0"] .carousel-container {
    width: 100%; }
    .carousel[data-count="0"] .carousel-container .single-carousel-wrapper {
      width: 100%; }
  .carousel[data-count="1"] .carousel-container {
    width: 200%; }
    .carousel[data-count="1"] .carousel-container .single-carousel-wrapper {
      width: 50%; }
  .carousel[data-count="2"] .carousel-container {
    width: 300%; }
    .carousel[data-count="2"] .carousel-container .single-carousel-wrapper {
      width: 33.33333%; }
  .carousel[data-count="3"] .carousel-container {
    width: 400%; }
    .carousel[data-count="3"] .carousel-container .single-carousel-wrapper {
      width: 25%; }
  .carousel[data-count="4"] .carousel-container {
    width: 500%; }
    .carousel[data-count="4"] .carousel-container .single-carousel-wrapper {
      width: 20%; }
  .carousel[data-count="5"] .carousel-container {
    width: 600%; }
    .carousel[data-count="5"] .carousel-container .single-carousel-wrapper {
      width: 16.66667%; }
  .carousel[data-count="6"] .carousel-container {
    width: 700%; }
    .carousel[data-count="6"] .carousel-container .single-carousel-wrapper {
      width: 14.28571%; }
  .carousel[data-count="7"] .carousel-container {
    width: 800%; }
    .carousel[data-count="7"] .carousel-container .single-carousel-wrapper {
      width: 12.5%; }
  .carousel[data-count="8"] .carousel-container {
    width: 900%; }
    .carousel[data-count="8"] .carousel-container .single-carousel-wrapper {
      width: 11.11111%; }
  .carousel[data-count="9"] .carousel-container {
    width: 1000%; }
    .carousel[data-count="9"] .carousel-container .single-carousel-wrapper {
      width: 10%; }
  .carousel[data-count="10"] .carousel-container {
    width: 1100%; }
    .carousel[data-count="10"] .carousel-container .single-carousel-wrapper {
      width: 9.09091%; }
  .carousel[data-count="11"] .carousel-container {
    width: 1200%; }
    .carousel[data-count="11"] .carousel-container .single-carousel-wrapper {
      width: 8.33333%; }
  .carousel[data-count="12"] .carousel-container {
    width: 1300%; }
    .carousel[data-count="12"] .carousel-container .single-carousel-wrapper {
      width: 7.69231%; }
  .carousel[data-count="13"] .carousel-container {
    width: 1400%; }
    .carousel[data-count="13"] .carousel-container .single-carousel-wrapper {
      width: 7.14286%; }
  .carousel[data-count="14"] .carousel-container {
    width: 1500%; }
    .carousel[data-count="14"] .carousel-container .single-carousel-wrapper {
      width: 6.66667%; }
  .carousel[data-count="15"] .carousel-container {
    width: 1600%; }
    .carousel[data-count="15"] .carousel-container .single-carousel-wrapper {
      width: 6.25%; }
  .carousel[data-count="16"] .carousel-container {
    width: 1700%; }
    .carousel[data-count="16"] .carousel-container .single-carousel-wrapper {
      width: 5.88235%; }
  .carousel[data-count="17"] .carousel-container {
    width: 1800%; }
    .carousel[data-count="17"] .carousel-container .single-carousel-wrapper {
      width: 5.55556%; }
  .carousel[data-count="18"] .carousel-container {
    width: 1900%; }
    .carousel[data-count="18"] .carousel-container .single-carousel-wrapper {
      width: 5.26316%; }
  .carousel[data-count="19"] .carousel-container {
    width: 2000%; }
    .carousel[data-count="19"] .carousel-container .single-carousel-wrapper {
      width: 5%; }
  .carousel[data-count="20"] .carousel-container {
    width: 2100%; }
    .carousel[data-count="20"] .carousel-container .single-carousel-wrapper {
      width: 4.7619%; }
  .carousel[data-count="21"] .carousel-container {
    width: 2200%; }
    .carousel[data-count="21"] .carousel-container .single-carousel-wrapper {
      width: 4.54545%; }
  .carousel[data-count="22"] .carousel-container {
    width: 2300%; }
    .carousel[data-count="22"] .carousel-container .single-carousel-wrapper {
      width: 4.34783%; }
  .carousel[data-count="23"] .carousel-container {
    width: 2400%; }
    .carousel[data-count="23"] .carousel-container .single-carousel-wrapper {
      width: 4.16667%; }
  .carousel[data-count="24"] .carousel-container {
    width: 2500%; }
    .carousel[data-count="24"] .carousel-container .single-carousel-wrapper {
      width: 4%; }
  .carousel[data-count="25"] .carousel-container {
    width: 2600%; }
    .carousel[data-count="25"] .carousel-container .single-carousel-wrapper {
      width: 3.84615%; }
  .carousel[data-count="26"] .carousel-container {
    width: 2700%; }
    .carousel[data-count="26"] .carousel-container .single-carousel-wrapper {
      width: 3.7037%; }
  .carousel[data-count="27"] .carousel-container {
    width: 2800%; }
    .carousel[data-count="27"] .carousel-container .single-carousel-wrapper {
      width: 3.57143%; }
  .carousel[data-count="28"] .carousel-container {
    width: 2900%; }
    .carousel[data-count="28"] .carousel-container .single-carousel-wrapper {
      width: 3.44828%; }
  .carousel[data-count="29"] .carousel-container {
    width: 3000%; }
    .carousel[data-count="29"] .carousel-container .single-carousel-wrapper {
      width: 3.33333%; }

/* BASIC STYLING */
.daszboardLayout .form-signin a {
  color: #000000; }

.daszboardLayout .breadcrumb a {
  color: #000000;
  font-weight: bold; }

.daszboardLayout .sectionLogo a {
  color: #337ab7; }

.daszboardLayout .sectionTitle a {
  color: #337ab7; }

.daszboardLayout a:hover {
  opacity: 0.9;
  text-decoration: underline; }

.daszboardLayout .navbar-fixed-top {
  background-color: #d44804; }

.daszboardLayout a.btn:hover {
  text-decoration: none; }

.daszboardLayout .userMenuWrapper {
  color: white; }

.daszboardLayout #tinklerContainer {
  display: none !important; }

.daszboardLayout .btn-success {
  background-image: none;
  background-color: #171c32;
  border-color: #171c32; }

.daszboardLayout .btn-danger {
  background-image: none;
  background-color: #e33434;
  border-color: #e33434; }

.daszboardLayout .sidebar {
  background-color: #171c32; }

.daszboardLayout .sidebar > ul > li {
  border-left: 2px solid #d44804; }

.daszboardLayout .sidebar > ul > li.current {
  border-left: 2px solid white; }

.daszboardLayout .sidebar > ul > li.current {
  background-color: #314553; }

.daszboardLayout .sidebar #logo-ixgram-link #logo-ixgram {
  display: none; }

.daszboardLayout .sidebar #logo-ixgram-link {
  display: block;
  margin: 30px 10px 30px 20px; }

.daszboardLayout .sidebar #logo-ixgram-link:before {
  content: " ";
  display: block;
  background-image: url("/assets/images/daszboard-logo-light-app.webp");
  background-size: 240px 29px;
  width: 240px;
  height: 29px; }

.daszboardLayout * {
  font-family: 'Ubuntu', sans-serif; }

.daszboardLayout .fa {
  font-family: 'FontAwesome'; }

/* FONT-FAMILY FIX FONT AWESOME */
.daszboardLayout .glyphicon {
  font-family: 'Glyphicons Halflings'; }

/* FONT-FAMILY FIX GLYPH ICON */
/* LOGIN PAGES */
body.daszboardLayout#page-signin {
  background-color: #171c32; }

.daszboardLayout .form-signin-logo-container img {
  display: none; }

.daszboardLayout .form-signin-logo-container:before {
  content: " ";
  display: block;
  background-image: url("/assets/images/daszboard-logo-light.webp");
  background-size: 240px 46px;
  width: 240px;
  height: 46px; }

.daszboardLayout .btn-primary {
  background-color: #ec5005;
  border-color: #ec5005;
  color: white;
  background-image: none; }

.daszboardLayout .btn-primary:focus,
.daszboardLayout .btn-primary:hover {
  background-color: #f57827;
  border-color: #f57827;
  color: white; }

.daszboardLayout .form-signup-legal-footer a {
  color: white; }

.daszboardLayout .form-signin-footer {
  color: white;
  opacity: 0.8; }

body.fs-grid {
  overflow: hidden;
  padding: 0;
  background-color: #efefef; }
  body.fs-grid .baseMessageContainer {
    display: none; }
  body.fs-grid .dashboard-arrange-buttons-floater {
    position: fixed;
    bottom: 1vh;
    right: 1vw;
    z-index: 999999; }
    body.fs-grid .dashboard-arrange-buttons-floater input#toggle-remove-items {
      display: none; }
      body.fs-grid .dashboard-arrange-buttons-floater input#toggle-remove-items + label::after {
        content: ': off'; }
      body.fs-grid .dashboard-arrange-buttons-floater input#toggle-remove-items:checked + label::after {
        content: ': on'; }
  body.fs-grid .header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#127cc2+0,ffffff+100 */
    position: relative;
    padding: 10px 15px;
    height: 45px; }
    body.fs-grid .header .logo-wrapper {
      position: absolute;
      left: 25px;
      top: 7px;
      z-index: 1; }
      body.fs-grid .header .logo-wrapper img {
        height: 40px; }
      body.fs-grid .header .logo-wrapper div {
        display: inline-block; }
    body.fs-grid .header .buttons-wrapper {
      position: absolute;
      top: 5px;
      left: 20vw; }
      body.fs-grid .header .buttons-wrapper input#toggle-remove-items {
        display: none; }
        body.fs-grid .header .buttons-wrapper input#toggle-remove-items + label::after {
          content: ': off'; }
        body.fs-grid .header .buttons-wrapper input#toggle-remove-items:checked + label::after {
          content: ': on'; }
    body.fs-grid .header .title-wrapper {
      position: absolute;
      width: 100vw;
      top: 10px;
      font-size: 35px;
      text-align: center;
      color: #666666;
      line-height: 25px;
      font-weight: 100;
      z-index: 0; }
    body.fs-grid .header .clock-wrapper {
      position: absolute;
      right: 25px;
      top: 10px;
      transform: translateY(-50%);
      width: auto;
      text-align: right;
      font-size: 35px;
      line-height: 25px;
      color: #666666;
      font-weight: 600; }
      body.fs-grid .header .clock-wrapper #date {
        color: grey;
        padding-right: 0.5em;
        font-weight: 100; }
  body.fs-grid .gridster ul {
    margin: 0; }
    body.fs-grid .gridster ul .widget-options-wrapper {
      display: none; }
    body.fs-grid .gridster ul li iframe {
      background: #FFF; }
  body.fs-grid .sf-toolbar {
    display: none !important; }
  body.fs-grid .gridster.remove li::before {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 0, 0, 0.3) !important;
    content: "\00a0" !important;
    position: absolute;
    opacity: 0.2;
    transition: opacity 200ms ease;
    cursor: pointer; }
  body.fs-grid .gridster.remove li:hover::before {
    opacity: 1; }

body.fs-grid-admin .gridster ul .widget-options-wrapper {
  display: block; }

.inline-input {
  background: none;
  display: inline-block;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  border: none; }

select.inline-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: ''; }
  select.inline-input::-ms-expand {
    display: none; }
  select.inline-input + label {
    padding: inherit;
    height: inherit;
    line-height: inherit; }
    select.inline-input + label:before {
      content: "\00a0";
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #CCC;
      display: inline-block;
      transform: translateY(30px) translateX(10px); }

*, *:before, *:after {
  box-sizing: border-box; }

body.widget {
  margin: 0;
  font-family: 'Open Sans', "Arial", sans-serif;
  color: #333;
  font-weight: 300; }
  body.widget.ListingWidget {
    color: #000000;
    font-weight: normal; }

input[type="color"] {
  padding: 0 !important;
  height: 45px;
  border: none; }

#__bs_notify__ {
  display: none !important; }

.light-wrapper {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%); }
  .light-wrapper .color-light-wrapper {
    float: left;
    margin: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4b4b4+0,e4e4e4+100 */
    background: #b4b4b4;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #b4b4b4 0%, #e4e4e4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #b4b4b4 0%, #e4e4e4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #b4b4b4 0%, #e4e4e4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b4b4', endColorstr='#e4e4e4',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }
    .light-wrapper .color-light-wrapper .color-light {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      transform: scale(0.8);
      border: solid 2px rgba(52, 52, 52, 0.5);
      -webkit-box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.5);
      box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.5);
      background-color: #7e7e7e; }
  .light-wrapper:not(.horizontal) {
    width: calc(calc(100vh / 3 - (5px * 2)) + (5px * 2)); }
    .light-wrapper:not(.horizontal) .color-light-wrapper {
      width: calc(100vh / 3 - (5px * 2));
      height: calc(100vh / 3 - (5px * 2));
      border-radius: calc(calc(100vh / 3 - (5px * 2)) / 2); }
  .light-wrapper.horizontal {
    width: calc((calc(100vw / 3 - (5px * 2)) + (5px * 2)) * 3); }
    .light-wrapper.horizontal .color-light-wrapper {
      width: calc(100vw / 3 - (5px * 2));
      height: calc(100vw / 3 - (5px * 2));
      border-radius: calc(calc(100vw / 3 - (5px * 2)) / 2); }

.new-widget-background {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 10;
  display: none;
  left: 0;
  top: 0; }

.new-widget-wrapper.add-widget-wrapper, .add-widget-wrapper.add-widget-wrapper, .update-widget-wrapper.add-widget-wrapper {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100%;
  max-width: 1024px;
  background-color: white;
  min-height: 200px;
  transform: translateX(-50%);
  display: none;
  z-index: 11;
  border-radius: 3px;
  padding: 0 50px 50px; }
  .new-widget-wrapper.add-widget-wrapper h4, .add-widget-wrapper.add-widget-wrapper h4, .update-widget-wrapper.add-widget-wrapper h4 {
    color: #127cc2; }
  .new-widget-wrapper.add-widget-wrapper label, .add-widget-wrapper.add-widget-wrapper label, .update-widget-wrapper.add-widget-wrapper label {
    display: block;
    width: 100%;
    font-weight: bold; }
    .new-widget-wrapper.add-widget-wrapper label input, .new-widget-wrapper.add-widget-wrapper label select, .new-widget-wrapper.add-widget-wrapper label textarea, .add-widget-wrapper.add-widget-wrapper label input, .add-widget-wrapper.add-widget-wrapper label select, .add-widget-wrapper.add-widget-wrapper label textarea, .update-widget-wrapper.add-widget-wrapper label input, .update-widget-wrapper.add-widget-wrapper label select, .update-widget-wrapper.add-widget-wrapper label textarea {
      font-size: inherit;
      width: 100%;
      max-width: 500px;
      margin-bottom: 5px;
      padding: 10px 5px;
      border: solid 1px #CCC; }
    .new-widget-wrapper.add-widget-wrapper label textarea, .add-widget-wrapper.add-widget-wrapper label textarea, .update-widget-wrapper.add-widget-wrapper label textarea {
      max-width: 100%;
      font-family: "Courier New", serif;
      font-size: 12px;
      min-height: 150px; }
    .new-widget-wrapper.add-widget-wrapper label input[type="radio"], .add-widget-wrapper.add-widget-wrapper label input[type="radio"], .update-widget-wrapper.add-widget-wrapper label input[type="radio"] {
      width: auto; }

.new-widget-wrapper label, .add-widget-wrapper label, .update-widget-wrapper label {
  display: block;
  box-sizing: border-box; }
  .new-widget-wrapper label *, .new-widget-wrapper label *:before, .new-widget-wrapper label *:after, .add-widget-wrapper label *, .add-widget-wrapper label *:before, .add-widget-wrapper label *:after, .update-widget-wrapper label *, .update-widget-wrapper label *:before, .update-widget-wrapper label *:after {
    box-sizing: border-box; }
  .new-widget-wrapper label sub, .new-widget-wrapper label sup, .add-widget-wrapper label sub, .add-widget-wrapper label sup, .update-widget-wrapper label sub, .update-widget-wrapper label sup {
    line-height: inherit;
    font-weight: 300;
    font-style: oblique;
    overflow-x: hidden;
    max-height: 0;
    display: block;
    transition: all 200ms ease;
    transform: translateY(-100%);
    opacity: 0;
    transform-origin: top center; }
  .new-widget-wrapper label.has-focus sup, .new-widget-wrapper label.has-focus sup, .add-widget-wrapper label.has-focus sup, .add-widget-wrapper label.has-focus sup, .update-widget-wrapper label.has-focus sup, .update-widget-wrapper label.has-focus sup {
    max-height: 100vh;
    opacity: 1;
    transform: translateY(0); }

.new-widget-wrapper input[type="checkbox"], .new-widget-wrapper input[type="radio"], .add-widget-wrapper input[type="checkbox"], .add-widget-wrapper input[type="radio"], .update-widget-wrapper input[type="checkbox"], .update-widget-wrapper input[type="radio"] {
  width: auto;
  display: inline-block; }

.new-widget-wrapper .form-group .row label, .add-widget-wrapper .form-group .row label, .update-widget-wrapper .form-group .row label {
  transform: translateY(-55%);
  width: auto;
  display: inline-block;
  font-weight: normal; }

.new-widget-wrapper .test-qry, .new-widget-wrapper .preview-qry, .add-widget-wrapper .test-qry, .add-widget-wrapper .preview-qry, .update-widget-wrapper .test-qry, .update-widget-wrapper .preview-qry {
  display: block;
  overflow: scroll;
  max-height: 500px; }
  .new-widget-wrapper .test-qry table, .new-widget-wrapper .preview-qry table, .add-widget-wrapper .test-qry table, .add-widget-wrapper .preview-qry table, .update-widget-wrapper .test-qry table, .update-widget-wrapper .preview-qry table {
    border-collapse: collapse; }
    .new-widget-wrapper .test-qry table tr th, .new-widget-wrapper .preview-qry table tr th, .new-widget-wrapper .test-qry table tr td, .new-widget-wrapper .preview-qry table tr td, .add-widget-wrapper .test-qry table tr th, .add-widget-wrapper .preview-qry table tr th, .add-widget-wrapper .test-qry table tr td, .add-widget-wrapper .preview-qry table tr td, .update-widget-wrapper .test-qry table tr th, .update-widget-wrapper .preview-qry table tr th, .update-widget-wrapper .test-qry table tr td, .update-widget-wrapper .preview-qry table tr td {
      padding: 0 5px;
      text-align: left;
      border: solid 1px #CCC;
      margin: 0; }

.new-widget-wrapper .preview-qry, .add-widget-wrapper .preview-qry, .update-widget-wrapper .preview-qry {
  font-size: small; }

.new-widget-wrapper select + span.error, .add-widget-wrapper select + span.error, .update-widget-wrapper select + span.error {
  display: none; }

.new-widget-wrapper select[data-option-count="0"], .add-widget-wrapper select[data-option-count="0"], .update-widget-wrapper select[data-option-count="0"] {
  display: none; }
  .new-widget-wrapper select[data-option-count="0"] + span.error, .add-widget-wrapper select[data-option-count="0"] + span.error, .update-widget-wrapper select[data-option-count="0"] + span.error {
    display: block;
    color: red;
    font-weight: 300;
    font-size: 14px;
    font-style: oblique; }

.new-widget-wrapper .half, .add-widget-wrapper .half, .update-widget-wrapper .half {
  float: left;
  width: 50%; }

.new-widget-wrapper .repeats-wrapper .repeat-item fieldset, .add-widget-wrapper .repeats-wrapper .repeat-item fieldset, .update-widget-wrapper .repeats-wrapper .repeat-item fieldset {
  margin: 25px 0;
  border: solid 2px #127cc2;
  padding: 0 25px; }
  .new-widget-wrapper .repeats-wrapper .repeat-item fieldset legend, .add-widget-wrapper .repeats-wrapper .repeat-item fieldset legend, .update-widget-wrapper .repeats-wrapper .repeat-item fieldset legend {
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    color: #127cc2;
    background-color: white;
    width: auto;
    border: none;
    transform: translateY(50%); }
  .new-widget-wrapper .repeats-wrapper .repeat-item fieldset .remove-button-wrapper, .add-widget-wrapper .repeats-wrapper .repeat-item fieldset .remove-button-wrapper, .update-widget-wrapper .repeats-wrapper .repeat-item fieldset .remove-button-wrapper {
    text-align: right; }

.new-widget-wrapper .repeats-wrapper .repeat-item .add-button-wrapper, .add-widget-wrapper .repeats-wrapper .repeat-item .add-button-wrapper, .update-widget-wrapper .repeats-wrapper .repeat-item .add-button-wrapper {
  text-align: right;
  display: none; }

.new-widget-wrapper .repeats-wrapper .repeat-item:nth-child(1) .remove-button-wrapper, .add-widget-wrapper .repeats-wrapper .repeat-item:nth-child(1) .remove-button-wrapper, .update-widget-wrapper .repeats-wrapper .repeat-item:nth-child(1) .remove-button-wrapper {
  display: none; }

.new-widget-wrapper .repeats-wrapper .repeat-item:nth-last-child(1) .add-button-wrapper, .add-widget-wrapper .repeats-wrapper .repeat-item:nth-last-child(1) .add-button-wrapper, .update-widget-wrapper .repeats-wrapper .repeat-item:nth-last-child(1) .add-button-wrapper {
  display: block; }

.new-widget-wrapper .btn, .add-widget-wrapper .btn, .update-widget-wrapper .btn {
  margin: 10px 0; }

.new-widget-background.show, .add-widget-wrapper.show {
  opacity: 1;
  display: block; }

.widgetInformationButton {
  border-radius: 10px 0px 0px 10px;
  position: fixed;
  right: 0px;
  top: 10vh;
  padding: 0.5em; }

.previewButton {
  height: 20vh;
  border-radius: 10px 0px 0px 10px;
  position: fixed;
  right: 0px;
  top: 30vh;
  padding: 0.5em;
  padding-top: 2em; }

.previewContainer {
  margin-left: auto;
  margin-right: auto;
  width: 75vw;
  height: 85vh;
  display: none; }
  .previewContainer .previewButtonContainer {
    float: right; }
  .previewContainer .previewIframe {
    width: 75vw;
    height: 80vh; }

.alert-installation-mismatch {
  display: inline-block; }

/* ---- grid ---- */
.grid {
  background: red; }

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both; }

/**/
/* ---- grid-item ---- */
.grid-item {
  background-color: green;
  border: solid 1px white; }
  .grid-item iframe {
    border: none;
    width: 100%;
    height: 100%;
    background: #cccccc;
    border-radius: 0 0 5px 5px;
    display: none; }

.grid[data-grid-size="1"] .grid-sizer, .grid[data-grid-size="1"] .grid-item {
  width: 100%; }

.grid[data-grid-size="1"] .grid-item--width1 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="1"] .grid-item--width1 {
      width: calc(100vw / 1 * 1); } }

.grid[data-grid-size="1"] .grid-item--height1 {
  height: calc(100vh / 1 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="1"] .grid-item--height1 {
      height: calc(100vw / 1 * 1); } }

.grid[data-grid-size="2"] .grid-sizer, .grid[data-grid-size="2"] .grid-item {
  width: 50%; }

.grid[data-grid-size="2"] .grid-item--width1 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="2"] .grid-item--width1 {
      width: calc(100vw / 2 * 1); } }

.grid[data-grid-size="2"] .grid-item--height1 {
  height: calc(100vh / 2 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="2"] .grid-item--height1 {
      height: calc(100vw / 2 * 1); } }

.grid[data-grid-size="2"] .grid-item--width2 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="2"] .grid-item--width2 {
      width: calc(100vw / 2 * 2); } }

.grid[data-grid-size="2"] .grid-item--height2 {
  height: calc(100vh / 2 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="2"] .grid-item--height2 {
      height: calc(100vw / 2 * 2); } }

.grid[data-grid-size="3"] .grid-sizer, .grid[data-grid-size="3"] .grid-item {
  width: 33.33333%; }

.grid[data-grid-size="3"] .grid-item--width1 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="3"] .grid-item--width1 {
      width: calc(100vw / 3 * 1); } }

.grid[data-grid-size="3"] .grid-item--height1 {
  height: calc(100vh / 3 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="3"] .grid-item--height1 {
      height: calc(100vw / 3 * 1); } }

.grid[data-grid-size="3"] .grid-item--width2 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="3"] .grid-item--width2 {
      width: calc(100vw / 3 * 2); } }

.grid[data-grid-size="3"] .grid-item--height2 {
  height: calc(100vh / 3 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="3"] .grid-item--height2 {
      height: calc(100vw / 3 * 2); } }

.grid[data-grid-size="3"] .grid-item--width3 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="3"] .grid-item--width3 {
      width: calc(100vw / 3 * 3); } }

.grid[data-grid-size="3"] .grid-item--height3 {
  height: calc(100vh / 3 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="3"] .grid-item--height3 {
      height: calc(100vw / 3 * 3); } }

.grid[data-grid-size="4"] .grid-sizer, .grid[data-grid-size="4"] .grid-item {
  width: 25%; }

.grid[data-grid-size="4"] .grid-item--width1 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="4"] .grid-item--width1 {
      width: calc(100vw / 4 * 1); } }

.grid[data-grid-size="4"] .grid-item--height1 {
  height: calc(100vh / 4 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="4"] .grid-item--height1 {
      height: calc(100vw / 4 * 1); } }

.grid[data-grid-size="4"] .grid-item--width2 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="4"] .grid-item--width2 {
      width: calc(100vw / 4 * 2); } }

.grid[data-grid-size="4"] .grid-item--height2 {
  height: calc(100vh / 4 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="4"] .grid-item--height2 {
      height: calc(100vw / 4 * 2); } }

.grid[data-grid-size="4"] .grid-item--width3 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="4"] .grid-item--width3 {
      width: calc(100vw / 4 * 3); } }

.grid[data-grid-size="4"] .grid-item--height3 {
  height: calc(100vh / 4 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="4"] .grid-item--height3 {
      height: calc(100vw / 4 * 3); } }

.grid[data-grid-size="4"] .grid-item--width4 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="4"] .grid-item--width4 {
      width: calc(100vw / 4 * 4); } }

.grid[data-grid-size="4"] .grid-item--height4 {
  height: calc(100vh / 4 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="4"] .grid-item--height4 {
      height: calc(100vw / 4 * 4); } }

.grid[data-grid-size="5"] .grid-sizer, .grid[data-grid-size="5"] .grid-item {
  width: 20%; }

.grid[data-grid-size="5"] .grid-item--width1 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="5"] .grid-item--width1 {
      width: calc(100vw / 5 * 1); } }

.grid[data-grid-size="5"] .grid-item--height1 {
  height: calc(100vh / 5 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="5"] .grid-item--height1 {
      height: calc(100vw / 5 * 1); } }

.grid[data-grid-size="5"] .grid-item--width2 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="5"] .grid-item--width2 {
      width: calc(100vw / 5 * 2); } }

.grid[data-grid-size="5"] .grid-item--height2 {
  height: calc(100vh / 5 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="5"] .grid-item--height2 {
      height: calc(100vw / 5 * 2); } }

.grid[data-grid-size="5"] .grid-item--width3 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="5"] .grid-item--width3 {
      width: calc(100vw / 5 * 3); } }

.grid[data-grid-size="5"] .grid-item--height3 {
  height: calc(100vh / 5 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="5"] .grid-item--height3 {
      height: calc(100vw / 5 * 3); } }

.grid[data-grid-size="5"] .grid-item--width4 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="5"] .grid-item--width4 {
      width: calc(100vw / 5 * 4); } }

.grid[data-grid-size="5"] .grid-item--height4 {
  height: calc(100vh / 5 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="5"] .grid-item--height4 {
      height: calc(100vw / 5 * 4); } }

.grid[data-grid-size="5"] .grid-item--width5 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="5"] .grid-item--width5 {
      width: calc(100vw / 5 * 5); } }

.grid[data-grid-size="5"] .grid-item--height5 {
  height: calc(100vh / 5 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="5"] .grid-item--height5 {
      height: calc(100vw / 5 * 5); } }

.grid[data-grid-size="6"] .grid-sizer, .grid[data-grid-size="6"] .grid-item {
  width: 16.66667%; }

.grid[data-grid-size="6"] .grid-item--width1 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="6"] .grid-item--width1 {
      width: calc(100vw / 6 * 1); } }

.grid[data-grid-size="6"] .grid-item--height1 {
  height: calc(100vh / 6 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="6"] .grid-item--height1 {
      height: calc(100vw / 6 * 1); } }

.grid[data-grid-size="6"] .grid-item--width2 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="6"] .grid-item--width2 {
      width: calc(100vw / 6 * 2); } }

.grid[data-grid-size="6"] .grid-item--height2 {
  height: calc(100vh / 6 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="6"] .grid-item--height2 {
      height: calc(100vw / 6 * 2); } }

.grid[data-grid-size="6"] .grid-item--width3 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="6"] .grid-item--width3 {
      width: calc(100vw / 6 * 3); } }

.grid[data-grid-size="6"] .grid-item--height3 {
  height: calc(100vh / 6 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="6"] .grid-item--height3 {
      height: calc(100vw / 6 * 3); } }

.grid[data-grid-size="6"] .grid-item--width4 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="6"] .grid-item--width4 {
      width: calc(100vw / 6 * 4); } }

.grid[data-grid-size="6"] .grid-item--height4 {
  height: calc(100vh / 6 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="6"] .grid-item--height4 {
      height: calc(100vw / 6 * 4); } }

.grid[data-grid-size="6"] .grid-item--width5 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="6"] .grid-item--width5 {
      width: calc(100vw / 6 * 5); } }

.grid[data-grid-size="6"] .grid-item--height5 {
  height: calc(100vh / 6 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="6"] .grid-item--height5 {
      height: calc(100vw / 6 * 5); } }

.grid[data-grid-size="6"] .grid-item--width6 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="6"] .grid-item--width6 {
      width: calc(100vw / 6 * 6); } }

.grid[data-grid-size="6"] .grid-item--height6 {
  height: calc(100vh / 6 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="6"] .grid-item--height6 {
      height: calc(100vw / 6 * 6); } }

.grid[data-grid-size="7"] .grid-sizer, .grid[data-grid-size="7"] .grid-item {
  width: 14.28571%; }

.grid[data-grid-size="7"] .grid-item--width1 {
  width: 14.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="7"] .grid-item--width1 {
      width: calc(100vw / 7 * 1); } }

.grid[data-grid-size="7"] .grid-item--height1 {
  height: calc(100vh / 7 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="7"] .grid-item--height1 {
      height: calc(100vw / 7 * 1); } }

.grid[data-grid-size="7"] .grid-item--width2 {
  width: 28.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="7"] .grid-item--width2 {
      width: calc(100vw / 7 * 2); } }

.grid[data-grid-size="7"] .grid-item--height2 {
  height: calc(100vh / 7 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="7"] .grid-item--height2 {
      height: calc(100vw / 7 * 2); } }

.grid[data-grid-size="7"] .grid-item--width3 {
  width: 42.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="7"] .grid-item--width3 {
      width: calc(100vw / 7 * 3); } }

.grid[data-grid-size="7"] .grid-item--height3 {
  height: calc(100vh / 7 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="7"] .grid-item--height3 {
      height: calc(100vw / 7 * 3); } }

.grid[data-grid-size="7"] .grid-item--width4 {
  width: 57.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="7"] .grid-item--width4 {
      width: calc(100vw / 7 * 4); } }

.grid[data-grid-size="7"] .grid-item--height4 {
  height: calc(100vh / 7 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="7"] .grid-item--height4 {
      height: calc(100vw / 7 * 4); } }

.grid[data-grid-size="7"] .grid-item--width5 {
  width: 71.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="7"] .grid-item--width5 {
      width: calc(100vw / 7 * 5); } }

.grid[data-grid-size="7"] .grid-item--height5 {
  height: calc(100vh / 7 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="7"] .grid-item--height5 {
      height: calc(100vw / 7 * 5); } }

.grid[data-grid-size="7"] .grid-item--width6 {
  width: 85.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="7"] .grid-item--width6 {
      width: calc(100vw / 7 * 6); } }

.grid[data-grid-size="7"] .grid-item--height6 {
  height: calc(100vh / 7 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="7"] .grid-item--height6 {
      height: calc(100vw / 7 * 6); } }

.grid[data-grid-size="7"] .grid-item--width7 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="7"] .grid-item--width7 {
      width: calc(100vw / 7 * 7); } }

.grid[data-grid-size="7"] .grid-item--height7 {
  height: calc(100vh / 7 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="7"] .grid-item--height7 {
      height: calc(100vw / 7 * 7); } }

.grid[data-grid-size="8"] .grid-sizer, .grid[data-grid-size="8"] .grid-item {
  width: 12.5%; }

.grid[data-grid-size="8"] .grid-item--width1 {
  width: 12.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--width1 {
      width: calc(100vw / 8 * 1); } }

.grid[data-grid-size="8"] .grid-item--height1 {
  height: calc(100vh / 8 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--height1 {
      height: calc(100vw / 8 * 1); } }

.grid[data-grid-size="8"] .grid-item--width2 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--width2 {
      width: calc(100vw / 8 * 2); } }

.grid[data-grid-size="8"] .grid-item--height2 {
  height: calc(100vh / 8 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--height2 {
      height: calc(100vw / 8 * 2); } }

.grid[data-grid-size="8"] .grid-item--width3 {
  width: 37.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--width3 {
      width: calc(100vw / 8 * 3); } }

.grid[data-grid-size="8"] .grid-item--height3 {
  height: calc(100vh / 8 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--height3 {
      height: calc(100vw / 8 * 3); } }

.grid[data-grid-size="8"] .grid-item--width4 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--width4 {
      width: calc(100vw / 8 * 4); } }

.grid[data-grid-size="8"] .grid-item--height4 {
  height: calc(100vh / 8 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--height4 {
      height: calc(100vw / 8 * 4); } }

.grid[data-grid-size="8"] .grid-item--width5 {
  width: 62.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--width5 {
      width: calc(100vw / 8 * 5); } }

.grid[data-grid-size="8"] .grid-item--height5 {
  height: calc(100vh / 8 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--height5 {
      height: calc(100vw / 8 * 5); } }

.grid[data-grid-size="8"] .grid-item--width6 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--width6 {
      width: calc(100vw / 8 * 6); } }

.grid[data-grid-size="8"] .grid-item--height6 {
  height: calc(100vh / 8 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--height6 {
      height: calc(100vw / 8 * 6); } }

.grid[data-grid-size="8"] .grid-item--width7 {
  width: 87.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--width7 {
      width: calc(100vw / 8 * 7); } }

.grid[data-grid-size="8"] .grid-item--height7 {
  height: calc(100vh / 8 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--height7 {
      height: calc(100vw / 8 * 7); } }

.grid[data-grid-size="8"] .grid-item--width8 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--width8 {
      width: calc(100vw / 8 * 8); } }

.grid[data-grid-size="8"] .grid-item--height8 {
  height: calc(100vh / 8 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="8"] .grid-item--height8 {
      height: calc(100vw / 8 * 8); } }

.grid[data-grid-size="9"] .grid-sizer, .grid[data-grid-size="9"] .grid-item {
  width: 11.11111%; }

.grid[data-grid-size="9"] .grid-item--width1 {
  width: 11.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--width1 {
      width: calc(100vw / 9 * 1); } }

.grid[data-grid-size="9"] .grid-item--height1 {
  height: calc(100vh / 9 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--height1 {
      height: calc(100vw / 9 * 1); } }

.grid[data-grid-size="9"] .grid-item--width2 {
  width: 22.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--width2 {
      width: calc(100vw / 9 * 2); } }

.grid[data-grid-size="9"] .grid-item--height2 {
  height: calc(100vh / 9 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--height2 {
      height: calc(100vw / 9 * 2); } }

.grid[data-grid-size="9"] .grid-item--width3 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--width3 {
      width: calc(100vw / 9 * 3); } }

.grid[data-grid-size="9"] .grid-item--height3 {
  height: calc(100vh / 9 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--height3 {
      height: calc(100vw / 9 * 3); } }

.grid[data-grid-size="9"] .grid-item--width4 {
  width: 44.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--width4 {
      width: calc(100vw / 9 * 4); } }

.grid[data-grid-size="9"] .grid-item--height4 {
  height: calc(100vh / 9 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--height4 {
      height: calc(100vw / 9 * 4); } }

.grid[data-grid-size="9"] .grid-item--width5 {
  width: 55.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--width5 {
      width: calc(100vw / 9 * 5); } }

.grid[data-grid-size="9"] .grid-item--height5 {
  height: calc(100vh / 9 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--height5 {
      height: calc(100vw / 9 * 5); } }

.grid[data-grid-size="9"] .grid-item--width6 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--width6 {
      width: calc(100vw / 9 * 6); } }

.grid[data-grid-size="9"] .grid-item--height6 {
  height: calc(100vh / 9 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--height6 {
      height: calc(100vw / 9 * 6); } }

.grid[data-grid-size="9"] .grid-item--width7 {
  width: 77.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--width7 {
      width: calc(100vw / 9 * 7); } }

.grid[data-grid-size="9"] .grid-item--height7 {
  height: calc(100vh / 9 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--height7 {
      height: calc(100vw / 9 * 7); } }

.grid[data-grid-size="9"] .grid-item--width8 {
  width: 88.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--width8 {
      width: calc(100vw / 9 * 8); } }

.grid[data-grid-size="9"] .grid-item--height8 {
  height: calc(100vh / 9 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--height8 {
      height: calc(100vw / 9 * 8); } }

.grid[data-grid-size="9"] .grid-item--width9 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--width9 {
      width: calc(100vw / 9 * 9); } }

.grid[data-grid-size="9"] .grid-item--height9 {
  height: calc(100vh / 9 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="9"] .grid-item--height9 {
      height: calc(100vw / 9 * 9); } }

.grid[data-grid-size="10"] .grid-sizer, .grid[data-grid-size="10"] .grid-item {
  width: 10%; }

.grid[data-grid-size="10"] .grid-item--width1 {
  width: 10%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--width1 {
      width: calc(100vw / 10 * 1); } }

.grid[data-grid-size="10"] .grid-item--height1 {
  height: calc(100vh / 10 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--height1 {
      height: calc(100vw / 10 * 1); } }

.grid[data-grid-size="10"] .grid-item--width2 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--width2 {
      width: calc(100vw / 10 * 2); } }

.grid[data-grid-size="10"] .grid-item--height2 {
  height: calc(100vh / 10 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--height2 {
      height: calc(100vw / 10 * 2); } }

.grid[data-grid-size="10"] .grid-item--width3 {
  width: 30%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--width3 {
      width: calc(100vw / 10 * 3); } }

.grid[data-grid-size="10"] .grid-item--height3 {
  height: calc(100vh / 10 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--height3 {
      height: calc(100vw / 10 * 3); } }

.grid[data-grid-size="10"] .grid-item--width4 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--width4 {
      width: calc(100vw / 10 * 4); } }

.grid[data-grid-size="10"] .grid-item--height4 {
  height: calc(100vh / 10 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--height4 {
      height: calc(100vw / 10 * 4); } }

.grid[data-grid-size="10"] .grid-item--width5 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--width5 {
      width: calc(100vw / 10 * 5); } }

.grid[data-grid-size="10"] .grid-item--height5 {
  height: calc(100vh / 10 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--height5 {
      height: calc(100vw / 10 * 5); } }

.grid[data-grid-size="10"] .grid-item--width6 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--width6 {
      width: calc(100vw / 10 * 6); } }

.grid[data-grid-size="10"] .grid-item--height6 {
  height: calc(100vh / 10 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--height6 {
      height: calc(100vw / 10 * 6); } }

.grid[data-grid-size="10"] .grid-item--width7 {
  width: 70%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--width7 {
      width: calc(100vw / 10 * 7); } }

.grid[data-grid-size="10"] .grid-item--height7 {
  height: calc(100vh / 10 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--height7 {
      height: calc(100vw / 10 * 7); } }

.grid[data-grid-size="10"] .grid-item--width8 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--width8 {
      width: calc(100vw / 10 * 8); } }

.grid[data-grid-size="10"] .grid-item--height8 {
  height: calc(100vh / 10 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--height8 {
      height: calc(100vw / 10 * 8); } }

.grid[data-grid-size="10"] .grid-item--width9 {
  width: 90%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--width9 {
      width: calc(100vw / 10 * 9); } }

.grid[data-grid-size="10"] .grid-item--height9 {
  height: calc(100vh / 10 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--height9 {
      height: calc(100vw / 10 * 9); } }

.grid[data-grid-size="10"] .grid-item--width10 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--width10 {
      width: calc(100vw / 10 * 10); } }

.grid[data-grid-size="10"] .grid-item--height10 {
  height: calc(100vh / 10 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="10"] .grid-item--height10 {
      height: calc(100vw / 10 * 10); } }

.grid[data-grid-size="11"] .grid-sizer, .grid[data-grid-size="11"] .grid-item {
  width: 9.09091%; }

.grid[data-grid-size="11"] .grid-item--width1 {
  width: 9.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--width1 {
      width: calc(100vw / 11 * 1); } }

.grid[data-grid-size="11"] .grid-item--height1 {
  height: calc(100vh / 11 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--height1 {
      height: calc(100vw / 11 * 1); } }

.grid[data-grid-size="11"] .grid-item--width2 {
  width: 18.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--width2 {
      width: calc(100vw / 11 * 2); } }

.grid[data-grid-size="11"] .grid-item--height2 {
  height: calc(100vh / 11 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--height2 {
      height: calc(100vw / 11 * 2); } }

.grid[data-grid-size="11"] .grid-item--width3 {
  width: 27.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--width3 {
      width: calc(100vw / 11 * 3); } }

.grid[data-grid-size="11"] .grid-item--height3 {
  height: calc(100vh / 11 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--height3 {
      height: calc(100vw / 11 * 3); } }

.grid[data-grid-size="11"] .grid-item--width4 {
  width: 36.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--width4 {
      width: calc(100vw / 11 * 4); } }

.grid[data-grid-size="11"] .grid-item--height4 {
  height: calc(100vh / 11 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--height4 {
      height: calc(100vw / 11 * 4); } }

.grid[data-grid-size="11"] .grid-item--width5 {
  width: 45.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--width5 {
      width: calc(100vw / 11 * 5); } }

.grid[data-grid-size="11"] .grid-item--height5 {
  height: calc(100vh / 11 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--height5 {
      height: calc(100vw / 11 * 5); } }

.grid[data-grid-size="11"] .grid-item--width6 {
  width: 54.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--width6 {
      width: calc(100vw / 11 * 6); } }

.grid[data-grid-size="11"] .grid-item--height6 {
  height: calc(100vh / 11 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--height6 {
      height: calc(100vw / 11 * 6); } }

.grid[data-grid-size="11"] .grid-item--width7 {
  width: 63.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--width7 {
      width: calc(100vw / 11 * 7); } }

.grid[data-grid-size="11"] .grid-item--height7 {
  height: calc(100vh / 11 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--height7 {
      height: calc(100vw / 11 * 7); } }

.grid[data-grid-size="11"] .grid-item--width8 {
  width: 72.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--width8 {
      width: calc(100vw / 11 * 8); } }

.grid[data-grid-size="11"] .grid-item--height8 {
  height: calc(100vh / 11 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--height8 {
      height: calc(100vw / 11 * 8); } }

.grid[data-grid-size="11"] .grid-item--width9 {
  width: 81.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--width9 {
      width: calc(100vw / 11 * 9); } }

.grid[data-grid-size="11"] .grid-item--height9 {
  height: calc(100vh / 11 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--height9 {
      height: calc(100vw / 11 * 9); } }

.grid[data-grid-size="11"] .grid-item--width10 {
  width: 90.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--width10 {
      width: calc(100vw / 11 * 10); } }

.grid[data-grid-size="11"] .grid-item--height10 {
  height: calc(100vh / 11 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--height10 {
      height: calc(100vw / 11 * 10); } }

.grid[data-grid-size="11"] .grid-item--width11 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--width11 {
      width: calc(100vw / 11 * 11); } }

.grid[data-grid-size="11"] .grid-item--height11 {
  height: calc(100vh / 11 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="11"] .grid-item--height11 {
      height: calc(100vw / 11 * 11); } }

.grid[data-grid-size="12"] .grid-sizer, .grid[data-grid-size="12"] .grid-item {
  width: 8.33333%; }

.grid[data-grid-size="12"] .grid-item--width1 {
  width: 8.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--width1 {
      width: calc(100vw / 12 * 1); } }

.grid[data-grid-size="12"] .grid-item--height1 {
  height: calc(100vh / 12 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--height1 {
      height: calc(100vw / 12 * 1); } }

.grid[data-grid-size="12"] .grid-item--width2 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--width2 {
      width: calc(100vw / 12 * 2); } }

.grid[data-grid-size="12"] .grid-item--height2 {
  height: calc(100vh / 12 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--height2 {
      height: calc(100vw / 12 * 2); } }

.grid[data-grid-size="12"] .grid-item--width3 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--width3 {
      width: calc(100vw / 12 * 3); } }

.grid[data-grid-size="12"] .grid-item--height3 {
  height: calc(100vh / 12 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--height3 {
      height: calc(100vw / 12 * 3); } }

.grid[data-grid-size="12"] .grid-item--width4 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--width4 {
      width: calc(100vw / 12 * 4); } }

.grid[data-grid-size="12"] .grid-item--height4 {
  height: calc(100vh / 12 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--height4 {
      height: calc(100vw / 12 * 4); } }

.grid[data-grid-size="12"] .grid-item--width5 {
  width: 41.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--width5 {
      width: calc(100vw / 12 * 5); } }

.grid[data-grid-size="12"] .grid-item--height5 {
  height: calc(100vh / 12 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--height5 {
      height: calc(100vw / 12 * 5); } }

.grid[data-grid-size="12"] .grid-item--width6 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--width6 {
      width: calc(100vw / 12 * 6); } }

.grid[data-grid-size="12"] .grid-item--height6 {
  height: calc(100vh / 12 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--height6 {
      height: calc(100vw / 12 * 6); } }

.grid[data-grid-size="12"] .grid-item--width7 {
  width: 58.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--width7 {
      width: calc(100vw / 12 * 7); } }

.grid[data-grid-size="12"] .grid-item--height7 {
  height: calc(100vh / 12 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--height7 {
      height: calc(100vw / 12 * 7); } }

.grid[data-grid-size="12"] .grid-item--width8 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--width8 {
      width: calc(100vw / 12 * 8); } }

.grid[data-grid-size="12"] .grid-item--height8 {
  height: calc(100vh / 12 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--height8 {
      height: calc(100vw / 12 * 8); } }

.grid[data-grid-size="12"] .grid-item--width9 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--width9 {
      width: calc(100vw / 12 * 9); } }

.grid[data-grid-size="12"] .grid-item--height9 {
  height: calc(100vh / 12 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--height9 {
      height: calc(100vw / 12 * 9); } }

.grid[data-grid-size="12"] .grid-item--width10 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--width10 {
      width: calc(100vw / 12 * 10); } }

.grid[data-grid-size="12"] .grid-item--height10 {
  height: calc(100vh / 12 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--height10 {
      height: calc(100vw / 12 * 10); } }

.grid[data-grid-size="12"] .grid-item--width11 {
  width: 91.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--width11 {
      width: calc(100vw / 12 * 11); } }

.grid[data-grid-size="12"] .grid-item--height11 {
  height: calc(100vh / 12 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--height11 {
      height: calc(100vw / 12 * 11); } }

.grid[data-grid-size="12"] .grid-item--width12 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--width12 {
      width: calc(100vw / 12 * 12); } }

.grid[data-grid-size="12"] .grid-item--height12 {
  height: calc(100vh / 12 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="12"] .grid-item--height12 {
      height: calc(100vw / 12 * 12); } }

.grid[data-grid-size="13"] .grid-sizer, .grid[data-grid-size="13"] .grid-item {
  width: 7.69231%; }

.grid[data-grid-size="13"] .grid-item--width1 {
  width: 7.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--width1 {
      width: calc(100vw / 13 * 1); } }

.grid[data-grid-size="13"] .grid-item--height1 {
  height: calc(100vh / 13 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--height1 {
      height: calc(100vw / 13 * 1); } }

.grid[data-grid-size="13"] .grid-item--width2 {
  width: 15.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--width2 {
      width: calc(100vw / 13 * 2); } }

.grid[data-grid-size="13"] .grid-item--height2 {
  height: calc(100vh / 13 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--height2 {
      height: calc(100vw / 13 * 2); } }

.grid[data-grid-size="13"] .grid-item--width3 {
  width: 23.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--width3 {
      width: calc(100vw / 13 * 3); } }

.grid[data-grid-size="13"] .grid-item--height3 {
  height: calc(100vh / 13 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--height3 {
      height: calc(100vw / 13 * 3); } }

.grid[data-grid-size="13"] .grid-item--width4 {
  width: 30.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--width4 {
      width: calc(100vw / 13 * 4); } }

.grid[data-grid-size="13"] .grid-item--height4 {
  height: calc(100vh / 13 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--height4 {
      height: calc(100vw / 13 * 4); } }

.grid[data-grid-size="13"] .grid-item--width5 {
  width: 38.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--width5 {
      width: calc(100vw / 13 * 5); } }

.grid[data-grid-size="13"] .grid-item--height5 {
  height: calc(100vh / 13 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--height5 {
      height: calc(100vw / 13 * 5); } }

.grid[data-grid-size="13"] .grid-item--width6 {
  width: 46.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--width6 {
      width: calc(100vw / 13 * 6); } }

.grid[data-grid-size="13"] .grid-item--height6 {
  height: calc(100vh / 13 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--height6 {
      height: calc(100vw / 13 * 6); } }

.grid[data-grid-size="13"] .grid-item--width7 {
  width: 53.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--width7 {
      width: calc(100vw / 13 * 7); } }

.grid[data-grid-size="13"] .grid-item--height7 {
  height: calc(100vh / 13 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--height7 {
      height: calc(100vw / 13 * 7); } }

.grid[data-grid-size="13"] .grid-item--width8 {
  width: 61.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--width8 {
      width: calc(100vw / 13 * 8); } }

.grid[data-grid-size="13"] .grid-item--height8 {
  height: calc(100vh / 13 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--height8 {
      height: calc(100vw / 13 * 8); } }

.grid[data-grid-size="13"] .grid-item--width9 {
  width: 69.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--width9 {
      width: calc(100vw / 13 * 9); } }

.grid[data-grid-size="13"] .grid-item--height9 {
  height: calc(100vh / 13 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--height9 {
      height: calc(100vw / 13 * 9); } }

.grid[data-grid-size="13"] .grid-item--width10 {
  width: 76.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--width10 {
      width: calc(100vw / 13 * 10); } }

.grid[data-grid-size="13"] .grid-item--height10 {
  height: calc(100vh / 13 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--height10 {
      height: calc(100vw / 13 * 10); } }

.grid[data-grid-size="13"] .grid-item--width11 {
  width: 84.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--width11 {
      width: calc(100vw / 13 * 11); } }

.grid[data-grid-size="13"] .grid-item--height11 {
  height: calc(100vh / 13 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--height11 {
      height: calc(100vw / 13 * 11); } }

.grid[data-grid-size="13"] .grid-item--width12 {
  width: 92.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--width12 {
      width: calc(100vw / 13 * 12); } }

.grid[data-grid-size="13"] .grid-item--height12 {
  height: calc(100vh / 13 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--height12 {
      height: calc(100vw / 13 * 12); } }

.grid[data-grid-size="13"] .grid-item--width13 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--width13 {
      width: calc(100vw / 13 * 13); } }

.grid[data-grid-size="13"] .grid-item--height13 {
  height: calc(100vh / 13 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="13"] .grid-item--height13 {
      height: calc(100vw / 13 * 13); } }

.grid[data-grid-size="14"] .grid-sizer, .grid[data-grid-size="14"] .grid-item {
  width: 7.14286%; }

.grid[data-grid-size="14"] .grid-item--width1 {
  width: 7.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--width1 {
      width: calc(100vw / 14 * 1); } }

.grid[data-grid-size="14"] .grid-item--height1 {
  height: calc(100vh / 14 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--height1 {
      height: calc(100vw / 14 * 1); } }

.grid[data-grid-size="14"] .grid-item--width2 {
  width: 14.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--width2 {
      width: calc(100vw / 14 * 2); } }

.grid[data-grid-size="14"] .grid-item--height2 {
  height: calc(100vh / 14 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--height2 {
      height: calc(100vw / 14 * 2); } }

.grid[data-grid-size="14"] .grid-item--width3 {
  width: 21.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--width3 {
      width: calc(100vw / 14 * 3); } }

.grid[data-grid-size="14"] .grid-item--height3 {
  height: calc(100vh / 14 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--height3 {
      height: calc(100vw / 14 * 3); } }

.grid[data-grid-size="14"] .grid-item--width4 {
  width: 28.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--width4 {
      width: calc(100vw / 14 * 4); } }

.grid[data-grid-size="14"] .grid-item--height4 {
  height: calc(100vh / 14 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--height4 {
      height: calc(100vw / 14 * 4); } }

.grid[data-grid-size="14"] .grid-item--width5 {
  width: 35.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--width5 {
      width: calc(100vw / 14 * 5); } }

.grid[data-grid-size="14"] .grid-item--height5 {
  height: calc(100vh / 14 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--height5 {
      height: calc(100vw / 14 * 5); } }

.grid[data-grid-size="14"] .grid-item--width6 {
  width: 42.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--width6 {
      width: calc(100vw / 14 * 6); } }

.grid[data-grid-size="14"] .grid-item--height6 {
  height: calc(100vh / 14 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--height6 {
      height: calc(100vw / 14 * 6); } }

.grid[data-grid-size="14"] .grid-item--width7 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--width7 {
      width: calc(100vw / 14 * 7); } }

.grid[data-grid-size="14"] .grid-item--height7 {
  height: calc(100vh / 14 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--height7 {
      height: calc(100vw / 14 * 7); } }

.grid[data-grid-size="14"] .grid-item--width8 {
  width: 57.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--width8 {
      width: calc(100vw / 14 * 8); } }

.grid[data-grid-size="14"] .grid-item--height8 {
  height: calc(100vh / 14 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--height8 {
      height: calc(100vw / 14 * 8); } }

.grid[data-grid-size="14"] .grid-item--width9 {
  width: 64.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--width9 {
      width: calc(100vw / 14 * 9); } }

.grid[data-grid-size="14"] .grid-item--height9 {
  height: calc(100vh / 14 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--height9 {
      height: calc(100vw / 14 * 9); } }

.grid[data-grid-size="14"] .grid-item--width10 {
  width: 71.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--width10 {
      width: calc(100vw / 14 * 10); } }

.grid[data-grid-size="14"] .grid-item--height10 {
  height: calc(100vh / 14 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--height10 {
      height: calc(100vw / 14 * 10); } }

.grid[data-grid-size="14"] .grid-item--width11 {
  width: 78.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--width11 {
      width: calc(100vw / 14 * 11); } }

.grid[data-grid-size="14"] .grid-item--height11 {
  height: calc(100vh / 14 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--height11 {
      height: calc(100vw / 14 * 11); } }

.grid[data-grid-size="14"] .grid-item--width12 {
  width: 85.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--width12 {
      width: calc(100vw / 14 * 12); } }

.grid[data-grid-size="14"] .grid-item--height12 {
  height: calc(100vh / 14 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--height12 {
      height: calc(100vw / 14 * 12); } }

.grid[data-grid-size="14"] .grid-item--width13 {
  width: 92.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--width13 {
      width: calc(100vw / 14 * 13); } }

.grid[data-grid-size="14"] .grid-item--height13 {
  height: calc(100vh / 14 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--height13 {
      height: calc(100vw / 14 * 13); } }

.grid[data-grid-size="14"] .grid-item--width14 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--width14 {
      width: calc(100vw / 14 * 14); } }

.grid[data-grid-size="14"] .grid-item--height14 {
  height: calc(100vh / 14 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="14"] .grid-item--height14 {
      height: calc(100vw / 14 * 14); } }

.grid[data-grid-size="15"] .grid-sizer, .grid[data-grid-size="15"] .grid-item {
  width: 6.66667%; }

.grid[data-grid-size="15"] .grid-item--width1 {
  width: 6.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width1 {
      width: calc(100vw / 15 * 1); } }

.grid[data-grid-size="15"] .grid-item--height1 {
  height: calc(100vh / 15 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height1 {
      height: calc(100vw / 15 * 1); } }

.grid[data-grid-size="15"] .grid-item--width2 {
  width: 13.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width2 {
      width: calc(100vw / 15 * 2); } }

.grid[data-grid-size="15"] .grid-item--height2 {
  height: calc(100vh / 15 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height2 {
      height: calc(100vw / 15 * 2); } }

.grid[data-grid-size="15"] .grid-item--width3 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width3 {
      width: calc(100vw / 15 * 3); } }

.grid[data-grid-size="15"] .grid-item--height3 {
  height: calc(100vh / 15 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height3 {
      height: calc(100vw / 15 * 3); } }

.grid[data-grid-size="15"] .grid-item--width4 {
  width: 26.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width4 {
      width: calc(100vw / 15 * 4); } }

.grid[data-grid-size="15"] .grid-item--height4 {
  height: calc(100vh / 15 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height4 {
      height: calc(100vw / 15 * 4); } }

.grid[data-grid-size="15"] .grid-item--width5 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width5 {
      width: calc(100vw / 15 * 5); } }

.grid[data-grid-size="15"] .grid-item--height5 {
  height: calc(100vh / 15 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height5 {
      height: calc(100vw / 15 * 5); } }

.grid[data-grid-size="15"] .grid-item--width6 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width6 {
      width: calc(100vw / 15 * 6); } }

.grid[data-grid-size="15"] .grid-item--height6 {
  height: calc(100vh / 15 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height6 {
      height: calc(100vw / 15 * 6); } }

.grid[data-grid-size="15"] .grid-item--width7 {
  width: 46.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width7 {
      width: calc(100vw / 15 * 7); } }

.grid[data-grid-size="15"] .grid-item--height7 {
  height: calc(100vh / 15 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height7 {
      height: calc(100vw / 15 * 7); } }

.grid[data-grid-size="15"] .grid-item--width8 {
  width: 53.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width8 {
      width: calc(100vw / 15 * 8); } }

.grid[data-grid-size="15"] .grid-item--height8 {
  height: calc(100vh / 15 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height8 {
      height: calc(100vw / 15 * 8); } }

.grid[data-grid-size="15"] .grid-item--width9 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width9 {
      width: calc(100vw / 15 * 9); } }

.grid[data-grid-size="15"] .grid-item--height9 {
  height: calc(100vh / 15 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height9 {
      height: calc(100vw / 15 * 9); } }

.grid[data-grid-size="15"] .grid-item--width10 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width10 {
      width: calc(100vw / 15 * 10); } }

.grid[data-grid-size="15"] .grid-item--height10 {
  height: calc(100vh / 15 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height10 {
      height: calc(100vw / 15 * 10); } }

.grid[data-grid-size="15"] .grid-item--width11 {
  width: 73.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width11 {
      width: calc(100vw / 15 * 11); } }

.grid[data-grid-size="15"] .grid-item--height11 {
  height: calc(100vh / 15 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height11 {
      height: calc(100vw / 15 * 11); } }

.grid[data-grid-size="15"] .grid-item--width12 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width12 {
      width: calc(100vw / 15 * 12); } }

.grid[data-grid-size="15"] .grid-item--height12 {
  height: calc(100vh / 15 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height12 {
      height: calc(100vw / 15 * 12); } }

.grid[data-grid-size="15"] .grid-item--width13 {
  width: 86.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width13 {
      width: calc(100vw / 15 * 13); } }

.grid[data-grid-size="15"] .grid-item--height13 {
  height: calc(100vh / 15 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height13 {
      height: calc(100vw / 15 * 13); } }

.grid[data-grid-size="15"] .grid-item--width14 {
  width: 93.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width14 {
      width: calc(100vw / 15 * 14); } }

.grid[data-grid-size="15"] .grid-item--height14 {
  height: calc(100vh / 15 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height14 {
      height: calc(100vw / 15 * 14); } }

.grid[data-grid-size="15"] .grid-item--width15 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--width15 {
      width: calc(100vw / 15 * 15); } }

.grid[data-grid-size="15"] .grid-item--height15 {
  height: calc(100vh / 15 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="15"] .grid-item--height15 {
      height: calc(100vw / 15 * 15); } }

.grid[data-grid-size="16"] .grid-sizer, .grid[data-grid-size="16"] .grid-item {
  width: 6.25%; }

.grid[data-grid-size="16"] .grid-item--width1 {
  width: 6.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width1 {
      width: calc(100vw / 16 * 1); } }

.grid[data-grid-size="16"] .grid-item--height1 {
  height: calc(100vh / 16 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height1 {
      height: calc(100vw / 16 * 1); } }

.grid[data-grid-size="16"] .grid-item--width2 {
  width: 12.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width2 {
      width: calc(100vw / 16 * 2); } }

.grid[data-grid-size="16"] .grid-item--height2 {
  height: calc(100vh / 16 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height2 {
      height: calc(100vw / 16 * 2); } }

.grid[data-grid-size="16"] .grid-item--width3 {
  width: 18.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width3 {
      width: calc(100vw / 16 * 3); } }

.grid[data-grid-size="16"] .grid-item--height3 {
  height: calc(100vh / 16 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height3 {
      height: calc(100vw / 16 * 3); } }

.grid[data-grid-size="16"] .grid-item--width4 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width4 {
      width: calc(100vw / 16 * 4); } }

.grid[data-grid-size="16"] .grid-item--height4 {
  height: calc(100vh / 16 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height4 {
      height: calc(100vw / 16 * 4); } }

.grid[data-grid-size="16"] .grid-item--width5 {
  width: 31.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width5 {
      width: calc(100vw / 16 * 5); } }

.grid[data-grid-size="16"] .grid-item--height5 {
  height: calc(100vh / 16 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height5 {
      height: calc(100vw / 16 * 5); } }

.grid[data-grid-size="16"] .grid-item--width6 {
  width: 37.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width6 {
      width: calc(100vw / 16 * 6); } }

.grid[data-grid-size="16"] .grid-item--height6 {
  height: calc(100vh / 16 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height6 {
      height: calc(100vw / 16 * 6); } }

.grid[data-grid-size="16"] .grid-item--width7 {
  width: 43.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width7 {
      width: calc(100vw / 16 * 7); } }

.grid[data-grid-size="16"] .grid-item--height7 {
  height: calc(100vh / 16 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height7 {
      height: calc(100vw / 16 * 7); } }

.grid[data-grid-size="16"] .grid-item--width8 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width8 {
      width: calc(100vw / 16 * 8); } }

.grid[data-grid-size="16"] .grid-item--height8 {
  height: calc(100vh / 16 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height8 {
      height: calc(100vw / 16 * 8); } }

.grid[data-grid-size="16"] .grid-item--width9 {
  width: 56.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width9 {
      width: calc(100vw / 16 * 9); } }

.grid[data-grid-size="16"] .grid-item--height9 {
  height: calc(100vh / 16 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height9 {
      height: calc(100vw / 16 * 9); } }

.grid[data-grid-size="16"] .grid-item--width10 {
  width: 62.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width10 {
      width: calc(100vw / 16 * 10); } }

.grid[data-grid-size="16"] .grid-item--height10 {
  height: calc(100vh / 16 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height10 {
      height: calc(100vw / 16 * 10); } }

.grid[data-grid-size="16"] .grid-item--width11 {
  width: 68.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width11 {
      width: calc(100vw / 16 * 11); } }

.grid[data-grid-size="16"] .grid-item--height11 {
  height: calc(100vh / 16 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height11 {
      height: calc(100vw / 16 * 11); } }

.grid[data-grid-size="16"] .grid-item--width12 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width12 {
      width: calc(100vw / 16 * 12); } }

.grid[data-grid-size="16"] .grid-item--height12 {
  height: calc(100vh / 16 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height12 {
      height: calc(100vw / 16 * 12); } }

.grid[data-grid-size="16"] .grid-item--width13 {
  width: 81.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width13 {
      width: calc(100vw / 16 * 13); } }

.grid[data-grid-size="16"] .grid-item--height13 {
  height: calc(100vh / 16 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height13 {
      height: calc(100vw / 16 * 13); } }

.grid[data-grid-size="16"] .grid-item--width14 {
  width: 87.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width14 {
      width: calc(100vw / 16 * 14); } }

.grid[data-grid-size="16"] .grid-item--height14 {
  height: calc(100vh / 16 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height14 {
      height: calc(100vw / 16 * 14); } }

.grid[data-grid-size="16"] .grid-item--width15 {
  width: 93.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width15 {
      width: calc(100vw / 16 * 15); } }

.grid[data-grid-size="16"] .grid-item--height15 {
  height: calc(100vh / 16 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height15 {
      height: calc(100vw / 16 * 15); } }

.grid[data-grid-size="16"] .grid-item--width16 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--width16 {
      width: calc(100vw / 16 * 16); } }

.grid[data-grid-size="16"] .grid-item--height16 {
  height: calc(100vh / 16 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="16"] .grid-item--height16 {
      height: calc(100vw / 16 * 16); } }

.grid[data-grid-size="17"] .grid-sizer, .grid[data-grid-size="17"] .grid-item {
  width: 5.88235%; }

.grid[data-grid-size="17"] .grid-item--width1 {
  width: 5.88235%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width1 {
      width: calc(100vw / 17 * 1); } }

.grid[data-grid-size="17"] .grid-item--height1 {
  height: calc(100vh / 17 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height1 {
      height: calc(100vw / 17 * 1); } }

.grid[data-grid-size="17"] .grid-item--width2 {
  width: 11.76471%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width2 {
      width: calc(100vw / 17 * 2); } }

.grid[data-grid-size="17"] .grid-item--height2 {
  height: calc(100vh / 17 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height2 {
      height: calc(100vw / 17 * 2); } }

.grid[data-grid-size="17"] .grid-item--width3 {
  width: 17.64706%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width3 {
      width: calc(100vw / 17 * 3); } }

.grid[data-grid-size="17"] .grid-item--height3 {
  height: calc(100vh / 17 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height3 {
      height: calc(100vw / 17 * 3); } }

.grid[data-grid-size="17"] .grid-item--width4 {
  width: 23.52941%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width4 {
      width: calc(100vw / 17 * 4); } }

.grid[data-grid-size="17"] .grid-item--height4 {
  height: calc(100vh / 17 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height4 {
      height: calc(100vw / 17 * 4); } }

.grid[data-grid-size="17"] .grid-item--width5 {
  width: 29.41176%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width5 {
      width: calc(100vw / 17 * 5); } }

.grid[data-grid-size="17"] .grid-item--height5 {
  height: calc(100vh / 17 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height5 {
      height: calc(100vw / 17 * 5); } }

.grid[data-grid-size="17"] .grid-item--width6 {
  width: 35.29412%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width6 {
      width: calc(100vw / 17 * 6); } }

.grid[data-grid-size="17"] .grid-item--height6 {
  height: calc(100vh / 17 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height6 {
      height: calc(100vw / 17 * 6); } }

.grid[data-grid-size="17"] .grid-item--width7 {
  width: 41.17647%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width7 {
      width: calc(100vw / 17 * 7); } }

.grid[data-grid-size="17"] .grid-item--height7 {
  height: calc(100vh / 17 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height7 {
      height: calc(100vw / 17 * 7); } }

.grid[data-grid-size="17"] .grid-item--width8 {
  width: 47.05882%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width8 {
      width: calc(100vw / 17 * 8); } }

.grid[data-grid-size="17"] .grid-item--height8 {
  height: calc(100vh / 17 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height8 {
      height: calc(100vw / 17 * 8); } }

.grid[data-grid-size="17"] .grid-item--width9 {
  width: 52.94118%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width9 {
      width: calc(100vw / 17 * 9); } }

.grid[data-grid-size="17"] .grid-item--height9 {
  height: calc(100vh / 17 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height9 {
      height: calc(100vw / 17 * 9); } }

.grid[data-grid-size="17"] .grid-item--width10 {
  width: 58.82353%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width10 {
      width: calc(100vw / 17 * 10); } }

.grid[data-grid-size="17"] .grid-item--height10 {
  height: calc(100vh / 17 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height10 {
      height: calc(100vw / 17 * 10); } }

.grid[data-grid-size="17"] .grid-item--width11 {
  width: 64.70588%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width11 {
      width: calc(100vw / 17 * 11); } }

.grid[data-grid-size="17"] .grid-item--height11 {
  height: calc(100vh / 17 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height11 {
      height: calc(100vw / 17 * 11); } }

.grid[data-grid-size="17"] .grid-item--width12 {
  width: 70.58824%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width12 {
      width: calc(100vw / 17 * 12); } }

.grid[data-grid-size="17"] .grid-item--height12 {
  height: calc(100vh / 17 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height12 {
      height: calc(100vw / 17 * 12); } }

.grid[data-grid-size="17"] .grid-item--width13 {
  width: 76.47059%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width13 {
      width: calc(100vw / 17 * 13); } }

.grid[data-grid-size="17"] .grid-item--height13 {
  height: calc(100vh / 17 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height13 {
      height: calc(100vw / 17 * 13); } }

.grid[data-grid-size="17"] .grid-item--width14 {
  width: 82.35294%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width14 {
      width: calc(100vw / 17 * 14); } }

.grid[data-grid-size="17"] .grid-item--height14 {
  height: calc(100vh / 17 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height14 {
      height: calc(100vw / 17 * 14); } }

.grid[data-grid-size="17"] .grid-item--width15 {
  width: 88.23529%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width15 {
      width: calc(100vw / 17 * 15); } }

.grid[data-grid-size="17"] .grid-item--height15 {
  height: calc(100vh / 17 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height15 {
      height: calc(100vw / 17 * 15); } }

.grid[data-grid-size="17"] .grid-item--width16 {
  width: 94.11765%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width16 {
      width: calc(100vw / 17 * 16); } }

.grid[data-grid-size="17"] .grid-item--height16 {
  height: calc(100vh / 17 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height16 {
      height: calc(100vw / 17 * 16); } }

.grid[data-grid-size="17"] .grid-item--width17 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--width17 {
      width: calc(100vw / 17 * 17); } }

.grid[data-grid-size="17"] .grid-item--height17 {
  height: calc(100vh / 17 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="17"] .grid-item--height17 {
      height: calc(100vw / 17 * 17); } }

.grid[data-grid-size="18"] .grid-sizer, .grid[data-grid-size="18"] .grid-item {
  width: 5.55556%; }

.grid[data-grid-size="18"] .grid-item--width1 {
  width: 5.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width1 {
      width: calc(100vw / 18 * 1); } }

.grid[data-grid-size="18"] .grid-item--height1 {
  height: calc(100vh / 18 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height1 {
      height: calc(100vw / 18 * 1); } }

.grid[data-grid-size="18"] .grid-item--width2 {
  width: 11.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width2 {
      width: calc(100vw / 18 * 2); } }

.grid[data-grid-size="18"] .grid-item--height2 {
  height: calc(100vh / 18 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height2 {
      height: calc(100vw / 18 * 2); } }

.grid[data-grid-size="18"] .grid-item--width3 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width3 {
      width: calc(100vw / 18 * 3); } }

.grid[data-grid-size="18"] .grid-item--height3 {
  height: calc(100vh / 18 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height3 {
      height: calc(100vw / 18 * 3); } }

.grid[data-grid-size="18"] .grid-item--width4 {
  width: 22.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width4 {
      width: calc(100vw / 18 * 4); } }

.grid[data-grid-size="18"] .grid-item--height4 {
  height: calc(100vh / 18 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height4 {
      height: calc(100vw / 18 * 4); } }

.grid[data-grid-size="18"] .grid-item--width5 {
  width: 27.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width5 {
      width: calc(100vw / 18 * 5); } }

.grid[data-grid-size="18"] .grid-item--height5 {
  height: calc(100vh / 18 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height5 {
      height: calc(100vw / 18 * 5); } }

.grid[data-grid-size="18"] .grid-item--width6 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width6 {
      width: calc(100vw / 18 * 6); } }

.grid[data-grid-size="18"] .grid-item--height6 {
  height: calc(100vh / 18 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height6 {
      height: calc(100vw / 18 * 6); } }

.grid[data-grid-size="18"] .grid-item--width7 {
  width: 38.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width7 {
      width: calc(100vw / 18 * 7); } }

.grid[data-grid-size="18"] .grid-item--height7 {
  height: calc(100vh / 18 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height7 {
      height: calc(100vw / 18 * 7); } }

.grid[data-grid-size="18"] .grid-item--width8 {
  width: 44.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width8 {
      width: calc(100vw / 18 * 8); } }

.grid[data-grid-size="18"] .grid-item--height8 {
  height: calc(100vh / 18 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height8 {
      height: calc(100vw / 18 * 8); } }

.grid[data-grid-size="18"] .grid-item--width9 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width9 {
      width: calc(100vw / 18 * 9); } }

.grid[data-grid-size="18"] .grid-item--height9 {
  height: calc(100vh / 18 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height9 {
      height: calc(100vw / 18 * 9); } }

.grid[data-grid-size="18"] .grid-item--width10 {
  width: 55.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width10 {
      width: calc(100vw / 18 * 10); } }

.grid[data-grid-size="18"] .grid-item--height10 {
  height: calc(100vh / 18 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height10 {
      height: calc(100vw / 18 * 10); } }

.grid[data-grid-size="18"] .grid-item--width11 {
  width: 61.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width11 {
      width: calc(100vw / 18 * 11); } }

.grid[data-grid-size="18"] .grid-item--height11 {
  height: calc(100vh / 18 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height11 {
      height: calc(100vw / 18 * 11); } }

.grid[data-grid-size="18"] .grid-item--width12 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width12 {
      width: calc(100vw / 18 * 12); } }

.grid[data-grid-size="18"] .grid-item--height12 {
  height: calc(100vh / 18 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height12 {
      height: calc(100vw / 18 * 12); } }

.grid[data-grid-size="18"] .grid-item--width13 {
  width: 72.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width13 {
      width: calc(100vw / 18 * 13); } }

.grid[data-grid-size="18"] .grid-item--height13 {
  height: calc(100vh / 18 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height13 {
      height: calc(100vw / 18 * 13); } }

.grid[data-grid-size="18"] .grid-item--width14 {
  width: 77.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width14 {
      width: calc(100vw / 18 * 14); } }

.grid[data-grid-size="18"] .grid-item--height14 {
  height: calc(100vh / 18 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height14 {
      height: calc(100vw / 18 * 14); } }

.grid[data-grid-size="18"] .grid-item--width15 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width15 {
      width: calc(100vw / 18 * 15); } }

.grid[data-grid-size="18"] .grid-item--height15 {
  height: calc(100vh / 18 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height15 {
      height: calc(100vw / 18 * 15); } }

.grid[data-grid-size="18"] .grid-item--width16 {
  width: 88.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width16 {
      width: calc(100vw / 18 * 16); } }

.grid[data-grid-size="18"] .grid-item--height16 {
  height: calc(100vh / 18 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height16 {
      height: calc(100vw / 18 * 16); } }

.grid[data-grid-size="18"] .grid-item--width17 {
  width: 94.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width17 {
      width: calc(100vw / 18 * 17); } }

.grid[data-grid-size="18"] .grid-item--height17 {
  height: calc(100vh / 18 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height17 {
      height: calc(100vw / 18 * 17); } }

.grid[data-grid-size="18"] .grid-item--width18 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--width18 {
      width: calc(100vw / 18 * 18); } }

.grid[data-grid-size="18"] .grid-item--height18 {
  height: calc(100vh / 18 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="18"] .grid-item--height18 {
      height: calc(100vw / 18 * 18); } }

.grid[data-grid-size="19"] .grid-sizer, .grid[data-grid-size="19"] .grid-item {
  width: 5.26316%; }

.grid[data-grid-size="19"] .grid-item--width1 {
  width: 5.26316%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width1 {
      width: calc(100vw / 19 * 1); } }

.grid[data-grid-size="19"] .grid-item--height1 {
  height: calc(100vh / 19 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height1 {
      height: calc(100vw / 19 * 1); } }

.grid[data-grid-size="19"] .grid-item--width2 {
  width: 10.52632%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width2 {
      width: calc(100vw / 19 * 2); } }

.grid[data-grid-size="19"] .grid-item--height2 {
  height: calc(100vh / 19 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height2 {
      height: calc(100vw / 19 * 2); } }

.grid[data-grid-size="19"] .grid-item--width3 {
  width: 15.78947%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width3 {
      width: calc(100vw / 19 * 3); } }

.grid[data-grid-size="19"] .grid-item--height3 {
  height: calc(100vh / 19 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height3 {
      height: calc(100vw / 19 * 3); } }

.grid[data-grid-size="19"] .grid-item--width4 {
  width: 21.05263%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width4 {
      width: calc(100vw / 19 * 4); } }

.grid[data-grid-size="19"] .grid-item--height4 {
  height: calc(100vh / 19 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height4 {
      height: calc(100vw / 19 * 4); } }

.grid[data-grid-size="19"] .grid-item--width5 {
  width: 26.31579%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width5 {
      width: calc(100vw / 19 * 5); } }

.grid[data-grid-size="19"] .grid-item--height5 {
  height: calc(100vh / 19 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height5 {
      height: calc(100vw / 19 * 5); } }

.grid[data-grid-size="19"] .grid-item--width6 {
  width: 31.57895%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width6 {
      width: calc(100vw / 19 * 6); } }

.grid[data-grid-size="19"] .grid-item--height6 {
  height: calc(100vh / 19 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height6 {
      height: calc(100vw / 19 * 6); } }

.grid[data-grid-size="19"] .grid-item--width7 {
  width: 36.84211%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width7 {
      width: calc(100vw / 19 * 7); } }

.grid[data-grid-size="19"] .grid-item--height7 {
  height: calc(100vh / 19 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height7 {
      height: calc(100vw / 19 * 7); } }

.grid[data-grid-size="19"] .grid-item--width8 {
  width: 42.10526%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width8 {
      width: calc(100vw / 19 * 8); } }

.grid[data-grid-size="19"] .grid-item--height8 {
  height: calc(100vh / 19 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height8 {
      height: calc(100vw / 19 * 8); } }

.grid[data-grid-size="19"] .grid-item--width9 {
  width: 47.36842%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width9 {
      width: calc(100vw / 19 * 9); } }

.grid[data-grid-size="19"] .grid-item--height9 {
  height: calc(100vh / 19 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height9 {
      height: calc(100vw / 19 * 9); } }

.grid[data-grid-size="19"] .grid-item--width10 {
  width: 52.63158%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width10 {
      width: calc(100vw / 19 * 10); } }

.grid[data-grid-size="19"] .grid-item--height10 {
  height: calc(100vh / 19 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height10 {
      height: calc(100vw / 19 * 10); } }

.grid[data-grid-size="19"] .grid-item--width11 {
  width: 57.89474%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width11 {
      width: calc(100vw / 19 * 11); } }

.grid[data-grid-size="19"] .grid-item--height11 {
  height: calc(100vh / 19 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height11 {
      height: calc(100vw / 19 * 11); } }

.grid[data-grid-size="19"] .grid-item--width12 {
  width: 63.15789%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width12 {
      width: calc(100vw / 19 * 12); } }

.grid[data-grid-size="19"] .grid-item--height12 {
  height: calc(100vh / 19 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height12 {
      height: calc(100vw / 19 * 12); } }

.grid[data-grid-size="19"] .grid-item--width13 {
  width: 68.42105%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width13 {
      width: calc(100vw / 19 * 13); } }

.grid[data-grid-size="19"] .grid-item--height13 {
  height: calc(100vh / 19 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height13 {
      height: calc(100vw / 19 * 13); } }

.grid[data-grid-size="19"] .grid-item--width14 {
  width: 73.68421%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width14 {
      width: calc(100vw / 19 * 14); } }

.grid[data-grid-size="19"] .grid-item--height14 {
  height: calc(100vh / 19 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height14 {
      height: calc(100vw / 19 * 14); } }

.grid[data-grid-size="19"] .grid-item--width15 {
  width: 78.94737%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width15 {
      width: calc(100vw / 19 * 15); } }

.grid[data-grid-size="19"] .grid-item--height15 {
  height: calc(100vh / 19 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height15 {
      height: calc(100vw / 19 * 15); } }

.grid[data-grid-size="19"] .grid-item--width16 {
  width: 84.21053%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width16 {
      width: calc(100vw / 19 * 16); } }

.grid[data-grid-size="19"] .grid-item--height16 {
  height: calc(100vh / 19 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height16 {
      height: calc(100vw / 19 * 16); } }

.grid[data-grid-size="19"] .grid-item--width17 {
  width: 89.47368%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width17 {
      width: calc(100vw / 19 * 17); } }

.grid[data-grid-size="19"] .grid-item--height17 {
  height: calc(100vh / 19 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height17 {
      height: calc(100vw / 19 * 17); } }

.grid[data-grid-size="19"] .grid-item--width18 {
  width: 94.73684%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width18 {
      width: calc(100vw / 19 * 18); } }

.grid[data-grid-size="19"] .grid-item--height18 {
  height: calc(100vh / 19 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height18 {
      height: calc(100vw / 19 * 18); } }

.grid[data-grid-size="19"] .grid-item--width19 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--width19 {
      width: calc(100vw / 19 * 19); } }

.grid[data-grid-size="19"] .grid-item--height19 {
  height: calc(100vh / 19 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="19"] .grid-item--height19 {
      height: calc(100vw / 19 * 19); } }

.grid[data-grid-size="20"] .grid-sizer, .grid[data-grid-size="20"] .grid-item {
  width: 5%; }

.grid[data-grid-size="20"] .grid-item--width1 {
  width: 5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width1 {
      width: calc(100vw / 20 * 1); } }

.grid[data-grid-size="20"] .grid-item--height1 {
  height: calc(100vh / 20 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height1 {
      height: calc(100vw / 20 * 1); } }

.grid[data-grid-size="20"] .grid-item--width2 {
  width: 10%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width2 {
      width: calc(100vw / 20 * 2); } }

.grid[data-grid-size="20"] .grid-item--height2 {
  height: calc(100vh / 20 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height2 {
      height: calc(100vw / 20 * 2); } }

.grid[data-grid-size="20"] .grid-item--width3 {
  width: 15%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width3 {
      width: calc(100vw / 20 * 3); } }

.grid[data-grid-size="20"] .grid-item--height3 {
  height: calc(100vh / 20 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height3 {
      height: calc(100vw / 20 * 3); } }

.grid[data-grid-size="20"] .grid-item--width4 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width4 {
      width: calc(100vw / 20 * 4); } }

.grid[data-grid-size="20"] .grid-item--height4 {
  height: calc(100vh / 20 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height4 {
      height: calc(100vw / 20 * 4); } }

.grid[data-grid-size="20"] .grid-item--width5 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width5 {
      width: calc(100vw / 20 * 5); } }

.grid[data-grid-size="20"] .grid-item--height5 {
  height: calc(100vh / 20 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height5 {
      height: calc(100vw / 20 * 5); } }

.grid[data-grid-size="20"] .grid-item--width6 {
  width: 30%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width6 {
      width: calc(100vw / 20 * 6); } }

.grid[data-grid-size="20"] .grid-item--height6 {
  height: calc(100vh / 20 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height6 {
      height: calc(100vw / 20 * 6); } }

.grid[data-grid-size="20"] .grid-item--width7 {
  width: 35%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width7 {
      width: calc(100vw / 20 * 7); } }

.grid[data-grid-size="20"] .grid-item--height7 {
  height: calc(100vh / 20 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height7 {
      height: calc(100vw / 20 * 7); } }

.grid[data-grid-size="20"] .grid-item--width8 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width8 {
      width: calc(100vw / 20 * 8); } }

.grid[data-grid-size="20"] .grid-item--height8 {
  height: calc(100vh / 20 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height8 {
      height: calc(100vw / 20 * 8); } }

.grid[data-grid-size="20"] .grid-item--width9 {
  width: 45%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width9 {
      width: calc(100vw / 20 * 9); } }

.grid[data-grid-size="20"] .grid-item--height9 {
  height: calc(100vh / 20 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height9 {
      height: calc(100vw / 20 * 9); } }

.grid[data-grid-size="20"] .grid-item--width10 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width10 {
      width: calc(100vw / 20 * 10); } }

.grid[data-grid-size="20"] .grid-item--height10 {
  height: calc(100vh / 20 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height10 {
      height: calc(100vw / 20 * 10); } }

.grid[data-grid-size="20"] .grid-item--width11 {
  width: 55%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width11 {
      width: calc(100vw / 20 * 11); } }

.grid[data-grid-size="20"] .grid-item--height11 {
  height: calc(100vh / 20 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height11 {
      height: calc(100vw / 20 * 11); } }

.grid[data-grid-size="20"] .grid-item--width12 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width12 {
      width: calc(100vw / 20 * 12); } }

.grid[data-grid-size="20"] .grid-item--height12 {
  height: calc(100vh / 20 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height12 {
      height: calc(100vw / 20 * 12); } }

.grid[data-grid-size="20"] .grid-item--width13 {
  width: 65%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width13 {
      width: calc(100vw / 20 * 13); } }

.grid[data-grid-size="20"] .grid-item--height13 {
  height: calc(100vh / 20 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height13 {
      height: calc(100vw / 20 * 13); } }

.grid[data-grid-size="20"] .grid-item--width14 {
  width: 70%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width14 {
      width: calc(100vw / 20 * 14); } }

.grid[data-grid-size="20"] .grid-item--height14 {
  height: calc(100vh / 20 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height14 {
      height: calc(100vw / 20 * 14); } }

.grid[data-grid-size="20"] .grid-item--width15 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width15 {
      width: calc(100vw / 20 * 15); } }

.grid[data-grid-size="20"] .grid-item--height15 {
  height: calc(100vh / 20 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height15 {
      height: calc(100vw / 20 * 15); } }

.grid[data-grid-size="20"] .grid-item--width16 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width16 {
      width: calc(100vw / 20 * 16); } }

.grid[data-grid-size="20"] .grid-item--height16 {
  height: calc(100vh / 20 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height16 {
      height: calc(100vw / 20 * 16); } }

.grid[data-grid-size="20"] .grid-item--width17 {
  width: 85%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width17 {
      width: calc(100vw / 20 * 17); } }

.grid[data-grid-size="20"] .grid-item--height17 {
  height: calc(100vh / 20 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height17 {
      height: calc(100vw / 20 * 17); } }

.grid[data-grid-size="20"] .grid-item--width18 {
  width: 90%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width18 {
      width: calc(100vw / 20 * 18); } }

.grid[data-grid-size="20"] .grid-item--height18 {
  height: calc(100vh / 20 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height18 {
      height: calc(100vw / 20 * 18); } }

.grid[data-grid-size="20"] .grid-item--width19 {
  width: 95%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width19 {
      width: calc(100vw / 20 * 19); } }

.grid[data-grid-size="20"] .grid-item--height19 {
  height: calc(100vh / 20 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height19 {
      height: calc(100vw / 20 * 19); } }

.grid[data-grid-size="20"] .grid-item--width20 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--width20 {
      width: calc(100vw / 20 * 20); } }

.grid[data-grid-size="20"] .grid-item--height20 {
  height: calc(100vh / 20 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="20"] .grid-item--height20 {
      height: calc(100vw / 20 * 20); } }

.grid[data-grid-size="21"] .grid-sizer, .grid[data-grid-size="21"] .grid-item {
  width: 4.7619%; }

.grid[data-grid-size="21"] .grid-item--width1 {
  width: 4.7619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width1 {
      width: calc(100vw / 21 * 1); } }

.grid[data-grid-size="21"] .grid-item--height1 {
  height: calc(100vh / 21 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height1 {
      height: calc(100vw / 21 * 1); } }

.grid[data-grid-size="21"] .grid-item--width2 {
  width: 9.52381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width2 {
      width: calc(100vw / 21 * 2); } }

.grid[data-grid-size="21"] .grid-item--height2 {
  height: calc(100vh / 21 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height2 {
      height: calc(100vw / 21 * 2); } }

.grid[data-grid-size="21"] .grid-item--width3 {
  width: 14.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width3 {
      width: calc(100vw / 21 * 3); } }

.grid[data-grid-size="21"] .grid-item--height3 {
  height: calc(100vh / 21 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height3 {
      height: calc(100vw / 21 * 3); } }

.grid[data-grid-size="21"] .grid-item--width4 {
  width: 19.04762%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width4 {
      width: calc(100vw / 21 * 4); } }

.grid[data-grid-size="21"] .grid-item--height4 {
  height: calc(100vh / 21 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height4 {
      height: calc(100vw / 21 * 4); } }

.grid[data-grid-size="21"] .grid-item--width5 {
  width: 23.80952%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width5 {
      width: calc(100vw / 21 * 5); } }

.grid[data-grid-size="21"] .grid-item--height5 {
  height: calc(100vh / 21 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height5 {
      height: calc(100vw / 21 * 5); } }

.grid[data-grid-size="21"] .grid-item--width6 {
  width: 28.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width6 {
      width: calc(100vw / 21 * 6); } }

.grid[data-grid-size="21"] .grid-item--height6 {
  height: calc(100vh / 21 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height6 {
      height: calc(100vw / 21 * 6); } }

.grid[data-grid-size="21"] .grid-item--width7 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width7 {
      width: calc(100vw / 21 * 7); } }

.grid[data-grid-size="21"] .grid-item--height7 {
  height: calc(100vh / 21 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height7 {
      height: calc(100vw / 21 * 7); } }

.grid[data-grid-size="21"] .grid-item--width8 {
  width: 38.09524%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width8 {
      width: calc(100vw / 21 * 8); } }

.grid[data-grid-size="21"] .grid-item--height8 {
  height: calc(100vh / 21 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height8 {
      height: calc(100vw / 21 * 8); } }

.grid[data-grid-size="21"] .grid-item--width9 {
  width: 42.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width9 {
      width: calc(100vw / 21 * 9); } }

.grid[data-grid-size="21"] .grid-item--height9 {
  height: calc(100vh / 21 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height9 {
      height: calc(100vw / 21 * 9); } }

.grid[data-grid-size="21"] .grid-item--width10 {
  width: 47.61905%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width10 {
      width: calc(100vw / 21 * 10); } }

.grid[data-grid-size="21"] .grid-item--height10 {
  height: calc(100vh / 21 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height10 {
      height: calc(100vw / 21 * 10); } }

.grid[data-grid-size="21"] .grid-item--width11 {
  width: 52.38095%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width11 {
      width: calc(100vw / 21 * 11); } }

.grid[data-grid-size="21"] .grid-item--height11 {
  height: calc(100vh / 21 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height11 {
      height: calc(100vw / 21 * 11); } }

.grid[data-grid-size="21"] .grid-item--width12 {
  width: 57.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width12 {
      width: calc(100vw / 21 * 12); } }

.grid[data-grid-size="21"] .grid-item--height12 {
  height: calc(100vh / 21 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height12 {
      height: calc(100vw / 21 * 12); } }

.grid[data-grid-size="21"] .grid-item--width13 {
  width: 61.90476%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width13 {
      width: calc(100vw / 21 * 13); } }

.grid[data-grid-size="21"] .grid-item--height13 {
  height: calc(100vh / 21 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height13 {
      height: calc(100vw / 21 * 13); } }

.grid[data-grid-size="21"] .grid-item--width14 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width14 {
      width: calc(100vw / 21 * 14); } }

.grid[data-grid-size="21"] .grid-item--height14 {
  height: calc(100vh / 21 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height14 {
      height: calc(100vw / 21 * 14); } }

.grid[data-grid-size="21"] .grid-item--width15 {
  width: 71.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width15 {
      width: calc(100vw / 21 * 15); } }

.grid[data-grid-size="21"] .grid-item--height15 {
  height: calc(100vh / 21 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height15 {
      height: calc(100vw / 21 * 15); } }

.grid[data-grid-size="21"] .grid-item--width16 {
  width: 76.19048%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width16 {
      width: calc(100vw / 21 * 16); } }

.grid[data-grid-size="21"] .grid-item--height16 {
  height: calc(100vh / 21 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height16 {
      height: calc(100vw / 21 * 16); } }

.grid[data-grid-size="21"] .grid-item--width17 {
  width: 80.95238%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width17 {
      width: calc(100vw / 21 * 17); } }

.grid[data-grid-size="21"] .grid-item--height17 {
  height: calc(100vh / 21 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height17 {
      height: calc(100vw / 21 * 17); } }

.grid[data-grid-size="21"] .grid-item--width18 {
  width: 85.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width18 {
      width: calc(100vw / 21 * 18); } }

.grid[data-grid-size="21"] .grid-item--height18 {
  height: calc(100vh / 21 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height18 {
      height: calc(100vw / 21 * 18); } }

.grid[data-grid-size="21"] .grid-item--width19 {
  width: 90.47619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width19 {
      width: calc(100vw / 21 * 19); } }

.grid[data-grid-size="21"] .grid-item--height19 {
  height: calc(100vh / 21 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height19 {
      height: calc(100vw / 21 * 19); } }

.grid[data-grid-size="21"] .grid-item--width20 {
  width: 95.2381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width20 {
      width: calc(100vw / 21 * 20); } }

.grid[data-grid-size="21"] .grid-item--height20 {
  height: calc(100vh / 21 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height20 {
      height: calc(100vw / 21 * 20); } }

.grid[data-grid-size="21"] .grid-item--width21 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--width21 {
      width: calc(100vw / 21 * 21); } }

.grid[data-grid-size="21"] .grid-item--height21 {
  height: calc(100vh / 21 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="21"] .grid-item--height21 {
      height: calc(100vw / 21 * 21); } }

.grid[data-grid-size="22"] .grid-sizer, .grid[data-grid-size="22"] .grid-item {
  width: 4.54545%; }

.grid[data-grid-size="22"] .grid-item--width1 {
  width: 4.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width1 {
      width: calc(100vw / 22 * 1); } }

.grid[data-grid-size="22"] .grid-item--height1 {
  height: calc(100vh / 22 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height1 {
      height: calc(100vw / 22 * 1); } }

.grid[data-grid-size="22"] .grid-item--width2 {
  width: 9.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width2 {
      width: calc(100vw / 22 * 2); } }

.grid[data-grid-size="22"] .grid-item--height2 {
  height: calc(100vh / 22 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height2 {
      height: calc(100vw / 22 * 2); } }

.grid[data-grid-size="22"] .grid-item--width3 {
  width: 13.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width3 {
      width: calc(100vw / 22 * 3); } }

.grid[data-grid-size="22"] .grid-item--height3 {
  height: calc(100vh / 22 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height3 {
      height: calc(100vw / 22 * 3); } }

.grid[data-grid-size="22"] .grid-item--width4 {
  width: 18.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width4 {
      width: calc(100vw / 22 * 4); } }

.grid[data-grid-size="22"] .grid-item--height4 {
  height: calc(100vh / 22 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height4 {
      height: calc(100vw / 22 * 4); } }

.grid[data-grid-size="22"] .grid-item--width5 {
  width: 22.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width5 {
      width: calc(100vw / 22 * 5); } }

.grid[data-grid-size="22"] .grid-item--height5 {
  height: calc(100vh / 22 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height5 {
      height: calc(100vw / 22 * 5); } }

.grid[data-grid-size="22"] .grid-item--width6 {
  width: 27.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width6 {
      width: calc(100vw / 22 * 6); } }

.grid[data-grid-size="22"] .grid-item--height6 {
  height: calc(100vh / 22 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height6 {
      height: calc(100vw / 22 * 6); } }

.grid[data-grid-size="22"] .grid-item--width7 {
  width: 31.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width7 {
      width: calc(100vw / 22 * 7); } }

.grid[data-grid-size="22"] .grid-item--height7 {
  height: calc(100vh / 22 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height7 {
      height: calc(100vw / 22 * 7); } }

.grid[data-grid-size="22"] .grid-item--width8 {
  width: 36.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width8 {
      width: calc(100vw / 22 * 8); } }

.grid[data-grid-size="22"] .grid-item--height8 {
  height: calc(100vh / 22 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height8 {
      height: calc(100vw / 22 * 8); } }

.grid[data-grid-size="22"] .grid-item--width9 {
  width: 40.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width9 {
      width: calc(100vw / 22 * 9); } }

.grid[data-grid-size="22"] .grid-item--height9 {
  height: calc(100vh / 22 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height9 {
      height: calc(100vw / 22 * 9); } }

.grid[data-grid-size="22"] .grid-item--width10 {
  width: 45.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width10 {
      width: calc(100vw / 22 * 10); } }

.grid[data-grid-size="22"] .grid-item--height10 {
  height: calc(100vh / 22 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height10 {
      height: calc(100vw / 22 * 10); } }

.grid[data-grid-size="22"] .grid-item--width11 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width11 {
      width: calc(100vw / 22 * 11); } }

.grid[data-grid-size="22"] .grid-item--height11 {
  height: calc(100vh / 22 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height11 {
      height: calc(100vw / 22 * 11); } }

.grid[data-grid-size="22"] .grid-item--width12 {
  width: 54.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width12 {
      width: calc(100vw / 22 * 12); } }

.grid[data-grid-size="22"] .grid-item--height12 {
  height: calc(100vh / 22 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height12 {
      height: calc(100vw / 22 * 12); } }

.grid[data-grid-size="22"] .grid-item--width13 {
  width: 59.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width13 {
      width: calc(100vw / 22 * 13); } }

.grid[data-grid-size="22"] .grid-item--height13 {
  height: calc(100vh / 22 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height13 {
      height: calc(100vw / 22 * 13); } }

.grid[data-grid-size="22"] .grid-item--width14 {
  width: 63.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width14 {
      width: calc(100vw / 22 * 14); } }

.grid[data-grid-size="22"] .grid-item--height14 {
  height: calc(100vh / 22 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height14 {
      height: calc(100vw / 22 * 14); } }

.grid[data-grid-size="22"] .grid-item--width15 {
  width: 68.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width15 {
      width: calc(100vw / 22 * 15); } }

.grid[data-grid-size="22"] .grid-item--height15 {
  height: calc(100vh / 22 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height15 {
      height: calc(100vw / 22 * 15); } }

.grid[data-grid-size="22"] .grid-item--width16 {
  width: 72.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width16 {
      width: calc(100vw / 22 * 16); } }

.grid[data-grid-size="22"] .grid-item--height16 {
  height: calc(100vh / 22 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height16 {
      height: calc(100vw / 22 * 16); } }

.grid[data-grid-size="22"] .grid-item--width17 {
  width: 77.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width17 {
      width: calc(100vw / 22 * 17); } }

.grid[data-grid-size="22"] .grid-item--height17 {
  height: calc(100vh / 22 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height17 {
      height: calc(100vw / 22 * 17); } }

.grid[data-grid-size="22"] .grid-item--width18 {
  width: 81.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width18 {
      width: calc(100vw / 22 * 18); } }

.grid[data-grid-size="22"] .grid-item--height18 {
  height: calc(100vh / 22 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height18 {
      height: calc(100vw / 22 * 18); } }

.grid[data-grid-size="22"] .grid-item--width19 {
  width: 86.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width19 {
      width: calc(100vw / 22 * 19); } }

.grid[data-grid-size="22"] .grid-item--height19 {
  height: calc(100vh / 22 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height19 {
      height: calc(100vw / 22 * 19); } }

.grid[data-grid-size="22"] .grid-item--width20 {
  width: 90.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width20 {
      width: calc(100vw / 22 * 20); } }

.grid[data-grid-size="22"] .grid-item--height20 {
  height: calc(100vh / 22 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height20 {
      height: calc(100vw / 22 * 20); } }

.grid[data-grid-size="22"] .grid-item--width21 {
  width: 95.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width21 {
      width: calc(100vw / 22 * 21); } }

.grid[data-grid-size="22"] .grid-item--height21 {
  height: calc(100vh / 22 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height21 {
      height: calc(100vw / 22 * 21); } }

.grid[data-grid-size="22"] .grid-item--width22 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--width22 {
      width: calc(100vw / 22 * 22); } }

.grid[data-grid-size="22"] .grid-item--height22 {
  height: calc(100vh / 22 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="22"] .grid-item--height22 {
      height: calc(100vw / 22 * 22); } }

.grid[data-grid-size="23"] .grid-sizer, .grid[data-grid-size="23"] .grid-item {
  width: 4.34783%; }

.grid[data-grid-size="23"] .grid-item--width1 {
  width: 4.34783%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width1 {
      width: calc(100vw / 23 * 1); } }

.grid[data-grid-size="23"] .grid-item--height1 {
  height: calc(100vh / 23 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height1 {
      height: calc(100vw / 23 * 1); } }

.grid[data-grid-size="23"] .grid-item--width2 {
  width: 8.69565%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width2 {
      width: calc(100vw / 23 * 2); } }

.grid[data-grid-size="23"] .grid-item--height2 {
  height: calc(100vh / 23 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height2 {
      height: calc(100vw / 23 * 2); } }

.grid[data-grid-size="23"] .grid-item--width3 {
  width: 13.04348%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width3 {
      width: calc(100vw / 23 * 3); } }

.grid[data-grid-size="23"] .grid-item--height3 {
  height: calc(100vh / 23 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height3 {
      height: calc(100vw / 23 * 3); } }

.grid[data-grid-size="23"] .grid-item--width4 {
  width: 17.3913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width4 {
      width: calc(100vw / 23 * 4); } }

.grid[data-grid-size="23"] .grid-item--height4 {
  height: calc(100vh / 23 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height4 {
      height: calc(100vw / 23 * 4); } }

.grid[data-grid-size="23"] .grid-item--width5 {
  width: 21.73913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width5 {
      width: calc(100vw / 23 * 5); } }

.grid[data-grid-size="23"] .grid-item--height5 {
  height: calc(100vh / 23 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height5 {
      height: calc(100vw / 23 * 5); } }

.grid[data-grid-size="23"] .grid-item--width6 {
  width: 26.08696%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width6 {
      width: calc(100vw / 23 * 6); } }

.grid[data-grid-size="23"] .grid-item--height6 {
  height: calc(100vh / 23 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height6 {
      height: calc(100vw / 23 * 6); } }

.grid[data-grid-size="23"] .grid-item--width7 {
  width: 30.43478%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width7 {
      width: calc(100vw / 23 * 7); } }

.grid[data-grid-size="23"] .grid-item--height7 {
  height: calc(100vh / 23 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height7 {
      height: calc(100vw / 23 * 7); } }

.grid[data-grid-size="23"] .grid-item--width8 {
  width: 34.78261%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width8 {
      width: calc(100vw / 23 * 8); } }

.grid[data-grid-size="23"] .grid-item--height8 {
  height: calc(100vh / 23 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height8 {
      height: calc(100vw / 23 * 8); } }

.grid[data-grid-size="23"] .grid-item--width9 {
  width: 39.13043%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width9 {
      width: calc(100vw / 23 * 9); } }

.grid[data-grid-size="23"] .grid-item--height9 {
  height: calc(100vh / 23 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height9 {
      height: calc(100vw / 23 * 9); } }

.grid[data-grid-size="23"] .grid-item--width10 {
  width: 43.47826%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width10 {
      width: calc(100vw / 23 * 10); } }

.grid[data-grid-size="23"] .grid-item--height10 {
  height: calc(100vh / 23 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height10 {
      height: calc(100vw / 23 * 10); } }

.grid[data-grid-size="23"] .grid-item--width11 {
  width: 47.82609%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width11 {
      width: calc(100vw / 23 * 11); } }

.grid[data-grid-size="23"] .grid-item--height11 {
  height: calc(100vh / 23 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height11 {
      height: calc(100vw / 23 * 11); } }

.grid[data-grid-size="23"] .grid-item--width12 {
  width: 52.17391%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width12 {
      width: calc(100vw / 23 * 12); } }

.grid[data-grid-size="23"] .grid-item--height12 {
  height: calc(100vh / 23 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height12 {
      height: calc(100vw / 23 * 12); } }

.grid[data-grid-size="23"] .grid-item--width13 {
  width: 56.52174%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width13 {
      width: calc(100vw / 23 * 13); } }

.grid[data-grid-size="23"] .grid-item--height13 {
  height: calc(100vh / 23 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height13 {
      height: calc(100vw / 23 * 13); } }

.grid[data-grid-size="23"] .grid-item--width14 {
  width: 60.86957%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width14 {
      width: calc(100vw / 23 * 14); } }

.grid[data-grid-size="23"] .grid-item--height14 {
  height: calc(100vh / 23 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height14 {
      height: calc(100vw / 23 * 14); } }

.grid[data-grid-size="23"] .grid-item--width15 {
  width: 65.21739%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width15 {
      width: calc(100vw / 23 * 15); } }

.grid[data-grid-size="23"] .grid-item--height15 {
  height: calc(100vh / 23 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height15 {
      height: calc(100vw / 23 * 15); } }

.grid[data-grid-size="23"] .grid-item--width16 {
  width: 69.56522%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width16 {
      width: calc(100vw / 23 * 16); } }

.grid[data-grid-size="23"] .grid-item--height16 {
  height: calc(100vh / 23 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height16 {
      height: calc(100vw / 23 * 16); } }

.grid[data-grid-size="23"] .grid-item--width17 {
  width: 73.91304%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width17 {
      width: calc(100vw / 23 * 17); } }

.grid[data-grid-size="23"] .grid-item--height17 {
  height: calc(100vh / 23 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height17 {
      height: calc(100vw / 23 * 17); } }

.grid[data-grid-size="23"] .grid-item--width18 {
  width: 78.26087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width18 {
      width: calc(100vw / 23 * 18); } }

.grid[data-grid-size="23"] .grid-item--height18 {
  height: calc(100vh / 23 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height18 {
      height: calc(100vw / 23 * 18); } }

.grid[data-grid-size="23"] .grid-item--width19 {
  width: 82.6087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width19 {
      width: calc(100vw / 23 * 19); } }

.grid[data-grid-size="23"] .grid-item--height19 {
  height: calc(100vh / 23 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height19 {
      height: calc(100vw / 23 * 19); } }

.grid[data-grid-size="23"] .grid-item--width20 {
  width: 86.95652%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width20 {
      width: calc(100vw / 23 * 20); } }

.grid[data-grid-size="23"] .grid-item--height20 {
  height: calc(100vh / 23 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height20 {
      height: calc(100vw / 23 * 20); } }

.grid[data-grid-size="23"] .grid-item--width21 {
  width: 91.30435%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width21 {
      width: calc(100vw / 23 * 21); } }

.grid[data-grid-size="23"] .grid-item--height21 {
  height: calc(100vh / 23 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height21 {
      height: calc(100vw / 23 * 21); } }

.grid[data-grid-size="23"] .grid-item--width22 {
  width: 95.65217%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width22 {
      width: calc(100vw / 23 * 22); } }

.grid[data-grid-size="23"] .grid-item--height22 {
  height: calc(100vh / 23 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height22 {
      height: calc(100vw / 23 * 22); } }

.grid[data-grid-size="23"] .grid-item--width23 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--width23 {
      width: calc(100vw / 23 * 23); } }

.grid[data-grid-size="23"] .grid-item--height23 {
  height: calc(100vh / 23 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="23"] .grid-item--height23 {
      height: calc(100vw / 23 * 23); } }

.grid[data-grid-size="24"] .grid-sizer, .grid[data-grid-size="24"] .grid-item {
  width: 4.16667%; }

.grid[data-grid-size="24"] .grid-item--width1 {
  width: 4.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width1 {
      width: calc(100vw / 24 * 1); } }

.grid[data-grid-size="24"] .grid-item--height1 {
  height: calc(100vh / 24 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height1 {
      height: calc(100vw / 24 * 1); } }

.grid[data-grid-size="24"] .grid-item--width2 {
  width: 8.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width2 {
      width: calc(100vw / 24 * 2); } }

.grid[data-grid-size="24"] .grid-item--height2 {
  height: calc(100vh / 24 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height2 {
      height: calc(100vw / 24 * 2); } }

.grid[data-grid-size="24"] .grid-item--width3 {
  width: 12.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width3 {
      width: calc(100vw / 24 * 3); } }

.grid[data-grid-size="24"] .grid-item--height3 {
  height: calc(100vh / 24 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height3 {
      height: calc(100vw / 24 * 3); } }

.grid[data-grid-size="24"] .grid-item--width4 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width4 {
      width: calc(100vw / 24 * 4); } }

.grid[data-grid-size="24"] .grid-item--height4 {
  height: calc(100vh / 24 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height4 {
      height: calc(100vw / 24 * 4); } }

.grid[data-grid-size="24"] .grid-item--width5 {
  width: 20.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width5 {
      width: calc(100vw / 24 * 5); } }

.grid[data-grid-size="24"] .grid-item--height5 {
  height: calc(100vh / 24 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height5 {
      height: calc(100vw / 24 * 5); } }

.grid[data-grid-size="24"] .grid-item--width6 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width6 {
      width: calc(100vw / 24 * 6); } }

.grid[data-grid-size="24"] .grid-item--height6 {
  height: calc(100vh / 24 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height6 {
      height: calc(100vw / 24 * 6); } }

.grid[data-grid-size="24"] .grid-item--width7 {
  width: 29.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width7 {
      width: calc(100vw / 24 * 7); } }

.grid[data-grid-size="24"] .grid-item--height7 {
  height: calc(100vh / 24 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height7 {
      height: calc(100vw / 24 * 7); } }

.grid[data-grid-size="24"] .grid-item--width8 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width8 {
      width: calc(100vw / 24 * 8); } }

.grid[data-grid-size="24"] .grid-item--height8 {
  height: calc(100vh / 24 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height8 {
      height: calc(100vw / 24 * 8); } }

.grid[data-grid-size="24"] .grid-item--width9 {
  width: 37.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width9 {
      width: calc(100vw / 24 * 9); } }

.grid[data-grid-size="24"] .grid-item--height9 {
  height: calc(100vh / 24 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height9 {
      height: calc(100vw / 24 * 9); } }

.grid[data-grid-size="24"] .grid-item--width10 {
  width: 41.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width10 {
      width: calc(100vw / 24 * 10); } }

.grid[data-grid-size="24"] .grid-item--height10 {
  height: calc(100vh / 24 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height10 {
      height: calc(100vw / 24 * 10); } }

.grid[data-grid-size="24"] .grid-item--width11 {
  width: 45.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width11 {
      width: calc(100vw / 24 * 11); } }

.grid[data-grid-size="24"] .grid-item--height11 {
  height: calc(100vh / 24 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height11 {
      height: calc(100vw / 24 * 11); } }

.grid[data-grid-size="24"] .grid-item--width12 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width12 {
      width: calc(100vw / 24 * 12); } }

.grid[data-grid-size="24"] .grid-item--height12 {
  height: calc(100vh / 24 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height12 {
      height: calc(100vw / 24 * 12); } }

.grid[data-grid-size="24"] .grid-item--width13 {
  width: 54.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width13 {
      width: calc(100vw / 24 * 13); } }

.grid[data-grid-size="24"] .grid-item--height13 {
  height: calc(100vh / 24 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height13 {
      height: calc(100vw / 24 * 13); } }

.grid[data-grid-size="24"] .grid-item--width14 {
  width: 58.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width14 {
      width: calc(100vw / 24 * 14); } }

.grid[data-grid-size="24"] .grid-item--height14 {
  height: calc(100vh / 24 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height14 {
      height: calc(100vw / 24 * 14); } }

.grid[data-grid-size="24"] .grid-item--width15 {
  width: 62.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width15 {
      width: calc(100vw / 24 * 15); } }

.grid[data-grid-size="24"] .grid-item--height15 {
  height: calc(100vh / 24 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height15 {
      height: calc(100vw / 24 * 15); } }

.grid[data-grid-size="24"] .grid-item--width16 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width16 {
      width: calc(100vw / 24 * 16); } }

.grid[data-grid-size="24"] .grid-item--height16 {
  height: calc(100vh / 24 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height16 {
      height: calc(100vw / 24 * 16); } }

.grid[data-grid-size="24"] .grid-item--width17 {
  width: 70.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width17 {
      width: calc(100vw / 24 * 17); } }

.grid[data-grid-size="24"] .grid-item--height17 {
  height: calc(100vh / 24 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height17 {
      height: calc(100vw / 24 * 17); } }

.grid[data-grid-size="24"] .grid-item--width18 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width18 {
      width: calc(100vw / 24 * 18); } }

.grid[data-grid-size="24"] .grid-item--height18 {
  height: calc(100vh / 24 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height18 {
      height: calc(100vw / 24 * 18); } }

.grid[data-grid-size="24"] .grid-item--width19 {
  width: 79.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width19 {
      width: calc(100vw / 24 * 19); } }

.grid[data-grid-size="24"] .grid-item--height19 {
  height: calc(100vh / 24 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height19 {
      height: calc(100vw / 24 * 19); } }

.grid[data-grid-size="24"] .grid-item--width20 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width20 {
      width: calc(100vw / 24 * 20); } }

.grid[data-grid-size="24"] .grid-item--height20 {
  height: calc(100vh / 24 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height20 {
      height: calc(100vw / 24 * 20); } }

.grid[data-grid-size="24"] .grid-item--width21 {
  width: 87.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width21 {
      width: calc(100vw / 24 * 21); } }

.grid[data-grid-size="24"] .grid-item--height21 {
  height: calc(100vh / 24 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height21 {
      height: calc(100vw / 24 * 21); } }

.grid[data-grid-size="24"] .grid-item--width22 {
  width: 91.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width22 {
      width: calc(100vw / 24 * 22); } }

.grid[data-grid-size="24"] .grid-item--height22 {
  height: calc(100vh / 24 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height22 {
      height: calc(100vw / 24 * 22); } }

.grid[data-grid-size="24"] .grid-item--width23 {
  width: 95.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width23 {
      width: calc(100vw / 24 * 23); } }

.grid[data-grid-size="24"] .grid-item--height23 {
  height: calc(100vh / 24 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height23 {
      height: calc(100vw / 24 * 23); } }

.grid[data-grid-size="24"] .grid-item--width24 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--width24 {
      width: calc(100vw / 24 * 24); } }

.grid[data-grid-size="24"] .grid-item--height24 {
  height: calc(100vh / 24 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="24"] .grid-item--height24 {
      height: calc(100vw / 24 * 24); } }

.grid[data-grid-size="25"] .grid-sizer, .grid[data-grid-size="25"] .grid-item {
  width: 4%; }

.grid[data-grid-size="25"] .grid-item--width1 {
  width: 4%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width1 {
      width: calc(100vw / 25 * 1); } }

.grid[data-grid-size="25"] .grid-item--height1 {
  height: calc(100vh / 25 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height1 {
      height: calc(100vw / 25 * 1); } }

.grid[data-grid-size="25"] .grid-item--width2 {
  width: 8%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width2 {
      width: calc(100vw / 25 * 2); } }

.grid[data-grid-size="25"] .grid-item--height2 {
  height: calc(100vh / 25 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height2 {
      height: calc(100vw / 25 * 2); } }

.grid[data-grid-size="25"] .grid-item--width3 {
  width: 12%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width3 {
      width: calc(100vw / 25 * 3); } }

.grid[data-grid-size="25"] .grid-item--height3 {
  height: calc(100vh / 25 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height3 {
      height: calc(100vw / 25 * 3); } }

.grid[data-grid-size="25"] .grid-item--width4 {
  width: 16%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width4 {
      width: calc(100vw / 25 * 4); } }

.grid[data-grid-size="25"] .grid-item--height4 {
  height: calc(100vh / 25 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height4 {
      height: calc(100vw / 25 * 4); } }

.grid[data-grid-size="25"] .grid-item--width5 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width5 {
      width: calc(100vw / 25 * 5); } }

.grid[data-grid-size="25"] .grid-item--height5 {
  height: calc(100vh / 25 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height5 {
      height: calc(100vw / 25 * 5); } }

.grid[data-grid-size="25"] .grid-item--width6 {
  width: 24%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width6 {
      width: calc(100vw / 25 * 6); } }

.grid[data-grid-size="25"] .grid-item--height6 {
  height: calc(100vh / 25 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height6 {
      height: calc(100vw / 25 * 6); } }

.grid[data-grid-size="25"] .grid-item--width7 {
  width: 28%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width7 {
      width: calc(100vw / 25 * 7); } }

.grid[data-grid-size="25"] .grid-item--height7 {
  height: calc(100vh / 25 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height7 {
      height: calc(100vw / 25 * 7); } }

.grid[data-grid-size="25"] .grid-item--width8 {
  width: 32%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width8 {
      width: calc(100vw / 25 * 8); } }

.grid[data-grid-size="25"] .grid-item--height8 {
  height: calc(100vh / 25 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height8 {
      height: calc(100vw / 25 * 8); } }

.grid[data-grid-size="25"] .grid-item--width9 {
  width: 36%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width9 {
      width: calc(100vw / 25 * 9); } }

.grid[data-grid-size="25"] .grid-item--height9 {
  height: calc(100vh / 25 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height9 {
      height: calc(100vw / 25 * 9); } }

.grid[data-grid-size="25"] .grid-item--width10 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width10 {
      width: calc(100vw / 25 * 10); } }

.grid[data-grid-size="25"] .grid-item--height10 {
  height: calc(100vh / 25 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height10 {
      height: calc(100vw / 25 * 10); } }

.grid[data-grid-size="25"] .grid-item--width11 {
  width: 44%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width11 {
      width: calc(100vw / 25 * 11); } }

.grid[data-grid-size="25"] .grid-item--height11 {
  height: calc(100vh / 25 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height11 {
      height: calc(100vw / 25 * 11); } }

.grid[data-grid-size="25"] .grid-item--width12 {
  width: 48%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width12 {
      width: calc(100vw / 25 * 12); } }

.grid[data-grid-size="25"] .grid-item--height12 {
  height: calc(100vh / 25 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height12 {
      height: calc(100vw / 25 * 12); } }

.grid[data-grid-size="25"] .grid-item--width13 {
  width: 52%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width13 {
      width: calc(100vw / 25 * 13); } }

.grid[data-grid-size="25"] .grid-item--height13 {
  height: calc(100vh / 25 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height13 {
      height: calc(100vw / 25 * 13); } }

.grid[data-grid-size="25"] .grid-item--width14 {
  width: 56%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width14 {
      width: calc(100vw / 25 * 14); } }

.grid[data-grid-size="25"] .grid-item--height14 {
  height: calc(100vh / 25 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height14 {
      height: calc(100vw / 25 * 14); } }

.grid[data-grid-size="25"] .grid-item--width15 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width15 {
      width: calc(100vw / 25 * 15); } }

.grid[data-grid-size="25"] .grid-item--height15 {
  height: calc(100vh / 25 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height15 {
      height: calc(100vw / 25 * 15); } }

.grid[data-grid-size="25"] .grid-item--width16 {
  width: 64%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width16 {
      width: calc(100vw / 25 * 16); } }

.grid[data-grid-size="25"] .grid-item--height16 {
  height: calc(100vh / 25 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height16 {
      height: calc(100vw / 25 * 16); } }

.grid[data-grid-size="25"] .grid-item--width17 {
  width: 68%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width17 {
      width: calc(100vw / 25 * 17); } }

.grid[data-grid-size="25"] .grid-item--height17 {
  height: calc(100vh / 25 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height17 {
      height: calc(100vw / 25 * 17); } }

.grid[data-grid-size="25"] .grid-item--width18 {
  width: 72%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width18 {
      width: calc(100vw / 25 * 18); } }

.grid[data-grid-size="25"] .grid-item--height18 {
  height: calc(100vh / 25 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height18 {
      height: calc(100vw / 25 * 18); } }

.grid[data-grid-size="25"] .grid-item--width19 {
  width: 76%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width19 {
      width: calc(100vw / 25 * 19); } }

.grid[data-grid-size="25"] .grid-item--height19 {
  height: calc(100vh / 25 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height19 {
      height: calc(100vw / 25 * 19); } }

.grid[data-grid-size="25"] .grid-item--width20 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width20 {
      width: calc(100vw / 25 * 20); } }

.grid[data-grid-size="25"] .grid-item--height20 {
  height: calc(100vh / 25 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height20 {
      height: calc(100vw / 25 * 20); } }

.grid[data-grid-size="25"] .grid-item--width21 {
  width: 84%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width21 {
      width: calc(100vw / 25 * 21); } }

.grid[data-grid-size="25"] .grid-item--height21 {
  height: calc(100vh / 25 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height21 {
      height: calc(100vw / 25 * 21); } }

.grid[data-grid-size="25"] .grid-item--width22 {
  width: 88%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width22 {
      width: calc(100vw / 25 * 22); } }

.grid[data-grid-size="25"] .grid-item--height22 {
  height: calc(100vh / 25 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height22 {
      height: calc(100vw / 25 * 22); } }

.grid[data-grid-size="25"] .grid-item--width23 {
  width: 92%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width23 {
      width: calc(100vw / 25 * 23); } }

.grid[data-grid-size="25"] .grid-item--height23 {
  height: calc(100vh / 25 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height23 {
      height: calc(100vw / 25 * 23); } }

.grid[data-grid-size="25"] .grid-item--width24 {
  width: 96%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width24 {
      width: calc(100vw / 25 * 24); } }

.grid[data-grid-size="25"] .grid-item--height24 {
  height: calc(100vh / 25 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height24 {
      height: calc(100vw / 25 * 24); } }

.grid[data-grid-size="25"] .grid-item--width25 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--width25 {
      width: calc(100vw / 25 * 25); } }

.grid[data-grid-size="25"] .grid-item--height25 {
  height: calc(100vh / 25 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="25"] .grid-item--height25 {
      height: calc(100vw / 25 * 25); } }

.grid[data-grid-size="26"] .grid-sizer, .grid[data-grid-size="26"] .grid-item {
  width: 3.84615%; }

.grid[data-grid-size="26"] .grid-item--width1 {
  width: 3.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width1 {
      width: calc(100vw / 26 * 1); } }

.grid[data-grid-size="26"] .grid-item--height1 {
  height: calc(100vh / 26 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height1 {
      height: calc(100vw / 26 * 1); } }

.grid[data-grid-size="26"] .grid-item--width2 {
  width: 7.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width2 {
      width: calc(100vw / 26 * 2); } }

.grid[data-grid-size="26"] .grid-item--height2 {
  height: calc(100vh / 26 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height2 {
      height: calc(100vw / 26 * 2); } }

.grid[data-grid-size="26"] .grid-item--width3 {
  width: 11.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width3 {
      width: calc(100vw / 26 * 3); } }

.grid[data-grid-size="26"] .grid-item--height3 {
  height: calc(100vh / 26 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height3 {
      height: calc(100vw / 26 * 3); } }

.grid[data-grid-size="26"] .grid-item--width4 {
  width: 15.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width4 {
      width: calc(100vw / 26 * 4); } }

.grid[data-grid-size="26"] .grid-item--height4 {
  height: calc(100vh / 26 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height4 {
      height: calc(100vw / 26 * 4); } }

.grid[data-grid-size="26"] .grid-item--width5 {
  width: 19.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width5 {
      width: calc(100vw / 26 * 5); } }

.grid[data-grid-size="26"] .grid-item--height5 {
  height: calc(100vh / 26 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height5 {
      height: calc(100vw / 26 * 5); } }

.grid[data-grid-size="26"] .grid-item--width6 {
  width: 23.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width6 {
      width: calc(100vw / 26 * 6); } }

.grid[data-grid-size="26"] .grid-item--height6 {
  height: calc(100vh / 26 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height6 {
      height: calc(100vw / 26 * 6); } }

.grid[data-grid-size="26"] .grid-item--width7 {
  width: 26.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width7 {
      width: calc(100vw / 26 * 7); } }

.grid[data-grid-size="26"] .grid-item--height7 {
  height: calc(100vh / 26 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height7 {
      height: calc(100vw / 26 * 7); } }

.grid[data-grid-size="26"] .grid-item--width8 {
  width: 30.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width8 {
      width: calc(100vw / 26 * 8); } }

.grid[data-grid-size="26"] .grid-item--height8 {
  height: calc(100vh / 26 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height8 {
      height: calc(100vw / 26 * 8); } }

.grid[data-grid-size="26"] .grid-item--width9 {
  width: 34.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width9 {
      width: calc(100vw / 26 * 9); } }

.grid[data-grid-size="26"] .grid-item--height9 {
  height: calc(100vh / 26 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height9 {
      height: calc(100vw / 26 * 9); } }

.grid[data-grid-size="26"] .grid-item--width10 {
  width: 38.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width10 {
      width: calc(100vw / 26 * 10); } }

.grid[data-grid-size="26"] .grid-item--height10 {
  height: calc(100vh / 26 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height10 {
      height: calc(100vw / 26 * 10); } }

.grid[data-grid-size="26"] .grid-item--width11 {
  width: 42.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width11 {
      width: calc(100vw / 26 * 11); } }

.grid[data-grid-size="26"] .grid-item--height11 {
  height: calc(100vh / 26 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height11 {
      height: calc(100vw / 26 * 11); } }

.grid[data-grid-size="26"] .grid-item--width12 {
  width: 46.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width12 {
      width: calc(100vw / 26 * 12); } }

.grid[data-grid-size="26"] .grid-item--height12 {
  height: calc(100vh / 26 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height12 {
      height: calc(100vw / 26 * 12); } }

.grid[data-grid-size="26"] .grid-item--width13 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width13 {
      width: calc(100vw / 26 * 13); } }

.grid[data-grid-size="26"] .grid-item--height13 {
  height: calc(100vh / 26 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height13 {
      height: calc(100vw / 26 * 13); } }

.grid[data-grid-size="26"] .grid-item--width14 {
  width: 53.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width14 {
      width: calc(100vw / 26 * 14); } }

.grid[data-grid-size="26"] .grid-item--height14 {
  height: calc(100vh / 26 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height14 {
      height: calc(100vw / 26 * 14); } }

.grid[data-grid-size="26"] .grid-item--width15 {
  width: 57.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width15 {
      width: calc(100vw / 26 * 15); } }

.grid[data-grid-size="26"] .grid-item--height15 {
  height: calc(100vh / 26 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height15 {
      height: calc(100vw / 26 * 15); } }

.grid[data-grid-size="26"] .grid-item--width16 {
  width: 61.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width16 {
      width: calc(100vw / 26 * 16); } }

.grid[data-grid-size="26"] .grid-item--height16 {
  height: calc(100vh / 26 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height16 {
      height: calc(100vw / 26 * 16); } }

.grid[data-grid-size="26"] .grid-item--width17 {
  width: 65.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width17 {
      width: calc(100vw / 26 * 17); } }

.grid[data-grid-size="26"] .grid-item--height17 {
  height: calc(100vh / 26 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height17 {
      height: calc(100vw / 26 * 17); } }

.grid[data-grid-size="26"] .grid-item--width18 {
  width: 69.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width18 {
      width: calc(100vw / 26 * 18); } }

.grid[data-grid-size="26"] .grid-item--height18 {
  height: calc(100vh / 26 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height18 {
      height: calc(100vw / 26 * 18); } }

.grid[data-grid-size="26"] .grid-item--width19 {
  width: 73.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width19 {
      width: calc(100vw / 26 * 19); } }

.grid[data-grid-size="26"] .grid-item--height19 {
  height: calc(100vh / 26 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height19 {
      height: calc(100vw / 26 * 19); } }

.grid[data-grid-size="26"] .grid-item--width20 {
  width: 76.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width20 {
      width: calc(100vw / 26 * 20); } }

.grid[data-grid-size="26"] .grid-item--height20 {
  height: calc(100vh / 26 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height20 {
      height: calc(100vw / 26 * 20); } }

.grid[data-grid-size="26"] .grid-item--width21 {
  width: 80.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width21 {
      width: calc(100vw / 26 * 21); } }

.grid[data-grid-size="26"] .grid-item--height21 {
  height: calc(100vh / 26 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height21 {
      height: calc(100vw / 26 * 21); } }

.grid[data-grid-size="26"] .grid-item--width22 {
  width: 84.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width22 {
      width: calc(100vw / 26 * 22); } }

.grid[data-grid-size="26"] .grid-item--height22 {
  height: calc(100vh / 26 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height22 {
      height: calc(100vw / 26 * 22); } }

.grid[data-grid-size="26"] .grid-item--width23 {
  width: 88.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width23 {
      width: calc(100vw / 26 * 23); } }

.grid[data-grid-size="26"] .grid-item--height23 {
  height: calc(100vh / 26 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height23 {
      height: calc(100vw / 26 * 23); } }

.grid[data-grid-size="26"] .grid-item--width24 {
  width: 92.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width24 {
      width: calc(100vw / 26 * 24); } }

.grid[data-grid-size="26"] .grid-item--height24 {
  height: calc(100vh / 26 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height24 {
      height: calc(100vw / 26 * 24); } }

.grid[data-grid-size="26"] .grid-item--width25 {
  width: 96.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width25 {
      width: calc(100vw / 26 * 25); } }

.grid[data-grid-size="26"] .grid-item--height25 {
  height: calc(100vh / 26 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height25 {
      height: calc(100vw / 26 * 25); } }

.grid[data-grid-size="26"] .grid-item--width26 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--width26 {
      width: calc(100vw / 26 * 26); } }

.grid[data-grid-size="26"] .grid-item--height26 {
  height: calc(100vh / 26 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="26"] .grid-item--height26 {
      height: calc(100vw / 26 * 26); } }

.grid[data-grid-size="27"] .grid-sizer, .grid[data-grid-size="27"] .grid-item {
  width: 3.7037%; }

.grid[data-grid-size="27"] .grid-item--width1 {
  width: 3.7037%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width1 {
      width: calc(100vw / 27 * 1); } }

.grid[data-grid-size="27"] .grid-item--height1 {
  height: calc(100vh / 27 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height1 {
      height: calc(100vw / 27 * 1); } }

.grid[data-grid-size="27"] .grid-item--width2 {
  width: 7.40741%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width2 {
      width: calc(100vw / 27 * 2); } }

.grid[data-grid-size="27"] .grid-item--height2 {
  height: calc(100vh / 27 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height2 {
      height: calc(100vw / 27 * 2); } }

.grid[data-grid-size="27"] .grid-item--width3 {
  width: 11.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width3 {
      width: calc(100vw / 27 * 3); } }

.grid[data-grid-size="27"] .grid-item--height3 {
  height: calc(100vh / 27 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height3 {
      height: calc(100vw / 27 * 3); } }

.grid[data-grid-size="27"] .grid-item--width4 {
  width: 14.81481%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width4 {
      width: calc(100vw / 27 * 4); } }

.grid[data-grid-size="27"] .grid-item--height4 {
  height: calc(100vh / 27 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height4 {
      height: calc(100vw / 27 * 4); } }

.grid[data-grid-size="27"] .grid-item--width5 {
  width: 18.51852%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width5 {
      width: calc(100vw / 27 * 5); } }

.grid[data-grid-size="27"] .grid-item--height5 {
  height: calc(100vh / 27 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height5 {
      height: calc(100vw / 27 * 5); } }

.grid[data-grid-size="27"] .grid-item--width6 {
  width: 22.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width6 {
      width: calc(100vw / 27 * 6); } }

.grid[data-grid-size="27"] .grid-item--height6 {
  height: calc(100vh / 27 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height6 {
      height: calc(100vw / 27 * 6); } }

.grid[data-grid-size="27"] .grid-item--width7 {
  width: 25.92593%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width7 {
      width: calc(100vw / 27 * 7); } }

.grid[data-grid-size="27"] .grid-item--height7 {
  height: calc(100vh / 27 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height7 {
      height: calc(100vw / 27 * 7); } }

.grid[data-grid-size="27"] .grid-item--width8 {
  width: 29.62963%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width8 {
      width: calc(100vw / 27 * 8); } }

.grid[data-grid-size="27"] .grid-item--height8 {
  height: calc(100vh / 27 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height8 {
      height: calc(100vw / 27 * 8); } }

.grid[data-grid-size="27"] .grid-item--width9 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width9 {
      width: calc(100vw / 27 * 9); } }

.grid[data-grid-size="27"] .grid-item--height9 {
  height: calc(100vh / 27 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height9 {
      height: calc(100vw / 27 * 9); } }

.grid[data-grid-size="27"] .grid-item--width10 {
  width: 37.03704%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width10 {
      width: calc(100vw / 27 * 10); } }

.grid[data-grid-size="27"] .grid-item--height10 {
  height: calc(100vh / 27 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height10 {
      height: calc(100vw / 27 * 10); } }

.grid[data-grid-size="27"] .grid-item--width11 {
  width: 40.74074%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width11 {
      width: calc(100vw / 27 * 11); } }

.grid[data-grid-size="27"] .grid-item--height11 {
  height: calc(100vh / 27 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height11 {
      height: calc(100vw / 27 * 11); } }

.grid[data-grid-size="27"] .grid-item--width12 {
  width: 44.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width12 {
      width: calc(100vw / 27 * 12); } }

.grid[data-grid-size="27"] .grid-item--height12 {
  height: calc(100vh / 27 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height12 {
      height: calc(100vw / 27 * 12); } }

.grid[data-grid-size="27"] .grid-item--width13 {
  width: 48.14815%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width13 {
      width: calc(100vw / 27 * 13); } }

.grid[data-grid-size="27"] .grid-item--height13 {
  height: calc(100vh / 27 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height13 {
      height: calc(100vw / 27 * 13); } }

.grid[data-grid-size="27"] .grid-item--width14 {
  width: 51.85185%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width14 {
      width: calc(100vw / 27 * 14); } }

.grid[data-grid-size="27"] .grid-item--height14 {
  height: calc(100vh / 27 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height14 {
      height: calc(100vw / 27 * 14); } }

.grid[data-grid-size="27"] .grid-item--width15 {
  width: 55.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width15 {
      width: calc(100vw / 27 * 15); } }

.grid[data-grid-size="27"] .grid-item--height15 {
  height: calc(100vh / 27 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height15 {
      height: calc(100vw / 27 * 15); } }

.grid[data-grid-size="27"] .grid-item--width16 {
  width: 59.25926%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width16 {
      width: calc(100vw / 27 * 16); } }

.grid[data-grid-size="27"] .grid-item--height16 {
  height: calc(100vh / 27 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height16 {
      height: calc(100vw / 27 * 16); } }

.grid[data-grid-size="27"] .grid-item--width17 {
  width: 62.96296%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width17 {
      width: calc(100vw / 27 * 17); } }

.grid[data-grid-size="27"] .grid-item--height17 {
  height: calc(100vh / 27 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height17 {
      height: calc(100vw / 27 * 17); } }

.grid[data-grid-size="27"] .grid-item--width18 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width18 {
      width: calc(100vw / 27 * 18); } }

.grid[data-grid-size="27"] .grid-item--height18 {
  height: calc(100vh / 27 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height18 {
      height: calc(100vw / 27 * 18); } }

.grid[data-grid-size="27"] .grid-item--width19 {
  width: 70.37037%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width19 {
      width: calc(100vw / 27 * 19); } }

.grid[data-grid-size="27"] .grid-item--height19 {
  height: calc(100vh / 27 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height19 {
      height: calc(100vw / 27 * 19); } }

.grid[data-grid-size="27"] .grid-item--width20 {
  width: 74.07407%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width20 {
      width: calc(100vw / 27 * 20); } }

.grid[data-grid-size="27"] .grid-item--height20 {
  height: calc(100vh / 27 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height20 {
      height: calc(100vw / 27 * 20); } }

.grid[data-grid-size="27"] .grid-item--width21 {
  width: 77.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width21 {
      width: calc(100vw / 27 * 21); } }

.grid[data-grid-size="27"] .grid-item--height21 {
  height: calc(100vh / 27 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height21 {
      height: calc(100vw / 27 * 21); } }

.grid[data-grid-size="27"] .grid-item--width22 {
  width: 81.48148%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width22 {
      width: calc(100vw / 27 * 22); } }

.grid[data-grid-size="27"] .grid-item--height22 {
  height: calc(100vh / 27 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height22 {
      height: calc(100vw / 27 * 22); } }

.grid[data-grid-size="27"] .grid-item--width23 {
  width: 85.18519%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width23 {
      width: calc(100vw / 27 * 23); } }

.grid[data-grid-size="27"] .grid-item--height23 {
  height: calc(100vh / 27 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height23 {
      height: calc(100vw / 27 * 23); } }

.grid[data-grid-size="27"] .grid-item--width24 {
  width: 88.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width24 {
      width: calc(100vw / 27 * 24); } }

.grid[data-grid-size="27"] .grid-item--height24 {
  height: calc(100vh / 27 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height24 {
      height: calc(100vw / 27 * 24); } }

.grid[data-grid-size="27"] .grid-item--width25 {
  width: 92.59259%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width25 {
      width: calc(100vw / 27 * 25); } }

.grid[data-grid-size="27"] .grid-item--height25 {
  height: calc(100vh / 27 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height25 {
      height: calc(100vw / 27 * 25); } }

.grid[data-grid-size="27"] .grid-item--width26 {
  width: 96.2963%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width26 {
      width: calc(100vw / 27 * 26); } }

.grid[data-grid-size="27"] .grid-item--height26 {
  height: calc(100vh / 27 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height26 {
      height: calc(100vw / 27 * 26); } }

.grid[data-grid-size="27"] .grid-item--width27 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--width27 {
      width: calc(100vw / 27 * 27); } }

.grid[data-grid-size="27"] .grid-item--height27 {
  height: calc(100vh / 27 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="27"] .grid-item--height27 {
      height: calc(100vw / 27 * 27); } }

.grid[data-grid-size="28"] .grid-sizer, .grid[data-grid-size="28"] .grid-item {
  width: 3.57143%; }

.grid[data-grid-size="28"] .grid-item--width1 {
  width: 3.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width1 {
      width: calc(100vw / 28 * 1); } }

.grid[data-grid-size="28"] .grid-item--height1 {
  height: calc(100vh / 28 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height1 {
      height: calc(100vw / 28 * 1); } }

.grid[data-grid-size="28"] .grid-item--width2 {
  width: 7.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width2 {
      width: calc(100vw / 28 * 2); } }

.grid[data-grid-size="28"] .grid-item--height2 {
  height: calc(100vh / 28 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height2 {
      height: calc(100vw / 28 * 2); } }

.grid[data-grid-size="28"] .grid-item--width3 {
  width: 10.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width3 {
      width: calc(100vw / 28 * 3); } }

.grid[data-grid-size="28"] .grid-item--height3 {
  height: calc(100vh / 28 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height3 {
      height: calc(100vw / 28 * 3); } }

.grid[data-grid-size="28"] .grid-item--width4 {
  width: 14.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width4 {
      width: calc(100vw / 28 * 4); } }

.grid[data-grid-size="28"] .grid-item--height4 {
  height: calc(100vh / 28 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height4 {
      height: calc(100vw / 28 * 4); } }

.grid[data-grid-size="28"] .grid-item--width5 {
  width: 17.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width5 {
      width: calc(100vw / 28 * 5); } }

.grid[data-grid-size="28"] .grid-item--height5 {
  height: calc(100vh / 28 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height5 {
      height: calc(100vw / 28 * 5); } }

.grid[data-grid-size="28"] .grid-item--width6 {
  width: 21.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width6 {
      width: calc(100vw / 28 * 6); } }

.grid[data-grid-size="28"] .grid-item--height6 {
  height: calc(100vh / 28 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height6 {
      height: calc(100vw / 28 * 6); } }

.grid[data-grid-size="28"] .grid-item--width7 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width7 {
      width: calc(100vw / 28 * 7); } }

.grid[data-grid-size="28"] .grid-item--height7 {
  height: calc(100vh / 28 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height7 {
      height: calc(100vw / 28 * 7); } }

.grid[data-grid-size="28"] .grid-item--width8 {
  width: 28.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width8 {
      width: calc(100vw / 28 * 8); } }

.grid[data-grid-size="28"] .grid-item--height8 {
  height: calc(100vh / 28 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height8 {
      height: calc(100vw / 28 * 8); } }

.grid[data-grid-size="28"] .grid-item--width9 {
  width: 32.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width9 {
      width: calc(100vw / 28 * 9); } }

.grid[data-grid-size="28"] .grid-item--height9 {
  height: calc(100vh / 28 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height9 {
      height: calc(100vw / 28 * 9); } }

.grid[data-grid-size="28"] .grid-item--width10 {
  width: 35.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width10 {
      width: calc(100vw / 28 * 10); } }

.grid[data-grid-size="28"] .grid-item--height10 {
  height: calc(100vh / 28 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height10 {
      height: calc(100vw / 28 * 10); } }

.grid[data-grid-size="28"] .grid-item--width11 {
  width: 39.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width11 {
      width: calc(100vw / 28 * 11); } }

.grid[data-grid-size="28"] .grid-item--height11 {
  height: calc(100vh / 28 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height11 {
      height: calc(100vw / 28 * 11); } }

.grid[data-grid-size="28"] .grid-item--width12 {
  width: 42.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width12 {
      width: calc(100vw / 28 * 12); } }

.grid[data-grid-size="28"] .grid-item--height12 {
  height: calc(100vh / 28 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height12 {
      height: calc(100vw / 28 * 12); } }

.grid[data-grid-size="28"] .grid-item--width13 {
  width: 46.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width13 {
      width: calc(100vw / 28 * 13); } }

.grid[data-grid-size="28"] .grid-item--height13 {
  height: calc(100vh / 28 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height13 {
      height: calc(100vw / 28 * 13); } }

.grid[data-grid-size="28"] .grid-item--width14 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width14 {
      width: calc(100vw / 28 * 14); } }

.grid[data-grid-size="28"] .grid-item--height14 {
  height: calc(100vh / 28 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height14 {
      height: calc(100vw / 28 * 14); } }

.grid[data-grid-size="28"] .grid-item--width15 {
  width: 53.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width15 {
      width: calc(100vw / 28 * 15); } }

.grid[data-grid-size="28"] .grid-item--height15 {
  height: calc(100vh / 28 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height15 {
      height: calc(100vw / 28 * 15); } }

.grid[data-grid-size="28"] .grid-item--width16 {
  width: 57.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width16 {
      width: calc(100vw / 28 * 16); } }

.grid[data-grid-size="28"] .grid-item--height16 {
  height: calc(100vh / 28 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height16 {
      height: calc(100vw / 28 * 16); } }

.grid[data-grid-size="28"] .grid-item--width17 {
  width: 60.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width17 {
      width: calc(100vw / 28 * 17); } }

.grid[data-grid-size="28"] .grid-item--height17 {
  height: calc(100vh / 28 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height17 {
      height: calc(100vw / 28 * 17); } }

.grid[data-grid-size="28"] .grid-item--width18 {
  width: 64.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width18 {
      width: calc(100vw / 28 * 18); } }

.grid[data-grid-size="28"] .grid-item--height18 {
  height: calc(100vh / 28 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height18 {
      height: calc(100vw / 28 * 18); } }

.grid[data-grid-size="28"] .grid-item--width19 {
  width: 67.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width19 {
      width: calc(100vw / 28 * 19); } }

.grid[data-grid-size="28"] .grid-item--height19 {
  height: calc(100vh / 28 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height19 {
      height: calc(100vw / 28 * 19); } }

.grid[data-grid-size="28"] .grid-item--width20 {
  width: 71.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width20 {
      width: calc(100vw / 28 * 20); } }

.grid[data-grid-size="28"] .grid-item--height20 {
  height: calc(100vh / 28 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height20 {
      height: calc(100vw / 28 * 20); } }

.grid[data-grid-size="28"] .grid-item--width21 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width21 {
      width: calc(100vw / 28 * 21); } }

.grid[data-grid-size="28"] .grid-item--height21 {
  height: calc(100vh / 28 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height21 {
      height: calc(100vw / 28 * 21); } }

.grid[data-grid-size="28"] .grid-item--width22 {
  width: 78.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width22 {
      width: calc(100vw / 28 * 22); } }

.grid[data-grid-size="28"] .grid-item--height22 {
  height: calc(100vh / 28 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height22 {
      height: calc(100vw / 28 * 22); } }

.grid[data-grid-size="28"] .grid-item--width23 {
  width: 82.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width23 {
      width: calc(100vw / 28 * 23); } }

.grid[data-grid-size="28"] .grid-item--height23 {
  height: calc(100vh / 28 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height23 {
      height: calc(100vw / 28 * 23); } }

.grid[data-grid-size="28"] .grid-item--width24 {
  width: 85.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width24 {
      width: calc(100vw / 28 * 24); } }

.grid[data-grid-size="28"] .grid-item--height24 {
  height: calc(100vh / 28 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height24 {
      height: calc(100vw / 28 * 24); } }

.grid[data-grid-size="28"] .grid-item--width25 {
  width: 89.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width25 {
      width: calc(100vw / 28 * 25); } }

.grid[data-grid-size="28"] .grid-item--height25 {
  height: calc(100vh / 28 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height25 {
      height: calc(100vw / 28 * 25); } }

.grid[data-grid-size="28"] .grid-item--width26 {
  width: 92.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width26 {
      width: calc(100vw / 28 * 26); } }

.grid[data-grid-size="28"] .grid-item--height26 {
  height: calc(100vh / 28 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height26 {
      height: calc(100vw / 28 * 26); } }

.grid[data-grid-size="28"] .grid-item--width27 {
  width: 96.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width27 {
      width: calc(100vw / 28 * 27); } }

.grid[data-grid-size="28"] .grid-item--height27 {
  height: calc(100vh / 28 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height27 {
      height: calc(100vw / 28 * 27); } }

.grid[data-grid-size="28"] .grid-item--width28 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--width28 {
      width: calc(100vw / 28 * 28); } }

.grid[data-grid-size="28"] .grid-item--height28 {
  height: calc(100vh / 28 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="28"] .grid-item--height28 {
      height: calc(100vw / 28 * 28); } }

.grid[data-grid-size="29"] .grid-sizer, .grid[data-grid-size="29"] .grid-item {
  width: 3.44828%; }

.grid[data-grid-size="29"] .grid-item--width1 {
  width: 3.44828%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width1 {
      width: calc(100vw / 29 * 1); } }

.grid[data-grid-size="29"] .grid-item--height1 {
  height: calc(100vh / 29 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height1 {
      height: calc(100vw / 29 * 1); } }

.grid[data-grid-size="29"] .grid-item--width2 {
  width: 6.89655%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width2 {
      width: calc(100vw / 29 * 2); } }

.grid[data-grid-size="29"] .grid-item--height2 {
  height: calc(100vh / 29 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height2 {
      height: calc(100vw / 29 * 2); } }

.grid[data-grid-size="29"] .grid-item--width3 {
  width: 10.34483%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width3 {
      width: calc(100vw / 29 * 3); } }

.grid[data-grid-size="29"] .grid-item--height3 {
  height: calc(100vh / 29 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height3 {
      height: calc(100vw / 29 * 3); } }

.grid[data-grid-size="29"] .grid-item--width4 {
  width: 13.7931%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width4 {
      width: calc(100vw / 29 * 4); } }

.grid[data-grid-size="29"] .grid-item--height4 {
  height: calc(100vh / 29 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height4 {
      height: calc(100vw / 29 * 4); } }

.grid[data-grid-size="29"] .grid-item--width5 {
  width: 17.24138%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width5 {
      width: calc(100vw / 29 * 5); } }

.grid[data-grid-size="29"] .grid-item--height5 {
  height: calc(100vh / 29 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height5 {
      height: calc(100vw / 29 * 5); } }

.grid[data-grid-size="29"] .grid-item--width6 {
  width: 20.68966%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width6 {
      width: calc(100vw / 29 * 6); } }

.grid[data-grid-size="29"] .grid-item--height6 {
  height: calc(100vh / 29 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height6 {
      height: calc(100vw / 29 * 6); } }

.grid[data-grid-size="29"] .grid-item--width7 {
  width: 24.13793%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width7 {
      width: calc(100vw / 29 * 7); } }

.grid[data-grid-size="29"] .grid-item--height7 {
  height: calc(100vh / 29 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height7 {
      height: calc(100vw / 29 * 7); } }

.grid[data-grid-size="29"] .grid-item--width8 {
  width: 27.58621%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width8 {
      width: calc(100vw / 29 * 8); } }

.grid[data-grid-size="29"] .grid-item--height8 {
  height: calc(100vh / 29 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height8 {
      height: calc(100vw / 29 * 8); } }

.grid[data-grid-size="29"] .grid-item--width9 {
  width: 31.03448%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width9 {
      width: calc(100vw / 29 * 9); } }

.grid[data-grid-size="29"] .grid-item--height9 {
  height: calc(100vh / 29 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height9 {
      height: calc(100vw / 29 * 9); } }

.grid[data-grid-size="29"] .grid-item--width10 {
  width: 34.48276%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width10 {
      width: calc(100vw / 29 * 10); } }

.grid[data-grid-size="29"] .grid-item--height10 {
  height: calc(100vh / 29 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height10 {
      height: calc(100vw / 29 * 10); } }

.grid[data-grid-size="29"] .grid-item--width11 {
  width: 37.93103%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width11 {
      width: calc(100vw / 29 * 11); } }

.grid[data-grid-size="29"] .grid-item--height11 {
  height: calc(100vh / 29 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height11 {
      height: calc(100vw / 29 * 11); } }

.grid[data-grid-size="29"] .grid-item--width12 {
  width: 41.37931%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width12 {
      width: calc(100vw / 29 * 12); } }

.grid[data-grid-size="29"] .grid-item--height12 {
  height: calc(100vh / 29 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height12 {
      height: calc(100vw / 29 * 12); } }

.grid[data-grid-size="29"] .grid-item--width13 {
  width: 44.82759%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width13 {
      width: calc(100vw / 29 * 13); } }

.grid[data-grid-size="29"] .grid-item--height13 {
  height: calc(100vh / 29 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height13 {
      height: calc(100vw / 29 * 13); } }

.grid[data-grid-size="29"] .grid-item--width14 {
  width: 48.27586%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width14 {
      width: calc(100vw / 29 * 14); } }

.grid[data-grid-size="29"] .grid-item--height14 {
  height: calc(100vh / 29 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height14 {
      height: calc(100vw / 29 * 14); } }

.grid[data-grid-size="29"] .grid-item--width15 {
  width: 51.72414%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width15 {
      width: calc(100vw / 29 * 15); } }

.grid[data-grid-size="29"] .grid-item--height15 {
  height: calc(100vh / 29 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height15 {
      height: calc(100vw / 29 * 15); } }

.grid[data-grid-size="29"] .grid-item--width16 {
  width: 55.17241%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width16 {
      width: calc(100vw / 29 * 16); } }

.grid[data-grid-size="29"] .grid-item--height16 {
  height: calc(100vh / 29 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height16 {
      height: calc(100vw / 29 * 16); } }

.grid[data-grid-size="29"] .grid-item--width17 {
  width: 58.62069%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width17 {
      width: calc(100vw / 29 * 17); } }

.grid[data-grid-size="29"] .grid-item--height17 {
  height: calc(100vh / 29 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height17 {
      height: calc(100vw / 29 * 17); } }

.grid[data-grid-size="29"] .grid-item--width18 {
  width: 62.06897%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width18 {
      width: calc(100vw / 29 * 18); } }

.grid[data-grid-size="29"] .grid-item--height18 {
  height: calc(100vh / 29 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height18 {
      height: calc(100vw / 29 * 18); } }

.grid[data-grid-size="29"] .grid-item--width19 {
  width: 65.51724%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width19 {
      width: calc(100vw / 29 * 19); } }

.grid[data-grid-size="29"] .grid-item--height19 {
  height: calc(100vh / 29 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height19 {
      height: calc(100vw / 29 * 19); } }

.grid[data-grid-size="29"] .grid-item--width20 {
  width: 68.96552%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width20 {
      width: calc(100vw / 29 * 20); } }

.grid[data-grid-size="29"] .grid-item--height20 {
  height: calc(100vh / 29 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height20 {
      height: calc(100vw / 29 * 20); } }

.grid[data-grid-size="29"] .grid-item--width21 {
  width: 72.41379%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width21 {
      width: calc(100vw / 29 * 21); } }

.grid[data-grid-size="29"] .grid-item--height21 {
  height: calc(100vh / 29 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height21 {
      height: calc(100vw / 29 * 21); } }

.grid[data-grid-size="29"] .grid-item--width22 {
  width: 75.86207%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width22 {
      width: calc(100vw / 29 * 22); } }

.grid[data-grid-size="29"] .grid-item--height22 {
  height: calc(100vh / 29 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height22 {
      height: calc(100vw / 29 * 22); } }

.grid[data-grid-size="29"] .grid-item--width23 {
  width: 79.31034%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width23 {
      width: calc(100vw / 29 * 23); } }

.grid[data-grid-size="29"] .grid-item--height23 {
  height: calc(100vh / 29 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height23 {
      height: calc(100vw / 29 * 23); } }

.grid[data-grid-size="29"] .grid-item--width24 {
  width: 82.75862%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width24 {
      width: calc(100vw / 29 * 24); } }

.grid[data-grid-size="29"] .grid-item--height24 {
  height: calc(100vh / 29 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height24 {
      height: calc(100vw / 29 * 24); } }

.grid[data-grid-size="29"] .grid-item--width25 {
  width: 86.2069%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width25 {
      width: calc(100vw / 29 * 25); } }

.grid[data-grid-size="29"] .grid-item--height25 {
  height: calc(100vh / 29 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height25 {
      height: calc(100vw / 29 * 25); } }

.grid[data-grid-size="29"] .grid-item--width26 {
  width: 89.65517%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width26 {
      width: calc(100vw / 29 * 26); } }

.grid[data-grid-size="29"] .grid-item--height26 {
  height: calc(100vh / 29 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height26 {
      height: calc(100vw / 29 * 26); } }

.grid[data-grid-size="29"] .grid-item--width27 {
  width: 93.10345%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width27 {
      width: calc(100vw / 29 * 27); } }

.grid[data-grid-size="29"] .grid-item--height27 {
  height: calc(100vh / 29 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height27 {
      height: calc(100vw / 29 * 27); } }

.grid[data-grid-size="29"] .grid-item--width28 {
  width: 96.55172%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width28 {
      width: calc(100vw / 29 * 28); } }

.grid[data-grid-size="29"] .grid-item--height28 {
  height: calc(100vh / 29 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height28 {
      height: calc(100vw / 29 * 28); } }

.grid[data-grid-size="29"] .grid-item--width29 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--width29 {
      width: calc(100vw / 29 * 29); } }

.grid[data-grid-size="29"] .grid-item--height29 {
  height: calc(100vh / 29 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="29"] .grid-item--height29 {
      height: calc(100vw / 29 * 29); } }

.grid[data-grid-size="30"] .grid-sizer, .grid[data-grid-size="30"] .grid-item {
  width: 3.33333%; }

.grid[data-grid-size="30"] .grid-item--width1 {
  width: 3.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width1 {
      width: calc(100vw / 30 * 1); } }

.grid[data-grid-size="30"] .grid-item--height1 {
  height: calc(100vh / 30 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height1 {
      height: calc(100vw / 30 * 1); } }

.grid[data-grid-size="30"] .grid-item--width2 {
  width: 6.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width2 {
      width: calc(100vw / 30 * 2); } }

.grid[data-grid-size="30"] .grid-item--height2 {
  height: calc(100vh / 30 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height2 {
      height: calc(100vw / 30 * 2); } }

.grid[data-grid-size="30"] .grid-item--width3 {
  width: 10%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width3 {
      width: calc(100vw / 30 * 3); } }

.grid[data-grid-size="30"] .grid-item--height3 {
  height: calc(100vh / 30 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height3 {
      height: calc(100vw / 30 * 3); } }

.grid[data-grid-size="30"] .grid-item--width4 {
  width: 13.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width4 {
      width: calc(100vw / 30 * 4); } }

.grid[data-grid-size="30"] .grid-item--height4 {
  height: calc(100vh / 30 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height4 {
      height: calc(100vw / 30 * 4); } }

.grid[data-grid-size="30"] .grid-item--width5 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width5 {
      width: calc(100vw / 30 * 5); } }

.grid[data-grid-size="30"] .grid-item--height5 {
  height: calc(100vh / 30 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height5 {
      height: calc(100vw / 30 * 5); } }

.grid[data-grid-size="30"] .grid-item--width6 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width6 {
      width: calc(100vw / 30 * 6); } }

.grid[data-grid-size="30"] .grid-item--height6 {
  height: calc(100vh / 30 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height6 {
      height: calc(100vw / 30 * 6); } }

.grid[data-grid-size="30"] .grid-item--width7 {
  width: 23.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width7 {
      width: calc(100vw / 30 * 7); } }

.grid[data-grid-size="30"] .grid-item--height7 {
  height: calc(100vh / 30 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height7 {
      height: calc(100vw / 30 * 7); } }

.grid[data-grid-size="30"] .grid-item--width8 {
  width: 26.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width8 {
      width: calc(100vw / 30 * 8); } }

.grid[data-grid-size="30"] .grid-item--height8 {
  height: calc(100vh / 30 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height8 {
      height: calc(100vw / 30 * 8); } }

.grid[data-grid-size="30"] .grid-item--width9 {
  width: 30%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width9 {
      width: calc(100vw / 30 * 9); } }

.grid[data-grid-size="30"] .grid-item--height9 {
  height: calc(100vh / 30 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height9 {
      height: calc(100vw / 30 * 9); } }

.grid[data-grid-size="30"] .grid-item--width10 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width10 {
      width: calc(100vw / 30 * 10); } }

.grid[data-grid-size="30"] .grid-item--height10 {
  height: calc(100vh / 30 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height10 {
      height: calc(100vw / 30 * 10); } }

.grid[data-grid-size="30"] .grid-item--width11 {
  width: 36.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width11 {
      width: calc(100vw / 30 * 11); } }

.grid[data-grid-size="30"] .grid-item--height11 {
  height: calc(100vh / 30 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height11 {
      height: calc(100vw / 30 * 11); } }

.grid[data-grid-size="30"] .grid-item--width12 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width12 {
      width: calc(100vw / 30 * 12); } }

.grid[data-grid-size="30"] .grid-item--height12 {
  height: calc(100vh / 30 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height12 {
      height: calc(100vw / 30 * 12); } }

.grid[data-grid-size="30"] .grid-item--width13 {
  width: 43.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width13 {
      width: calc(100vw / 30 * 13); } }

.grid[data-grid-size="30"] .grid-item--height13 {
  height: calc(100vh / 30 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height13 {
      height: calc(100vw / 30 * 13); } }

.grid[data-grid-size="30"] .grid-item--width14 {
  width: 46.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width14 {
      width: calc(100vw / 30 * 14); } }

.grid[data-grid-size="30"] .grid-item--height14 {
  height: calc(100vh / 30 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height14 {
      height: calc(100vw / 30 * 14); } }

.grid[data-grid-size="30"] .grid-item--width15 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width15 {
      width: calc(100vw / 30 * 15); } }

.grid[data-grid-size="30"] .grid-item--height15 {
  height: calc(100vh / 30 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height15 {
      height: calc(100vw / 30 * 15); } }

.grid[data-grid-size="30"] .grid-item--width16 {
  width: 53.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width16 {
      width: calc(100vw / 30 * 16); } }

.grid[data-grid-size="30"] .grid-item--height16 {
  height: calc(100vh / 30 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height16 {
      height: calc(100vw / 30 * 16); } }

.grid[data-grid-size="30"] .grid-item--width17 {
  width: 56.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width17 {
      width: calc(100vw / 30 * 17); } }

.grid[data-grid-size="30"] .grid-item--height17 {
  height: calc(100vh / 30 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height17 {
      height: calc(100vw / 30 * 17); } }

.grid[data-grid-size="30"] .grid-item--width18 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width18 {
      width: calc(100vw / 30 * 18); } }

.grid[data-grid-size="30"] .grid-item--height18 {
  height: calc(100vh / 30 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height18 {
      height: calc(100vw / 30 * 18); } }

.grid[data-grid-size="30"] .grid-item--width19 {
  width: 63.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width19 {
      width: calc(100vw / 30 * 19); } }

.grid[data-grid-size="30"] .grid-item--height19 {
  height: calc(100vh / 30 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height19 {
      height: calc(100vw / 30 * 19); } }

.grid[data-grid-size="30"] .grid-item--width20 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width20 {
      width: calc(100vw / 30 * 20); } }

.grid[data-grid-size="30"] .grid-item--height20 {
  height: calc(100vh / 30 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height20 {
      height: calc(100vw / 30 * 20); } }

.grid[data-grid-size="30"] .grid-item--width21 {
  width: 70%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width21 {
      width: calc(100vw / 30 * 21); } }

.grid[data-grid-size="30"] .grid-item--height21 {
  height: calc(100vh / 30 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height21 {
      height: calc(100vw / 30 * 21); } }

.grid[data-grid-size="30"] .grid-item--width22 {
  width: 73.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width22 {
      width: calc(100vw / 30 * 22); } }

.grid[data-grid-size="30"] .grid-item--height22 {
  height: calc(100vh / 30 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height22 {
      height: calc(100vw / 30 * 22); } }

.grid[data-grid-size="30"] .grid-item--width23 {
  width: 76.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width23 {
      width: calc(100vw / 30 * 23); } }

.grid[data-grid-size="30"] .grid-item--height23 {
  height: calc(100vh / 30 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height23 {
      height: calc(100vw / 30 * 23); } }

.grid[data-grid-size="30"] .grid-item--width24 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width24 {
      width: calc(100vw / 30 * 24); } }

.grid[data-grid-size="30"] .grid-item--height24 {
  height: calc(100vh / 30 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height24 {
      height: calc(100vw / 30 * 24); } }

.grid[data-grid-size="30"] .grid-item--width25 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width25 {
      width: calc(100vw / 30 * 25); } }

.grid[data-grid-size="30"] .grid-item--height25 {
  height: calc(100vh / 30 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height25 {
      height: calc(100vw / 30 * 25); } }

.grid[data-grid-size="30"] .grid-item--width26 {
  width: 86.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width26 {
      width: calc(100vw / 30 * 26); } }

.grid[data-grid-size="30"] .grid-item--height26 {
  height: calc(100vh / 30 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height26 {
      height: calc(100vw / 30 * 26); } }

.grid[data-grid-size="30"] .grid-item--width27 {
  width: 90%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width27 {
      width: calc(100vw / 30 * 27); } }

.grid[data-grid-size="30"] .grid-item--height27 {
  height: calc(100vh / 30 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height27 {
      height: calc(100vw / 30 * 27); } }

.grid[data-grid-size="30"] .grid-item--width28 {
  width: 93.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width28 {
      width: calc(100vw / 30 * 28); } }

.grid[data-grid-size="30"] .grid-item--height28 {
  height: calc(100vh / 30 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height28 {
      height: calc(100vw / 30 * 28); } }

.grid[data-grid-size="30"] .grid-item--width29 {
  width: 96.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width29 {
      width: calc(100vw / 30 * 29); } }

.grid[data-grid-size="30"] .grid-item--height29 {
  height: calc(100vh / 30 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height29 {
      height: calc(100vw / 30 * 29); } }

.grid[data-grid-size="30"] .grid-item--width30 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--width30 {
      width: calc(100vw / 30 * 30); } }

.grid[data-grid-size="30"] .grid-item--height30 {
  height: calc(100vh / 30 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="30"] .grid-item--height30 {
      height: calc(100vw / 30 * 30); } }

.grid[data-grid-size="31"] .grid-sizer, .grid[data-grid-size="31"] .grid-item {
  width: 3.22581%; }

.grid[data-grid-size="31"] .grid-item--width1 {
  width: 3.22581%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width1 {
      width: calc(100vw / 31 * 1); } }

.grid[data-grid-size="31"] .grid-item--height1 {
  height: calc(100vh / 31 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height1 {
      height: calc(100vw / 31 * 1); } }

.grid[data-grid-size="31"] .grid-item--width2 {
  width: 6.45161%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width2 {
      width: calc(100vw / 31 * 2); } }

.grid[data-grid-size="31"] .grid-item--height2 {
  height: calc(100vh / 31 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height2 {
      height: calc(100vw / 31 * 2); } }

.grid[data-grid-size="31"] .grid-item--width3 {
  width: 9.67742%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width3 {
      width: calc(100vw / 31 * 3); } }

.grid[data-grid-size="31"] .grid-item--height3 {
  height: calc(100vh / 31 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height3 {
      height: calc(100vw / 31 * 3); } }

.grid[data-grid-size="31"] .grid-item--width4 {
  width: 12.90323%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width4 {
      width: calc(100vw / 31 * 4); } }

.grid[data-grid-size="31"] .grid-item--height4 {
  height: calc(100vh / 31 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height4 {
      height: calc(100vw / 31 * 4); } }

.grid[data-grid-size="31"] .grid-item--width5 {
  width: 16.12903%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width5 {
      width: calc(100vw / 31 * 5); } }

.grid[data-grid-size="31"] .grid-item--height5 {
  height: calc(100vh / 31 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height5 {
      height: calc(100vw / 31 * 5); } }

.grid[data-grid-size="31"] .grid-item--width6 {
  width: 19.35484%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width6 {
      width: calc(100vw / 31 * 6); } }

.grid[data-grid-size="31"] .grid-item--height6 {
  height: calc(100vh / 31 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height6 {
      height: calc(100vw / 31 * 6); } }

.grid[data-grid-size="31"] .grid-item--width7 {
  width: 22.58065%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width7 {
      width: calc(100vw / 31 * 7); } }

.grid[data-grid-size="31"] .grid-item--height7 {
  height: calc(100vh / 31 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height7 {
      height: calc(100vw / 31 * 7); } }

.grid[data-grid-size="31"] .grid-item--width8 {
  width: 25.80645%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width8 {
      width: calc(100vw / 31 * 8); } }

.grid[data-grid-size="31"] .grid-item--height8 {
  height: calc(100vh / 31 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height8 {
      height: calc(100vw / 31 * 8); } }

.grid[data-grid-size="31"] .grid-item--width9 {
  width: 29.03226%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width9 {
      width: calc(100vw / 31 * 9); } }

.grid[data-grid-size="31"] .grid-item--height9 {
  height: calc(100vh / 31 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height9 {
      height: calc(100vw / 31 * 9); } }

.grid[data-grid-size="31"] .grid-item--width10 {
  width: 32.25806%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width10 {
      width: calc(100vw / 31 * 10); } }

.grid[data-grid-size="31"] .grid-item--height10 {
  height: calc(100vh / 31 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height10 {
      height: calc(100vw / 31 * 10); } }

.grid[data-grid-size="31"] .grid-item--width11 {
  width: 35.48387%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width11 {
      width: calc(100vw / 31 * 11); } }

.grid[data-grid-size="31"] .grid-item--height11 {
  height: calc(100vh / 31 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height11 {
      height: calc(100vw / 31 * 11); } }

.grid[data-grid-size="31"] .grid-item--width12 {
  width: 38.70968%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width12 {
      width: calc(100vw / 31 * 12); } }

.grid[data-grid-size="31"] .grid-item--height12 {
  height: calc(100vh / 31 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height12 {
      height: calc(100vw / 31 * 12); } }

.grid[data-grid-size="31"] .grid-item--width13 {
  width: 41.93548%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width13 {
      width: calc(100vw / 31 * 13); } }

.grid[data-grid-size="31"] .grid-item--height13 {
  height: calc(100vh / 31 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height13 {
      height: calc(100vw / 31 * 13); } }

.grid[data-grid-size="31"] .grid-item--width14 {
  width: 45.16129%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width14 {
      width: calc(100vw / 31 * 14); } }

.grid[data-grid-size="31"] .grid-item--height14 {
  height: calc(100vh / 31 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height14 {
      height: calc(100vw / 31 * 14); } }

.grid[data-grid-size="31"] .grid-item--width15 {
  width: 48.3871%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width15 {
      width: calc(100vw / 31 * 15); } }

.grid[data-grid-size="31"] .grid-item--height15 {
  height: calc(100vh / 31 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height15 {
      height: calc(100vw / 31 * 15); } }

.grid[data-grid-size="31"] .grid-item--width16 {
  width: 51.6129%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width16 {
      width: calc(100vw / 31 * 16); } }

.grid[data-grid-size="31"] .grid-item--height16 {
  height: calc(100vh / 31 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height16 {
      height: calc(100vw / 31 * 16); } }

.grid[data-grid-size="31"] .grid-item--width17 {
  width: 54.83871%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width17 {
      width: calc(100vw / 31 * 17); } }

.grid[data-grid-size="31"] .grid-item--height17 {
  height: calc(100vh / 31 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height17 {
      height: calc(100vw / 31 * 17); } }

.grid[data-grid-size="31"] .grid-item--width18 {
  width: 58.06452%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width18 {
      width: calc(100vw / 31 * 18); } }

.grid[data-grid-size="31"] .grid-item--height18 {
  height: calc(100vh / 31 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height18 {
      height: calc(100vw / 31 * 18); } }

.grid[data-grid-size="31"] .grid-item--width19 {
  width: 61.29032%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width19 {
      width: calc(100vw / 31 * 19); } }

.grid[data-grid-size="31"] .grid-item--height19 {
  height: calc(100vh / 31 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height19 {
      height: calc(100vw / 31 * 19); } }

.grid[data-grid-size="31"] .grid-item--width20 {
  width: 64.51613%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width20 {
      width: calc(100vw / 31 * 20); } }

.grid[data-grid-size="31"] .grid-item--height20 {
  height: calc(100vh / 31 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height20 {
      height: calc(100vw / 31 * 20); } }

.grid[data-grid-size="31"] .grid-item--width21 {
  width: 67.74194%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width21 {
      width: calc(100vw / 31 * 21); } }

.grid[data-grid-size="31"] .grid-item--height21 {
  height: calc(100vh / 31 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height21 {
      height: calc(100vw / 31 * 21); } }

.grid[data-grid-size="31"] .grid-item--width22 {
  width: 70.96774%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width22 {
      width: calc(100vw / 31 * 22); } }

.grid[data-grid-size="31"] .grid-item--height22 {
  height: calc(100vh / 31 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height22 {
      height: calc(100vw / 31 * 22); } }

.grid[data-grid-size="31"] .grid-item--width23 {
  width: 74.19355%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width23 {
      width: calc(100vw / 31 * 23); } }

.grid[data-grid-size="31"] .grid-item--height23 {
  height: calc(100vh / 31 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height23 {
      height: calc(100vw / 31 * 23); } }

.grid[data-grid-size="31"] .grid-item--width24 {
  width: 77.41935%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width24 {
      width: calc(100vw / 31 * 24); } }

.grid[data-grid-size="31"] .grid-item--height24 {
  height: calc(100vh / 31 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height24 {
      height: calc(100vw / 31 * 24); } }

.grid[data-grid-size="31"] .grid-item--width25 {
  width: 80.64516%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width25 {
      width: calc(100vw / 31 * 25); } }

.grid[data-grid-size="31"] .grid-item--height25 {
  height: calc(100vh / 31 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height25 {
      height: calc(100vw / 31 * 25); } }

.grid[data-grid-size="31"] .grid-item--width26 {
  width: 83.87097%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width26 {
      width: calc(100vw / 31 * 26); } }

.grid[data-grid-size="31"] .grid-item--height26 {
  height: calc(100vh / 31 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height26 {
      height: calc(100vw / 31 * 26); } }

.grid[data-grid-size="31"] .grid-item--width27 {
  width: 87.09677%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width27 {
      width: calc(100vw / 31 * 27); } }

.grid[data-grid-size="31"] .grid-item--height27 {
  height: calc(100vh / 31 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height27 {
      height: calc(100vw / 31 * 27); } }

.grid[data-grid-size="31"] .grid-item--width28 {
  width: 90.32258%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width28 {
      width: calc(100vw / 31 * 28); } }

.grid[data-grid-size="31"] .grid-item--height28 {
  height: calc(100vh / 31 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height28 {
      height: calc(100vw / 31 * 28); } }

.grid[data-grid-size="31"] .grid-item--width29 {
  width: 93.54839%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width29 {
      width: calc(100vw / 31 * 29); } }

.grid[data-grid-size="31"] .grid-item--height29 {
  height: calc(100vh / 31 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height29 {
      height: calc(100vw / 31 * 29); } }

.grid[data-grid-size="31"] .grid-item--width30 {
  width: 96.77419%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width30 {
      width: calc(100vw / 31 * 30); } }

.grid[data-grid-size="31"] .grid-item--height30 {
  height: calc(100vh / 31 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height30 {
      height: calc(100vw / 31 * 30); } }

.grid[data-grid-size="31"] .grid-item--width31 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--width31 {
      width: calc(100vw / 31 * 31); } }

.grid[data-grid-size="31"] .grid-item--height31 {
  height: calc(100vh / 31 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="31"] .grid-item--height31 {
      height: calc(100vw / 31 * 31); } }

.grid[data-grid-size="32"] .grid-sizer, .grid[data-grid-size="32"] .grid-item {
  width: 3.125%; }

.grid[data-grid-size="32"] .grid-item--width1 {
  width: 3.125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width1 {
      width: calc(100vw / 32 * 1); } }

.grid[data-grid-size="32"] .grid-item--height1 {
  height: calc(100vh / 32 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height1 {
      height: calc(100vw / 32 * 1); } }

.grid[data-grid-size="32"] .grid-item--width2 {
  width: 6.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width2 {
      width: calc(100vw / 32 * 2); } }

.grid[data-grid-size="32"] .grid-item--height2 {
  height: calc(100vh / 32 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height2 {
      height: calc(100vw / 32 * 2); } }

.grid[data-grid-size="32"] .grid-item--width3 {
  width: 9.375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width3 {
      width: calc(100vw / 32 * 3); } }

.grid[data-grid-size="32"] .grid-item--height3 {
  height: calc(100vh / 32 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height3 {
      height: calc(100vw / 32 * 3); } }

.grid[data-grid-size="32"] .grid-item--width4 {
  width: 12.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width4 {
      width: calc(100vw / 32 * 4); } }

.grid[data-grid-size="32"] .grid-item--height4 {
  height: calc(100vh / 32 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height4 {
      height: calc(100vw / 32 * 4); } }

.grid[data-grid-size="32"] .grid-item--width5 {
  width: 15.625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width5 {
      width: calc(100vw / 32 * 5); } }

.grid[data-grid-size="32"] .grid-item--height5 {
  height: calc(100vh / 32 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height5 {
      height: calc(100vw / 32 * 5); } }

.grid[data-grid-size="32"] .grid-item--width6 {
  width: 18.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width6 {
      width: calc(100vw / 32 * 6); } }

.grid[data-grid-size="32"] .grid-item--height6 {
  height: calc(100vh / 32 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height6 {
      height: calc(100vw / 32 * 6); } }

.grid[data-grid-size="32"] .grid-item--width7 {
  width: 21.875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width7 {
      width: calc(100vw / 32 * 7); } }

.grid[data-grid-size="32"] .grid-item--height7 {
  height: calc(100vh / 32 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height7 {
      height: calc(100vw / 32 * 7); } }

.grid[data-grid-size="32"] .grid-item--width8 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width8 {
      width: calc(100vw / 32 * 8); } }

.grid[data-grid-size="32"] .grid-item--height8 {
  height: calc(100vh / 32 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height8 {
      height: calc(100vw / 32 * 8); } }

.grid[data-grid-size="32"] .grid-item--width9 {
  width: 28.125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width9 {
      width: calc(100vw / 32 * 9); } }

.grid[data-grid-size="32"] .grid-item--height9 {
  height: calc(100vh / 32 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height9 {
      height: calc(100vw / 32 * 9); } }

.grid[data-grid-size="32"] .grid-item--width10 {
  width: 31.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width10 {
      width: calc(100vw / 32 * 10); } }

.grid[data-grid-size="32"] .grid-item--height10 {
  height: calc(100vh / 32 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height10 {
      height: calc(100vw / 32 * 10); } }

.grid[data-grid-size="32"] .grid-item--width11 {
  width: 34.375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width11 {
      width: calc(100vw / 32 * 11); } }

.grid[data-grid-size="32"] .grid-item--height11 {
  height: calc(100vh / 32 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height11 {
      height: calc(100vw / 32 * 11); } }

.grid[data-grid-size="32"] .grid-item--width12 {
  width: 37.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width12 {
      width: calc(100vw / 32 * 12); } }

.grid[data-grid-size="32"] .grid-item--height12 {
  height: calc(100vh / 32 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height12 {
      height: calc(100vw / 32 * 12); } }

.grid[data-grid-size="32"] .grid-item--width13 {
  width: 40.625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width13 {
      width: calc(100vw / 32 * 13); } }

.grid[data-grid-size="32"] .grid-item--height13 {
  height: calc(100vh / 32 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height13 {
      height: calc(100vw / 32 * 13); } }

.grid[data-grid-size="32"] .grid-item--width14 {
  width: 43.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width14 {
      width: calc(100vw / 32 * 14); } }

.grid[data-grid-size="32"] .grid-item--height14 {
  height: calc(100vh / 32 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height14 {
      height: calc(100vw / 32 * 14); } }

.grid[data-grid-size="32"] .grid-item--width15 {
  width: 46.875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width15 {
      width: calc(100vw / 32 * 15); } }

.grid[data-grid-size="32"] .grid-item--height15 {
  height: calc(100vh / 32 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height15 {
      height: calc(100vw / 32 * 15); } }

.grid[data-grid-size="32"] .grid-item--width16 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width16 {
      width: calc(100vw / 32 * 16); } }

.grid[data-grid-size="32"] .grid-item--height16 {
  height: calc(100vh / 32 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height16 {
      height: calc(100vw / 32 * 16); } }

.grid[data-grid-size="32"] .grid-item--width17 {
  width: 53.125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width17 {
      width: calc(100vw / 32 * 17); } }

.grid[data-grid-size="32"] .grid-item--height17 {
  height: calc(100vh / 32 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height17 {
      height: calc(100vw / 32 * 17); } }

.grid[data-grid-size="32"] .grid-item--width18 {
  width: 56.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width18 {
      width: calc(100vw / 32 * 18); } }

.grid[data-grid-size="32"] .grid-item--height18 {
  height: calc(100vh / 32 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height18 {
      height: calc(100vw / 32 * 18); } }

.grid[data-grid-size="32"] .grid-item--width19 {
  width: 59.375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width19 {
      width: calc(100vw / 32 * 19); } }

.grid[data-grid-size="32"] .grid-item--height19 {
  height: calc(100vh / 32 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height19 {
      height: calc(100vw / 32 * 19); } }

.grid[data-grid-size="32"] .grid-item--width20 {
  width: 62.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width20 {
      width: calc(100vw / 32 * 20); } }

.grid[data-grid-size="32"] .grid-item--height20 {
  height: calc(100vh / 32 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height20 {
      height: calc(100vw / 32 * 20); } }

.grid[data-grid-size="32"] .grid-item--width21 {
  width: 65.625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width21 {
      width: calc(100vw / 32 * 21); } }

.grid[data-grid-size="32"] .grid-item--height21 {
  height: calc(100vh / 32 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height21 {
      height: calc(100vw / 32 * 21); } }

.grid[data-grid-size="32"] .grid-item--width22 {
  width: 68.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width22 {
      width: calc(100vw / 32 * 22); } }

.grid[data-grid-size="32"] .grid-item--height22 {
  height: calc(100vh / 32 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height22 {
      height: calc(100vw / 32 * 22); } }

.grid[data-grid-size="32"] .grid-item--width23 {
  width: 71.875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width23 {
      width: calc(100vw / 32 * 23); } }

.grid[data-grid-size="32"] .grid-item--height23 {
  height: calc(100vh / 32 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height23 {
      height: calc(100vw / 32 * 23); } }

.grid[data-grid-size="32"] .grid-item--width24 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width24 {
      width: calc(100vw / 32 * 24); } }

.grid[data-grid-size="32"] .grid-item--height24 {
  height: calc(100vh / 32 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height24 {
      height: calc(100vw / 32 * 24); } }

.grid[data-grid-size="32"] .grid-item--width25 {
  width: 78.125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width25 {
      width: calc(100vw / 32 * 25); } }

.grid[data-grid-size="32"] .grid-item--height25 {
  height: calc(100vh / 32 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height25 {
      height: calc(100vw / 32 * 25); } }

.grid[data-grid-size="32"] .grid-item--width26 {
  width: 81.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width26 {
      width: calc(100vw / 32 * 26); } }

.grid[data-grid-size="32"] .grid-item--height26 {
  height: calc(100vh / 32 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height26 {
      height: calc(100vw / 32 * 26); } }

.grid[data-grid-size="32"] .grid-item--width27 {
  width: 84.375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width27 {
      width: calc(100vw / 32 * 27); } }

.grid[data-grid-size="32"] .grid-item--height27 {
  height: calc(100vh / 32 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height27 {
      height: calc(100vw / 32 * 27); } }

.grid[data-grid-size="32"] .grid-item--width28 {
  width: 87.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width28 {
      width: calc(100vw / 32 * 28); } }

.grid[data-grid-size="32"] .grid-item--height28 {
  height: calc(100vh / 32 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height28 {
      height: calc(100vw / 32 * 28); } }

.grid[data-grid-size="32"] .grid-item--width29 {
  width: 90.625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width29 {
      width: calc(100vw / 32 * 29); } }

.grid[data-grid-size="32"] .grid-item--height29 {
  height: calc(100vh / 32 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height29 {
      height: calc(100vw / 32 * 29); } }

.grid[data-grid-size="32"] .grid-item--width30 {
  width: 93.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width30 {
      width: calc(100vw / 32 * 30); } }

.grid[data-grid-size="32"] .grid-item--height30 {
  height: calc(100vh / 32 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height30 {
      height: calc(100vw / 32 * 30); } }

.grid[data-grid-size="32"] .grid-item--width31 {
  width: 96.875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width31 {
      width: calc(100vw / 32 * 31); } }

.grid[data-grid-size="32"] .grid-item--height31 {
  height: calc(100vh / 32 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height31 {
      height: calc(100vw / 32 * 31); } }

.grid[data-grid-size="32"] .grid-item--width32 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--width32 {
      width: calc(100vw / 32 * 32); } }

.grid[data-grid-size="32"] .grid-item--height32 {
  height: calc(100vh / 32 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="32"] .grid-item--height32 {
      height: calc(100vw / 32 * 32); } }

.grid[data-grid-size="33"] .grid-sizer, .grid[data-grid-size="33"] .grid-item {
  width: 3.0303%; }

.grid[data-grid-size="33"] .grid-item--width1 {
  width: 3.0303%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width1 {
      width: calc(100vw / 33 * 1); } }

.grid[data-grid-size="33"] .grid-item--height1 {
  height: calc(100vh / 33 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height1 {
      height: calc(100vw / 33 * 1); } }

.grid[data-grid-size="33"] .grid-item--width2 {
  width: 6.06061%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width2 {
      width: calc(100vw / 33 * 2); } }

.grid[data-grid-size="33"] .grid-item--height2 {
  height: calc(100vh / 33 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height2 {
      height: calc(100vw / 33 * 2); } }

.grid[data-grid-size="33"] .grid-item--width3 {
  width: 9.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width3 {
      width: calc(100vw / 33 * 3); } }

.grid[data-grid-size="33"] .grid-item--height3 {
  height: calc(100vh / 33 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height3 {
      height: calc(100vw / 33 * 3); } }

.grid[data-grid-size="33"] .grid-item--width4 {
  width: 12.12121%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width4 {
      width: calc(100vw / 33 * 4); } }

.grid[data-grid-size="33"] .grid-item--height4 {
  height: calc(100vh / 33 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height4 {
      height: calc(100vw / 33 * 4); } }

.grid[data-grid-size="33"] .grid-item--width5 {
  width: 15.15152%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width5 {
      width: calc(100vw / 33 * 5); } }

.grid[data-grid-size="33"] .grid-item--height5 {
  height: calc(100vh / 33 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height5 {
      height: calc(100vw / 33 * 5); } }

.grid[data-grid-size="33"] .grid-item--width6 {
  width: 18.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width6 {
      width: calc(100vw / 33 * 6); } }

.grid[data-grid-size="33"] .grid-item--height6 {
  height: calc(100vh / 33 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height6 {
      height: calc(100vw / 33 * 6); } }

.grid[data-grid-size="33"] .grid-item--width7 {
  width: 21.21212%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width7 {
      width: calc(100vw / 33 * 7); } }

.grid[data-grid-size="33"] .grid-item--height7 {
  height: calc(100vh / 33 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height7 {
      height: calc(100vw / 33 * 7); } }

.grid[data-grid-size="33"] .grid-item--width8 {
  width: 24.24242%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width8 {
      width: calc(100vw / 33 * 8); } }

.grid[data-grid-size="33"] .grid-item--height8 {
  height: calc(100vh / 33 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height8 {
      height: calc(100vw / 33 * 8); } }

.grid[data-grid-size="33"] .grid-item--width9 {
  width: 27.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width9 {
      width: calc(100vw / 33 * 9); } }

.grid[data-grid-size="33"] .grid-item--height9 {
  height: calc(100vh / 33 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height9 {
      height: calc(100vw / 33 * 9); } }

.grid[data-grid-size="33"] .grid-item--width10 {
  width: 30.30303%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width10 {
      width: calc(100vw / 33 * 10); } }

.grid[data-grid-size="33"] .grid-item--height10 {
  height: calc(100vh / 33 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height10 {
      height: calc(100vw / 33 * 10); } }

.grid[data-grid-size="33"] .grid-item--width11 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width11 {
      width: calc(100vw / 33 * 11); } }

.grid[data-grid-size="33"] .grid-item--height11 {
  height: calc(100vh / 33 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height11 {
      height: calc(100vw / 33 * 11); } }

.grid[data-grid-size="33"] .grid-item--width12 {
  width: 36.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width12 {
      width: calc(100vw / 33 * 12); } }

.grid[data-grid-size="33"] .grid-item--height12 {
  height: calc(100vh / 33 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height12 {
      height: calc(100vw / 33 * 12); } }

.grid[data-grid-size="33"] .grid-item--width13 {
  width: 39.39394%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width13 {
      width: calc(100vw / 33 * 13); } }

.grid[data-grid-size="33"] .grid-item--height13 {
  height: calc(100vh / 33 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height13 {
      height: calc(100vw / 33 * 13); } }

.grid[data-grid-size="33"] .grid-item--width14 {
  width: 42.42424%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width14 {
      width: calc(100vw / 33 * 14); } }

.grid[data-grid-size="33"] .grid-item--height14 {
  height: calc(100vh / 33 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height14 {
      height: calc(100vw / 33 * 14); } }

.grid[data-grid-size="33"] .grid-item--width15 {
  width: 45.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width15 {
      width: calc(100vw / 33 * 15); } }

.grid[data-grid-size="33"] .grid-item--height15 {
  height: calc(100vh / 33 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height15 {
      height: calc(100vw / 33 * 15); } }

.grid[data-grid-size="33"] .grid-item--width16 {
  width: 48.48485%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width16 {
      width: calc(100vw / 33 * 16); } }

.grid[data-grid-size="33"] .grid-item--height16 {
  height: calc(100vh / 33 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height16 {
      height: calc(100vw / 33 * 16); } }

.grid[data-grid-size="33"] .grid-item--width17 {
  width: 51.51515%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width17 {
      width: calc(100vw / 33 * 17); } }

.grid[data-grid-size="33"] .grid-item--height17 {
  height: calc(100vh / 33 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height17 {
      height: calc(100vw / 33 * 17); } }

.grid[data-grid-size="33"] .grid-item--width18 {
  width: 54.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width18 {
      width: calc(100vw / 33 * 18); } }

.grid[data-grid-size="33"] .grid-item--height18 {
  height: calc(100vh / 33 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height18 {
      height: calc(100vw / 33 * 18); } }

.grid[data-grid-size="33"] .grid-item--width19 {
  width: 57.57576%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width19 {
      width: calc(100vw / 33 * 19); } }

.grid[data-grid-size="33"] .grid-item--height19 {
  height: calc(100vh / 33 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height19 {
      height: calc(100vw / 33 * 19); } }

.grid[data-grid-size="33"] .grid-item--width20 {
  width: 60.60606%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width20 {
      width: calc(100vw / 33 * 20); } }

.grid[data-grid-size="33"] .grid-item--height20 {
  height: calc(100vh / 33 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height20 {
      height: calc(100vw / 33 * 20); } }

.grid[data-grid-size="33"] .grid-item--width21 {
  width: 63.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width21 {
      width: calc(100vw / 33 * 21); } }

.grid[data-grid-size="33"] .grid-item--height21 {
  height: calc(100vh / 33 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height21 {
      height: calc(100vw / 33 * 21); } }

.grid[data-grid-size="33"] .grid-item--width22 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width22 {
      width: calc(100vw / 33 * 22); } }

.grid[data-grid-size="33"] .grid-item--height22 {
  height: calc(100vh / 33 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height22 {
      height: calc(100vw / 33 * 22); } }

.grid[data-grid-size="33"] .grid-item--width23 {
  width: 69.69697%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width23 {
      width: calc(100vw / 33 * 23); } }

.grid[data-grid-size="33"] .grid-item--height23 {
  height: calc(100vh / 33 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height23 {
      height: calc(100vw / 33 * 23); } }

.grid[data-grid-size="33"] .grid-item--width24 {
  width: 72.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width24 {
      width: calc(100vw / 33 * 24); } }

.grid[data-grid-size="33"] .grid-item--height24 {
  height: calc(100vh / 33 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height24 {
      height: calc(100vw / 33 * 24); } }

.grid[data-grid-size="33"] .grid-item--width25 {
  width: 75.75758%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width25 {
      width: calc(100vw / 33 * 25); } }

.grid[data-grid-size="33"] .grid-item--height25 {
  height: calc(100vh / 33 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height25 {
      height: calc(100vw / 33 * 25); } }

.grid[data-grid-size="33"] .grid-item--width26 {
  width: 78.78788%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width26 {
      width: calc(100vw / 33 * 26); } }

.grid[data-grid-size="33"] .grid-item--height26 {
  height: calc(100vh / 33 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height26 {
      height: calc(100vw / 33 * 26); } }

.grid[data-grid-size="33"] .grid-item--width27 {
  width: 81.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width27 {
      width: calc(100vw / 33 * 27); } }

.grid[data-grid-size="33"] .grid-item--height27 {
  height: calc(100vh / 33 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height27 {
      height: calc(100vw / 33 * 27); } }

.grid[data-grid-size="33"] .grid-item--width28 {
  width: 84.84848%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width28 {
      width: calc(100vw / 33 * 28); } }

.grid[data-grid-size="33"] .grid-item--height28 {
  height: calc(100vh / 33 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height28 {
      height: calc(100vw / 33 * 28); } }

.grid[data-grid-size="33"] .grid-item--width29 {
  width: 87.87879%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width29 {
      width: calc(100vw / 33 * 29); } }

.grid[data-grid-size="33"] .grid-item--height29 {
  height: calc(100vh / 33 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height29 {
      height: calc(100vw / 33 * 29); } }

.grid[data-grid-size="33"] .grid-item--width30 {
  width: 90.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width30 {
      width: calc(100vw / 33 * 30); } }

.grid[data-grid-size="33"] .grid-item--height30 {
  height: calc(100vh / 33 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height30 {
      height: calc(100vw / 33 * 30); } }

.grid[data-grid-size="33"] .grid-item--width31 {
  width: 93.93939%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width31 {
      width: calc(100vw / 33 * 31); } }

.grid[data-grid-size="33"] .grid-item--height31 {
  height: calc(100vh / 33 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height31 {
      height: calc(100vw / 33 * 31); } }

.grid[data-grid-size="33"] .grid-item--width32 {
  width: 96.9697%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width32 {
      width: calc(100vw / 33 * 32); } }

.grid[data-grid-size="33"] .grid-item--height32 {
  height: calc(100vh / 33 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height32 {
      height: calc(100vw / 33 * 32); } }

.grid[data-grid-size="33"] .grid-item--width33 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--width33 {
      width: calc(100vw / 33 * 33); } }

.grid[data-grid-size="33"] .grid-item--height33 {
  height: calc(100vh / 33 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="33"] .grid-item--height33 {
      height: calc(100vw / 33 * 33); } }

.grid[data-grid-size="34"] .grid-sizer, .grid[data-grid-size="34"] .grid-item {
  width: 2.94118%; }

.grid[data-grid-size="34"] .grid-item--width1 {
  width: 2.94118%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width1 {
      width: calc(100vw / 34 * 1); } }

.grid[data-grid-size="34"] .grid-item--height1 {
  height: calc(100vh / 34 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height1 {
      height: calc(100vw / 34 * 1); } }

.grid[data-grid-size="34"] .grid-item--width2 {
  width: 5.88235%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width2 {
      width: calc(100vw / 34 * 2); } }

.grid[data-grid-size="34"] .grid-item--height2 {
  height: calc(100vh / 34 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height2 {
      height: calc(100vw / 34 * 2); } }

.grid[data-grid-size="34"] .grid-item--width3 {
  width: 8.82353%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width3 {
      width: calc(100vw / 34 * 3); } }

.grid[data-grid-size="34"] .grid-item--height3 {
  height: calc(100vh / 34 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height3 {
      height: calc(100vw / 34 * 3); } }

.grid[data-grid-size="34"] .grid-item--width4 {
  width: 11.76471%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width4 {
      width: calc(100vw / 34 * 4); } }

.grid[data-grid-size="34"] .grid-item--height4 {
  height: calc(100vh / 34 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height4 {
      height: calc(100vw / 34 * 4); } }

.grid[data-grid-size="34"] .grid-item--width5 {
  width: 14.70588%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width5 {
      width: calc(100vw / 34 * 5); } }

.grid[data-grid-size="34"] .grid-item--height5 {
  height: calc(100vh / 34 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height5 {
      height: calc(100vw / 34 * 5); } }

.grid[data-grid-size="34"] .grid-item--width6 {
  width: 17.64706%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width6 {
      width: calc(100vw / 34 * 6); } }

.grid[data-grid-size="34"] .grid-item--height6 {
  height: calc(100vh / 34 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height6 {
      height: calc(100vw / 34 * 6); } }

.grid[data-grid-size="34"] .grid-item--width7 {
  width: 20.58824%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width7 {
      width: calc(100vw / 34 * 7); } }

.grid[data-grid-size="34"] .grid-item--height7 {
  height: calc(100vh / 34 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height7 {
      height: calc(100vw / 34 * 7); } }

.grid[data-grid-size="34"] .grid-item--width8 {
  width: 23.52941%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width8 {
      width: calc(100vw / 34 * 8); } }

.grid[data-grid-size="34"] .grid-item--height8 {
  height: calc(100vh / 34 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height8 {
      height: calc(100vw / 34 * 8); } }

.grid[data-grid-size="34"] .grid-item--width9 {
  width: 26.47059%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width9 {
      width: calc(100vw / 34 * 9); } }

.grid[data-grid-size="34"] .grid-item--height9 {
  height: calc(100vh / 34 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height9 {
      height: calc(100vw / 34 * 9); } }

.grid[data-grid-size="34"] .grid-item--width10 {
  width: 29.41176%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width10 {
      width: calc(100vw / 34 * 10); } }

.grid[data-grid-size="34"] .grid-item--height10 {
  height: calc(100vh / 34 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height10 {
      height: calc(100vw / 34 * 10); } }

.grid[data-grid-size="34"] .grid-item--width11 {
  width: 32.35294%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width11 {
      width: calc(100vw / 34 * 11); } }

.grid[data-grid-size="34"] .grid-item--height11 {
  height: calc(100vh / 34 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height11 {
      height: calc(100vw / 34 * 11); } }

.grid[data-grid-size="34"] .grid-item--width12 {
  width: 35.29412%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width12 {
      width: calc(100vw / 34 * 12); } }

.grid[data-grid-size="34"] .grid-item--height12 {
  height: calc(100vh / 34 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height12 {
      height: calc(100vw / 34 * 12); } }

.grid[data-grid-size="34"] .grid-item--width13 {
  width: 38.23529%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width13 {
      width: calc(100vw / 34 * 13); } }

.grid[data-grid-size="34"] .grid-item--height13 {
  height: calc(100vh / 34 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height13 {
      height: calc(100vw / 34 * 13); } }

.grid[data-grid-size="34"] .grid-item--width14 {
  width: 41.17647%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width14 {
      width: calc(100vw / 34 * 14); } }

.grid[data-grid-size="34"] .grid-item--height14 {
  height: calc(100vh / 34 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height14 {
      height: calc(100vw / 34 * 14); } }

.grid[data-grid-size="34"] .grid-item--width15 {
  width: 44.11765%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width15 {
      width: calc(100vw / 34 * 15); } }

.grid[data-grid-size="34"] .grid-item--height15 {
  height: calc(100vh / 34 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height15 {
      height: calc(100vw / 34 * 15); } }

.grid[data-grid-size="34"] .grid-item--width16 {
  width: 47.05882%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width16 {
      width: calc(100vw / 34 * 16); } }

.grid[data-grid-size="34"] .grid-item--height16 {
  height: calc(100vh / 34 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height16 {
      height: calc(100vw / 34 * 16); } }

.grid[data-grid-size="34"] .grid-item--width17 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width17 {
      width: calc(100vw / 34 * 17); } }

.grid[data-grid-size="34"] .grid-item--height17 {
  height: calc(100vh / 34 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height17 {
      height: calc(100vw / 34 * 17); } }

.grid[data-grid-size="34"] .grid-item--width18 {
  width: 52.94118%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width18 {
      width: calc(100vw / 34 * 18); } }

.grid[data-grid-size="34"] .grid-item--height18 {
  height: calc(100vh / 34 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height18 {
      height: calc(100vw / 34 * 18); } }

.grid[data-grid-size="34"] .grid-item--width19 {
  width: 55.88235%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width19 {
      width: calc(100vw / 34 * 19); } }

.grid[data-grid-size="34"] .grid-item--height19 {
  height: calc(100vh / 34 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height19 {
      height: calc(100vw / 34 * 19); } }

.grid[data-grid-size="34"] .grid-item--width20 {
  width: 58.82353%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width20 {
      width: calc(100vw / 34 * 20); } }

.grid[data-grid-size="34"] .grid-item--height20 {
  height: calc(100vh / 34 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height20 {
      height: calc(100vw / 34 * 20); } }

.grid[data-grid-size="34"] .grid-item--width21 {
  width: 61.76471%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width21 {
      width: calc(100vw / 34 * 21); } }

.grid[data-grid-size="34"] .grid-item--height21 {
  height: calc(100vh / 34 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height21 {
      height: calc(100vw / 34 * 21); } }

.grid[data-grid-size="34"] .grid-item--width22 {
  width: 64.70588%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width22 {
      width: calc(100vw / 34 * 22); } }

.grid[data-grid-size="34"] .grid-item--height22 {
  height: calc(100vh / 34 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height22 {
      height: calc(100vw / 34 * 22); } }

.grid[data-grid-size="34"] .grid-item--width23 {
  width: 67.64706%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width23 {
      width: calc(100vw / 34 * 23); } }

.grid[data-grid-size="34"] .grid-item--height23 {
  height: calc(100vh / 34 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height23 {
      height: calc(100vw / 34 * 23); } }

.grid[data-grid-size="34"] .grid-item--width24 {
  width: 70.58824%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width24 {
      width: calc(100vw / 34 * 24); } }

.grid[data-grid-size="34"] .grid-item--height24 {
  height: calc(100vh / 34 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height24 {
      height: calc(100vw / 34 * 24); } }

.grid[data-grid-size="34"] .grid-item--width25 {
  width: 73.52941%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width25 {
      width: calc(100vw / 34 * 25); } }

.grid[data-grid-size="34"] .grid-item--height25 {
  height: calc(100vh / 34 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height25 {
      height: calc(100vw / 34 * 25); } }

.grid[data-grid-size="34"] .grid-item--width26 {
  width: 76.47059%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width26 {
      width: calc(100vw / 34 * 26); } }

.grid[data-grid-size="34"] .grid-item--height26 {
  height: calc(100vh / 34 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height26 {
      height: calc(100vw / 34 * 26); } }

.grid[data-grid-size="34"] .grid-item--width27 {
  width: 79.41176%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width27 {
      width: calc(100vw / 34 * 27); } }

.grid[data-grid-size="34"] .grid-item--height27 {
  height: calc(100vh / 34 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height27 {
      height: calc(100vw / 34 * 27); } }

.grid[data-grid-size="34"] .grid-item--width28 {
  width: 82.35294%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width28 {
      width: calc(100vw / 34 * 28); } }

.grid[data-grid-size="34"] .grid-item--height28 {
  height: calc(100vh / 34 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height28 {
      height: calc(100vw / 34 * 28); } }

.grid[data-grid-size="34"] .grid-item--width29 {
  width: 85.29412%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width29 {
      width: calc(100vw / 34 * 29); } }

.grid[data-grid-size="34"] .grid-item--height29 {
  height: calc(100vh / 34 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height29 {
      height: calc(100vw / 34 * 29); } }

.grid[data-grid-size="34"] .grid-item--width30 {
  width: 88.23529%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width30 {
      width: calc(100vw / 34 * 30); } }

.grid[data-grid-size="34"] .grid-item--height30 {
  height: calc(100vh / 34 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height30 {
      height: calc(100vw / 34 * 30); } }

.grid[data-grid-size="34"] .grid-item--width31 {
  width: 91.17647%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width31 {
      width: calc(100vw / 34 * 31); } }

.grid[data-grid-size="34"] .grid-item--height31 {
  height: calc(100vh / 34 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height31 {
      height: calc(100vw / 34 * 31); } }

.grid[data-grid-size="34"] .grid-item--width32 {
  width: 94.11765%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width32 {
      width: calc(100vw / 34 * 32); } }

.grid[data-grid-size="34"] .grid-item--height32 {
  height: calc(100vh / 34 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height32 {
      height: calc(100vw / 34 * 32); } }

.grid[data-grid-size="34"] .grid-item--width33 {
  width: 97.05882%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width33 {
      width: calc(100vw / 34 * 33); } }

.grid[data-grid-size="34"] .grid-item--height33 {
  height: calc(100vh / 34 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height33 {
      height: calc(100vw / 34 * 33); } }

.grid[data-grid-size="34"] .grid-item--width34 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--width34 {
      width: calc(100vw / 34 * 34); } }

.grid[data-grid-size="34"] .grid-item--height34 {
  height: calc(100vh / 34 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="34"] .grid-item--height34 {
      height: calc(100vw / 34 * 34); } }

.grid[data-grid-size="35"] .grid-sizer, .grid[data-grid-size="35"] .grid-item {
  width: 2.85714%; }

.grid[data-grid-size="35"] .grid-item--width1 {
  width: 2.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width1 {
      width: calc(100vw / 35 * 1); } }

.grid[data-grid-size="35"] .grid-item--height1 {
  height: calc(100vh / 35 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height1 {
      height: calc(100vw / 35 * 1); } }

.grid[data-grid-size="35"] .grid-item--width2 {
  width: 5.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width2 {
      width: calc(100vw / 35 * 2); } }

.grid[data-grid-size="35"] .grid-item--height2 {
  height: calc(100vh / 35 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height2 {
      height: calc(100vw / 35 * 2); } }

.grid[data-grid-size="35"] .grid-item--width3 {
  width: 8.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width3 {
      width: calc(100vw / 35 * 3); } }

.grid[data-grid-size="35"] .grid-item--height3 {
  height: calc(100vh / 35 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height3 {
      height: calc(100vw / 35 * 3); } }

.grid[data-grid-size="35"] .grid-item--width4 {
  width: 11.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width4 {
      width: calc(100vw / 35 * 4); } }

.grid[data-grid-size="35"] .grid-item--height4 {
  height: calc(100vh / 35 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height4 {
      height: calc(100vw / 35 * 4); } }

.grid[data-grid-size="35"] .grid-item--width5 {
  width: 14.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width5 {
      width: calc(100vw / 35 * 5); } }

.grid[data-grid-size="35"] .grid-item--height5 {
  height: calc(100vh / 35 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height5 {
      height: calc(100vw / 35 * 5); } }

.grid[data-grid-size="35"] .grid-item--width6 {
  width: 17.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width6 {
      width: calc(100vw / 35 * 6); } }

.grid[data-grid-size="35"] .grid-item--height6 {
  height: calc(100vh / 35 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height6 {
      height: calc(100vw / 35 * 6); } }

.grid[data-grid-size="35"] .grid-item--width7 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width7 {
      width: calc(100vw / 35 * 7); } }

.grid[data-grid-size="35"] .grid-item--height7 {
  height: calc(100vh / 35 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height7 {
      height: calc(100vw / 35 * 7); } }

.grid[data-grid-size="35"] .grid-item--width8 {
  width: 22.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width8 {
      width: calc(100vw / 35 * 8); } }

.grid[data-grid-size="35"] .grid-item--height8 {
  height: calc(100vh / 35 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height8 {
      height: calc(100vw / 35 * 8); } }

.grid[data-grid-size="35"] .grid-item--width9 {
  width: 25.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width9 {
      width: calc(100vw / 35 * 9); } }

.grid[data-grid-size="35"] .grid-item--height9 {
  height: calc(100vh / 35 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height9 {
      height: calc(100vw / 35 * 9); } }

.grid[data-grid-size="35"] .grid-item--width10 {
  width: 28.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width10 {
      width: calc(100vw / 35 * 10); } }

.grid[data-grid-size="35"] .grid-item--height10 {
  height: calc(100vh / 35 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height10 {
      height: calc(100vw / 35 * 10); } }

.grid[data-grid-size="35"] .grid-item--width11 {
  width: 31.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width11 {
      width: calc(100vw / 35 * 11); } }

.grid[data-grid-size="35"] .grid-item--height11 {
  height: calc(100vh / 35 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height11 {
      height: calc(100vw / 35 * 11); } }

.grid[data-grid-size="35"] .grid-item--width12 {
  width: 34.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width12 {
      width: calc(100vw / 35 * 12); } }

.grid[data-grid-size="35"] .grid-item--height12 {
  height: calc(100vh / 35 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height12 {
      height: calc(100vw / 35 * 12); } }

.grid[data-grid-size="35"] .grid-item--width13 {
  width: 37.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width13 {
      width: calc(100vw / 35 * 13); } }

.grid[data-grid-size="35"] .grid-item--height13 {
  height: calc(100vh / 35 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height13 {
      height: calc(100vw / 35 * 13); } }

.grid[data-grid-size="35"] .grid-item--width14 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width14 {
      width: calc(100vw / 35 * 14); } }

.grid[data-grid-size="35"] .grid-item--height14 {
  height: calc(100vh / 35 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height14 {
      height: calc(100vw / 35 * 14); } }

.grid[data-grid-size="35"] .grid-item--width15 {
  width: 42.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width15 {
      width: calc(100vw / 35 * 15); } }

.grid[data-grid-size="35"] .grid-item--height15 {
  height: calc(100vh / 35 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height15 {
      height: calc(100vw / 35 * 15); } }

.grid[data-grid-size="35"] .grid-item--width16 {
  width: 45.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width16 {
      width: calc(100vw / 35 * 16); } }

.grid[data-grid-size="35"] .grid-item--height16 {
  height: calc(100vh / 35 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height16 {
      height: calc(100vw / 35 * 16); } }

.grid[data-grid-size="35"] .grid-item--width17 {
  width: 48.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width17 {
      width: calc(100vw / 35 * 17); } }

.grid[data-grid-size="35"] .grid-item--height17 {
  height: calc(100vh / 35 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height17 {
      height: calc(100vw / 35 * 17); } }

.grid[data-grid-size="35"] .grid-item--width18 {
  width: 51.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width18 {
      width: calc(100vw / 35 * 18); } }

.grid[data-grid-size="35"] .grid-item--height18 {
  height: calc(100vh / 35 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height18 {
      height: calc(100vw / 35 * 18); } }

.grid[data-grid-size="35"] .grid-item--width19 {
  width: 54.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width19 {
      width: calc(100vw / 35 * 19); } }

.grid[data-grid-size="35"] .grid-item--height19 {
  height: calc(100vh / 35 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height19 {
      height: calc(100vw / 35 * 19); } }

.grid[data-grid-size="35"] .grid-item--width20 {
  width: 57.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width20 {
      width: calc(100vw / 35 * 20); } }

.grid[data-grid-size="35"] .grid-item--height20 {
  height: calc(100vh / 35 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height20 {
      height: calc(100vw / 35 * 20); } }

.grid[data-grid-size="35"] .grid-item--width21 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width21 {
      width: calc(100vw / 35 * 21); } }

.grid[data-grid-size="35"] .grid-item--height21 {
  height: calc(100vh / 35 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height21 {
      height: calc(100vw / 35 * 21); } }

.grid[data-grid-size="35"] .grid-item--width22 {
  width: 62.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width22 {
      width: calc(100vw / 35 * 22); } }

.grid[data-grid-size="35"] .grid-item--height22 {
  height: calc(100vh / 35 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height22 {
      height: calc(100vw / 35 * 22); } }

.grid[data-grid-size="35"] .grid-item--width23 {
  width: 65.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width23 {
      width: calc(100vw / 35 * 23); } }

.grid[data-grid-size="35"] .grid-item--height23 {
  height: calc(100vh / 35 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height23 {
      height: calc(100vw / 35 * 23); } }

.grid[data-grid-size="35"] .grid-item--width24 {
  width: 68.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width24 {
      width: calc(100vw / 35 * 24); } }

.grid[data-grid-size="35"] .grid-item--height24 {
  height: calc(100vh / 35 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height24 {
      height: calc(100vw / 35 * 24); } }

.grid[data-grid-size="35"] .grid-item--width25 {
  width: 71.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width25 {
      width: calc(100vw / 35 * 25); } }

.grid[data-grid-size="35"] .grid-item--height25 {
  height: calc(100vh / 35 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height25 {
      height: calc(100vw / 35 * 25); } }

.grid[data-grid-size="35"] .grid-item--width26 {
  width: 74.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width26 {
      width: calc(100vw / 35 * 26); } }

.grid[data-grid-size="35"] .grid-item--height26 {
  height: calc(100vh / 35 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height26 {
      height: calc(100vw / 35 * 26); } }

.grid[data-grid-size="35"] .grid-item--width27 {
  width: 77.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width27 {
      width: calc(100vw / 35 * 27); } }

.grid[data-grid-size="35"] .grid-item--height27 {
  height: calc(100vh / 35 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height27 {
      height: calc(100vw / 35 * 27); } }

.grid[data-grid-size="35"] .grid-item--width28 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width28 {
      width: calc(100vw / 35 * 28); } }

.grid[data-grid-size="35"] .grid-item--height28 {
  height: calc(100vh / 35 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height28 {
      height: calc(100vw / 35 * 28); } }

.grid[data-grid-size="35"] .grid-item--width29 {
  width: 82.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width29 {
      width: calc(100vw / 35 * 29); } }

.grid[data-grid-size="35"] .grid-item--height29 {
  height: calc(100vh / 35 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height29 {
      height: calc(100vw / 35 * 29); } }

.grid[data-grid-size="35"] .grid-item--width30 {
  width: 85.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width30 {
      width: calc(100vw / 35 * 30); } }

.grid[data-grid-size="35"] .grid-item--height30 {
  height: calc(100vh / 35 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height30 {
      height: calc(100vw / 35 * 30); } }

.grid[data-grid-size="35"] .grid-item--width31 {
  width: 88.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width31 {
      width: calc(100vw / 35 * 31); } }

.grid[data-grid-size="35"] .grid-item--height31 {
  height: calc(100vh / 35 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height31 {
      height: calc(100vw / 35 * 31); } }

.grid[data-grid-size="35"] .grid-item--width32 {
  width: 91.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width32 {
      width: calc(100vw / 35 * 32); } }

.grid[data-grid-size="35"] .grid-item--height32 {
  height: calc(100vh / 35 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height32 {
      height: calc(100vw / 35 * 32); } }

.grid[data-grid-size="35"] .grid-item--width33 {
  width: 94.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width33 {
      width: calc(100vw / 35 * 33); } }

.grid[data-grid-size="35"] .grid-item--height33 {
  height: calc(100vh / 35 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height33 {
      height: calc(100vw / 35 * 33); } }

.grid[data-grid-size="35"] .grid-item--width34 {
  width: 97.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width34 {
      width: calc(100vw / 35 * 34); } }

.grid[data-grid-size="35"] .grid-item--height34 {
  height: calc(100vh / 35 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height34 {
      height: calc(100vw / 35 * 34); } }

.grid[data-grid-size="35"] .grid-item--width35 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--width35 {
      width: calc(100vw / 35 * 35); } }

.grid[data-grid-size="35"] .grid-item--height35 {
  height: calc(100vh / 35 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="35"] .grid-item--height35 {
      height: calc(100vw / 35 * 35); } }

.grid[data-grid-size="36"] .grid-sizer, .grid[data-grid-size="36"] .grid-item {
  width: 2.77778%; }

.grid[data-grid-size="36"] .grid-item--width1 {
  width: 2.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width1 {
      width: calc(100vw / 36 * 1); } }

.grid[data-grid-size="36"] .grid-item--height1 {
  height: calc(100vh / 36 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height1 {
      height: calc(100vw / 36 * 1); } }

.grid[data-grid-size="36"] .grid-item--width2 {
  width: 5.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width2 {
      width: calc(100vw / 36 * 2); } }

.grid[data-grid-size="36"] .grid-item--height2 {
  height: calc(100vh / 36 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height2 {
      height: calc(100vw / 36 * 2); } }

.grid[data-grid-size="36"] .grid-item--width3 {
  width: 8.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width3 {
      width: calc(100vw / 36 * 3); } }

.grid[data-grid-size="36"] .grid-item--height3 {
  height: calc(100vh / 36 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height3 {
      height: calc(100vw / 36 * 3); } }

.grid[data-grid-size="36"] .grid-item--width4 {
  width: 11.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width4 {
      width: calc(100vw / 36 * 4); } }

.grid[data-grid-size="36"] .grid-item--height4 {
  height: calc(100vh / 36 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height4 {
      height: calc(100vw / 36 * 4); } }

.grid[data-grid-size="36"] .grid-item--width5 {
  width: 13.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width5 {
      width: calc(100vw / 36 * 5); } }

.grid[data-grid-size="36"] .grid-item--height5 {
  height: calc(100vh / 36 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height5 {
      height: calc(100vw / 36 * 5); } }

.grid[data-grid-size="36"] .grid-item--width6 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width6 {
      width: calc(100vw / 36 * 6); } }

.grid[data-grid-size="36"] .grid-item--height6 {
  height: calc(100vh / 36 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height6 {
      height: calc(100vw / 36 * 6); } }

.grid[data-grid-size="36"] .grid-item--width7 {
  width: 19.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width7 {
      width: calc(100vw / 36 * 7); } }

.grid[data-grid-size="36"] .grid-item--height7 {
  height: calc(100vh / 36 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height7 {
      height: calc(100vw / 36 * 7); } }

.grid[data-grid-size="36"] .grid-item--width8 {
  width: 22.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width8 {
      width: calc(100vw / 36 * 8); } }

.grid[data-grid-size="36"] .grid-item--height8 {
  height: calc(100vh / 36 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height8 {
      height: calc(100vw / 36 * 8); } }

.grid[data-grid-size="36"] .grid-item--width9 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width9 {
      width: calc(100vw / 36 * 9); } }

.grid[data-grid-size="36"] .grid-item--height9 {
  height: calc(100vh / 36 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height9 {
      height: calc(100vw / 36 * 9); } }

.grid[data-grid-size="36"] .grid-item--width10 {
  width: 27.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width10 {
      width: calc(100vw / 36 * 10); } }

.grid[data-grid-size="36"] .grid-item--height10 {
  height: calc(100vh / 36 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height10 {
      height: calc(100vw / 36 * 10); } }

.grid[data-grid-size="36"] .grid-item--width11 {
  width: 30.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width11 {
      width: calc(100vw / 36 * 11); } }

.grid[data-grid-size="36"] .grid-item--height11 {
  height: calc(100vh / 36 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height11 {
      height: calc(100vw / 36 * 11); } }

.grid[data-grid-size="36"] .grid-item--width12 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width12 {
      width: calc(100vw / 36 * 12); } }

.grid[data-grid-size="36"] .grid-item--height12 {
  height: calc(100vh / 36 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height12 {
      height: calc(100vw / 36 * 12); } }

.grid[data-grid-size="36"] .grid-item--width13 {
  width: 36.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width13 {
      width: calc(100vw / 36 * 13); } }

.grid[data-grid-size="36"] .grid-item--height13 {
  height: calc(100vh / 36 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height13 {
      height: calc(100vw / 36 * 13); } }

.grid[data-grid-size="36"] .grid-item--width14 {
  width: 38.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width14 {
      width: calc(100vw / 36 * 14); } }

.grid[data-grid-size="36"] .grid-item--height14 {
  height: calc(100vh / 36 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height14 {
      height: calc(100vw / 36 * 14); } }

.grid[data-grid-size="36"] .grid-item--width15 {
  width: 41.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width15 {
      width: calc(100vw / 36 * 15); } }

.grid[data-grid-size="36"] .grid-item--height15 {
  height: calc(100vh / 36 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height15 {
      height: calc(100vw / 36 * 15); } }

.grid[data-grid-size="36"] .grid-item--width16 {
  width: 44.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width16 {
      width: calc(100vw / 36 * 16); } }

.grid[data-grid-size="36"] .grid-item--height16 {
  height: calc(100vh / 36 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height16 {
      height: calc(100vw / 36 * 16); } }

.grid[data-grid-size="36"] .grid-item--width17 {
  width: 47.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width17 {
      width: calc(100vw / 36 * 17); } }

.grid[data-grid-size="36"] .grid-item--height17 {
  height: calc(100vh / 36 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height17 {
      height: calc(100vw / 36 * 17); } }

.grid[data-grid-size="36"] .grid-item--width18 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width18 {
      width: calc(100vw / 36 * 18); } }

.grid[data-grid-size="36"] .grid-item--height18 {
  height: calc(100vh / 36 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height18 {
      height: calc(100vw / 36 * 18); } }

.grid[data-grid-size="36"] .grid-item--width19 {
  width: 52.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width19 {
      width: calc(100vw / 36 * 19); } }

.grid[data-grid-size="36"] .grid-item--height19 {
  height: calc(100vh / 36 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height19 {
      height: calc(100vw / 36 * 19); } }

.grid[data-grid-size="36"] .grid-item--width20 {
  width: 55.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width20 {
      width: calc(100vw / 36 * 20); } }

.grid[data-grid-size="36"] .grid-item--height20 {
  height: calc(100vh / 36 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height20 {
      height: calc(100vw / 36 * 20); } }

.grid[data-grid-size="36"] .grid-item--width21 {
  width: 58.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width21 {
      width: calc(100vw / 36 * 21); } }

.grid[data-grid-size="36"] .grid-item--height21 {
  height: calc(100vh / 36 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height21 {
      height: calc(100vw / 36 * 21); } }

.grid[data-grid-size="36"] .grid-item--width22 {
  width: 61.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width22 {
      width: calc(100vw / 36 * 22); } }

.grid[data-grid-size="36"] .grid-item--height22 {
  height: calc(100vh / 36 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height22 {
      height: calc(100vw / 36 * 22); } }

.grid[data-grid-size="36"] .grid-item--width23 {
  width: 63.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width23 {
      width: calc(100vw / 36 * 23); } }

.grid[data-grid-size="36"] .grid-item--height23 {
  height: calc(100vh / 36 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height23 {
      height: calc(100vw / 36 * 23); } }

.grid[data-grid-size="36"] .grid-item--width24 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width24 {
      width: calc(100vw / 36 * 24); } }

.grid[data-grid-size="36"] .grid-item--height24 {
  height: calc(100vh / 36 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height24 {
      height: calc(100vw / 36 * 24); } }

.grid[data-grid-size="36"] .grid-item--width25 {
  width: 69.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width25 {
      width: calc(100vw / 36 * 25); } }

.grid[data-grid-size="36"] .grid-item--height25 {
  height: calc(100vh / 36 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height25 {
      height: calc(100vw / 36 * 25); } }

.grid[data-grid-size="36"] .grid-item--width26 {
  width: 72.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width26 {
      width: calc(100vw / 36 * 26); } }

.grid[data-grid-size="36"] .grid-item--height26 {
  height: calc(100vh / 36 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height26 {
      height: calc(100vw / 36 * 26); } }

.grid[data-grid-size="36"] .grid-item--width27 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width27 {
      width: calc(100vw / 36 * 27); } }

.grid[data-grid-size="36"] .grid-item--height27 {
  height: calc(100vh / 36 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height27 {
      height: calc(100vw / 36 * 27); } }

.grid[data-grid-size="36"] .grid-item--width28 {
  width: 77.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width28 {
      width: calc(100vw / 36 * 28); } }

.grid[data-grid-size="36"] .grid-item--height28 {
  height: calc(100vh / 36 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height28 {
      height: calc(100vw / 36 * 28); } }

.grid[data-grid-size="36"] .grid-item--width29 {
  width: 80.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width29 {
      width: calc(100vw / 36 * 29); } }

.grid[data-grid-size="36"] .grid-item--height29 {
  height: calc(100vh / 36 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height29 {
      height: calc(100vw / 36 * 29); } }

.grid[data-grid-size="36"] .grid-item--width30 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width30 {
      width: calc(100vw / 36 * 30); } }

.grid[data-grid-size="36"] .grid-item--height30 {
  height: calc(100vh / 36 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height30 {
      height: calc(100vw / 36 * 30); } }

.grid[data-grid-size="36"] .grid-item--width31 {
  width: 86.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width31 {
      width: calc(100vw / 36 * 31); } }

.grid[data-grid-size="36"] .grid-item--height31 {
  height: calc(100vh / 36 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height31 {
      height: calc(100vw / 36 * 31); } }

.grid[data-grid-size="36"] .grid-item--width32 {
  width: 88.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width32 {
      width: calc(100vw / 36 * 32); } }

.grid[data-grid-size="36"] .grid-item--height32 {
  height: calc(100vh / 36 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height32 {
      height: calc(100vw / 36 * 32); } }

.grid[data-grid-size="36"] .grid-item--width33 {
  width: 91.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width33 {
      width: calc(100vw / 36 * 33); } }

.grid[data-grid-size="36"] .grid-item--height33 {
  height: calc(100vh / 36 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height33 {
      height: calc(100vw / 36 * 33); } }

.grid[data-grid-size="36"] .grid-item--width34 {
  width: 94.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width34 {
      width: calc(100vw / 36 * 34); } }

.grid[data-grid-size="36"] .grid-item--height34 {
  height: calc(100vh / 36 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height34 {
      height: calc(100vw / 36 * 34); } }

.grid[data-grid-size="36"] .grid-item--width35 {
  width: 97.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width35 {
      width: calc(100vw / 36 * 35); } }

.grid[data-grid-size="36"] .grid-item--height35 {
  height: calc(100vh / 36 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height35 {
      height: calc(100vw / 36 * 35); } }

.grid[data-grid-size="36"] .grid-item--width36 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--width36 {
      width: calc(100vw / 36 * 36); } }

.grid[data-grid-size="36"] .grid-item--height36 {
  height: calc(100vh / 36 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="36"] .grid-item--height36 {
      height: calc(100vw / 36 * 36); } }

.grid[data-grid-size="37"] .grid-sizer, .grid[data-grid-size="37"] .grid-item {
  width: 2.7027%; }

.grid[data-grid-size="37"] .grid-item--width1 {
  width: 2.7027%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width1 {
      width: calc(100vw / 37 * 1); } }

.grid[data-grid-size="37"] .grid-item--height1 {
  height: calc(100vh / 37 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height1 {
      height: calc(100vw / 37 * 1); } }

.grid[data-grid-size="37"] .grid-item--width2 {
  width: 5.40541%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width2 {
      width: calc(100vw / 37 * 2); } }

.grid[data-grid-size="37"] .grid-item--height2 {
  height: calc(100vh / 37 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height2 {
      height: calc(100vw / 37 * 2); } }

.grid[data-grid-size="37"] .grid-item--width3 {
  width: 8.10811%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width3 {
      width: calc(100vw / 37 * 3); } }

.grid[data-grid-size="37"] .grid-item--height3 {
  height: calc(100vh / 37 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height3 {
      height: calc(100vw / 37 * 3); } }

.grid[data-grid-size="37"] .grid-item--width4 {
  width: 10.81081%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width4 {
      width: calc(100vw / 37 * 4); } }

.grid[data-grid-size="37"] .grid-item--height4 {
  height: calc(100vh / 37 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height4 {
      height: calc(100vw / 37 * 4); } }

.grid[data-grid-size="37"] .grid-item--width5 {
  width: 13.51351%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width5 {
      width: calc(100vw / 37 * 5); } }

.grid[data-grid-size="37"] .grid-item--height5 {
  height: calc(100vh / 37 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height5 {
      height: calc(100vw / 37 * 5); } }

.grid[data-grid-size="37"] .grid-item--width6 {
  width: 16.21622%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width6 {
      width: calc(100vw / 37 * 6); } }

.grid[data-grid-size="37"] .grid-item--height6 {
  height: calc(100vh / 37 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height6 {
      height: calc(100vw / 37 * 6); } }

.grid[data-grid-size="37"] .grid-item--width7 {
  width: 18.91892%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width7 {
      width: calc(100vw / 37 * 7); } }

.grid[data-grid-size="37"] .grid-item--height7 {
  height: calc(100vh / 37 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height7 {
      height: calc(100vw / 37 * 7); } }

.grid[data-grid-size="37"] .grid-item--width8 {
  width: 21.62162%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width8 {
      width: calc(100vw / 37 * 8); } }

.grid[data-grid-size="37"] .grid-item--height8 {
  height: calc(100vh / 37 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height8 {
      height: calc(100vw / 37 * 8); } }

.grid[data-grid-size="37"] .grid-item--width9 {
  width: 24.32432%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width9 {
      width: calc(100vw / 37 * 9); } }

.grid[data-grid-size="37"] .grid-item--height9 {
  height: calc(100vh / 37 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height9 {
      height: calc(100vw / 37 * 9); } }

.grid[data-grid-size="37"] .grid-item--width10 {
  width: 27.02703%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width10 {
      width: calc(100vw / 37 * 10); } }

.grid[data-grid-size="37"] .grid-item--height10 {
  height: calc(100vh / 37 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height10 {
      height: calc(100vw / 37 * 10); } }

.grid[data-grid-size="37"] .grid-item--width11 {
  width: 29.72973%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width11 {
      width: calc(100vw / 37 * 11); } }

.grid[data-grid-size="37"] .grid-item--height11 {
  height: calc(100vh / 37 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height11 {
      height: calc(100vw / 37 * 11); } }

.grid[data-grid-size="37"] .grid-item--width12 {
  width: 32.43243%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width12 {
      width: calc(100vw / 37 * 12); } }

.grid[data-grid-size="37"] .grid-item--height12 {
  height: calc(100vh / 37 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height12 {
      height: calc(100vw / 37 * 12); } }

.grid[data-grid-size="37"] .grid-item--width13 {
  width: 35.13514%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width13 {
      width: calc(100vw / 37 * 13); } }

.grid[data-grid-size="37"] .grid-item--height13 {
  height: calc(100vh / 37 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height13 {
      height: calc(100vw / 37 * 13); } }

.grid[data-grid-size="37"] .grid-item--width14 {
  width: 37.83784%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width14 {
      width: calc(100vw / 37 * 14); } }

.grid[data-grid-size="37"] .grid-item--height14 {
  height: calc(100vh / 37 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height14 {
      height: calc(100vw / 37 * 14); } }

.grid[data-grid-size="37"] .grid-item--width15 {
  width: 40.54054%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width15 {
      width: calc(100vw / 37 * 15); } }

.grid[data-grid-size="37"] .grid-item--height15 {
  height: calc(100vh / 37 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height15 {
      height: calc(100vw / 37 * 15); } }

.grid[data-grid-size="37"] .grid-item--width16 {
  width: 43.24324%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width16 {
      width: calc(100vw / 37 * 16); } }

.grid[data-grid-size="37"] .grid-item--height16 {
  height: calc(100vh / 37 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height16 {
      height: calc(100vw / 37 * 16); } }

.grid[data-grid-size="37"] .grid-item--width17 {
  width: 45.94595%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width17 {
      width: calc(100vw / 37 * 17); } }

.grid[data-grid-size="37"] .grid-item--height17 {
  height: calc(100vh / 37 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height17 {
      height: calc(100vw / 37 * 17); } }

.grid[data-grid-size="37"] .grid-item--width18 {
  width: 48.64865%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width18 {
      width: calc(100vw / 37 * 18); } }

.grid[data-grid-size="37"] .grid-item--height18 {
  height: calc(100vh / 37 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height18 {
      height: calc(100vw / 37 * 18); } }

.grid[data-grid-size="37"] .grid-item--width19 {
  width: 51.35135%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width19 {
      width: calc(100vw / 37 * 19); } }

.grid[data-grid-size="37"] .grid-item--height19 {
  height: calc(100vh / 37 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height19 {
      height: calc(100vw / 37 * 19); } }

.grid[data-grid-size="37"] .grid-item--width20 {
  width: 54.05405%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width20 {
      width: calc(100vw / 37 * 20); } }

.grid[data-grid-size="37"] .grid-item--height20 {
  height: calc(100vh / 37 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height20 {
      height: calc(100vw / 37 * 20); } }

.grid[data-grid-size="37"] .grid-item--width21 {
  width: 56.75676%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width21 {
      width: calc(100vw / 37 * 21); } }

.grid[data-grid-size="37"] .grid-item--height21 {
  height: calc(100vh / 37 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height21 {
      height: calc(100vw / 37 * 21); } }

.grid[data-grid-size="37"] .grid-item--width22 {
  width: 59.45946%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width22 {
      width: calc(100vw / 37 * 22); } }

.grid[data-grid-size="37"] .grid-item--height22 {
  height: calc(100vh / 37 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height22 {
      height: calc(100vw / 37 * 22); } }

.grid[data-grid-size="37"] .grid-item--width23 {
  width: 62.16216%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width23 {
      width: calc(100vw / 37 * 23); } }

.grid[data-grid-size="37"] .grid-item--height23 {
  height: calc(100vh / 37 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height23 {
      height: calc(100vw / 37 * 23); } }

.grid[data-grid-size="37"] .grid-item--width24 {
  width: 64.86486%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width24 {
      width: calc(100vw / 37 * 24); } }

.grid[data-grid-size="37"] .grid-item--height24 {
  height: calc(100vh / 37 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height24 {
      height: calc(100vw / 37 * 24); } }

.grid[data-grid-size="37"] .grid-item--width25 {
  width: 67.56757%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width25 {
      width: calc(100vw / 37 * 25); } }

.grid[data-grid-size="37"] .grid-item--height25 {
  height: calc(100vh / 37 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height25 {
      height: calc(100vw / 37 * 25); } }

.grid[data-grid-size="37"] .grid-item--width26 {
  width: 70.27027%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width26 {
      width: calc(100vw / 37 * 26); } }

.grid[data-grid-size="37"] .grid-item--height26 {
  height: calc(100vh / 37 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height26 {
      height: calc(100vw / 37 * 26); } }

.grid[data-grid-size="37"] .grid-item--width27 {
  width: 72.97297%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width27 {
      width: calc(100vw / 37 * 27); } }

.grid[data-grid-size="37"] .grid-item--height27 {
  height: calc(100vh / 37 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height27 {
      height: calc(100vw / 37 * 27); } }

.grid[data-grid-size="37"] .grid-item--width28 {
  width: 75.67568%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width28 {
      width: calc(100vw / 37 * 28); } }

.grid[data-grid-size="37"] .grid-item--height28 {
  height: calc(100vh / 37 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height28 {
      height: calc(100vw / 37 * 28); } }

.grid[data-grid-size="37"] .grid-item--width29 {
  width: 78.37838%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width29 {
      width: calc(100vw / 37 * 29); } }

.grid[data-grid-size="37"] .grid-item--height29 {
  height: calc(100vh / 37 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height29 {
      height: calc(100vw / 37 * 29); } }

.grid[data-grid-size="37"] .grid-item--width30 {
  width: 81.08108%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width30 {
      width: calc(100vw / 37 * 30); } }

.grid[data-grid-size="37"] .grid-item--height30 {
  height: calc(100vh / 37 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height30 {
      height: calc(100vw / 37 * 30); } }

.grid[data-grid-size="37"] .grid-item--width31 {
  width: 83.78378%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width31 {
      width: calc(100vw / 37 * 31); } }

.grid[data-grid-size="37"] .grid-item--height31 {
  height: calc(100vh / 37 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height31 {
      height: calc(100vw / 37 * 31); } }

.grid[data-grid-size="37"] .grid-item--width32 {
  width: 86.48649%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width32 {
      width: calc(100vw / 37 * 32); } }

.grid[data-grid-size="37"] .grid-item--height32 {
  height: calc(100vh / 37 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height32 {
      height: calc(100vw / 37 * 32); } }

.grid[data-grid-size="37"] .grid-item--width33 {
  width: 89.18919%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width33 {
      width: calc(100vw / 37 * 33); } }

.grid[data-grid-size="37"] .grid-item--height33 {
  height: calc(100vh / 37 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height33 {
      height: calc(100vw / 37 * 33); } }

.grid[data-grid-size="37"] .grid-item--width34 {
  width: 91.89189%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width34 {
      width: calc(100vw / 37 * 34); } }

.grid[data-grid-size="37"] .grid-item--height34 {
  height: calc(100vh / 37 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height34 {
      height: calc(100vw / 37 * 34); } }

.grid[data-grid-size="37"] .grid-item--width35 {
  width: 94.59459%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width35 {
      width: calc(100vw / 37 * 35); } }

.grid[data-grid-size="37"] .grid-item--height35 {
  height: calc(100vh / 37 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height35 {
      height: calc(100vw / 37 * 35); } }

.grid[data-grid-size="37"] .grid-item--width36 {
  width: 97.2973%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width36 {
      width: calc(100vw / 37 * 36); } }

.grid[data-grid-size="37"] .grid-item--height36 {
  height: calc(100vh / 37 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height36 {
      height: calc(100vw / 37 * 36); } }

.grid[data-grid-size="37"] .grid-item--width37 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--width37 {
      width: calc(100vw / 37 * 37); } }

.grid[data-grid-size="37"] .grid-item--height37 {
  height: calc(100vh / 37 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="37"] .grid-item--height37 {
      height: calc(100vw / 37 * 37); } }

.grid[data-grid-size="38"] .grid-sizer, .grid[data-grid-size="38"] .grid-item {
  width: 2.63158%; }

.grid[data-grid-size="38"] .grid-item--width1 {
  width: 2.63158%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width1 {
      width: calc(100vw / 38 * 1); } }

.grid[data-grid-size="38"] .grid-item--height1 {
  height: calc(100vh / 38 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height1 {
      height: calc(100vw / 38 * 1); } }

.grid[data-grid-size="38"] .grid-item--width2 {
  width: 5.26316%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width2 {
      width: calc(100vw / 38 * 2); } }

.grid[data-grid-size="38"] .grid-item--height2 {
  height: calc(100vh / 38 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height2 {
      height: calc(100vw / 38 * 2); } }

.grid[data-grid-size="38"] .grid-item--width3 {
  width: 7.89474%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width3 {
      width: calc(100vw / 38 * 3); } }

.grid[data-grid-size="38"] .grid-item--height3 {
  height: calc(100vh / 38 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height3 {
      height: calc(100vw / 38 * 3); } }

.grid[data-grid-size="38"] .grid-item--width4 {
  width: 10.52632%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width4 {
      width: calc(100vw / 38 * 4); } }

.grid[data-grid-size="38"] .grid-item--height4 {
  height: calc(100vh / 38 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height4 {
      height: calc(100vw / 38 * 4); } }

.grid[data-grid-size="38"] .grid-item--width5 {
  width: 13.15789%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width5 {
      width: calc(100vw / 38 * 5); } }

.grid[data-grid-size="38"] .grid-item--height5 {
  height: calc(100vh / 38 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height5 {
      height: calc(100vw / 38 * 5); } }

.grid[data-grid-size="38"] .grid-item--width6 {
  width: 15.78947%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width6 {
      width: calc(100vw / 38 * 6); } }

.grid[data-grid-size="38"] .grid-item--height6 {
  height: calc(100vh / 38 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height6 {
      height: calc(100vw / 38 * 6); } }

.grid[data-grid-size="38"] .grid-item--width7 {
  width: 18.42105%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width7 {
      width: calc(100vw / 38 * 7); } }

.grid[data-grid-size="38"] .grid-item--height7 {
  height: calc(100vh / 38 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height7 {
      height: calc(100vw / 38 * 7); } }

.grid[data-grid-size="38"] .grid-item--width8 {
  width: 21.05263%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width8 {
      width: calc(100vw / 38 * 8); } }

.grid[data-grid-size="38"] .grid-item--height8 {
  height: calc(100vh / 38 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height8 {
      height: calc(100vw / 38 * 8); } }

.grid[data-grid-size="38"] .grid-item--width9 {
  width: 23.68421%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width9 {
      width: calc(100vw / 38 * 9); } }

.grid[data-grid-size="38"] .grid-item--height9 {
  height: calc(100vh / 38 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height9 {
      height: calc(100vw / 38 * 9); } }

.grid[data-grid-size="38"] .grid-item--width10 {
  width: 26.31579%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width10 {
      width: calc(100vw / 38 * 10); } }

.grid[data-grid-size="38"] .grid-item--height10 {
  height: calc(100vh / 38 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height10 {
      height: calc(100vw / 38 * 10); } }

.grid[data-grid-size="38"] .grid-item--width11 {
  width: 28.94737%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width11 {
      width: calc(100vw / 38 * 11); } }

.grid[data-grid-size="38"] .grid-item--height11 {
  height: calc(100vh / 38 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height11 {
      height: calc(100vw / 38 * 11); } }

.grid[data-grid-size="38"] .grid-item--width12 {
  width: 31.57895%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width12 {
      width: calc(100vw / 38 * 12); } }

.grid[data-grid-size="38"] .grid-item--height12 {
  height: calc(100vh / 38 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height12 {
      height: calc(100vw / 38 * 12); } }

.grid[data-grid-size="38"] .grid-item--width13 {
  width: 34.21053%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width13 {
      width: calc(100vw / 38 * 13); } }

.grid[data-grid-size="38"] .grid-item--height13 {
  height: calc(100vh / 38 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height13 {
      height: calc(100vw / 38 * 13); } }

.grid[data-grid-size="38"] .grid-item--width14 {
  width: 36.84211%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width14 {
      width: calc(100vw / 38 * 14); } }

.grid[data-grid-size="38"] .grid-item--height14 {
  height: calc(100vh / 38 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height14 {
      height: calc(100vw / 38 * 14); } }

.grid[data-grid-size="38"] .grid-item--width15 {
  width: 39.47368%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width15 {
      width: calc(100vw / 38 * 15); } }

.grid[data-grid-size="38"] .grid-item--height15 {
  height: calc(100vh / 38 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height15 {
      height: calc(100vw / 38 * 15); } }

.grid[data-grid-size="38"] .grid-item--width16 {
  width: 42.10526%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width16 {
      width: calc(100vw / 38 * 16); } }

.grid[data-grid-size="38"] .grid-item--height16 {
  height: calc(100vh / 38 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height16 {
      height: calc(100vw / 38 * 16); } }

.grid[data-grid-size="38"] .grid-item--width17 {
  width: 44.73684%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width17 {
      width: calc(100vw / 38 * 17); } }

.grid[data-grid-size="38"] .grid-item--height17 {
  height: calc(100vh / 38 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height17 {
      height: calc(100vw / 38 * 17); } }

.grid[data-grid-size="38"] .grid-item--width18 {
  width: 47.36842%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width18 {
      width: calc(100vw / 38 * 18); } }

.grid[data-grid-size="38"] .grid-item--height18 {
  height: calc(100vh / 38 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height18 {
      height: calc(100vw / 38 * 18); } }

.grid[data-grid-size="38"] .grid-item--width19 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width19 {
      width: calc(100vw / 38 * 19); } }

.grid[data-grid-size="38"] .grid-item--height19 {
  height: calc(100vh / 38 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height19 {
      height: calc(100vw / 38 * 19); } }

.grid[data-grid-size="38"] .grid-item--width20 {
  width: 52.63158%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width20 {
      width: calc(100vw / 38 * 20); } }

.grid[data-grid-size="38"] .grid-item--height20 {
  height: calc(100vh / 38 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height20 {
      height: calc(100vw / 38 * 20); } }

.grid[data-grid-size="38"] .grid-item--width21 {
  width: 55.26316%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width21 {
      width: calc(100vw / 38 * 21); } }

.grid[data-grid-size="38"] .grid-item--height21 {
  height: calc(100vh / 38 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height21 {
      height: calc(100vw / 38 * 21); } }

.grid[data-grid-size="38"] .grid-item--width22 {
  width: 57.89474%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width22 {
      width: calc(100vw / 38 * 22); } }

.grid[data-grid-size="38"] .grid-item--height22 {
  height: calc(100vh / 38 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height22 {
      height: calc(100vw / 38 * 22); } }

.grid[data-grid-size="38"] .grid-item--width23 {
  width: 60.52632%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width23 {
      width: calc(100vw / 38 * 23); } }

.grid[data-grid-size="38"] .grid-item--height23 {
  height: calc(100vh / 38 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height23 {
      height: calc(100vw / 38 * 23); } }

.grid[data-grid-size="38"] .grid-item--width24 {
  width: 63.15789%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width24 {
      width: calc(100vw / 38 * 24); } }

.grid[data-grid-size="38"] .grid-item--height24 {
  height: calc(100vh / 38 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height24 {
      height: calc(100vw / 38 * 24); } }

.grid[data-grid-size="38"] .grid-item--width25 {
  width: 65.78947%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width25 {
      width: calc(100vw / 38 * 25); } }

.grid[data-grid-size="38"] .grid-item--height25 {
  height: calc(100vh / 38 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height25 {
      height: calc(100vw / 38 * 25); } }

.grid[data-grid-size="38"] .grid-item--width26 {
  width: 68.42105%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width26 {
      width: calc(100vw / 38 * 26); } }

.grid[data-grid-size="38"] .grid-item--height26 {
  height: calc(100vh / 38 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height26 {
      height: calc(100vw / 38 * 26); } }

.grid[data-grid-size="38"] .grid-item--width27 {
  width: 71.05263%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width27 {
      width: calc(100vw / 38 * 27); } }

.grid[data-grid-size="38"] .grid-item--height27 {
  height: calc(100vh / 38 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height27 {
      height: calc(100vw / 38 * 27); } }

.grid[data-grid-size="38"] .grid-item--width28 {
  width: 73.68421%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width28 {
      width: calc(100vw / 38 * 28); } }

.grid[data-grid-size="38"] .grid-item--height28 {
  height: calc(100vh / 38 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height28 {
      height: calc(100vw / 38 * 28); } }

.grid[data-grid-size="38"] .grid-item--width29 {
  width: 76.31579%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width29 {
      width: calc(100vw / 38 * 29); } }

.grid[data-grid-size="38"] .grid-item--height29 {
  height: calc(100vh / 38 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height29 {
      height: calc(100vw / 38 * 29); } }

.grid[data-grid-size="38"] .grid-item--width30 {
  width: 78.94737%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width30 {
      width: calc(100vw / 38 * 30); } }

.grid[data-grid-size="38"] .grid-item--height30 {
  height: calc(100vh / 38 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height30 {
      height: calc(100vw / 38 * 30); } }

.grid[data-grid-size="38"] .grid-item--width31 {
  width: 81.57895%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width31 {
      width: calc(100vw / 38 * 31); } }

.grid[data-grid-size="38"] .grid-item--height31 {
  height: calc(100vh / 38 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height31 {
      height: calc(100vw / 38 * 31); } }

.grid[data-grid-size="38"] .grid-item--width32 {
  width: 84.21053%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width32 {
      width: calc(100vw / 38 * 32); } }

.grid[data-grid-size="38"] .grid-item--height32 {
  height: calc(100vh / 38 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height32 {
      height: calc(100vw / 38 * 32); } }

.grid[data-grid-size="38"] .grid-item--width33 {
  width: 86.84211%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width33 {
      width: calc(100vw / 38 * 33); } }

.grid[data-grid-size="38"] .grid-item--height33 {
  height: calc(100vh / 38 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height33 {
      height: calc(100vw / 38 * 33); } }

.grid[data-grid-size="38"] .grid-item--width34 {
  width: 89.47368%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width34 {
      width: calc(100vw / 38 * 34); } }

.grid[data-grid-size="38"] .grid-item--height34 {
  height: calc(100vh / 38 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height34 {
      height: calc(100vw / 38 * 34); } }

.grid[data-grid-size="38"] .grid-item--width35 {
  width: 92.10526%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width35 {
      width: calc(100vw / 38 * 35); } }

.grid[data-grid-size="38"] .grid-item--height35 {
  height: calc(100vh / 38 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height35 {
      height: calc(100vw / 38 * 35); } }

.grid[data-grid-size="38"] .grid-item--width36 {
  width: 94.73684%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width36 {
      width: calc(100vw / 38 * 36); } }

.grid[data-grid-size="38"] .grid-item--height36 {
  height: calc(100vh / 38 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height36 {
      height: calc(100vw / 38 * 36); } }

.grid[data-grid-size="38"] .grid-item--width37 {
  width: 97.36842%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width37 {
      width: calc(100vw / 38 * 37); } }

.grid[data-grid-size="38"] .grid-item--height37 {
  height: calc(100vh / 38 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height37 {
      height: calc(100vw / 38 * 37); } }

.grid[data-grid-size="38"] .grid-item--width38 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--width38 {
      width: calc(100vw / 38 * 38); } }

.grid[data-grid-size="38"] .grid-item--height38 {
  height: calc(100vh / 38 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="38"] .grid-item--height38 {
      height: calc(100vw / 38 * 38); } }

.grid[data-grid-size="39"] .grid-sizer, .grid[data-grid-size="39"] .grid-item {
  width: 2.5641%; }

.grid[data-grid-size="39"] .grid-item--width1 {
  width: 2.5641%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width1 {
      width: calc(100vw / 39 * 1); } }

.grid[data-grid-size="39"] .grid-item--height1 {
  height: calc(100vh / 39 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height1 {
      height: calc(100vw / 39 * 1); } }

.grid[data-grid-size="39"] .grid-item--width2 {
  width: 5.12821%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width2 {
      width: calc(100vw / 39 * 2); } }

.grid[data-grid-size="39"] .grid-item--height2 {
  height: calc(100vh / 39 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height2 {
      height: calc(100vw / 39 * 2); } }

.grid[data-grid-size="39"] .grid-item--width3 {
  width: 7.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width3 {
      width: calc(100vw / 39 * 3); } }

.grid[data-grid-size="39"] .grid-item--height3 {
  height: calc(100vh / 39 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height3 {
      height: calc(100vw / 39 * 3); } }

.grid[data-grid-size="39"] .grid-item--width4 {
  width: 10.25641%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width4 {
      width: calc(100vw / 39 * 4); } }

.grid[data-grid-size="39"] .grid-item--height4 {
  height: calc(100vh / 39 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height4 {
      height: calc(100vw / 39 * 4); } }

.grid[data-grid-size="39"] .grid-item--width5 {
  width: 12.82051%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width5 {
      width: calc(100vw / 39 * 5); } }

.grid[data-grid-size="39"] .grid-item--height5 {
  height: calc(100vh / 39 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height5 {
      height: calc(100vw / 39 * 5); } }

.grid[data-grid-size="39"] .grid-item--width6 {
  width: 15.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width6 {
      width: calc(100vw / 39 * 6); } }

.grid[data-grid-size="39"] .grid-item--height6 {
  height: calc(100vh / 39 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height6 {
      height: calc(100vw / 39 * 6); } }

.grid[data-grid-size="39"] .grid-item--width7 {
  width: 17.94872%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width7 {
      width: calc(100vw / 39 * 7); } }

.grid[data-grid-size="39"] .grid-item--height7 {
  height: calc(100vh / 39 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height7 {
      height: calc(100vw / 39 * 7); } }

.grid[data-grid-size="39"] .grid-item--width8 {
  width: 20.51282%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width8 {
      width: calc(100vw / 39 * 8); } }

.grid[data-grid-size="39"] .grid-item--height8 {
  height: calc(100vh / 39 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height8 {
      height: calc(100vw / 39 * 8); } }

.grid[data-grid-size="39"] .grid-item--width9 {
  width: 23.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width9 {
      width: calc(100vw / 39 * 9); } }

.grid[data-grid-size="39"] .grid-item--height9 {
  height: calc(100vh / 39 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height9 {
      height: calc(100vw / 39 * 9); } }

.grid[data-grid-size="39"] .grid-item--width10 {
  width: 25.64103%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width10 {
      width: calc(100vw / 39 * 10); } }

.grid[data-grid-size="39"] .grid-item--height10 {
  height: calc(100vh / 39 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height10 {
      height: calc(100vw / 39 * 10); } }

.grid[data-grid-size="39"] .grid-item--width11 {
  width: 28.20513%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width11 {
      width: calc(100vw / 39 * 11); } }

.grid[data-grid-size="39"] .grid-item--height11 {
  height: calc(100vh / 39 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height11 {
      height: calc(100vw / 39 * 11); } }

.grid[data-grid-size="39"] .grid-item--width12 {
  width: 30.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width12 {
      width: calc(100vw / 39 * 12); } }

.grid[data-grid-size="39"] .grid-item--height12 {
  height: calc(100vh / 39 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height12 {
      height: calc(100vw / 39 * 12); } }

.grid[data-grid-size="39"] .grid-item--width13 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width13 {
      width: calc(100vw / 39 * 13); } }

.grid[data-grid-size="39"] .grid-item--height13 {
  height: calc(100vh / 39 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height13 {
      height: calc(100vw / 39 * 13); } }

.grid[data-grid-size="39"] .grid-item--width14 {
  width: 35.89744%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width14 {
      width: calc(100vw / 39 * 14); } }

.grid[data-grid-size="39"] .grid-item--height14 {
  height: calc(100vh / 39 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height14 {
      height: calc(100vw / 39 * 14); } }

.grid[data-grid-size="39"] .grid-item--width15 {
  width: 38.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width15 {
      width: calc(100vw / 39 * 15); } }

.grid[data-grid-size="39"] .grid-item--height15 {
  height: calc(100vh / 39 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height15 {
      height: calc(100vw / 39 * 15); } }

.grid[data-grid-size="39"] .grid-item--width16 {
  width: 41.02564%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width16 {
      width: calc(100vw / 39 * 16); } }

.grid[data-grid-size="39"] .grid-item--height16 {
  height: calc(100vh / 39 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height16 {
      height: calc(100vw / 39 * 16); } }

.grid[data-grid-size="39"] .grid-item--width17 {
  width: 43.58974%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width17 {
      width: calc(100vw / 39 * 17); } }

.grid[data-grid-size="39"] .grid-item--height17 {
  height: calc(100vh / 39 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height17 {
      height: calc(100vw / 39 * 17); } }

.grid[data-grid-size="39"] .grid-item--width18 {
  width: 46.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width18 {
      width: calc(100vw / 39 * 18); } }

.grid[data-grid-size="39"] .grid-item--height18 {
  height: calc(100vh / 39 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height18 {
      height: calc(100vw / 39 * 18); } }

.grid[data-grid-size="39"] .grid-item--width19 {
  width: 48.71795%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width19 {
      width: calc(100vw / 39 * 19); } }

.grid[data-grid-size="39"] .grid-item--height19 {
  height: calc(100vh / 39 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height19 {
      height: calc(100vw / 39 * 19); } }

.grid[data-grid-size="39"] .grid-item--width20 {
  width: 51.28205%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width20 {
      width: calc(100vw / 39 * 20); } }

.grid[data-grid-size="39"] .grid-item--height20 {
  height: calc(100vh / 39 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height20 {
      height: calc(100vw / 39 * 20); } }

.grid[data-grid-size="39"] .grid-item--width21 {
  width: 53.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width21 {
      width: calc(100vw / 39 * 21); } }

.grid[data-grid-size="39"] .grid-item--height21 {
  height: calc(100vh / 39 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height21 {
      height: calc(100vw / 39 * 21); } }

.grid[data-grid-size="39"] .grid-item--width22 {
  width: 56.41026%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width22 {
      width: calc(100vw / 39 * 22); } }

.grid[data-grid-size="39"] .grid-item--height22 {
  height: calc(100vh / 39 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height22 {
      height: calc(100vw / 39 * 22); } }

.grid[data-grid-size="39"] .grid-item--width23 {
  width: 58.97436%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width23 {
      width: calc(100vw / 39 * 23); } }

.grid[data-grid-size="39"] .grid-item--height23 {
  height: calc(100vh / 39 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height23 {
      height: calc(100vw / 39 * 23); } }

.grid[data-grid-size="39"] .grid-item--width24 {
  width: 61.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width24 {
      width: calc(100vw / 39 * 24); } }

.grid[data-grid-size="39"] .grid-item--height24 {
  height: calc(100vh / 39 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height24 {
      height: calc(100vw / 39 * 24); } }

.grid[data-grid-size="39"] .grid-item--width25 {
  width: 64.10256%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width25 {
      width: calc(100vw / 39 * 25); } }

.grid[data-grid-size="39"] .grid-item--height25 {
  height: calc(100vh / 39 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height25 {
      height: calc(100vw / 39 * 25); } }

.grid[data-grid-size="39"] .grid-item--width26 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width26 {
      width: calc(100vw / 39 * 26); } }

.grid[data-grid-size="39"] .grid-item--height26 {
  height: calc(100vh / 39 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height26 {
      height: calc(100vw / 39 * 26); } }

.grid[data-grid-size="39"] .grid-item--width27 {
  width: 69.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width27 {
      width: calc(100vw / 39 * 27); } }

.grid[data-grid-size="39"] .grid-item--height27 {
  height: calc(100vh / 39 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height27 {
      height: calc(100vw / 39 * 27); } }

.grid[data-grid-size="39"] .grid-item--width28 {
  width: 71.79487%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width28 {
      width: calc(100vw / 39 * 28); } }

.grid[data-grid-size="39"] .grid-item--height28 {
  height: calc(100vh / 39 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height28 {
      height: calc(100vw / 39 * 28); } }

.grid[data-grid-size="39"] .grid-item--width29 {
  width: 74.35897%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width29 {
      width: calc(100vw / 39 * 29); } }

.grid[data-grid-size="39"] .grid-item--height29 {
  height: calc(100vh / 39 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height29 {
      height: calc(100vw / 39 * 29); } }

.grid[data-grid-size="39"] .grid-item--width30 {
  width: 76.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width30 {
      width: calc(100vw / 39 * 30); } }

.grid[data-grid-size="39"] .grid-item--height30 {
  height: calc(100vh / 39 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height30 {
      height: calc(100vw / 39 * 30); } }

.grid[data-grid-size="39"] .grid-item--width31 {
  width: 79.48718%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width31 {
      width: calc(100vw / 39 * 31); } }

.grid[data-grid-size="39"] .grid-item--height31 {
  height: calc(100vh / 39 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height31 {
      height: calc(100vw / 39 * 31); } }

.grid[data-grid-size="39"] .grid-item--width32 {
  width: 82.05128%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width32 {
      width: calc(100vw / 39 * 32); } }

.grid[data-grid-size="39"] .grid-item--height32 {
  height: calc(100vh / 39 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height32 {
      height: calc(100vw / 39 * 32); } }

.grid[data-grid-size="39"] .grid-item--width33 {
  width: 84.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width33 {
      width: calc(100vw / 39 * 33); } }

.grid[data-grid-size="39"] .grid-item--height33 {
  height: calc(100vh / 39 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height33 {
      height: calc(100vw / 39 * 33); } }

.grid[data-grid-size="39"] .grid-item--width34 {
  width: 87.17949%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width34 {
      width: calc(100vw / 39 * 34); } }

.grid[data-grid-size="39"] .grid-item--height34 {
  height: calc(100vh / 39 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height34 {
      height: calc(100vw / 39 * 34); } }

.grid[data-grid-size="39"] .grid-item--width35 {
  width: 89.74359%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width35 {
      width: calc(100vw / 39 * 35); } }

.grid[data-grid-size="39"] .grid-item--height35 {
  height: calc(100vh / 39 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height35 {
      height: calc(100vw / 39 * 35); } }

.grid[data-grid-size="39"] .grid-item--width36 {
  width: 92.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width36 {
      width: calc(100vw / 39 * 36); } }

.grid[data-grid-size="39"] .grid-item--height36 {
  height: calc(100vh / 39 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height36 {
      height: calc(100vw / 39 * 36); } }

.grid[data-grid-size="39"] .grid-item--width37 {
  width: 94.87179%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width37 {
      width: calc(100vw / 39 * 37); } }

.grid[data-grid-size="39"] .grid-item--height37 {
  height: calc(100vh / 39 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height37 {
      height: calc(100vw / 39 * 37); } }

.grid[data-grid-size="39"] .grid-item--width38 {
  width: 97.4359%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width38 {
      width: calc(100vw / 39 * 38); } }

.grid[data-grid-size="39"] .grid-item--height38 {
  height: calc(100vh / 39 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height38 {
      height: calc(100vw / 39 * 38); } }

.grid[data-grid-size="39"] .grid-item--width39 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--width39 {
      width: calc(100vw / 39 * 39); } }

.grid[data-grid-size="39"] .grid-item--height39 {
  height: calc(100vh / 39 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="39"] .grid-item--height39 {
      height: calc(100vw / 39 * 39); } }

.grid[data-grid-size="40"] .grid-sizer, .grid[data-grid-size="40"] .grid-item {
  width: 2.5%; }

.grid[data-grid-size="40"] .grid-item--width1 {
  width: 2.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width1 {
      width: calc(100vw / 40 * 1); } }

.grid[data-grid-size="40"] .grid-item--height1 {
  height: calc(100vh / 40 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height1 {
      height: calc(100vw / 40 * 1); } }

.grid[data-grid-size="40"] .grid-item--width2 {
  width: 5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width2 {
      width: calc(100vw / 40 * 2); } }

.grid[data-grid-size="40"] .grid-item--height2 {
  height: calc(100vh / 40 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height2 {
      height: calc(100vw / 40 * 2); } }

.grid[data-grid-size="40"] .grid-item--width3 {
  width: 7.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width3 {
      width: calc(100vw / 40 * 3); } }

.grid[data-grid-size="40"] .grid-item--height3 {
  height: calc(100vh / 40 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height3 {
      height: calc(100vw / 40 * 3); } }

.grid[data-grid-size="40"] .grid-item--width4 {
  width: 10%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width4 {
      width: calc(100vw / 40 * 4); } }

.grid[data-grid-size="40"] .grid-item--height4 {
  height: calc(100vh / 40 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height4 {
      height: calc(100vw / 40 * 4); } }

.grid[data-grid-size="40"] .grid-item--width5 {
  width: 12.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width5 {
      width: calc(100vw / 40 * 5); } }

.grid[data-grid-size="40"] .grid-item--height5 {
  height: calc(100vh / 40 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height5 {
      height: calc(100vw / 40 * 5); } }

.grid[data-grid-size="40"] .grid-item--width6 {
  width: 15%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width6 {
      width: calc(100vw / 40 * 6); } }

.grid[data-grid-size="40"] .grid-item--height6 {
  height: calc(100vh / 40 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height6 {
      height: calc(100vw / 40 * 6); } }

.grid[data-grid-size="40"] .grid-item--width7 {
  width: 17.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width7 {
      width: calc(100vw / 40 * 7); } }

.grid[data-grid-size="40"] .grid-item--height7 {
  height: calc(100vh / 40 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height7 {
      height: calc(100vw / 40 * 7); } }

.grid[data-grid-size="40"] .grid-item--width8 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width8 {
      width: calc(100vw / 40 * 8); } }

.grid[data-grid-size="40"] .grid-item--height8 {
  height: calc(100vh / 40 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height8 {
      height: calc(100vw / 40 * 8); } }

.grid[data-grid-size="40"] .grid-item--width9 {
  width: 22.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width9 {
      width: calc(100vw / 40 * 9); } }

.grid[data-grid-size="40"] .grid-item--height9 {
  height: calc(100vh / 40 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height9 {
      height: calc(100vw / 40 * 9); } }

.grid[data-grid-size="40"] .grid-item--width10 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width10 {
      width: calc(100vw / 40 * 10); } }

.grid[data-grid-size="40"] .grid-item--height10 {
  height: calc(100vh / 40 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height10 {
      height: calc(100vw / 40 * 10); } }

.grid[data-grid-size="40"] .grid-item--width11 {
  width: 27.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width11 {
      width: calc(100vw / 40 * 11); } }

.grid[data-grid-size="40"] .grid-item--height11 {
  height: calc(100vh / 40 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height11 {
      height: calc(100vw / 40 * 11); } }

.grid[data-grid-size="40"] .grid-item--width12 {
  width: 30%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width12 {
      width: calc(100vw / 40 * 12); } }

.grid[data-grid-size="40"] .grid-item--height12 {
  height: calc(100vh / 40 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height12 {
      height: calc(100vw / 40 * 12); } }

.grid[data-grid-size="40"] .grid-item--width13 {
  width: 32.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width13 {
      width: calc(100vw / 40 * 13); } }

.grid[data-grid-size="40"] .grid-item--height13 {
  height: calc(100vh / 40 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height13 {
      height: calc(100vw / 40 * 13); } }

.grid[data-grid-size="40"] .grid-item--width14 {
  width: 35%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width14 {
      width: calc(100vw / 40 * 14); } }

.grid[data-grid-size="40"] .grid-item--height14 {
  height: calc(100vh / 40 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height14 {
      height: calc(100vw / 40 * 14); } }

.grid[data-grid-size="40"] .grid-item--width15 {
  width: 37.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width15 {
      width: calc(100vw / 40 * 15); } }

.grid[data-grid-size="40"] .grid-item--height15 {
  height: calc(100vh / 40 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height15 {
      height: calc(100vw / 40 * 15); } }

.grid[data-grid-size="40"] .grid-item--width16 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width16 {
      width: calc(100vw / 40 * 16); } }

.grid[data-grid-size="40"] .grid-item--height16 {
  height: calc(100vh / 40 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height16 {
      height: calc(100vw / 40 * 16); } }

.grid[data-grid-size="40"] .grid-item--width17 {
  width: 42.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width17 {
      width: calc(100vw / 40 * 17); } }

.grid[data-grid-size="40"] .grid-item--height17 {
  height: calc(100vh / 40 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height17 {
      height: calc(100vw / 40 * 17); } }

.grid[data-grid-size="40"] .grid-item--width18 {
  width: 45%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width18 {
      width: calc(100vw / 40 * 18); } }

.grid[data-grid-size="40"] .grid-item--height18 {
  height: calc(100vh / 40 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height18 {
      height: calc(100vw / 40 * 18); } }

.grid[data-grid-size="40"] .grid-item--width19 {
  width: 47.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width19 {
      width: calc(100vw / 40 * 19); } }

.grid[data-grid-size="40"] .grid-item--height19 {
  height: calc(100vh / 40 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height19 {
      height: calc(100vw / 40 * 19); } }

.grid[data-grid-size="40"] .grid-item--width20 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width20 {
      width: calc(100vw / 40 * 20); } }

.grid[data-grid-size="40"] .grid-item--height20 {
  height: calc(100vh / 40 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height20 {
      height: calc(100vw / 40 * 20); } }

.grid[data-grid-size="40"] .grid-item--width21 {
  width: 52.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width21 {
      width: calc(100vw / 40 * 21); } }

.grid[data-grid-size="40"] .grid-item--height21 {
  height: calc(100vh / 40 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height21 {
      height: calc(100vw / 40 * 21); } }

.grid[data-grid-size="40"] .grid-item--width22 {
  width: 55%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width22 {
      width: calc(100vw / 40 * 22); } }

.grid[data-grid-size="40"] .grid-item--height22 {
  height: calc(100vh / 40 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height22 {
      height: calc(100vw / 40 * 22); } }

.grid[data-grid-size="40"] .grid-item--width23 {
  width: 57.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width23 {
      width: calc(100vw / 40 * 23); } }

.grid[data-grid-size="40"] .grid-item--height23 {
  height: calc(100vh / 40 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height23 {
      height: calc(100vw / 40 * 23); } }

.grid[data-grid-size="40"] .grid-item--width24 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width24 {
      width: calc(100vw / 40 * 24); } }

.grid[data-grid-size="40"] .grid-item--height24 {
  height: calc(100vh / 40 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height24 {
      height: calc(100vw / 40 * 24); } }

.grid[data-grid-size="40"] .grid-item--width25 {
  width: 62.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width25 {
      width: calc(100vw / 40 * 25); } }

.grid[data-grid-size="40"] .grid-item--height25 {
  height: calc(100vh / 40 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height25 {
      height: calc(100vw / 40 * 25); } }

.grid[data-grid-size="40"] .grid-item--width26 {
  width: 65%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width26 {
      width: calc(100vw / 40 * 26); } }

.grid[data-grid-size="40"] .grid-item--height26 {
  height: calc(100vh / 40 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height26 {
      height: calc(100vw / 40 * 26); } }

.grid[data-grid-size="40"] .grid-item--width27 {
  width: 67.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width27 {
      width: calc(100vw / 40 * 27); } }

.grid[data-grid-size="40"] .grid-item--height27 {
  height: calc(100vh / 40 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height27 {
      height: calc(100vw / 40 * 27); } }

.grid[data-grid-size="40"] .grid-item--width28 {
  width: 70%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width28 {
      width: calc(100vw / 40 * 28); } }

.grid[data-grid-size="40"] .grid-item--height28 {
  height: calc(100vh / 40 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height28 {
      height: calc(100vw / 40 * 28); } }

.grid[data-grid-size="40"] .grid-item--width29 {
  width: 72.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width29 {
      width: calc(100vw / 40 * 29); } }

.grid[data-grid-size="40"] .grid-item--height29 {
  height: calc(100vh / 40 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height29 {
      height: calc(100vw / 40 * 29); } }

.grid[data-grid-size="40"] .grid-item--width30 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width30 {
      width: calc(100vw / 40 * 30); } }

.grid[data-grid-size="40"] .grid-item--height30 {
  height: calc(100vh / 40 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height30 {
      height: calc(100vw / 40 * 30); } }

.grid[data-grid-size="40"] .grid-item--width31 {
  width: 77.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width31 {
      width: calc(100vw / 40 * 31); } }

.grid[data-grid-size="40"] .grid-item--height31 {
  height: calc(100vh / 40 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height31 {
      height: calc(100vw / 40 * 31); } }

.grid[data-grid-size="40"] .grid-item--width32 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width32 {
      width: calc(100vw / 40 * 32); } }

.grid[data-grid-size="40"] .grid-item--height32 {
  height: calc(100vh / 40 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height32 {
      height: calc(100vw / 40 * 32); } }

.grid[data-grid-size="40"] .grid-item--width33 {
  width: 82.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width33 {
      width: calc(100vw / 40 * 33); } }

.grid[data-grid-size="40"] .grid-item--height33 {
  height: calc(100vh / 40 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height33 {
      height: calc(100vw / 40 * 33); } }

.grid[data-grid-size="40"] .grid-item--width34 {
  width: 85%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width34 {
      width: calc(100vw / 40 * 34); } }

.grid[data-grid-size="40"] .grid-item--height34 {
  height: calc(100vh / 40 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height34 {
      height: calc(100vw / 40 * 34); } }

.grid[data-grid-size="40"] .grid-item--width35 {
  width: 87.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width35 {
      width: calc(100vw / 40 * 35); } }

.grid[data-grid-size="40"] .grid-item--height35 {
  height: calc(100vh / 40 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height35 {
      height: calc(100vw / 40 * 35); } }

.grid[data-grid-size="40"] .grid-item--width36 {
  width: 90%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width36 {
      width: calc(100vw / 40 * 36); } }

.grid[data-grid-size="40"] .grid-item--height36 {
  height: calc(100vh / 40 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height36 {
      height: calc(100vw / 40 * 36); } }

.grid[data-grid-size="40"] .grid-item--width37 {
  width: 92.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width37 {
      width: calc(100vw / 40 * 37); } }

.grid[data-grid-size="40"] .grid-item--height37 {
  height: calc(100vh / 40 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height37 {
      height: calc(100vw / 40 * 37); } }

.grid[data-grid-size="40"] .grid-item--width38 {
  width: 95%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width38 {
      width: calc(100vw / 40 * 38); } }

.grid[data-grid-size="40"] .grid-item--height38 {
  height: calc(100vh / 40 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height38 {
      height: calc(100vw / 40 * 38); } }

.grid[data-grid-size="40"] .grid-item--width39 {
  width: 97.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width39 {
      width: calc(100vw / 40 * 39); } }

.grid[data-grid-size="40"] .grid-item--height39 {
  height: calc(100vh / 40 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height39 {
      height: calc(100vw / 40 * 39); } }

.grid[data-grid-size="40"] .grid-item--width40 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--width40 {
      width: calc(100vw / 40 * 40); } }

.grid[data-grid-size="40"] .grid-item--height40 {
  height: calc(100vh / 40 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="40"] .grid-item--height40 {
      height: calc(100vw / 40 * 40); } }

.grid[data-grid-size="41"] .grid-sizer, .grid[data-grid-size="41"] .grid-item {
  width: 2.43902%; }

.grid[data-grid-size="41"] .grid-item--width1 {
  width: 2.43902%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width1 {
      width: calc(100vw / 41 * 1); } }

.grid[data-grid-size="41"] .grid-item--height1 {
  height: calc(100vh / 41 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height1 {
      height: calc(100vw / 41 * 1); } }

.grid[data-grid-size="41"] .grid-item--width2 {
  width: 4.87805%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width2 {
      width: calc(100vw / 41 * 2); } }

.grid[data-grid-size="41"] .grid-item--height2 {
  height: calc(100vh / 41 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height2 {
      height: calc(100vw / 41 * 2); } }

.grid[data-grid-size="41"] .grid-item--width3 {
  width: 7.31707%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width3 {
      width: calc(100vw / 41 * 3); } }

.grid[data-grid-size="41"] .grid-item--height3 {
  height: calc(100vh / 41 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height3 {
      height: calc(100vw / 41 * 3); } }

.grid[data-grid-size="41"] .grid-item--width4 {
  width: 9.7561%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width4 {
      width: calc(100vw / 41 * 4); } }

.grid[data-grid-size="41"] .grid-item--height4 {
  height: calc(100vh / 41 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height4 {
      height: calc(100vw / 41 * 4); } }

.grid[data-grid-size="41"] .grid-item--width5 {
  width: 12.19512%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width5 {
      width: calc(100vw / 41 * 5); } }

.grid[data-grid-size="41"] .grid-item--height5 {
  height: calc(100vh / 41 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height5 {
      height: calc(100vw / 41 * 5); } }

.grid[data-grid-size="41"] .grid-item--width6 {
  width: 14.63415%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width6 {
      width: calc(100vw / 41 * 6); } }

.grid[data-grid-size="41"] .grid-item--height6 {
  height: calc(100vh / 41 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height6 {
      height: calc(100vw / 41 * 6); } }

.grid[data-grid-size="41"] .grid-item--width7 {
  width: 17.07317%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width7 {
      width: calc(100vw / 41 * 7); } }

.grid[data-grid-size="41"] .grid-item--height7 {
  height: calc(100vh / 41 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height7 {
      height: calc(100vw / 41 * 7); } }

.grid[data-grid-size="41"] .grid-item--width8 {
  width: 19.5122%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width8 {
      width: calc(100vw / 41 * 8); } }

.grid[data-grid-size="41"] .grid-item--height8 {
  height: calc(100vh / 41 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height8 {
      height: calc(100vw / 41 * 8); } }

.grid[data-grid-size="41"] .grid-item--width9 {
  width: 21.95122%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width9 {
      width: calc(100vw / 41 * 9); } }

.grid[data-grid-size="41"] .grid-item--height9 {
  height: calc(100vh / 41 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height9 {
      height: calc(100vw / 41 * 9); } }

.grid[data-grid-size="41"] .grid-item--width10 {
  width: 24.39024%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width10 {
      width: calc(100vw / 41 * 10); } }

.grid[data-grid-size="41"] .grid-item--height10 {
  height: calc(100vh / 41 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height10 {
      height: calc(100vw / 41 * 10); } }

.grid[data-grid-size="41"] .grid-item--width11 {
  width: 26.82927%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width11 {
      width: calc(100vw / 41 * 11); } }

.grid[data-grid-size="41"] .grid-item--height11 {
  height: calc(100vh / 41 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height11 {
      height: calc(100vw / 41 * 11); } }

.grid[data-grid-size="41"] .grid-item--width12 {
  width: 29.26829%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width12 {
      width: calc(100vw / 41 * 12); } }

.grid[data-grid-size="41"] .grid-item--height12 {
  height: calc(100vh / 41 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height12 {
      height: calc(100vw / 41 * 12); } }

.grid[data-grid-size="41"] .grid-item--width13 {
  width: 31.70732%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width13 {
      width: calc(100vw / 41 * 13); } }

.grid[data-grid-size="41"] .grid-item--height13 {
  height: calc(100vh / 41 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height13 {
      height: calc(100vw / 41 * 13); } }

.grid[data-grid-size="41"] .grid-item--width14 {
  width: 34.14634%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width14 {
      width: calc(100vw / 41 * 14); } }

.grid[data-grid-size="41"] .grid-item--height14 {
  height: calc(100vh / 41 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height14 {
      height: calc(100vw / 41 * 14); } }

.grid[data-grid-size="41"] .grid-item--width15 {
  width: 36.58537%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width15 {
      width: calc(100vw / 41 * 15); } }

.grid[data-grid-size="41"] .grid-item--height15 {
  height: calc(100vh / 41 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height15 {
      height: calc(100vw / 41 * 15); } }

.grid[data-grid-size="41"] .grid-item--width16 {
  width: 39.02439%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width16 {
      width: calc(100vw / 41 * 16); } }

.grid[data-grid-size="41"] .grid-item--height16 {
  height: calc(100vh / 41 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height16 {
      height: calc(100vw / 41 * 16); } }

.grid[data-grid-size="41"] .grid-item--width17 {
  width: 41.46341%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width17 {
      width: calc(100vw / 41 * 17); } }

.grid[data-grid-size="41"] .grid-item--height17 {
  height: calc(100vh / 41 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height17 {
      height: calc(100vw / 41 * 17); } }

.grid[data-grid-size="41"] .grid-item--width18 {
  width: 43.90244%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width18 {
      width: calc(100vw / 41 * 18); } }

.grid[data-grid-size="41"] .grid-item--height18 {
  height: calc(100vh / 41 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height18 {
      height: calc(100vw / 41 * 18); } }

.grid[data-grid-size="41"] .grid-item--width19 {
  width: 46.34146%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width19 {
      width: calc(100vw / 41 * 19); } }

.grid[data-grid-size="41"] .grid-item--height19 {
  height: calc(100vh / 41 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height19 {
      height: calc(100vw / 41 * 19); } }

.grid[data-grid-size="41"] .grid-item--width20 {
  width: 48.78049%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width20 {
      width: calc(100vw / 41 * 20); } }

.grid[data-grid-size="41"] .grid-item--height20 {
  height: calc(100vh / 41 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height20 {
      height: calc(100vw / 41 * 20); } }

.grid[data-grid-size="41"] .grid-item--width21 {
  width: 51.21951%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width21 {
      width: calc(100vw / 41 * 21); } }

.grid[data-grid-size="41"] .grid-item--height21 {
  height: calc(100vh / 41 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height21 {
      height: calc(100vw / 41 * 21); } }

.grid[data-grid-size="41"] .grid-item--width22 {
  width: 53.65854%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width22 {
      width: calc(100vw / 41 * 22); } }

.grid[data-grid-size="41"] .grid-item--height22 {
  height: calc(100vh / 41 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height22 {
      height: calc(100vw / 41 * 22); } }

.grid[data-grid-size="41"] .grid-item--width23 {
  width: 56.09756%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width23 {
      width: calc(100vw / 41 * 23); } }

.grid[data-grid-size="41"] .grid-item--height23 {
  height: calc(100vh / 41 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height23 {
      height: calc(100vw / 41 * 23); } }

.grid[data-grid-size="41"] .grid-item--width24 {
  width: 58.53659%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width24 {
      width: calc(100vw / 41 * 24); } }

.grid[data-grid-size="41"] .grid-item--height24 {
  height: calc(100vh / 41 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height24 {
      height: calc(100vw / 41 * 24); } }

.grid[data-grid-size="41"] .grid-item--width25 {
  width: 60.97561%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width25 {
      width: calc(100vw / 41 * 25); } }

.grid[data-grid-size="41"] .grid-item--height25 {
  height: calc(100vh / 41 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height25 {
      height: calc(100vw / 41 * 25); } }

.grid[data-grid-size="41"] .grid-item--width26 {
  width: 63.41463%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width26 {
      width: calc(100vw / 41 * 26); } }

.grid[data-grid-size="41"] .grid-item--height26 {
  height: calc(100vh / 41 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height26 {
      height: calc(100vw / 41 * 26); } }

.grid[data-grid-size="41"] .grid-item--width27 {
  width: 65.85366%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width27 {
      width: calc(100vw / 41 * 27); } }

.grid[data-grid-size="41"] .grid-item--height27 {
  height: calc(100vh / 41 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height27 {
      height: calc(100vw / 41 * 27); } }

.grid[data-grid-size="41"] .grid-item--width28 {
  width: 68.29268%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width28 {
      width: calc(100vw / 41 * 28); } }

.grid[data-grid-size="41"] .grid-item--height28 {
  height: calc(100vh / 41 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height28 {
      height: calc(100vw / 41 * 28); } }

.grid[data-grid-size="41"] .grid-item--width29 {
  width: 70.73171%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width29 {
      width: calc(100vw / 41 * 29); } }

.grid[data-grid-size="41"] .grid-item--height29 {
  height: calc(100vh / 41 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height29 {
      height: calc(100vw / 41 * 29); } }

.grid[data-grid-size="41"] .grid-item--width30 {
  width: 73.17073%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width30 {
      width: calc(100vw / 41 * 30); } }

.grid[data-grid-size="41"] .grid-item--height30 {
  height: calc(100vh / 41 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height30 {
      height: calc(100vw / 41 * 30); } }

.grid[data-grid-size="41"] .grid-item--width31 {
  width: 75.60976%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width31 {
      width: calc(100vw / 41 * 31); } }

.grid[data-grid-size="41"] .grid-item--height31 {
  height: calc(100vh / 41 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height31 {
      height: calc(100vw / 41 * 31); } }

.grid[data-grid-size="41"] .grid-item--width32 {
  width: 78.04878%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width32 {
      width: calc(100vw / 41 * 32); } }

.grid[data-grid-size="41"] .grid-item--height32 {
  height: calc(100vh / 41 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height32 {
      height: calc(100vw / 41 * 32); } }

.grid[data-grid-size="41"] .grid-item--width33 {
  width: 80.4878%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width33 {
      width: calc(100vw / 41 * 33); } }

.grid[data-grid-size="41"] .grid-item--height33 {
  height: calc(100vh / 41 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height33 {
      height: calc(100vw / 41 * 33); } }

.grid[data-grid-size="41"] .grid-item--width34 {
  width: 82.92683%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width34 {
      width: calc(100vw / 41 * 34); } }

.grid[data-grid-size="41"] .grid-item--height34 {
  height: calc(100vh / 41 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height34 {
      height: calc(100vw / 41 * 34); } }

.grid[data-grid-size="41"] .grid-item--width35 {
  width: 85.36585%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width35 {
      width: calc(100vw / 41 * 35); } }

.grid[data-grid-size="41"] .grid-item--height35 {
  height: calc(100vh / 41 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height35 {
      height: calc(100vw / 41 * 35); } }

.grid[data-grid-size="41"] .grid-item--width36 {
  width: 87.80488%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width36 {
      width: calc(100vw / 41 * 36); } }

.grid[data-grid-size="41"] .grid-item--height36 {
  height: calc(100vh / 41 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height36 {
      height: calc(100vw / 41 * 36); } }

.grid[data-grid-size="41"] .grid-item--width37 {
  width: 90.2439%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width37 {
      width: calc(100vw / 41 * 37); } }

.grid[data-grid-size="41"] .grid-item--height37 {
  height: calc(100vh / 41 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height37 {
      height: calc(100vw / 41 * 37); } }

.grid[data-grid-size="41"] .grid-item--width38 {
  width: 92.68293%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width38 {
      width: calc(100vw / 41 * 38); } }

.grid[data-grid-size="41"] .grid-item--height38 {
  height: calc(100vh / 41 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height38 {
      height: calc(100vw / 41 * 38); } }

.grid[data-grid-size="41"] .grid-item--width39 {
  width: 95.12195%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width39 {
      width: calc(100vw / 41 * 39); } }

.grid[data-grid-size="41"] .grid-item--height39 {
  height: calc(100vh / 41 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height39 {
      height: calc(100vw / 41 * 39); } }

.grid[data-grid-size="41"] .grid-item--width40 {
  width: 97.56098%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width40 {
      width: calc(100vw / 41 * 40); } }

.grid[data-grid-size="41"] .grid-item--height40 {
  height: calc(100vh / 41 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height40 {
      height: calc(100vw / 41 * 40); } }

.grid[data-grid-size="41"] .grid-item--width41 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--width41 {
      width: calc(100vw / 41 * 41); } }

.grid[data-grid-size="41"] .grid-item--height41 {
  height: calc(100vh / 41 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="41"] .grid-item--height41 {
      height: calc(100vw / 41 * 41); } }

.grid[data-grid-size="42"] .grid-sizer, .grid[data-grid-size="42"] .grid-item {
  width: 2.38095%; }

.grid[data-grid-size="42"] .grid-item--width1 {
  width: 2.38095%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width1 {
      width: calc(100vw / 42 * 1); } }

.grid[data-grid-size="42"] .grid-item--height1 {
  height: calc(100vh / 42 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height1 {
      height: calc(100vw / 42 * 1); } }

.grid[data-grid-size="42"] .grid-item--width2 {
  width: 4.7619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width2 {
      width: calc(100vw / 42 * 2); } }

.grid[data-grid-size="42"] .grid-item--height2 {
  height: calc(100vh / 42 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height2 {
      height: calc(100vw / 42 * 2); } }

.grid[data-grid-size="42"] .grid-item--width3 {
  width: 7.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width3 {
      width: calc(100vw / 42 * 3); } }

.grid[data-grid-size="42"] .grid-item--height3 {
  height: calc(100vh / 42 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height3 {
      height: calc(100vw / 42 * 3); } }

.grid[data-grid-size="42"] .grid-item--width4 {
  width: 9.52381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width4 {
      width: calc(100vw / 42 * 4); } }

.grid[data-grid-size="42"] .grid-item--height4 {
  height: calc(100vh / 42 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height4 {
      height: calc(100vw / 42 * 4); } }

.grid[data-grid-size="42"] .grid-item--width5 {
  width: 11.90476%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width5 {
      width: calc(100vw / 42 * 5); } }

.grid[data-grid-size="42"] .grid-item--height5 {
  height: calc(100vh / 42 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height5 {
      height: calc(100vw / 42 * 5); } }

.grid[data-grid-size="42"] .grid-item--width6 {
  width: 14.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width6 {
      width: calc(100vw / 42 * 6); } }

.grid[data-grid-size="42"] .grid-item--height6 {
  height: calc(100vh / 42 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height6 {
      height: calc(100vw / 42 * 6); } }

.grid[data-grid-size="42"] .grid-item--width7 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width7 {
      width: calc(100vw / 42 * 7); } }

.grid[data-grid-size="42"] .grid-item--height7 {
  height: calc(100vh / 42 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height7 {
      height: calc(100vw / 42 * 7); } }

.grid[data-grid-size="42"] .grid-item--width8 {
  width: 19.04762%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width8 {
      width: calc(100vw / 42 * 8); } }

.grid[data-grid-size="42"] .grid-item--height8 {
  height: calc(100vh / 42 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height8 {
      height: calc(100vw / 42 * 8); } }

.grid[data-grid-size="42"] .grid-item--width9 {
  width: 21.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width9 {
      width: calc(100vw / 42 * 9); } }

.grid[data-grid-size="42"] .grid-item--height9 {
  height: calc(100vh / 42 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height9 {
      height: calc(100vw / 42 * 9); } }

.grid[data-grid-size="42"] .grid-item--width10 {
  width: 23.80952%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width10 {
      width: calc(100vw / 42 * 10); } }

.grid[data-grid-size="42"] .grid-item--height10 {
  height: calc(100vh / 42 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height10 {
      height: calc(100vw / 42 * 10); } }

.grid[data-grid-size="42"] .grid-item--width11 {
  width: 26.19048%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width11 {
      width: calc(100vw / 42 * 11); } }

.grid[data-grid-size="42"] .grid-item--height11 {
  height: calc(100vh / 42 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height11 {
      height: calc(100vw / 42 * 11); } }

.grid[data-grid-size="42"] .grid-item--width12 {
  width: 28.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width12 {
      width: calc(100vw / 42 * 12); } }

.grid[data-grid-size="42"] .grid-item--height12 {
  height: calc(100vh / 42 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height12 {
      height: calc(100vw / 42 * 12); } }

.grid[data-grid-size="42"] .grid-item--width13 {
  width: 30.95238%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width13 {
      width: calc(100vw / 42 * 13); } }

.grid[data-grid-size="42"] .grid-item--height13 {
  height: calc(100vh / 42 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height13 {
      height: calc(100vw / 42 * 13); } }

.grid[data-grid-size="42"] .grid-item--width14 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width14 {
      width: calc(100vw / 42 * 14); } }

.grid[data-grid-size="42"] .grid-item--height14 {
  height: calc(100vh / 42 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height14 {
      height: calc(100vw / 42 * 14); } }

.grid[data-grid-size="42"] .grid-item--width15 {
  width: 35.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width15 {
      width: calc(100vw / 42 * 15); } }

.grid[data-grid-size="42"] .grid-item--height15 {
  height: calc(100vh / 42 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height15 {
      height: calc(100vw / 42 * 15); } }

.grid[data-grid-size="42"] .grid-item--width16 {
  width: 38.09524%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width16 {
      width: calc(100vw / 42 * 16); } }

.grid[data-grid-size="42"] .grid-item--height16 {
  height: calc(100vh / 42 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height16 {
      height: calc(100vw / 42 * 16); } }

.grid[data-grid-size="42"] .grid-item--width17 {
  width: 40.47619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width17 {
      width: calc(100vw / 42 * 17); } }

.grid[data-grid-size="42"] .grid-item--height17 {
  height: calc(100vh / 42 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height17 {
      height: calc(100vw / 42 * 17); } }

.grid[data-grid-size="42"] .grid-item--width18 {
  width: 42.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width18 {
      width: calc(100vw / 42 * 18); } }

.grid[data-grid-size="42"] .grid-item--height18 {
  height: calc(100vh / 42 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height18 {
      height: calc(100vw / 42 * 18); } }

.grid[data-grid-size="42"] .grid-item--width19 {
  width: 45.2381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width19 {
      width: calc(100vw / 42 * 19); } }

.grid[data-grid-size="42"] .grid-item--height19 {
  height: calc(100vh / 42 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height19 {
      height: calc(100vw / 42 * 19); } }

.grid[data-grid-size="42"] .grid-item--width20 {
  width: 47.61905%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width20 {
      width: calc(100vw / 42 * 20); } }

.grid[data-grid-size="42"] .grid-item--height20 {
  height: calc(100vh / 42 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height20 {
      height: calc(100vw / 42 * 20); } }

.grid[data-grid-size="42"] .grid-item--width21 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width21 {
      width: calc(100vw / 42 * 21); } }

.grid[data-grid-size="42"] .grid-item--height21 {
  height: calc(100vh / 42 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height21 {
      height: calc(100vw / 42 * 21); } }

.grid[data-grid-size="42"] .grid-item--width22 {
  width: 52.38095%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width22 {
      width: calc(100vw / 42 * 22); } }

.grid[data-grid-size="42"] .grid-item--height22 {
  height: calc(100vh / 42 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height22 {
      height: calc(100vw / 42 * 22); } }

.grid[data-grid-size="42"] .grid-item--width23 {
  width: 54.7619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width23 {
      width: calc(100vw / 42 * 23); } }

.grid[data-grid-size="42"] .grid-item--height23 {
  height: calc(100vh / 42 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height23 {
      height: calc(100vw / 42 * 23); } }

.grid[data-grid-size="42"] .grid-item--width24 {
  width: 57.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width24 {
      width: calc(100vw / 42 * 24); } }

.grid[data-grid-size="42"] .grid-item--height24 {
  height: calc(100vh / 42 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height24 {
      height: calc(100vw / 42 * 24); } }

.grid[data-grid-size="42"] .grid-item--width25 {
  width: 59.52381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width25 {
      width: calc(100vw / 42 * 25); } }

.grid[data-grid-size="42"] .grid-item--height25 {
  height: calc(100vh / 42 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height25 {
      height: calc(100vw / 42 * 25); } }

.grid[data-grid-size="42"] .grid-item--width26 {
  width: 61.90476%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width26 {
      width: calc(100vw / 42 * 26); } }

.grid[data-grid-size="42"] .grid-item--height26 {
  height: calc(100vh / 42 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height26 {
      height: calc(100vw / 42 * 26); } }

.grid[data-grid-size="42"] .grid-item--width27 {
  width: 64.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width27 {
      width: calc(100vw / 42 * 27); } }

.grid[data-grid-size="42"] .grid-item--height27 {
  height: calc(100vh / 42 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height27 {
      height: calc(100vw / 42 * 27); } }

.grid[data-grid-size="42"] .grid-item--width28 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width28 {
      width: calc(100vw / 42 * 28); } }

.grid[data-grid-size="42"] .grid-item--height28 {
  height: calc(100vh / 42 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height28 {
      height: calc(100vw / 42 * 28); } }

.grid[data-grid-size="42"] .grid-item--width29 {
  width: 69.04762%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width29 {
      width: calc(100vw / 42 * 29); } }

.grid[data-grid-size="42"] .grid-item--height29 {
  height: calc(100vh / 42 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height29 {
      height: calc(100vw / 42 * 29); } }

.grid[data-grid-size="42"] .grid-item--width30 {
  width: 71.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width30 {
      width: calc(100vw / 42 * 30); } }

.grid[data-grid-size="42"] .grid-item--height30 {
  height: calc(100vh / 42 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height30 {
      height: calc(100vw / 42 * 30); } }

.grid[data-grid-size="42"] .grid-item--width31 {
  width: 73.80952%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width31 {
      width: calc(100vw / 42 * 31); } }

.grid[data-grid-size="42"] .grid-item--height31 {
  height: calc(100vh / 42 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height31 {
      height: calc(100vw / 42 * 31); } }

.grid[data-grid-size="42"] .grid-item--width32 {
  width: 76.19048%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width32 {
      width: calc(100vw / 42 * 32); } }

.grid[data-grid-size="42"] .grid-item--height32 {
  height: calc(100vh / 42 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height32 {
      height: calc(100vw / 42 * 32); } }

.grid[data-grid-size="42"] .grid-item--width33 {
  width: 78.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width33 {
      width: calc(100vw / 42 * 33); } }

.grid[data-grid-size="42"] .grid-item--height33 {
  height: calc(100vh / 42 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height33 {
      height: calc(100vw / 42 * 33); } }

.grid[data-grid-size="42"] .grid-item--width34 {
  width: 80.95238%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width34 {
      width: calc(100vw / 42 * 34); } }

.grid[data-grid-size="42"] .grid-item--height34 {
  height: calc(100vh / 42 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height34 {
      height: calc(100vw / 42 * 34); } }

.grid[data-grid-size="42"] .grid-item--width35 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width35 {
      width: calc(100vw / 42 * 35); } }

.grid[data-grid-size="42"] .grid-item--height35 {
  height: calc(100vh / 42 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height35 {
      height: calc(100vw / 42 * 35); } }

.grid[data-grid-size="42"] .grid-item--width36 {
  width: 85.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width36 {
      width: calc(100vw / 42 * 36); } }

.grid[data-grid-size="42"] .grid-item--height36 {
  height: calc(100vh / 42 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height36 {
      height: calc(100vw / 42 * 36); } }

.grid[data-grid-size="42"] .grid-item--width37 {
  width: 88.09524%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width37 {
      width: calc(100vw / 42 * 37); } }

.grid[data-grid-size="42"] .grid-item--height37 {
  height: calc(100vh / 42 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height37 {
      height: calc(100vw / 42 * 37); } }

.grid[data-grid-size="42"] .grid-item--width38 {
  width: 90.47619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width38 {
      width: calc(100vw / 42 * 38); } }

.grid[data-grid-size="42"] .grid-item--height38 {
  height: calc(100vh / 42 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height38 {
      height: calc(100vw / 42 * 38); } }

.grid[data-grid-size="42"] .grid-item--width39 {
  width: 92.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width39 {
      width: calc(100vw / 42 * 39); } }

.grid[data-grid-size="42"] .grid-item--height39 {
  height: calc(100vh / 42 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height39 {
      height: calc(100vw / 42 * 39); } }

.grid[data-grid-size="42"] .grid-item--width40 {
  width: 95.2381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width40 {
      width: calc(100vw / 42 * 40); } }

.grid[data-grid-size="42"] .grid-item--height40 {
  height: calc(100vh / 42 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height40 {
      height: calc(100vw / 42 * 40); } }

.grid[data-grid-size="42"] .grid-item--width41 {
  width: 97.61905%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width41 {
      width: calc(100vw / 42 * 41); } }

.grid[data-grid-size="42"] .grid-item--height41 {
  height: calc(100vh / 42 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height41 {
      height: calc(100vw / 42 * 41); } }

.grid[data-grid-size="42"] .grid-item--width42 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--width42 {
      width: calc(100vw / 42 * 42); } }

.grid[data-grid-size="42"] .grid-item--height42 {
  height: calc(100vh / 42 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="42"] .grid-item--height42 {
      height: calc(100vw / 42 * 42); } }

.grid[data-grid-size="43"] .grid-sizer, .grid[data-grid-size="43"] .grid-item {
  width: 2.32558%; }

.grid[data-grid-size="43"] .grid-item--width1 {
  width: 2.32558%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width1 {
      width: calc(100vw / 43 * 1); } }

.grid[data-grid-size="43"] .grid-item--height1 {
  height: calc(100vh / 43 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height1 {
      height: calc(100vw / 43 * 1); } }

.grid[data-grid-size="43"] .grid-item--width2 {
  width: 4.65116%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width2 {
      width: calc(100vw / 43 * 2); } }

.grid[data-grid-size="43"] .grid-item--height2 {
  height: calc(100vh / 43 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height2 {
      height: calc(100vw / 43 * 2); } }

.grid[data-grid-size="43"] .grid-item--width3 {
  width: 6.97674%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width3 {
      width: calc(100vw / 43 * 3); } }

.grid[data-grid-size="43"] .grid-item--height3 {
  height: calc(100vh / 43 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height3 {
      height: calc(100vw / 43 * 3); } }

.grid[data-grid-size="43"] .grid-item--width4 {
  width: 9.30233%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width4 {
      width: calc(100vw / 43 * 4); } }

.grid[data-grid-size="43"] .grid-item--height4 {
  height: calc(100vh / 43 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height4 {
      height: calc(100vw / 43 * 4); } }

.grid[data-grid-size="43"] .grid-item--width5 {
  width: 11.62791%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width5 {
      width: calc(100vw / 43 * 5); } }

.grid[data-grid-size="43"] .grid-item--height5 {
  height: calc(100vh / 43 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height5 {
      height: calc(100vw / 43 * 5); } }

.grid[data-grid-size="43"] .grid-item--width6 {
  width: 13.95349%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width6 {
      width: calc(100vw / 43 * 6); } }

.grid[data-grid-size="43"] .grid-item--height6 {
  height: calc(100vh / 43 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height6 {
      height: calc(100vw / 43 * 6); } }

.grid[data-grid-size="43"] .grid-item--width7 {
  width: 16.27907%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width7 {
      width: calc(100vw / 43 * 7); } }

.grid[data-grid-size="43"] .grid-item--height7 {
  height: calc(100vh / 43 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height7 {
      height: calc(100vw / 43 * 7); } }

.grid[data-grid-size="43"] .grid-item--width8 {
  width: 18.60465%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width8 {
      width: calc(100vw / 43 * 8); } }

.grid[data-grid-size="43"] .grid-item--height8 {
  height: calc(100vh / 43 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height8 {
      height: calc(100vw / 43 * 8); } }

.grid[data-grid-size="43"] .grid-item--width9 {
  width: 20.93023%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width9 {
      width: calc(100vw / 43 * 9); } }

.grid[data-grid-size="43"] .grid-item--height9 {
  height: calc(100vh / 43 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height9 {
      height: calc(100vw / 43 * 9); } }

.grid[data-grid-size="43"] .grid-item--width10 {
  width: 23.25581%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width10 {
      width: calc(100vw / 43 * 10); } }

.grid[data-grid-size="43"] .grid-item--height10 {
  height: calc(100vh / 43 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height10 {
      height: calc(100vw / 43 * 10); } }

.grid[data-grid-size="43"] .grid-item--width11 {
  width: 25.5814%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width11 {
      width: calc(100vw / 43 * 11); } }

.grid[data-grid-size="43"] .grid-item--height11 {
  height: calc(100vh / 43 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height11 {
      height: calc(100vw / 43 * 11); } }

.grid[data-grid-size="43"] .grid-item--width12 {
  width: 27.90698%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width12 {
      width: calc(100vw / 43 * 12); } }

.grid[data-grid-size="43"] .grid-item--height12 {
  height: calc(100vh / 43 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height12 {
      height: calc(100vw / 43 * 12); } }

.grid[data-grid-size="43"] .grid-item--width13 {
  width: 30.23256%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width13 {
      width: calc(100vw / 43 * 13); } }

.grid[data-grid-size="43"] .grid-item--height13 {
  height: calc(100vh / 43 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height13 {
      height: calc(100vw / 43 * 13); } }

.grid[data-grid-size="43"] .grid-item--width14 {
  width: 32.55814%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width14 {
      width: calc(100vw / 43 * 14); } }

.grid[data-grid-size="43"] .grid-item--height14 {
  height: calc(100vh / 43 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height14 {
      height: calc(100vw / 43 * 14); } }

.grid[data-grid-size="43"] .grid-item--width15 {
  width: 34.88372%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width15 {
      width: calc(100vw / 43 * 15); } }

.grid[data-grid-size="43"] .grid-item--height15 {
  height: calc(100vh / 43 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height15 {
      height: calc(100vw / 43 * 15); } }

.grid[data-grid-size="43"] .grid-item--width16 {
  width: 37.2093%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width16 {
      width: calc(100vw / 43 * 16); } }

.grid[data-grid-size="43"] .grid-item--height16 {
  height: calc(100vh / 43 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height16 {
      height: calc(100vw / 43 * 16); } }

.grid[data-grid-size="43"] .grid-item--width17 {
  width: 39.53488%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width17 {
      width: calc(100vw / 43 * 17); } }

.grid[data-grid-size="43"] .grid-item--height17 {
  height: calc(100vh / 43 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height17 {
      height: calc(100vw / 43 * 17); } }

.grid[data-grid-size="43"] .grid-item--width18 {
  width: 41.86047%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width18 {
      width: calc(100vw / 43 * 18); } }

.grid[data-grid-size="43"] .grid-item--height18 {
  height: calc(100vh / 43 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height18 {
      height: calc(100vw / 43 * 18); } }

.grid[data-grid-size="43"] .grid-item--width19 {
  width: 44.18605%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width19 {
      width: calc(100vw / 43 * 19); } }

.grid[data-grid-size="43"] .grid-item--height19 {
  height: calc(100vh / 43 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height19 {
      height: calc(100vw / 43 * 19); } }

.grid[data-grid-size="43"] .grid-item--width20 {
  width: 46.51163%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width20 {
      width: calc(100vw / 43 * 20); } }

.grid[data-grid-size="43"] .grid-item--height20 {
  height: calc(100vh / 43 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height20 {
      height: calc(100vw / 43 * 20); } }

.grid[data-grid-size="43"] .grid-item--width21 {
  width: 48.83721%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width21 {
      width: calc(100vw / 43 * 21); } }

.grid[data-grid-size="43"] .grid-item--height21 {
  height: calc(100vh / 43 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height21 {
      height: calc(100vw / 43 * 21); } }

.grid[data-grid-size="43"] .grid-item--width22 {
  width: 51.16279%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width22 {
      width: calc(100vw / 43 * 22); } }

.grid[data-grid-size="43"] .grid-item--height22 {
  height: calc(100vh / 43 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height22 {
      height: calc(100vw / 43 * 22); } }

.grid[data-grid-size="43"] .grid-item--width23 {
  width: 53.48837%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width23 {
      width: calc(100vw / 43 * 23); } }

.grid[data-grid-size="43"] .grid-item--height23 {
  height: calc(100vh / 43 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height23 {
      height: calc(100vw / 43 * 23); } }

.grid[data-grid-size="43"] .grid-item--width24 {
  width: 55.81395%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width24 {
      width: calc(100vw / 43 * 24); } }

.grid[data-grid-size="43"] .grid-item--height24 {
  height: calc(100vh / 43 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height24 {
      height: calc(100vw / 43 * 24); } }

.grid[data-grid-size="43"] .grid-item--width25 {
  width: 58.13953%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width25 {
      width: calc(100vw / 43 * 25); } }

.grid[data-grid-size="43"] .grid-item--height25 {
  height: calc(100vh / 43 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height25 {
      height: calc(100vw / 43 * 25); } }

.grid[data-grid-size="43"] .grid-item--width26 {
  width: 60.46512%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width26 {
      width: calc(100vw / 43 * 26); } }

.grid[data-grid-size="43"] .grid-item--height26 {
  height: calc(100vh / 43 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height26 {
      height: calc(100vw / 43 * 26); } }

.grid[data-grid-size="43"] .grid-item--width27 {
  width: 62.7907%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width27 {
      width: calc(100vw / 43 * 27); } }

.grid[data-grid-size="43"] .grid-item--height27 {
  height: calc(100vh / 43 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height27 {
      height: calc(100vw / 43 * 27); } }

.grid[data-grid-size="43"] .grid-item--width28 {
  width: 65.11628%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width28 {
      width: calc(100vw / 43 * 28); } }

.grid[data-grid-size="43"] .grid-item--height28 {
  height: calc(100vh / 43 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height28 {
      height: calc(100vw / 43 * 28); } }

.grid[data-grid-size="43"] .grid-item--width29 {
  width: 67.44186%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width29 {
      width: calc(100vw / 43 * 29); } }

.grid[data-grid-size="43"] .grid-item--height29 {
  height: calc(100vh / 43 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height29 {
      height: calc(100vw / 43 * 29); } }

.grid[data-grid-size="43"] .grid-item--width30 {
  width: 69.76744%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width30 {
      width: calc(100vw / 43 * 30); } }

.grid[data-grid-size="43"] .grid-item--height30 {
  height: calc(100vh / 43 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height30 {
      height: calc(100vw / 43 * 30); } }

.grid[data-grid-size="43"] .grid-item--width31 {
  width: 72.09302%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width31 {
      width: calc(100vw / 43 * 31); } }

.grid[data-grid-size="43"] .grid-item--height31 {
  height: calc(100vh / 43 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height31 {
      height: calc(100vw / 43 * 31); } }

.grid[data-grid-size="43"] .grid-item--width32 {
  width: 74.4186%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width32 {
      width: calc(100vw / 43 * 32); } }

.grid[data-grid-size="43"] .grid-item--height32 {
  height: calc(100vh / 43 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height32 {
      height: calc(100vw / 43 * 32); } }

.grid[data-grid-size="43"] .grid-item--width33 {
  width: 76.74419%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width33 {
      width: calc(100vw / 43 * 33); } }

.grid[data-grid-size="43"] .grid-item--height33 {
  height: calc(100vh / 43 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height33 {
      height: calc(100vw / 43 * 33); } }

.grid[data-grid-size="43"] .grid-item--width34 {
  width: 79.06977%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width34 {
      width: calc(100vw / 43 * 34); } }

.grid[data-grid-size="43"] .grid-item--height34 {
  height: calc(100vh / 43 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height34 {
      height: calc(100vw / 43 * 34); } }

.grid[data-grid-size="43"] .grid-item--width35 {
  width: 81.39535%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width35 {
      width: calc(100vw / 43 * 35); } }

.grid[data-grid-size="43"] .grid-item--height35 {
  height: calc(100vh / 43 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height35 {
      height: calc(100vw / 43 * 35); } }

.grid[data-grid-size="43"] .grid-item--width36 {
  width: 83.72093%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width36 {
      width: calc(100vw / 43 * 36); } }

.grid[data-grid-size="43"] .grid-item--height36 {
  height: calc(100vh / 43 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height36 {
      height: calc(100vw / 43 * 36); } }

.grid[data-grid-size="43"] .grid-item--width37 {
  width: 86.04651%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width37 {
      width: calc(100vw / 43 * 37); } }

.grid[data-grid-size="43"] .grid-item--height37 {
  height: calc(100vh / 43 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height37 {
      height: calc(100vw / 43 * 37); } }

.grid[data-grid-size="43"] .grid-item--width38 {
  width: 88.37209%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width38 {
      width: calc(100vw / 43 * 38); } }

.grid[data-grid-size="43"] .grid-item--height38 {
  height: calc(100vh / 43 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height38 {
      height: calc(100vw / 43 * 38); } }

.grid[data-grid-size="43"] .grid-item--width39 {
  width: 90.69767%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width39 {
      width: calc(100vw / 43 * 39); } }

.grid[data-grid-size="43"] .grid-item--height39 {
  height: calc(100vh / 43 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height39 {
      height: calc(100vw / 43 * 39); } }

.grid[data-grid-size="43"] .grid-item--width40 {
  width: 93.02326%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width40 {
      width: calc(100vw / 43 * 40); } }

.grid[data-grid-size="43"] .grid-item--height40 {
  height: calc(100vh / 43 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height40 {
      height: calc(100vw / 43 * 40); } }

.grid[data-grid-size="43"] .grid-item--width41 {
  width: 95.34884%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width41 {
      width: calc(100vw / 43 * 41); } }

.grid[data-grid-size="43"] .grid-item--height41 {
  height: calc(100vh / 43 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height41 {
      height: calc(100vw / 43 * 41); } }

.grid[data-grid-size="43"] .grid-item--width42 {
  width: 97.67442%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width42 {
      width: calc(100vw / 43 * 42); } }

.grid[data-grid-size="43"] .grid-item--height42 {
  height: calc(100vh / 43 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height42 {
      height: calc(100vw / 43 * 42); } }

.grid[data-grid-size="43"] .grid-item--width43 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--width43 {
      width: calc(100vw / 43 * 43); } }

.grid[data-grid-size="43"] .grid-item--height43 {
  height: calc(100vh / 43 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="43"] .grid-item--height43 {
      height: calc(100vw / 43 * 43); } }

.grid[data-grid-size="44"] .grid-sizer, .grid[data-grid-size="44"] .grid-item {
  width: 2.27273%; }

.grid[data-grid-size="44"] .grid-item--width1 {
  width: 2.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width1 {
      width: calc(100vw / 44 * 1); } }

.grid[data-grid-size="44"] .grid-item--height1 {
  height: calc(100vh / 44 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height1 {
      height: calc(100vw / 44 * 1); } }

.grid[data-grid-size="44"] .grid-item--width2 {
  width: 4.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width2 {
      width: calc(100vw / 44 * 2); } }

.grid[data-grid-size="44"] .grid-item--height2 {
  height: calc(100vh / 44 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height2 {
      height: calc(100vw / 44 * 2); } }

.grid[data-grid-size="44"] .grid-item--width3 {
  width: 6.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width3 {
      width: calc(100vw / 44 * 3); } }

.grid[data-grid-size="44"] .grid-item--height3 {
  height: calc(100vh / 44 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height3 {
      height: calc(100vw / 44 * 3); } }

.grid[data-grid-size="44"] .grid-item--width4 {
  width: 9.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width4 {
      width: calc(100vw / 44 * 4); } }

.grid[data-grid-size="44"] .grid-item--height4 {
  height: calc(100vh / 44 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height4 {
      height: calc(100vw / 44 * 4); } }

.grid[data-grid-size="44"] .grid-item--width5 {
  width: 11.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width5 {
      width: calc(100vw / 44 * 5); } }

.grid[data-grid-size="44"] .grid-item--height5 {
  height: calc(100vh / 44 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height5 {
      height: calc(100vw / 44 * 5); } }

.grid[data-grid-size="44"] .grid-item--width6 {
  width: 13.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width6 {
      width: calc(100vw / 44 * 6); } }

.grid[data-grid-size="44"] .grid-item--height6 {
  height: calc(100vh / 44 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height6 {
      height: calc(100vw / 44 * 6); } }

.grid[data-grid-size="44"] .grid-item--width7 {
  width: 15.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width7 {
      width: calc(100vw / 44 * 7); } }

.grid[data-grid-size="44"] .grid-item--height7 {
  height: calc(100vh / 44 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height7 {
      height: calc(100vw / 44 * 7); } }

.grid[data-grid-size="44"] .grid-item--width8 {
  width: 18.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width8 {
      width: calc(100vw / 44 * 8); } }

.grid[data-grid-size="44"] .grid-item--height8 {
  height: calc(100vh / 44 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height8 {
      height: calc(100vw / 44 * 8); } }

.grid[data-grid-size="44"] .grid-item--width9 {
  width: 20.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width9 {
      width: calc(100vw / 44 * 9); } }

.grid[data-grid-size="44"] .grid-item--height9 {
  height: calc(100vh / 44 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height9 {
      height: calc(100vw / 44 * 9); } }

.grid[data-grid-size="44"] .grid-item--width10 {
  width: 22.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width10 {
      width: calc(100vw / 44 * 10); } }

.grid[data-grid-size="44"] .grid-item--height10 {
  height: calc(100vh / 44 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height10 {
      height: calc(100vw / 44 * 10); } }

.grid[data-grid-size="44"] .grid-item--width11 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width11 {
      width: calc(100vw / 44 * 11); } }

.grid[data-grid-size="44"] .grid-item--height11 {
  height: calc(100vh / 44 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height11 {
      height: calc(100vw / 44 * 11); } }

.grid[data-grid-size="44"] .grid-item--width12 {
  width: 27.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width12 {
      width: calc(100vw / 44 * 12); } }

.grid[data-grid-size="44"] .grid-item--height12 {
  height: calc(100vh / 44 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height12 {
      height: calc(100vw / 44 * 12); } }

.grid[data-grid-size="44"] .grid-item--width13 {
  width: 29.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width13 {
      width: calc(100vw / 44 * 13); } }

.grid[data-grid-size="44"] .grid-item--height13 {
  height: calc(100vh / 44 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height13 {
      height: calc(100vw / 44 * 13); } }

.grid[data-grid-size="44"] .grid-item--width14 {
  width: 31.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width14 {
      width: calc(100vw / 44 * 14); } }

.grid[data-grid-size="44"] .grid-item--height14 {
  height: calc(100vh / 44 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height14 {
      height: calc(100vw / 44 * 14); } }

.grid[data-grid-size="44"] .grid-item--width15 {
  width: 34.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width15 {
      width: calc(100vw / 44 * 15); } }

.grid[data-grid-size="44"] .grid-item--height15 {
  height: calc(100vh / 44 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height15 {
      height: calc(100vw / 44 * 15); } }

.grid[data-grid-size="44"] .grid-item--width16 {
  width: 36.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width16 {
      width: calc(100vw / 44 * 16); } }

.grid[data-grid-size="44"] .grid-item--height16 {
  height: calc(100vh / 44 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height16 {
      height: calc(100vw / 44 * 16); } }

.grid[data-grid-size="44"] .grid-item--width17 {
  width: 38.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width17 {
      width: calc(100vw / 44 * 17); } }

.grid[data-grid-size="44"] .grid-item--height17 {
  height: calc(100vh / 44 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height17 {
      height: calc(100vw / 44 * 17); } }

.grid[data-grid-size="44"] .grid-item--width18 {
  width: 40.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width18 {
      width: calc(100vw / 44 * 18); } }

.grid[data-grid-size="44"] .grid-item--height18 {
  height: calc(100vh / 44 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height18 {
      height: calc(100vw / 44 * 18); } }

.grid[data-grid-size="44"] .grid-item--width19 {
  width: 43.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width19 {
      width: calc(100vw / 44 * 19); } }

.grid[data-grid-size="44"] .grid-item--height19 {
  height: calc(100vh / 44 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height19 {
      height: calc(100vw / 44 * 19); } }

.grid[data-grid-size="44"] .grid-item--width20 {
  width: 45.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width20 {
      width: calc(100vw / 44 * 20); } }

.grid[data-grid-size="44"] .grid-item--height20 {
  height: calc(100vh / 44 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height20 {
      height: calc(100vw / 44 * 20); } }

.grid[data-grid-size="44"] .grid-item--width21 {
  width: 47.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width21 {
      width: calc(100vw / 44 * 21); } }

.grid[data-grid-size="44"] .grid-item--height21 {
  height: calc(100vh / 44 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height21 {
      height: calc(100vw / 44 * 21); } }

.grid[data-grid-size="44"] .grid-item--width22 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width22 {
      width: calc(100vw / 44 * 22); } }

.grid[data-grid-size="44"] .grid-item--height22 {
  height: calc(100vh / 44 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height22 {
      height: calc(100vw / 44 * 22); } }

.grid[data-grid-size="44"] .grid-item--width23 {
  width: 52.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width23 {
      width: calc(100vw / 44 * 23); } }

.grid[data-grid-size="44"] .grid-item--height23 {
  height: calc(100vh / 44 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height23 {
      height: calc(100vw / 44 * 23); } }

.grid[data-grid-size="44"] .grid-item--width24 {
  width: 54.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width24 {
      width: calc(100vw / 44 * 24); } }

.grid[data-grid-size="44"] .grid-item--height24 {
  height: calc(100vh / 44 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height24 {
      height: calc(100vw / 44 * 24); } }

.grid[data-grid-size="44"] .grid-item--width25 {
  width: 56.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width25 {
      width: calc(100vw / 44 * 25); } }

.grid[data-grid-size="44"] .grid-item--height25 {
  height: calc(100vh / 44 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height25 {
      height: calc(100vw / 44 * 25); } }

.grid[data-grid-size="44"] .grid-item--width26 {
  width: 59.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width26 {
      width: calc(100vw / 44 * 26); } }

.grid[data-grid-size="44"] .grid-item--height26 {
  height: calc(100vh / 44 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height26 {
      height: calc(100vw / 44 * 26); } }

.grid[data-grid-size="44"] .grid-item--width27 {
  width: 61.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width27 {
      width: calc(100vw / 44 * 27); } }

.grid[data-grid-size="44"] .grid-item--height27 {
  height: calc(100vh / 44 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height27 {
      height: calc(100vw / 44 * 27); } }

.grid[data-grid-size="44"] .grid-item--width28 {
  width: 63.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width28 {
      width: calc(100vw / 44 * 28); } }

.grid[data-grid-size="44"] .grid-item--height28 {
  height: calc(100vh / 44 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height28 {
      height: calc(100vw / 44 * 28); } }

.grid[data-grid-size="44"] .grid-item--width29 {
  width: 65.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width29 {
      width: calc(100vw / 44 * 29); } }

.grid[data-grid-size="44"] .grid-item--height29 {
  height: calc(100vh / 44 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height29 {
      height: calc(100vw / 44 * 29); } }

.grid[data-grid-size="44"] .grid-item--width30 {
  width: 68.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width30 {
      width: calc(100vw / 44 * 30); } }

.grid[data-grid-size="44"] .grid-item--height30 {
  height: calc(100vh / 44 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height30 {
      height: calc(100vw / 44 * 30); } }

.grid[data-grid-size="44"] .grid-item--width31 {
  width: 70.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width31 {
      width: calc(100vw / 44 * 31); } }

.grid[data-grid-size="44"] .grid-item--height31 {
  height: calc(100vh / 44 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height31 {
      height: calc(100vw / 44 * 31); } }

.grid[data-grid-size="44"] .grid-item--width32 {
  width: 72.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width32 {
      width: calc(100vw / 44 * 32); } }

.grid[data-grid-size="44"] .grid-item--height32 {
  height: calc(100vh / 44 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height32 {
      height: calc(100vw / 44 * 32); } }

.grid[data-grid-size="44"] .grid-item--width33 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width33 {
      width: calc(100vw / 44 * 33); } }

.grid[data-grid-size="44"] .grid-item--height33 {
  height: calc(100vh / 44 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height33 {
      height: calc(100vw / 44 * 33); } }

.grid[data-grid-size="44"] .grid-item--width34 {
  width: 77.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width34 {
      width: calc(100vw / 44 * 34); } }

.grid[data-grid-size="44"] .grid-item--height34 {
  height: calc(100vh / 44 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height34 {
      height: calc(100vw / 44 * 34); } }

.grid[data-grid-size="44"] .grid-item--width35 {
  width: 79.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width35 {
      width: calc(100vw / 44 * 35); } }

.grid[data-grid-size="44"] .grid-item--height35 {
  height: calc(100vh / 44 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height35 {
      height: calc(100vw / 44 * 35); } }

.grid[data-grid-size="44"] .grid-item--width36 {
  width: 81.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width36 {
      width: calc(100vw / 44 * 36); } }

.grid[data-grid-size="44"] .grid-item--height36 {
  height: calc(100vh / 44 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height36 {
      height: calc(100vw / 44 * 36); } }

.grid[data-grid-size="44"] .grid-item--width37 {
  width: 84.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width37 {
      width: calc(100vw / 44 * 37); } }

.grid[data-grid-size="44"] .grid-item--height37 {
  height: calc(100vh / 44 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height37 {
      height: calc(100vw / 44 * 37); } }

.grid[data-grid-size="44"] .grid-item--width38 {
  width: 86.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width38 {
      width: calc(100vw / 44 * 38); } }

.grid[data-grid-size="44"] .grid-item--height38 {
  height: calc(100vh / 44 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height38 {
      height: calc(100vw / 44 * 38); } }

.grid[data-grid-size="44"] .grid-item--width39 {
  width: 88.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width39 {
      width: calc(100vw / 44 * 39); } }

.grid[data-grid-size="44"] .grid-item--height39 {
  height: calc(100vh / 44 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height39 {
      height: calc(100vw / 44 * 39); } }

.grid[data-grid-size="44"] .grid-item--width40 {
  width: 90.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width40 {
      width: calc(100vw / 44 * 40); } }

.grid[data-grid-size="44"] .grid-item--height40 {
  height: calc(100vh / 44 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height40 {
      height: calc(100vw / 44 * 40); } }

.grid[data-grid-size="44"] .grid-item--width41 {
  width: 93.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width41 {
      width: calc(100vw / 44 * 41); } }

.grid[data-grid-size="44"] .grid-item--height41 {
  height: calc(100vh / 44 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height41 {
      height: calc(100vw / 44 * 41); } }

.grid[data-grid-size="44"] .grid-item--width42 {
  width: 95.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width42 {
      width: calc(100vw / 44 * 42); } }

.grid[data-grid-size="44"] .grid-item--height42 {
  height: calc(100vh / 44 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height42 {
      height: calc(100vw / 44 * 42); } }

.grid[data-grid-size="44"] .grid-item--width43 {
  width: 97.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width43 {
      width: calc(100vw / 44 * 43); } }

.grid[data-grid-size="44"] .grid-item--height43 {
  height: calc(100vh / 44 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height43 {
      height: calc(100vw / 44 * 43); } }

.grid[data-grid-size="44"] .grid-item--width44 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--width44 {
      width: calc(100vw / 44 * 44); } }

.grid[data-grid-size="44"] .grid-item--height44 {
  height: calc(100vh / 44 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="44"] .grid-item--height44 {
      height: calc(100vw / 44 * 44); } }

.grid[data-grid-size="45"] .grid-sizer, .grid[data-grid-size="45"] .grid-item {
  width: 2.22222%; }

.grid[data-grid-size="45"] .grid-item--width1 {
  width: 2.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width1 {
      width: calc(100vw / 45 * 1); } }

.grid[data-grid-size="45"] .grid-item--height1 {
  height: calc(100vh / 45 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height1 {
      height: calc(100vw / 45 * 1); } }

.grid[data-grid-size="45"] .grid-item--width2 {
  width: 4.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width2 {
      width: calc(100vw / 45 * 2); } }

.grid[data-grid-size="45"] .grid-item--height2 {
  height: calc(100vh / 45 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height2 {
      height: calc(100vw / 45 * 2); } }

.grid[data-grid-size="45"] .grid-item--width3 {
  width: 6.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width3 {
      width: calc(100vw / 45 * 3); } }

.grid[data-grid-size="45"] .grid-item--height3 {
  height: calc(100vh / 45 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height3 {
      height: calc(100vw / 45 * 3); } }

.grid[data-grid-size="45"] .grid-item--width4 {
  width: 8.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width4 {
      width: calc(100vw / 45 * 4); } }

.grid[data-grid-size="45"] .grid-item--height4 {
  height: calc(100vh / 45 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height4 {
      height: calc(100vw / 45 * 4); } }

.grid[data-grid-size="45"] .grid-item--width5 {
  width: 11.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width5 {
      width: calc(100vw / 45 * 5); } }

.grid[data-grid-size="45"] .grid-item--height5 {
  height: calc(100vh / 45 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height5 {
      height: calc(100vw / 45 * 5); } }

.grid[data-grid-size="45"] .grid-item--width6 {
  width: 13.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width6 {
      width: calc(100vw / 45 * 6); } }

.grid[data-grid-size="45"] .grid-item--height6 {
  height: calc(100vh / 45 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height6 {
      height: calc(100vw / 45 * 6); } }

.grid[data-grid-size="45"] .grid-item--width7 {
  width: 15.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width7 {
      width: calc(100vw / 45 * 7); } }

.grid[data-grid-size="45"] .grid-item--height7 {
  height: calc(100vh / 45 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height7 {
      height: calc(100vw / 45 * 7); } }

.grid[data-grid-size="45"] .grid-item--width8 {
  width: 17.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width8 {
      width: calc(100vw / 45 * 8); } }

.grid[data-grid-size="45"] .grid-item--height8 {
  height: calc(100vh / 45 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height8 {
      height: calc(100vw / 45 * 8); } }

.grid[data-grid-size="45"] .grid-item--width9 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width9 {
      width: calc(100vw / 45 * 9); } }

.grid[data-grid-size="45"] .grid-item--height9 {
  height: calc(100vh / 45 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height9 {
      height: calc(100vw / 45 * 9); } }

.grid[data-grid-size="45"] .grid-item--width10 {
  width: 22.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width10 {
      width: calc(100vw / 45 * 10); } }

.grid[data-grid-size="45"] .grid-item--height10 {
  height: calc(100vh / 45 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height10 {
      height: calc(100vw / 45 * 10); } }

.grid[data-grid-size="45"] .grid-item--width11 {
  width: 24.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width11 {
      width: calc(100vw / 45 * 11); } }

.grid[data-grid-size="45"] .grid-item--height11 {
  height: calc(100vh / 45 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height11 {
      height: calc(100vw / 45 * 11); } }

.grid[data-grid-size="45"] .grid-item--width12 {
  width: 26.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width12 {
      width: calc(100vw / 45 * 12); } }

.grid[data-grid-size="45"] .grid-item--height12 {
  height: calc(100vh / 45 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height12 {
      height: calc(100vw / 45 * 12); } }

.grid[data-grid-size="45"] .grid-item--width13 {
  width: 28.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width13 {
      width: calc(100vw / 45 * 13); } }

.grid[data-grid-size="45"] .grid-item--height13 {
  height: calc(100vh / 45 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height13 {
      height: calc(100vw / 45 * 13); } }

.grid[data-grid-size="45"] .grid-item--width14 {
  width: 31.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width14 {
      width: calc(100vw / 45 * 14); } }

.grid[data-grid-size="45"] .grid-item--height14 {
  height: calc(100vh / 45 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height14 {
      height: calc(100vw / 45 * 14); } }

.grid[data-grid-size="45"] .grid-item--width15 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width15 {
      width: calc(100vw / 45 * 15); } }

.grid[data-grid-size="45"] .grid-item--height15 {
  height: calc(100vh / 45 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height15 {
      height: calc(100vw / 45 * 15); } }

.grid[data-grid-size="45"] .grid-item--width16 {
  width: 35.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width16 {
      width: calc(100vw / 45 * 16); } }

.grid[data-grid-size="45"] .grid-item--height16 {
  height: calc(100vh / 45 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height16 {
      height: calc(100vw / 45 * 16); } }

.grid[data-grid-size="45"] .grid-item--width17 {
  width: 37.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width17 {
      width: calc(100vw / 45 * 17); } }

.grid[data-grid-size="45"] .grid-item--height17 {
  height: calc(100vh / 45 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height17 {
      height: calc(100vw / 45 * 17); } }

.grid[data-grid-size="45"] .grid-item--width18 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width18 {
      width: calc(100vw / 45 * 18); } }

.grid[data-grid-size="45"] .grid-item--height18 {
  height: calc(100vh / 45 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height18 {
      height: calc(100vw / 45 * 18); } }

.grid[data-grid-size="45"] .grid-item--width19 {
  width: 42.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width19 {
      width: calc(100vw / 45 * 19); } }

.grid[data-grid-size="45"] .grid-item--height19 {
  height: calc(100vh / 45 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height19 {
      height: calc(100vw / 45 * 19); } }

.grid[data-grid-size="45"] .grid-item--width20 {
  width: 44.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width20 {
      width: calc(100vw / 45 * 20); } }

.grid[data-grid-size="45"] .grid-item--height20 {
  height: calc(100vh / 45 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height20 {
      height: calc(100vw / 45 * 20); } }

.grid[data-grid-size="45"] .grid-item--width21 {
  width: 46.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width21 {
      width: calc(100vw / 45 * 21); } }

.grid[data-grid-size="45"] .grid-item--height21 {
  height: calc(100vh / 45 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height21 {
      height: calc(100vw / 45 * 21); } }

.grid[data-grid-size="45"] .grid-item--width22 {
  width: 48.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width22 {
      width: calc(100vw / 45 * 22); } }

.grid[data-grid-size="45"] .grid-item--height22 {
  height: calc(100vh / 45 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height22 {
      height: calc(100vw / 45 * 22); } }

.grid[data-grid-size="45"] .grid-item--width23 {
  width: 51.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width23 {
      width: calc(100vw / 45 * 23); } }

.grid[data-grid-size="45"] .grid-item--height23 {
  height: calc(100vh / 45 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height23 {
      height: calc(100vw / 45 * 23); } }

.grid[data-grid-size="45"] .grid-item--width24 {
  width: 53.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width24 {
      width: calc(100vw / 45 * 24); } }

.grid[data-grid-size="45"] .grid-item--height24 {
  height: calc(100vh / 45 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height24 {
      height: calc(100vw / 45 * 24); } }

.grid[data-grid-size="45"] .grid-item--width25 {
  width: 55.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width25 {
      width: calc(100vw / 45 * 25); } }

.grid[data-grid-size="45"] .grid-item--height25 {
  height: calc(100vh / 45 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height25 {
      height: calc(100vw / 45 * 25); } }

.grid[data-grid-size="45"] .grid-item--width26 {
  width: 57.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width26 {
      width: calc(100vw / 45 * 26); } }

.grid[data-grid-size="45"] .grid-item--height26 {
  height: calc(100vh / 45 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height26 {
      height: calc(100vw / 45 * 26); } }

.grid[data-grid-size="45"] .grid-item--width27 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width27 {
      width: calc(100vw / 45 * 27); } }

.grid[data-grid-size="45"] .grid-item--height27 {
  height: calc(100vh / 45 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height27 {
      height: calc(100vw / 45 * 27); } }

.grid[data-grid-size="45"] .grid-item--width28 {
  width: 62.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width28 {
      width: calc(100vw / 45 * 28); } }

.grid[data-grid-size="45"] .grid-item--height28 {
  height: calc(100vh / 45 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height28 {
      height: calc(100vw / 45 * 28); } }

.grid[data-grid-size="45"] .grid-item--width29 {
  width: 64.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width29 {
      width: calc(100vw / 45 * 29); } }

.grid[data-grid-size="45"] .grid-item--height29 {
  height: calc(100vh / 45 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height29 {
      height: calc(100vw / 45 * 29); } }

.grid[data-grid-size="45"] .grid-item--width30 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width30 {
      width: calc(100vw / 45 * 30); } }

.grid[data-grid-size="45"] .grid-item--height30 {
  height: calc(100vh / 45 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height30 {
      height: calc(100vw / 45 * 30); } }

.grid[data-grid-size="45"] .grid-item--width31 {
  width: 68.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width31 {
      width: calc(100vw / 45 * 31); } }

.grid[data-grid-size="45"] .grid-item--height31 {
  height: calc(100vh / 45 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height31 {
      height: calc(100vw / 45 * 31); } }

.grid[data-grid-size="45"] .grid-item--width32 {
  width: 71.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width32 {
      width: calc(100vw / 45 * 32); } }

.grid[data-grid-size="45"] .grid-item--height32 {
  height: calc(100vh / 45 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height32 {
      height: calc(100vw / 45 * 32); } }

.grid[data-grid-size="45"] .grid-item--width33 {
  width: 73.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width33 {
      width: calc(100vw / 45 * 33); } }

.grid[data-grid-size="45"] .grid-item--height33 {
  height: calc(100vh / 45 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height33 {
      height: calc(100vw / 45 * 33); } }

.grid[data-grid-size="45"] .grid-item--width34 {
  width: 75.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width34 {
      width: calc(100vw / 45 * 34); } }

.grid[data-grid-size="45"] .grid-item--height34 {
  height: calc(100vh / 45 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height34 {
      height: calc(100vw / 45 * 34); } }

.grid[data-grid-size="45"] .grid-item--width35 {
  width: 77.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width35 {
      width: calc(100vw / 45 * 35); } }

.grid[data-grid-size="45"] .grid-item--height35 {
  height: calc(100vh / 45 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height35 {
      height: calc(100vw / 45 * 35); } }

.grid[data-grid-size="45"] .grid-item--width36 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width36 {
      width: calc(100vw / 45 * 36); } }

.grid[data-grid-size="45"] .grid-item--height36 {
  height: calc(100vh / 45 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height36 {
      height: calc(100vw / 45 * 36); } }

.grid[data-grid-size="45"] .grid-item--width37 {
  width: 82.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width37 {
      width: calc(100vw / 45 * 37); } }

.grid[data-grid-size="45"] .grid-item--height37 {
  height: calc(100vh / 45 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height37 {
      height: calc(100vw / 45 * 37); } }

.grid[data-grid-size="45"] .grid-item--width38 {
  width: 84.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width38 {
      width: calc(100vw / 45 * 38); } }

.grid[data-grid-size="45"] .grid-item--height38 {
  height: calc(100vh / 45 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height38 {
      height: calc(100vw / 45 * 38); } }

.grid[data-grid-size="45"] .grid-item--width39 {
  width: 86.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width39 {
      width: calc(100vw / 45 * 39); } }

.grid[data-grid-size="45"] .grid-item--height39 {
  height: calc(100vh / 45 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height39 {
      height: calc(100vw / 45 * 39); } }

.grid[data-grid-size="45"] .grid-item--width40 {
  width: 88.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width40 {
      width: calc(100vw / 45 * 40); } }

.grid[data-grid-size="45"] .grid-item--height40 {
  height: calc(100vh / 45 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height40 {
      height: calc(100vw / 45 * 40); } }

.grid[data-grid-size="45"] .grid-item--width41 {
  width: 91.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width41 {
      width: calc(100vw / 45 * 41); } }

.grid[data-grid-size="45"] .grid-item--height41 {
  height: calc(100vh / 45 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height41 {
      height: calc(100vw / 45 * 41); } }

.grid[data-grid-size="45"] .grid-item--width42 {
  width: 93.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width42 {
      width: calc(100vw / 45 * 42); } }

.grid[data-grid-size="45"] .grid-item--height42 {
  height: calc(100vh / 45 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height42 {
      height: calc(100vw / 45 * 42); } }

.grid[data-grid-size="45"] .grid-item--width43 {
  width: 95.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width43 {
      width: calc(100vw / 45 * 43); } }

.grid[data-grid-size="45"] .grid-item--height43 {
  height: calc(100vh / 45 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height43 {
      height: calc(100vw / 45 * 43); } }

.grid[data-grid-size="45"] .grid-item--width44 {
  width: 97.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width44 {
      width: calc(100vw / 45 * 44); } }

.grid[data-grid-size="45"] .grid-item--height44 {
  height: calc(100vh / 45 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height44 {
      height: calc(100vw / 45 * 44); } }

.grid[data-grid-size="45"] .grid-item--width45 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--width45 {
      width: calc(100vw / 45 * 45); } }

.grid[data-grid-size="45"] .grid-item--height45 {
  height: calc(100vh / 45 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="45"] .grid-item--height45 {
      height: calc(100vw / 45 * 45); } }

.grid[data-grid-size="46"] .grid-sizer, .grid[data-grid-size="46"] .grid-item {
  width: 2.17391%; }

.grid[data-grid-size="46"] .grid-item--width1 {
  width: 2.17391%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width1 {
      width: calc(100vw / 46 * 1); } }

.grid[data-grid-size="46"] .grid-item--height1 {
  height: calc(100vh / 46 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height1 {
      height: calc(100vw / 46 * 1); } }

.grid[data-grid-size="46"] .grid-item--width2 {
  width: 4.34783%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width2 {
      width: calc(100vw / 46 * 2); } }

.grid[data-grid-size="46"] .grid-item--height2 {
  height: calc(100vh / 46 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height2 {
      height: calc(100vw / 46 * 2); } }

.grid[data-grid-size="46"] .grid-item--width3 {
  width: 6.52174%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width3 {
      width: calc(100vw / 46 * 3); } }

.grid[data-grid-size="46"] .grid-item--height3 {
  height: calc(100vh / 46 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height3 {
      height: calc(100vw / 46 * 3); } }

.grid[data-grid-size="46"] .grid-item--width4 {
  width: 8.69565%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width4 {
      width: calc(100vw / 46 * 4); } }

.grid[data-grid-size="46"] .grid-item--height4 {
  height: calc(100vh / 46 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height4 {
      height: calc(100vw / 46 * 4); } }

.grid[data-grid-size="46"] .grid-item--width5 {
  width: 10.86957%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width5 {
      width: calc(100vw / 46 * 5); } }

.grid[data-grid-size="46"] .grid-item--height5 {
  height: calc(100vh / 46 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height5 {
      height: calc(100vw / 46 * 5); } }

.grid[data-grid-size="46"] .grid-item--width6 {
  width: 13.04348%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width6 {
      width: calc(100vw / 46 * 6); } }

.grid[data-grid-size="46"] .grid-item--height6 {
  height: calc(100vh / 46 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height6 {
      height: calc(100vw / 46 * 6); } }

.grid[data-grid-size="46"] .grid-item--width7 {
  width: 15.21739%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width7 {
      width: calc(100vw / 46 * 7); } }

.grid[data-grid-size="46"] .grid-item--height7 {
  height: calc(100vh / 46 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height7 {
      height: calc(100vw / 46 * 7); } }

.grid[data-grid-size="46"] .grid-item--width8 {
  width: 17.3913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width8 {
      width: calc(100vw / 46 * 8); } }

.grid[data-grid-size="46"] .grid-item--height8 {
  height: calc(100vh / 46 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height8 {
      height: calc(100vw / 46 * 8); } }

.grid[data-grid-size="46"] .grid-item--width9 {
  width: 19.56522%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width9 {
      width: calc(100vw / 46 * 9); } }

.grid[data-grid-size="46"] .grid-item--height9 {
  height: calc(100vh / 46 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height9 {
      height: calc(100vw / 46 * 9); } }

.grid[data-grid-size="46"] .grid-item--width10 {
  width: 21.73913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width10 {
      width: calc(100vw / 46 * 10); } }

.grid[data-grid-size="46"] .grid-item--height10 {
  height: calc(100vh / 46 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height10 {
      height: calc(100vw / 46 * 10); } }

.grid[data-grid-size="46"] .grid-item--width11 {
  width: 23.91304%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width11 {
      width: calc(100vw / 46 * 11); } }

.grid[data-grid-size="46"] .grid-item--height11 {
  height: calc(100vh / 46 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height11 {
      height: calc(100vw / 46 * 11); } }

.grid[data-grid-size="46"] .grid-item--width12 {
  width: 26.08696%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width12 {
      width: calc(100vw / 46 * 12); } }

.grid[data-grid-size="46"] .grid-item--height12 {
  height: calc(100vh / 46 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height12 {
      height: calc(100vw / 46 * 12); } }

.grid[data-grid-size="46"] .grid-item--width13 {
  width: 28.26087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width13 {
      width: calc(100vw / 46 * 13); } }

.grid[data-grid-size="46"] .grid-item--height13 {
  height: calc(100vh / 46 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height13 {
      height: calc(100vw / 46 * 13); } }

.grid[data-grid-size="46"] .grid-item--width14 {
  width: 30.43478%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width14 {
      width: calc(100vw / 46 * 14); } }

.grid[data-grid-size="46"] .grid-item--height14 {
  height: calc(100vh / 46 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height14 {
      height: calc(100vw / 46 * 14); } }

.grid[data-grid-size="46"] .grid-item--width15 {
  width: 32.6087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width15 {
      width: calc(100vw / 46 * 15); } }

.grid[data-grid-size="46"] .grid-item--height15 {
  height: calc(100vh / 46 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height15 {
      height: calc(100vw / 46 * 15); } }

.grid[data-grid-size="46"] .grid-item--width16 {
  width: 34.78261%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width16 {
      width: calc(100vw / 46 * 16); } }

.grid[data-grid-size="46"] .grid-item--height16 {
  height: calc(100vh / 46 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height16 {
      height: calc(100vw / 46 * 16); } }

.grid[data-grid-size="46"] .grid-item--width17 {
  width: 36.95652%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width17 {
      width: calc(100vw / 46 * 17); } }

.grid[data-grid-size="46"] .grid-item--height17 {
  height: calc(100vh / 46 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height17 {
      height: calc(100vw / 46 * 17); } }

.grid[data-grid-size="46"] .grid-item--width18 {
  width: 39.13043%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width18 {
      width: calc(100vw / 46 * 18); } }

.grid[data-grid-size="46"] .grid-item--height18 {
  height: calc(100vh / 46 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height18 {
      height: calc(100vw / 46 * 18); } }

.grid[data-grid-size="46"] .grid-item--width19 {
  width: 41.30435%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width19 {
      width: calc(100vw / 46 * 19); } }

.grid[data-grid-size="46"] .grid-item--height19 {
  height: calc(100vh / 46 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height19 {
      height: calc(100vw / 46 * 19); } }

.grid[data-grid-size="46"] .grid-item--width20 {
  width: 43.47826%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width20 {
      width: calc(100vw / 46 * 20); } }

.grid[data-grid-size="46"] .grid-item--height20 {
  height: calc(100vh / 46 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height20 {
      height: calc(100vw / 46 * 20); } }

.grid[data-grid-size="46"] .grid-item--width21 {
  width: 45.65217%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width21 {
      width: calc(100vw / 46 * 21); } }

.grid[data-grid-size="46"] .grid-item--height21 {
  height: calc(100vh / 46 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height21 {
      height: calc(100vw / 46 * 21); } }

.grid[data-grid-size="46"] .grid-item--width22 {
  width: 47.82609%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width22 {
      width: calc(100vw / 46 * 22); } }

.grid[data-grid-size="46"] .grid-item--height22 {
  height: calc(100vh / 46 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height22 {
      height: calc(100vw / 46 * 22); } }

.grid[data-grid-size="46"] .grid-item--width23 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width23 {
      width: calc(100vw / 46 * 23); } }

.grid[data-grid-size="46"] .grid-item--height23 {
  height: calc(100vh / 46 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height23 {
      height: calc(100vw / 46 * 23); } }

.grid[data-grid-size="46"] .grid-item--width24 {
  width: 52.17391%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width24 {
      width: calc(100vw / 46 * 24); } }

.grid[data-grid-size="46"] .grid-item--height24 {
  height: calc(100vh / 46 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height24 {
      height: calc(100vw / 46 * 24); } }

.grid[data-grid-size="46"] .grid-item--width25 {
  width: 54.34783%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width25 {
      width: calc(100vw / 46 * 25); } }

.grid[data-grid-size="46"] .grid-item--height25 {
  height: calc(100vh / 46 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height25 {
      height: calc(100vw / 46 * 25); } }

.grid[data-grid-size="46"] .grid-item--width26 {
  width: 56.52174%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width26 {
      width: calc(100vw / 46 * 26); } }

.grid[data-grid-size="46"] .grid-item--height26 {
  height: calc(100vh / 46 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height26 {
      height: calc(100vw / 46 * 26); } }

.grid[data-grid-size="46"] .grid-item--width27 {
  width: 58.69565%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width27 {
      width: calc(100vw / 46 * 27); } }

.grid[data-grid-size="46"] .grid-item--height27 {
  height: calc(100vh / 46 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height27 {
      height: calc(100vw / 46 * 27); } }

.grid[data-grid-size="46"] .grid-item--width28 {
  width: 60.86957%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width28 {
      width: calc(100vw / 46 * 28); } }

.grid[data-grid-size="46"] .grid-item--height28 {
  height: calc(100vh / 46 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height28 {
      height: calc(100vw / 46 * 28); } }

.grid[data-grid-size="46"] .grid-item--width29 {
  width: 63.04348%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width29 {
      width: calc(100vw / 46 * 29); } }

.grid[data-grid-size="46"] .grid-item--height29 {
  height: calc(100vh / 46 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height29 {
      height: calc(100vw / 46 * 29); } }

.grid[data-grid-size="46"] .grid-item--width30 {
  width: 65.21739%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width30 {
      width: calc(100vw / 46 * 30); } }

.grid[data-grid-size="46"] .grid-item--height30 {
  height: calc(100vh / 46 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height30 {
      height: calc(100vw / 46 * 30); } }

.grid[data-grid-size="46"] .grid-item--width31 {
  width: 67.3913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width31 {
      width: calc(100vw / 46 * 31); } }

.grid[data-grid-size="46"] .grid-item--height31 {
  height: calc(100vh / 46 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height31 {
      height: calc(100vw / 46 * 31); } }

.grid[data-grid-size="46"] .grid-item--width32 {
  width: 69.56522%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width32 {
      width: calc(100vw / 46 * 32); } }

.grid[data-grid-size="46"] .grid-item--height32 {
  height: calc(100vh / 46 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height32 {
      height: calc(100vw / 46 * 32); } }

.grid[data-grid-size="46"] .grid-item--width33 {
  width: 71.73913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width33 {
      width: calc(100vw / 46 * 33); } }

.grid[data-grid-size="46"] .grid-item--height33 {
  height: calc(100vh / 46 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height33 {
      height: calc(100vw / 46 * 33); } }

.grid[data-grid-size="46"] .grid-item--width34 {
  width: 73.91304%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width34 {
      width: calc(100vw / 46 * 34); } }

.grid[data-grid-size="46"] .grid-item--height34 {
  height: calc(100vh / 46 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height34 {
      height: calc(100vw / 46 * 34); } }

.grid[data-grid-size="46"] .grid-item--width35 {
  width: 76.08696%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width35 {
      width: calc(100vw / 46 * 35); } }

.grid[data-grid-size="46"] .grid-item--height35 {
  height: calc(100vh / 46 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height35 {
      height: calc(100vw / 46 * 35); } }

.grid[data-grid-size="46"] .grid-item--width36 {
  width: 78.26087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width36 {
      width: calc(100vw / 46 * 36); } }

.grid[data-grid-size="46"] .grid-item--height36 {
  height: calc(100vh / 46 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height36 {
      height: calc(100vw / 46 * 36); } }

.grid[data-grid-size="46"] .grid-item--width37 {
  width: 80.43478%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width37 {
      width: calc(100vw / 46 * 37); } }

.grid[data-grid-size="46"] .grid-item--height37 {
  height: calc(100vh / 46 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height37 {
      height: calc(100vw / 46 * 37); } }

.grid[data-grid-size="46"] .grid-item--width38 {
  width: 82.6087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width38 {
      width: calc(100vw / 46 * 38); } }

.grid[data-grid-size="46"] .grid-item--height38 {
  height: calc(100vh / 46 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height38 {
      height: calc(100vw / 46 * 38); } }

.grid[data-grid-size="46"] .grid-item--width39 {
  width: 84.78261%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width39 {
      width: calc(100vw / 46 * 39); } }

.grid[data-grid-size="46"] .grid-item--height39 {
  height: calc(100vh / 46 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height39 {
      height: calc(100vw / 46 * 39); } }

.grid[data-grid-size="46"] .grid-item--width40 {
  width: 86.95652%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width40 {
      width: calc(100vw / 46 * 40); } }

.grid[data-grid-size="46"] .grid-item--height40 {
  height: calc(100vh / 46 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height40 {
      height: calc(100vw / 46 * 40); } }

.grid[data-grid-size="46"] .grid-item--width41 {
  width: 89.13043%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width41 {
      width: calc(100vw / 46 * 41); } }

.grid[data-grid-size="46"] .grid-item--height41 {
  height: calc(100vh / 46 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height41 {
      height: calc(100vw / 46 * 41); } }

.grid[data-grid-size="46"] .grid-item--width42 {
  width: 91.30435%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width42 {
      width: calc(100vw / 46 * 42); } }

.grid[data-grid-size="46"] .grid-item--height42 {
  height: calc(100vh / 46 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height42 {
      height: calc(100vw / 46 * 42); } }

.grid[data-grid-size="46"] .grid-item--width43 {
  width: 93.47826%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width43 {
      width: calc(100vw / 46 * 43); } }

.grid[data-grid-size="46"] .grid-item--height43 {
  height: calc(100vh / 46 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height43 {
      height: calc(100vw / 46 * 43); } }

.grid[data-grid-size="46"] .grid-item--width44 {
  width: 95.65217%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width44 {
      width: calc(100vw / 46 * 44); } }

.grid[data-grid-size="46"] .grid-item--height44 {
  height: calc(100vh / 46 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height44 {
      height: calc(100vw / 46 * 44); } }

.grid[data-grid-size="46"] .grid-item--width45 {
  width: 97.82609%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width45 {
      width: calc(100vw / 46 * 45); } }

.grid[data-grid-size="46"] .grid-item--height45 {
  height: calc(100vh / 46 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height45 {
      height: calc(100vw / 46 * 45); } }

.grid[data-grid-size="46"] .grid-item--width46 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--width46 {
      width: calc(100vw / 46 * 46); } }

.grid[data-grid-size="46"] .grid-item--height46 {
  height: calc(100vh / 46 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="46"] .grid-item--height46 {
      height: calc(100vw / 46 * 46); } }

.grid[data-grid-size="47"] .grid-sizer, .grid[data-grid-size="47"] .grid-item {
  width: 2.12766%; }

.grid[data-grid-size="47"] .grid-item--width1 {
  width: 2.12766%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width1 {
      width: calc(100vw / 47 * 1); } }

.grid[data-grid-size="47"] .grid-item--height1 {
  height: calc(100vh / 47 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height1 {
      height: calc(100vw / 47 * 1); } }

.grid[data-grid-size="47"] .grid-item--width2 {
  width: 4.25532%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width2 {
      width: calc(100vw / 47 * 2); } }

.grid[data-grid-size="47"] .grid-item--height2 {
  height: calc(100vh / 47 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height2 {
      height: calc(100vw / 47 * 2); } }

.grid[data-grid-size="47"] .grid-item--width3 {
  width: 6.38298%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width3 {
      width: calc(100vw / 47 * 3); } }

.grid[data-grid-size="47"] .grid-item--height3 {
  height: calc(100vh / 47 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height3 {
      height: calc(100vw / 47 * 3); } }

.grid[data-grid-size="47"] .grid-item--width4 {
  width: 8.51064%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width4 {
      width: calc(100vw / 47 * 4); } }

.grid[data-grid-size="47"] .grid-item--height4 {
  height: calc(100vh / 47 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height4 {
      height: calc(100vw / 47 * 4); } }

.grid[data-grid-size="47"] .grid-item--width5 {
  width: 10.6383%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width5 {
      width: calc(100vw / 47 * 5); } }

.grid[data-grid-size="47"] .grid-item--height5 {
  height: calc(100vh / 47 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height5 {
      height: calc(100vw / 47 * 5); } }

.grid[data-grid-size="47"] .grid-item--width6 {
  width: 12.76596%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width6 {
      width: calc(100vw / 47 * 6); } }

.grid[data-grid-size="47"] .grid-item--height6 {
  height: calc(100vh / 47 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height6 {
      height: calc(100vw / 47 * 6); } }

.grid[data-grid-size="47"] .grid-item--width7 {
  width: 14.89362%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width7 {
      width: calc(100vw / 47 * 7); } }

.grid[data-grid-size="47"] .grid-item--height7 {
  height: calc(100vh / 47 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height7 {
      height: calc(100vw / 47 * 7); } }

.grid[data-grid-size="47"] .grid-item--width8 {
  width: 17.02128%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width8 {
      width: calc(100vw / 47 * 8); } }

.grid[data-grid-size="47"] .grid-item--height8 {
  height: calc(100vh / 47 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height8 {
      height: calc(100vw / 47 * 8); } }

.grid[data-grid-size="47"] .grid-item--width9 {
  width: 19.14894%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width9 {
      width: calc(100vw / 47 * 9); } }

.grid[data-grid-size="47"] .grid-item--height9 {
  height: calc(100vh / 47 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height9 {
      height: calc(100vw / 47 * 9); } }

.grid[data-grid-size="47"] .grid-item--width10 {
  width: 21.2766%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width10 {
      width: calc(100vw / 47 * 10); } }

.grid[data-grid-size="47"] .grid-item--height10 {
  height: calc(100vh / 47 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height10 {
      height: calc(100vw / 47 * 10); } }

.grid[data-grid-size="47"] .grid-item--width11 {
  width: 23.40426%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width11 {
      width: calc(100vw / 47 * 11); } }

.grid[data-grid-size="47"] .grid-item--height11 {
  height: calc(100vh / 47 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height11 {
      height: calc(100vw / 47 * 11); } }

.grid[data-grid-size="47"] .grid-item--width12 {
  width: 25.53191%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width12 {
      width: calc(100vw / 47 * 12); } }

.grid[data-grid-size="47"] .grid-item--height12 {
  height: calc(100vh / 47 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height12 {
      height: calc(100vw / 47 * 12); } }

.grid[data-grid-size="47"] .grid-item--width13 {
  width: 27.65957%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width13 {
      width: calc(100vw / 47 * 13); } }

.grid[data-grid-size="47"] .grid-item--height13 {
  height: calc(100vh / 47 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height13 {
      height: calc(100vw / 47 * 13); } }

.grid[data-grid-size="47"] .grid-item--width14 {
  width: 29.78723%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width14 {
      width: calc(100vw / 47 * 14); } }

.grid[data-grid-size="47"] .grid-item--height14 {
  height: calc(100vh / 47 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height14 {
      height: calc(100vw / 47 * 14); } }

.grid[data-grid-size="47"] .grid-item--width15 {
  width: 31.91489%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width15 {
      width: calc(100vw / 47 * 15); } }

.grid[data-grid-size="47"] .grid-item--height15 {
  height: calc(100vh / 47 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height15 {
      height: calc(100vw / 47 * 15); } }

.grid[data-grid-size="47"] .grid-item--width16 {
  width: 34.04255%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width16 {
      width: calc(100vw / 47 * 16); } }

.grid[data-grid-size="47"] .grid-item--height16 {
  height: calc(100vh / 47 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height16 {
      height: calc(100vw / 47 * 16); } }

.grid[data-grid-size="47"] .grid-item--width17 {
  width: 36.17021%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width17 {
      width: calc(100vw / 47 * 17); } }

.grid[data-grid-size="47"] .grid-item--height17 {
  height: calc(100vh / 47 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height17 {
      height: calc(100vw / 47 * 17); } }

.grid[data-grid-size="47"] .grid-item--width18 {
  width: 38.29787%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width18 {
      width: calc(100vw / 47 * 18); } }

.grid[data-grid-size="47"] .grid-item--height18 {
  height: calc(100vh / 47 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height18 {
      height: calc(100vw / 47 * 18); } }

.grid[data-grid-size="47"] .grid-item--width19 {
  width: 40.42553%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width19 {
      width: calc(100vw / 47 * 19); } }

.grid[data-grid-size="47"] .grid-item--height19 {
  height: calc(100vh / 47 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height19 {
      height: calc(100vw / 47 * 19); } }

.grid[data-grid-size="47"] .grid-item--width20 {
  width: 42.55319%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width20 {
      width: calc(100vw / 47 * 20); } }

.grid[data-grid-size="47"] .grid-item--height20 {
  height: calc(100vh / 47 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height20 {
      height: calc(100vw / 47 * 20); } }

.grid[data-grid-size="47"] .grid-item--width21 {
  width: 44.68085%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width21 {
      width: calc(100vw / 47 * 21); } }

.grid[data-grid-size="47"] .grid-item--height21 {
  height: calc(100vh / 47 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height21 {
      height: calc(100vw / 47 * 21); } }

.grid[data-grid-size="47"] .grid-item--width22 {
  width: 46.80851%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width22 {
      width: calc(100vw / 47 * 22); } }

.grid[data-grid-size="47"] .grid-item--height22 {
  height: calc(100vh / 47 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height22 {
      height: calc(100vw / 47 * 22); } }

.grid[data-grid-size="47"] .grid-item--width23 {
  width: 48.93617%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width23 {
      width: calc(100vw / 47 * 23); } }

.grid[data-grid-size="47"] .grid-item--height23 {
  height: calc(100vh / 47 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height23 {
      height: calc(100vw / 47 * 23); } }

.grid[data-grid-size="47"] .grid-item--width24 {
  width: 51.06383%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width24 {
      width: calc(100vw / 47 * 24); } }

.grid[data-grid-size="47"] .grid-item--height24 {
  height: calc(100vh / 47 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height24 {
      height: calc(100vw / 47 * 24); } }

.grid[data-grid-size="47"] .grid-item--width25 {
  width: 53.19149%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width25 {
      width: calc(100vw / 47 * 25); } }

.grid[data-grid-size="47"] .grid-item--height25 {
  height: calc(100vh / 47 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height25 {
      height: calc(100vw / 47 * 25); } }

.grid[data-grid-size="47"] .grid-item--width26 {
  width: 55.31915%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width26 {
      width: calc(100vw / 47 * 26); } }

.grid[data-grid-size="47"] .grid-item--height26 {
  height: calc(100vh / 47 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height26 {
      height: calc(100vw / 47 * 26); } }

.grid[data-grid-size="47"] .grid-item--width27 {
  width: 57.44681%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width27 {
      width: calc(100vw / 47 * 27); } }

.grid[data-grid-size="47"] .grid-item--height27 {
  height: calc(100vh / 47 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height27 {
      height: calc(100vw / 47 * 27); } }

.grid[data-grid-size="47"] .grid-item--width28 {
  width: 59.57447%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width28 {
      width: calc(100vw / 47 * 28); } }

.grid[data-grid-size="47"] .grid-item--height28 {
  height: calc(100vh / 47 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height28 {
      height: calc(100vw / 47 * 28); } }

.grid[data-grid-size="47"] .grid-item--width29 {
  width: 61.70213%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width29 {
      width: calc(100vw / 47 * 29); } }

.grid[data-grid-size="47"] .grid-item--height29 {
  height: calc(100vh / 47 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height29 {
      height: calc(100vw / 47 * 29); } }

.grid[data-grid-size="47"] .grid-item--width30 {
  width: 63.82979%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width30 {
      width: calc(100vw / 47 * 30); } }

.grid[data-grid-size="47"] .grid-item--height30 {
  height: calc(100vh / 47 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height30 {
      height: calc(100vw / 47 * 30); } }

.grid[data-grid-size="47"] .grid-item--width31 {
  width: 65.95745%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width31 {
      width: calc(100vw / 47 * 31); } }

.grid[data-grid-size="47"] .grid-item--height31 {
  height: calc(100vh / 47 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height31 {
      height: calc(100vw / 47 * 31); } }

.grid[data-grid-size="47"] .grid-item--width32 {
  width: 68.08511%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width32 {
      width: calc(100vw / 47 * 32); } }

.grid[data-grid-size="47"] .grid-item--height32 {
  height: calc(100vh / 47 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height32 {
      height: calc(100vw / 47 * 32); } }

.grid[data-grid-size="47"] .grid-item--width33 {
  width: 70.21277%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width33 {
      width: calc(100vw / 47 * 33); } }

.grid[data-grid-size="47"] .grid-item--height33 {
  height: calc(100vh / 47 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height33 {
      height: calc(100vw / 47 * 33); } }

.grid[data-grid-size="47"] .grid-item--width34 {
  width: 72.34043%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width34 {
      width: calc(100vw / 47 * 34); } }

.grid[data-grid-size="47"] .grid-item--height34 {
  height: calc(100vh / 47 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height34 {
      height: calc(100vw / 47 * 34); } }

.grid[data-grid-size="47"] .grid-item--width35 {
  width: 74.46809%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width35 {
      width: calc(100vw / 47 * 35); } }

.grid[data-grid-size="47"] .grid-item--height35 {
  height: calc(100vh / 47 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height35 {
      height: calc(100vw / 47 * 35); } }

.grid[data-grid-size="47"] .grid-item--width36 {
  width: 76.59574%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width36 {
      width: calc(100vw / 47 * 36); } }

.grid[data-grid-size="47"] .grid-item--height36 {
  height: calc(100vh / 47 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height36 {
      height: calc(100vw / 47 * 36); } }

.grid[data-grid-size="47"] .grid-item--width37 {
  width: 78.7234%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width37 {
      width: calc(100vw / 47 * 37); } }

.grid[data-grid-size="47"] .grid-item--height37 {
  height: calc(100vh / 47 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height37 {
      height: calc(100vw / 47 * 37); } }

.grid[data-grid-size="47"] .grid-item--width38 {
  width: 80.85106%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width38 {
      width: calc(100vw / 47 * 38); } }

.grid[data-grid-size="47"] .grid-item--height38 {
  height: calc(100vh / 47 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height38 {
      height: calc(100vw / 47 * 38); } }

.grid[data-grid-size="47"] .grid-item--width39 {
  width: 82.97872%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width39 {
      width: calc(100vw / 47 * 39); } }

.grid[data-grid-size="47"] .grid-item--height39 {
  height: calc(100vh / 47 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height39 {
      height: calc(100vw / 47 * 39); } }

.grid[data-grid-size="47"] .grid-item--width40 {
  width: 85.10638%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width40 {
      width: calc(100vw / 47 * 40); } }

.grid[data-grid-size="47"] .grid-item--height40 {
  height: calc(100vh / 47 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height40 {
      height: calc(100vw / 47 * 40); } }

.grid[data-grid-size="47"] .grid-item--width41 {
  width: 87.23404%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width41 {
      width: calc(100vw / 47 * 41); } }

.grid[data-grid-size="47"] .grid-item--height41 {
  height: calc(100vh / 47 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height41 {
      height: calc(100vw / 47 * 41); } }

.grid[data-grid-size="47"] .grid-item--width42 {
  width: 89.3617%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width42 {
      width: calc(100vw / 47 * 42); } }

.grid[data-grid-size="47"] .grid-item--height42 {
  height: calc(100vh / 47 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height42 {
      height: calc(100vw / 47 * 42); } }

.grid[data-grid-size="47"] .grid-item--width43 {
  width: 91.48936%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width43 {
      width: calc(100vw / 47 * 43); } }

.grid[data-grid-size="47"] .grid-item--height43 {
  height: calc(100vh / 47 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height43 {
      height: calc(100vw / 47 * 43); } }

.grid[data-grid-size="47"] .grid-item--width44 {
  width: 93.61702%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width44 {
      width: calc(100vw / 47 * 44); } }

.grid[data-grid-size="47"] .grid-item--height44 {
  height: calc(100vh / 47 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height44 {
      height: calc(100vw / 47 * 44); } }

.grid[data-grid-size="47"] .grid-item--width45 {
  width: 95.74468%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width45 {
      width: calc(100vw / 47 * 45); } }

.grid[data-grid-size="47"] .grid-item--height45 {
  height: calc(100vh / 47 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height45 {
      height: calc(100vw / 47 * 45); } }

.grid[data-grid-size="47"] .grid-item--width46 {
  width: 97.87234%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width46 {
      width: calc(100vw / 47 * 46); } }

.grid[data-grid-size="47"] .grid-item--height46 {
  height: calc(100vh / 47 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height46 {
      height: calc(100vw / 47 * 46); } }

.grid[data-grid-size="47"] .grid-item--width47 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--width47 {
      width: calc(100vw / 47 * 47); } }

.grid[data-grid-size="47"] .grid-item--height47 {
  height: calc(100vh / 47 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="47"] .grid-item--height47 {
      height: calc(100vw / 47 * 47); } }

.grid[data-grid-size="48"] .grid-sizer, .grid[data-grid-size="48"] .grid-item {
  width: 2.08333%; }

.grid[data-grid-size="48"] .grid-item--width1 {
  width: 2.08333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width1 {
      width: calc(100vw / 48 * 1); } }

.grid[data-grid-size="48"] .grid-item--height1 {
  height: calc(100vh / 48 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height1 {
      height: calc(100vw / 48 * 1); } }

.grid[data-grid-size="48"] .grid-item--width2 {
  width: 4.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width2 {
      width: calc(100vw / 48 * 2); } }

.grid[data-grid-size="48"] .grid-item--height2 {
  height: calc(100vh / 48 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height2 {
      height: calc(100vw / 48 * 2); } }

.grid[data-grid-size="48"] .grid-item--width3 {
  width: 6.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width3 {
      width: calc(100vw / 48 * 3); } }

.grid[data-grid-size="48"] .grid-item--height3 {
  height: calc(100vh / 48 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height3 {
      height: calc(100vw / 48 * 3); } }

.grid[data-grid-size="48"] .grid-item--width4 {
  width: 8.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width4 {
      width: calc(100vw / 48 * 4); } }

.grid[data-grid-size="48"] .grid-item--height4 {
  height: calc(100vh / 48 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height4 {
      height: calc(100vw / 48 * 4); } }

.grid[data-grid-size="48"] .grid-item--width5 {
  width: 10.41667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width5 {
      width: calc(100vw / 48 * 5); } }

.grid[data-grid-size="48"] .grid-item--height5 {
  height: calc(100vh / 48 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height5 {
      height: calc(100vw / 48 * 5); } }

.grid[data-grid-size="48"] .grid-item--width6 {
  width: 12.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width6 {
      width: calc(100vw / 48 * 6); } }

.grid[data-grid-size="48"] .grid-item--height6 {
  height: calc(100vh / 48 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height6 {
      height: calc(100vw / 48 * 6); } }

.grid[data-grid-size="48"] .grid-item--width7 {
  width: 14.58333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width7 {
      width: calc(100vw / 48 * 7); } }

.grid[data-grid-size="48"] .grid-item--height7 {
  height: calc(100vh / 48 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height7 {
      height: calc(100vw / 48 * 7); } }

.grid[data-grid-size="48"] .grid-item--width8 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width8 {
      width: calc(100vw / 48 * 8); } }

.grid[data-grid-size="48"] .grid-item--height8 {
  height: calc(100vh / 48 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height8 {
      height: calc(100vw / 48 * 8); } }

.grid[data-grid-size="48"] .grid-item--width9 {
  width: 18.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width9 {
      width: calc(100vw / 48 * 9); } }

.grid[data-grid-size="48"] .grid-item--height9 {
  height: calc(100vh / 48 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height9 {
      height: calc(100vw / 48 * 9); } }

.grid[data-grid-size="48"] .grid-item--width10 {
  width: 20.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width10 {
      width: calc(100vw / 48 * 10); } }

.grid[data-grid-size="48"] .grid-item--height10 {
  height: calc(100vh / 48 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height10 {
      height: calc(100vw / 48 * 10); } }

.grid[data-grid-size="48"] .grid-item--width11 {
  width: 22.91667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width11 {
      width: calc(100vw / 48 * 11); } }

.grid[data-grid-size="48"] .grid-item--height11 {
  height: calc(100vh / 48 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height11 {
      height: calc(100vw / 48 * 11); } }

.grid[data-grid-size="48"] .grid-item--width12 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width12 {
      width: calc(100vw / 48 * 12); } }

.grid[data-grid-size="48"] .grid-item--height12 {
  height: calc(100vh / 48 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height12 {
      height: calc(100vw / 48 * 12); } }

.grid[data-grid-size="48"] .grid-item--width13 {
  width: 27.08333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width13 {
      width: calc(100vw / 48 * 13); } }

.grid[data-grid-size="48"] .grid-item--height13 {
  height: calc(100vh / 48 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height13 {
      height: calc(100vw / 48 * 13); } }

.grid[data-grid-size="48"] .grid-item--width14 {
  width: 29.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width14 {
      width: calc(100vw / 48 * 14); } }

.grid[data-grid-size="48"] .grid-item--height14 {
  height: calc(100vh / 48 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height14 {
      height: calc(100vw / 48 * 14); } }

.grid[data-grid-size="48"] .grid-item--width15 {
  width: 31.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width15 {
      width: calc(100vw / 48 * 15); } }

.grid[data-grid-size="48"] .grid-item--height15 {
  height: calc(100vh / 48 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height15 {
      height: calc(100vw / 48 * 15); } }

.grid[data-grid-size="48"] .grid-item--width16 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width16 {
      width: calc(100vw / 48 * 16); } }

.grid[data-grid-size="48"] .grid-item--height16 {
  height: calc(100vh / 48 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height16 {
      height: calc(100vw / 48 * 16); } }

.grid[data-grid-size="48"] .grid-item--width17 {
  width: 35.41667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width17 {
      width: calc(100vw / 48 * 17); } }

.grid[data-grid-size="48"] .grid-item--height17 {
  height: calc(100vh / 48 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height17 {
      height: calc(100vw / 48 * 17); } }

.grid[data-grid-size="48"] .grid-item--width18 {
  width: 37.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width18 {
      width: calc(100vw / 48 * 18); } }

.grid[data-grid-size="48"] .grid-item--height18 {
  height: calc(100vh / 48 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height18 {
      height: calc(100vw / 48 * 18); } }

.grid[data-grid-size="48"] .grid-item--width19 {
  width: 39.58333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width19 {
      width: calc(100vw / 48 * 19); } }

.grid[data-grid-size="48"] .grid-item--height19 {
  height: calc(100vh / 48 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height19 {
      height: calc(100vw / 48 * 19); } }

.grid[data-grid-size="48"] .grid-item--width20 {
  width: 41.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width20 {
      width: calc(100vw / 48 * 20); } }

.grid[data-grid-size="48"] .grid-item--height20 {
  height: calc(100vh / 48 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height20 {
      height: calc(100vw / 48 * 20); } }

.grid[data-grid-size="48"] .grid-item--width21 {
  width: 43.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width21 {
      width: calc(100vw / 48 * 21); } }

.grid[data-grid-size="48"] .grid-item--height21 {
  height: calc(100vh / 48 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height21 {
      height: calc(100vw / 48 * 21); } }

.grid[data-grid-size="48"] .grid-item--width22 {
  width: 45.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width22 {
      width: calc(100vw / 48 * 22); } }

.grid[data-grid-size="48"] .grid-item--height22 {
  height: calc(100vh / 48 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height22 {
      height: calc(100vw / 48 * 22); } }

.grid[data-grid-size="48"] .grid-item--width23 {
  width: 47.91667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width23 {
      width: calc(100vw / 48 * 23); } }

.grid[data-grid-size="48"] .grid-item--height23 {
  height: calc(100vh / 48 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height23 {
      height: calc(100vw / 48 * 23); } }

.grid[data-grid-size="48"] .grid-item--width24 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width24 {
      width: calc(100vw / 48 * 24); } }

.grid[data-grid-size="48"] .grid-item--height24 {
  height: calc(100vh / 48 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height24 {
      height: calc(100vw / 48 * 24); } }

.grid[data-grid-size="48"] .grid-item--width25 {
  width: 52.08333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width25 {
      width: calc(100vw / 48 * 25); } }

.grid[data-grid-size="48"] .grid-item--height25 {
  height: calc(100vh / 48 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height25 {
      height: calc(100vw / 48 * 25); } }

.grid[data-grid-size="48"] .grid-item--width26 {
  width: 54.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width26 {
      width: calc(100vw / 48 * 26); } }

.grid[data-grid-size="48"] .grid-item--height26 {
  height: calc(100vh / 48 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height26 {
      height: calc(100vw / 48 * 26); } }

.grid[data-grid-size="48"] .grid-item--width27 {
  width: 56.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width27 {
      width: calc(100vw / 48 * 27); } }

.grid[data-grid-size="48"] .grid-item--height27 {
  height: calc(100vh / 48 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height27 {
      height: calc(100vw / 48 * 27); } }

.grid[data-grid-size="48"] .grid-item--width28 {
  width: 58.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width28 {
      width: calc(100vw / 48 * 28); } }

.grid[data-grid-size="48"] .grid-item--height28 {
  height: calc(100vh / 48 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height28 {
      height: calc(100vw / 48 * 28); } }

.grid[data-grid-size="48"] .grid-item--width29 {
  width: 60.41667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width29 {
      width: calc(100vw / 48 * 29); } }

.grid[data-grid-size="48"] .grid-item--height29 {
  height: calc(100vh / 48 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height29 {
      height: calc(100vw / 48 * 29); } }

.grid[data-grid-size="48"] .grid-item--width30 {
  width: 62.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width30 {
      width: calc(100vw / 48 * 30); } }

.grid[data-grid-size="48"] .grid-item--height30 {
  height: calc(100vh / 48 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height30 {
      height: calc(100vw / 48 * 30); } }

.grid[data-grid-size="48"] .grid-item--width31 {
  width: 64.58333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width31 {
      width: calc(100vw / 48 * 31); } }

.grid[data-grid-size="48"] .grid-item--height31 {
  height: calc(100vh / 48 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height31 {
      height: calc(100vw / 48 * 31); } }

.grid[data-grid-size="48"] .grid-item--width32 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width32 {
      width: calc(100vw / 48 * 32); } }

.grid[data-grid-size="48"] .grid-item--height32 {
  height: calc(100vh / 48 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height32 {
      height: calc(100vw / 48 * 32); } }

.grid[data-grid-size="48"] .grid-item--width33 {
  width: 68.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width33 {
      width: calc(100vw / 48 * 33); } }

.grid[data-grid-size="48"] .grid-item--height33 {
  height: calc(100vh / 48 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height33 {
      height: calc(100vw / 48 * 33); } }

.grid[data-grid-size="48"] .grid-item--width34 {
  width: 70.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width34 {
      width: calc(100vw / 48 * 34); } }

.grid[data-grid-size="48"] .grid-item--height34 {
  height: calc(100vh / 48 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height34 {
      height: calc(100vw / 48 * 34); } }

.grid[data-grid-size="48"] .grid-item--width35 {
  width: 72.91667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width35 {
      width: calc(100vw / 48 * 35); } }

.grid[data-grid-size="48"] .grid-item--height35 {
  height: calc(100vh / 48 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height35 {
      height: calc(100vw / 48 * 35); } }

.grid[data-grid-size="48"] .grid-item--width36 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width36 {
      width: calc(100vw / 48 * 36); } }

.grid[data-grid-size="48"] .grid-item--height36 {
  height: calc(100vh / 48 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height36 {
      height: calc(100vw / 48 * 36); } }

.grid[data-grid-size="48"] .grid-item--width37 {
  width: 77.08333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width37 {
      width: calc(100vw / 48 * 37); } }

.grid[data-grid-size="48"] .grid-item--height37 {
  height: calc(100vh / 48 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height37 {
      height: calc(100vw / 48 * 37); } }

.grid[data-grid-size="48"] .grid-item--width38 {
  width: 79.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width38 {
      width: calc(100vw / 48 * 38); } }

.grid[data-grid-size="48"] .grid-item--height38 {
  height: calc(100vh / 48 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height38 {
      height: calc(100vw / 48 * 38); } }

.grid[data-grid-size="48"] .grid-item--width39 {
  width: 81.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width39 {
      width: calc(100vw / 48 * 39); } }

.grid[data-grid-size="48"] .grid-item--height39 {
  height: calc(100vh / 48 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height39 {
      height: calc(100vw / 48 * 39); } }

.grid[data-grid-size="48"] .grid-item--width40 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width40 {
      width: calc(100vw / 48 * 40); } }

.grid[data-grid-size="48"] .grid-item--height40 {
  height: calc(100vh / 48 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height40 {
      height: calc(100vw / 48 * 40); } }

.grid[data-grid-size="48"] .grid-item--width41 {
  width: 85.41667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width41 {
      width: calc(100vw / 48 * 41); } }

.grid[data-grid-size="48"] .grid-item--height41 {
  height: calc(100vh / 48 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height41 {
      height: calc(100vw / 48 * 41); } }

.grid[data-grid-size="48"] .grid-item--width42 {
  width: 87.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width42 {
      width: calc(100vw / 48 * 42); } }

.grid[data-grid-size="48"] .grid-item--height42 {
  height: calc(100vh / 48 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height42 {
      height: calc(100vw / 48 * 42); } }

.grid[data-grid-size="48"] .grid-item--width43 {
  width: 89.58333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width43 {
      width: calc(100vw / 48 * 43); } }

.grid[data-grid-size="48"] .grid-item--height43 {
  height: calc(100vh / 48 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height43 {
      height: calc(100vw / 48 * 43); } }

.grid[data-grid-size="48"] .grid-item--width44 {
  width: 91.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width44 {
      width: calc(100vw / 48 * 44); } }

.grid[data-grid-size="48"] .grid-item--height44 {
  height: calc(100vh / 48 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height44 {
      height: calc(100vw / 48 * 44); } }

.grid[data-grid-size="48"] .grid-item--width45 {
  width: 93.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width45 {
      width: calc(100vw / 48 * 45); } }

.grid[data-grid-size="48"] .grid-item--height45 {
  height: calc(100vh / 48 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height45 {
      height: calc(100vw / 48 * 45); } }

.grid[data-grid-size="48"] .grid-item--width46 {
  width: 95.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width46 {
      width: calc(100vw / 48 * 46); } }

.grid[data-grid-size="48"] .grid-item--height46 {
  height: calc(100vh / 48 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height46 {
      height: calc(100vw / 48 * 46); } }

.grid[data-grid-size="48"] .grid-item--width47 {
  width: 97.91667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width47 {
      width: calc(100vw / 48 * 47); } }

.grid[data-grid-size="48"] .grid-item--height47 {
  height: calc(100vh / 48 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height47 {
      height: calc(100vw / 48 * 47); } }

.grid[data-grid-size="48"] .grid-item--width48 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--width48 {
      width: calc(100vw / 48 * 48); } }

.grid[data-grid-size="48"] .grid-item--height48 {
  height: calc(100vh / 48 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="48"] .grid-item--height48 {
      height: calc(100vw / 48 * 48); } }

.grid[data-grid-size="49"] .grid-sizer, .grid[data-grid-size="49"] .grid-item {
  width: 2.04082%; }

.grid[data-grid-size="49"] .grid-item--width1 {
  width: 2.04082%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width1 {
      width: calc(100vw / 49 * 1); } }

.grid[data-grid-size="49"] .grid-item--height1 {
  height: calc(100vh / 49 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height1 {
      height: calc(100vw / 49 * 1); } }

.grid[data-grid-size="49"] .grid-item--width2 {
  width: 4.08163%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width2 {
      width: calc(100vw / 49 * 2); } }

.grid[data-grid-size="49"] .grid-item--height2 {
  height: calc(100vh / 49 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height2 {
      height: calc(100vw / 49 * 2); } }

.grid[data-grid-size="49"] .grid-item--width3 {
  width: 6.12245%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width3 {
      width: calc(100vw / 49 * 3); } }

.grid[data-grid-size="49"] .grid-item--height3 {
  height: calc(100vh / 49 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height3 {
      height: calc(100vw / 49 * 3); } }

.grid[data-grid-size="49"] .grid-item--width4 {
  width: 8.16327%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width4 {
      width: calc(100vw / 49 * 4); } }

.grid[data-grid-size="49"] .grid-item--height4 {
  height: calc(100vh / 49 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height4 {
      height: calc(100vw / 49 * 4); } }

.grid[data-grid-size="49"] .grid-item--width5 {
  width: 10.20408%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width5 {
      width: calc(100vw / 49 * 5); } }

.grid[data-grid-size="49"] .grid-item--height5 {
  height: calc(100vh / 49 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height5 {
      height: calc(100vw / 49 * 5); } }

.grid[data-grid-size="49"] .grid-item--width6 {
  width: 12.2449%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width6 {
      width: calc(100vw / 49 * 6); } }

.grid[data-grid-size="49"] .grid-item--height6 {
  height: calc(100vh / 49 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height6 {
      height: calc(100vw / 49 * 6); } }

.grid[data-grid-size="49"] .grid-item--width7 {
  width: 14.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width7 {
      width: calc(100vw / 49 * 7); } }

.grid[data-grid-size="49"] .grid-item--height7 {
  height: calc(100vh / 49 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height7 {
      height: calc(100vw / 49 * 7); } }

.grid[data-grid-size="49"] .grid-item--width8 {
  width: 16.32653%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width8 {
      width: calc(100vw / 49 * 8); } }

.grid[data-grid-size="49"] .grid-item--height8 {
  height: calc(100vh / 49 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height8 {
      height: calc(100vw / 49 * 8); } }

.grid[data-grid-size="49"] .grid-item--width9 {
  width: 18.36735%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width9 {
      width: calc(100vw / 49 * 9); } }

.grid[data-grid-size="49"] .grid-item--height9 {
  height: calc(100vh / 49 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height9 {
      height: calc(100vw / 49 * 9); } }

.grid[data-grid-size="49"] .grid-item--width10 {
  width: 20.40816%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width10 {
      width: calc(100vw / 49 * 10); } }

.grid[data-grid-size="49"] .grid-item--height10 {
  height: calc(100vh / 49 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height10 {
      height: calc(100vw / 49 * 10); } }

.grid[data-grid-size="49"] .grid-item--width11 {
  width: 22.44898%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width11 {
      width: calc(100vw / 49 * 11); } }

.grid[data-grid-size="49"] .grid-item--height11 {
  height: calc(100vh / 49 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height11 {
      height: calc(100vw / 49 * 11); } }

.grid[data-grid-size="49"] .grid-item--width12 {
  width: 24.4898%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width12 {
      width: calc(100vw / 49 * 12); } }

.grid[data-grid-size="49"] .grid-item--height12 {
  height: calc(100vh / 49 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height12 {
      height: calc(100vw / 49 * 12); } }

.grid[data-grid-size="49"] .grid-item--width13 {
  width: 26.53061%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width13 {
      width: calc(100vw / 49 * 13); } }

.grid[data-grid-size="49"] .grid-item--height13 {
  height: calc(100vh / 49 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height13 {
      height: calc(100vw / 49 * 13); } }

.grid[data-grid-size="49"] .grid-item--width14 {
  width: 28.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width14 {
      width: calc(100vw / 49 * 14); } }

.grid[data-grid-size="49"] .grid-item--height14 {
  height: calc(100vh / 49 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height14 {
      height: calc(100vw / 49 * 14); } }

.grid[data-grid-size="49"] .grid-item--width15 {
  width: 30.61224%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width15 {
      width: calc(100vw / 49 * 15); } }

.grid[data-grid-size="49"] .grid-item--height15 {
  height: calc(100vh / 49 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height15 {
      height: calc(100vw / 49 * 15); } }

.grid[data-grid-size="49"] .grid-item--width16 {
  width: 32.65306%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width16 {
      width: calc(100vw / 49 * 16); } }

.grid[data-grid-size="49"] .grid-item--height16 {
  height: calc(100vh / 49 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height16 {
      height: calc(100vw / 49 * 16); } }

.grid[data-grid-size="49"] .grid-item--width17 {
  width: 34.69388%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width17 {
      width: calc(100vw / 49 * 17); } }

.grid[data-grid-size="49"] .grid-item--height17 {
  height: calc(100vh / 49 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height17 {
      height: calc(100vw / 49 * 17); } }

.grid[data-grid-size="49"] .grid-item--width18 {
  width: 36.73469%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width18 {
      width: calc(100vw / 49 * 18); } }

.grid[data-grid-size="49"] .grid-item--height18 {
  height: calc(100vh / 49 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height18 {
      height: calc(100vw / 49 * 18); } }

.grid[data-grid-size="49"] .grid-item--width19 {
  width: 38.77551%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width19 {
      width: calc(100vw / 49 * 19); } }

.grid[data-grid-size="49"] .grid-item--height19 {
  height: calc(100vh / 49 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height19 {
      height: calc(100vw / 49 * 19); } }

.grid[data-grid-size="49"] .grid-item--width20 {
  width: 40.81633%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width20 {
      width: calc(100vw / 49 * 20); } }

.grid[data-grid-size="49"] .grid-item--height20 {
  height: calc(100vh / 49 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height20 {
      height: calc(100vw / 49 * 20); } }

.grid[data-grid-size="49"] .grid-item--width21 {
  width: 42.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width21 {
      width: calc(100vw / 49 * 21); } }

.grid[data-grid-size="49"] .grid-item--height21 {
  height: calc(100vh / 49 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height21 {
      height: calc(100vw / 49 * 21); } }

.grid[data-grid-size="49"] .grid-item--width22 {
  width: 44.89796%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width22 {
      width: calc(100vw / 49 * 22); } }

.grid[data-grid-size="49"] .grid-item--height22 {
  height: calc(100vh / 49 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height22 {
      height: calc(100vw / 49 * 22); } }

.grid[data-grid-size="49"] .grid-item--width23 {
  width: 46.93878%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width23 {
      width: calc(100vw / 49 * 23); } }

.grid[data-grid-size="49"] .grid-item--height23 {
  height: calc(100vh / 49 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height23 {
      height: calc(100vw / 49 * 23); } }

.grid[data-grid-size="49"] .grid-item--width24 {
  width: 48.97959%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width24 {
      width: calc(100vw / 49 * 24); } }

.grid[data-grid-size="49"] .grid-item--height24 {
  height: calc(100vh / 49 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height24 {
      height: calc(100vw / 49 * 24); } }

.grid[data-grid-size="49"] .grid-item--width25 {
  width: 51.02041%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width25 {
      width: calc(100vw / 49 * 25); } }

.grid[data-grid-size="49"] .grid-item--height25 {
  height: calc(100vh / 49 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height25 {
      height: calc(100vw / 49 * 25); } }

.grid[data-grid-size="49"] .grid-item--width26 {
  width: 53.06122%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width26 {
      width: calc(100vw / 49 * 26); } }

.grid[data-grid-size="49"] .grid-item--height26 {
  height: calc(100vh / 49 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height26 {
      height: calc(100vw / 49 * 26); } }

.grid[data-grid-size="49"] .grid-item--width27 {
  width: 55.10204%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width27 {
      width: calc(100vw / 49 * 27); } }

.grid[data-grid-size="49"] .grid-item--height27 {
  height: calc(100vh / 49 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height27 {
      height: calc(100vw / 49 * 27); } }

.grid[data-grid-size="49"] .grid-item--width28 {
  width: 57.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width28 {
      width: calc(100vw / 49 * 28); } }

.grid[data-grid-size="49"] .grid-item--height28 {
  height: calc(100vh / 49 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height28 {
      height: calc(100vw / 49 * 28); } }

.grid[data-grid-size="49"] .grid-item--width29 {
  width: 59.18367%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width29 {
      width: calc(100vw / 49 * 29); } }

.grid[data-grid-size="49"] .grid-item--height29 {
  height: calc(100vh / 49 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height29 {
      height: calc(100vw / 49 * 29); } }

.grid[data-grid-size="49"] .grid-item--width30 {
  width: 61.22449%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width30 {
      width: calc(100vw / 49 * 30); } }

.grid[data-grid-size="49"] .grid-item--height30 {
  height: calc(100vh / 49 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height30 {
      height: calc(100vw / 49 * 30); } }

.grid[data-grid-size="49"] .grid-item--width31 {
  width: 63.26531%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width31 {
      width: calc(100vw / 49 * 31); } }

.grid[data-grid-size="49"] .grid-item--height31 {
  height: calc(100vh / 49 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height31 {
      height: calc(100vw / 49 * 31); } }

.grid[data-grid-size="49"] .grid-item--width32 {
  width: 65.30612%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width32 {
      width: calc(100vw / 49 * 32); } }

.grid[data-grid-size="49"] .grid-item--height32 {
  height: calc(100vh / 49 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height32 {
      height: calc(100vw / 49 * 32); } }

.grid[data-grid-size="49"] .grid-item--width33 {
  width: 67.34694%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width33 {
      width: calc(100vw / 49 * 33); } }

.grid[data-grid-size="49"] .grid-item--height33 {
  height: calc(100vh / 49 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height33 {
      height: calc(100vw / 49 * 33); } }

.grid[data-grid-size="49"] .grid-item--width34 {
  width: 69.38776%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width34 {
      width: calc(100vw / 49 * 34); } }

.grid[data-grid-size="49"] .grid-item--height34 {
  height: calc(100vh / 49 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height34 {
      height: calc(100vw / 49 * 34); } }

.grid[data-grid-size="49"] .grid-item--width35 {
  width: 71.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width35 {
      width: calc(100vw / 49 * 35); } }

.grid[data-grid-size="49"] .grid-item--height35 {
  height: calc(100vh / 49 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height35 {
      height: calc(100vw / 49 * 35); } }

.grid[data-grid-size="49"] .grid-item--width36 {
  width: 73.46939%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width36 {
      width: calc(100vw / 49 * 36); } }

.grid[data-grid-size="49"] .grid-item--height36 {
  height: calc(100vh / 49 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height36 {
      height: calc(100vw / 49 * 36); } }

.grid[data-grid-size="49"] .grid-item--width37 {
  width: 75.5102%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width37 {
      width: calc(100vw / 49 * 37); } }

.grid[data-grid-size="49"] .grid-item--height37 {
  height: calc(100vh / 49 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height37 {
      height: calc(100vw / 49 * 37); } }

.grid[data-grid-size="49"] .grid-item--width38 {
  width: 77.55102%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width38 {
      width: calc(100vw / 49 * 38); } }

.grid[data-grid-size="49"] .grid-item--height38 {
  height: calc(100vh / 49 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height38 {
      height: calc(100vw / 49 * 38); } }

.grid[data-grid-size="49"] .grid-item--width39 {
  width: 79.59184%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width39 {
      width: calc(100vw / 49 * 39); } }

.grid[data-grid-size="49"] .grid-item--height39 {
  height: calc(100vh / 49 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height39 {
      height: calc(100vw / 49 * 39); } }

.grid[data-grid-size="49"] .grid-item--width40 {
  width: 81.63265%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width40 {
      width: calc(100vw / 49 * 40); } }

.grid[data-grid-size="49"] .grid-item--height40 {
  height: calc(100vh / 49 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height40 {
      height: calc(100vw / 49 * 40); } }

.grid[data-grid-size="49"] .grid-item--width41 {
  width: 83.67347%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width41 {
      width: calc(100vw / 49 * 41); } }

.grid[data-grid-size="49"] .grid-item--height41 {
  height: calc(100vh / 49 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height41 {
      height: calc(100vw / 49 * 41); } }

.grid[data-grid-size="49"] .grid-item--width42 {
  width: 85.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width42 {
      width: calc(100vw / 49 * 42); } }

.grid[data-grid-size="49"] .grid-item--height42 {
  height: calc(100vh / 49 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height42 {
      height: calc(100vw / 49 * 42); } }

.grid[data-grid-size="49"] .grid-item--width43 {
  width: 87.7551%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width43 {
      width: calc(100vw / 49 * 43); } }

.grid[data-grid-size="49"] .grid-item--height43 {
  height: calc(100vh / 49 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height43 {
      height: calc(100vw / 49 * 43); } }

.grid[data-grid-size="49"] .grid-item--width44 {
  width: 89.79592%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width44 {
      width: calc(100vw / 49 * 44); } }

.grid[data-grid-size="49"] .grid-item--height44 {
  height: calc(100vh / 49 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height44 {
      height: calc(100vw / 49 * 44); } }

.grid[data-grid-size="49"] .grid-item--width45 {
  width: 91.83673%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width45 {
      width: calc(100vw / 49 * 45); } }

.grid[data-grid-size="49"] .grid-item--height45 {
  height: calc(100vh / 49 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height45 {
      height: calc(100vw / 49 * 45); } }

.grid[data-grid-size="49"] .grid-item--width46 {
  width: 93.87755%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width46 {
      width: calc(100vw / 49 * 46); } }

.grid[data-grid-size="49"] .grid-item--height46 {
  height: calc(100vh / 49 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height46 {
      height: calc(100vw / 49 * 46); } }

.grid[data-grid-size="49"] .grid-item--width47 {
  width: 95.91837%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width47 {
      width: calc(100vw / 49 * 47); } }

.grid[data-grid-size="49"] .grid-item--height47 {
  height: calc(100vh / 49 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height47 {
      height: calc(100vw / 49 * 47); } }

.grid[data-grid-size="49"] .grid-item--width48 {
  width: 97.95918%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width48 {
      width: calc(100vw / 49 * 48); } }

.grid[data-grid-size="49"] .grid-item--height48 {
  height: calc(100vh / 49 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height48 {
      height: calc(100vw / 49 * 48); } }

.grid[data-grid-size="49"] .grid-item--width49 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--width49 {
      width: calc(100vw / 49 * 49); } }

.grid[data-grid-size="49"] .grid-item--height49 {
  height: calc(100vh / 49 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="49"] .grid-item--height49 {
      height: calc(100vw / 49 * 49); } }

.grid[data-grid-size="50"] .grid-sizer, .grid[data-grid-size="50"] .grid-item {
  width: 2%; }

.grid[data-grid-size="50"] .grid-item--width1 {
  width: 2%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width1 {
      width: calc(100vw / 50 * 1); } }

.grid[data-grid-size="50"] .grid-item--height1 {
  height: calc(100vh / 50 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height1 {
      height: calc(100vw / 50 * 1); } }

.grid[data-grid-size="50"] .grid-item--width2 {
  width: 4%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width2 {
      width: calc(100vw / 50 * 2); } }

.grid[data-grid-size="50"] .grid-item--height2 {
  height: calc(100vh / 50 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height2 {
      height: calc(100vw / 50 * 2); } }

.grid[data-grid-size="50"] .grid-item--width3 {
  width: 6%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width3 {
      width: calc(100vw / 50 * 3); } }

.grid[data-grid-size="50"] .grid-item--height3 {
  height: calc(100vh / 50 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height3 {
      height: calc(100vw / 50 * 3); } }

.grid[data-grid-size="50"] .grid-item--width4 {
  width: 8%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width4 {
      width: calc(100vw / 50 * 4); } }

.grid[data-grid-size="50"] .grid-item--height4 {
  height: calc(100vh / 50 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height4 {
      height: calc(100vw / 50 * 4); } }

.grid[data-grid-size="50"] .grid-item--width5 {
  width: 10%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width5 {
      width: calc(100vw / 50 * 5); } }

.grid[data-grid-size="50"] .grid-item--height5 {
  height: calc(100vh / 50 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height5 {
      height: calc(100vw / 50 * 5); } }

.grid[data-grid-size="50"] .grid-item--width6 {
  width: 12%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width6 {
      width: calc(100vw / 50 * 6); } }

.grid[data-grid-size="50"] .grid-item--height6 {
  height: calc(100vh / 50 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height6 {
      height: calc(100vw / 50 * 6); } }

.grid[data-grid-size="50"] .grid-item--width7 {
  width: 14%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width7 {
      width: calc(100vw / 50 * 7); } }

.grid[data-grid-size="50"] .grid-item--height7 {
  height: calc(100vh / 50 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height7 {
      height: calc(100vw / 50 * 7); } }

.grid[data-grid-size="50"] .grid-item--width8 {
  width: 16%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width8 {
      width: calc(100vw / 50 * 8); } }

.grid[data-grid-size="50"] .grid-item--height8 {
  height: calc(100vh / 50 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height8 {
      height: calc(100vw / 50 * 8); } }

.grid[data-grid-size="50"] .grid-item--width9 {
  width: 18%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width9 {
      width: calc(100vw / 50 * 9); } }

.grid[data-grid-size="50"] .grid-item--height9 {
  height: calc(100vh / 50 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height9 {
      height: calc(100vw / 50 * 9); } }

.grid[data-grid-size="50"] .grid-item--width10 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width10 {
      width: calc(100vw / 50 * 10); } }

.grid[data-grid-size="50"] .grid-item--height10 {
  height: calc(100vh / 50 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height10 {
      height: calc(100vw / 50 * 10); } }

.grid[data-grid-size="50"] .grid-item--width11 {
  width: 22%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width11 {
      width: calc(100vw / 50 * 11); } }

.grid[data-grid-size="50"] .grid-item--height11 {
  height: calc(100vh / 50 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height11 {
      height: calc(100vw / 50 * 11); } }

.grid[data-grid-size="50"] .grid-item--width12 {
  width: 24%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width12 {
      width: calc(100vw / 50 * 12); } }

.grid[data-grid-size="50"] .grid-item--height12 {
  height: calc(100vh / 50 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height12 {
      height: calc(100vw / 50 * 12); } }

.grid[data-grid-size="50"] .grid-item--width13 {
  width: 26%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width13 {
      width: calc(100vw / 50 * 13); } }

.grid[data-grid-size="50"] .grid-item--height13 {
  height: calc(100vh / 50 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height13 {
      height: calc(100vw / 50 * 13); } }

.grid[data-grid-size="50"] .grid-item--width14 {
  width: 28%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width14 {
      width: calc(100vw / 50 * 14); } }

.grid[data-grid-size="50"] .grid-item--height14 {
  height: calc(100vh / 50 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height14 {
      height: calc(100vw / 50 * 14); } }

.grid[data-grid-size="50"] .grid-item--width15 {
  width: 30%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width15 {
      width: calc(100vw / 50 * 15); } }

.grid[data-grid-size="50"] .grid-item--height15 {
  height: calc(100vh / 50 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height15 {
      height: calc(100vw / 50 * 15); } }

.grid[data-grid-size="50"] .grid-item--width16 {
  width: 32%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width16 {
      width: calc(100vw / 50 * 16); } }

.grid[data-grid-size="50"] .grid-item--height16 {
  height: calc(100vh / 50 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height16 {
      height: calc(100vw / 50 * 16); } }

.grid[data-grid-size="50"] .grid-item--width17 {
  width: 34%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width17 {
      width: calc(100vw / 50 * 17); } }

.grid[data-grid-size="50"] .grid-item--height17 {
  height: calc(100vh / 50 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height17 {
      height: calc(100vw / 50 * 17); } }

.grid[data-grid-size="50"] .grid-item--width18 {
  width: 36%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width18 {
      width: calc(100vw / 50 * 18); } }

.grid[data-grid-size="50"] .grid-item--height18 {
  height: calc(100vh / 50 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height18 {
      height: calc(100vw / 50 * 18); } }

.grid[data-grid-size="50"] .grid-item--width19 {
  width: 38%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width19 {
      width: calc(100vw / 50 * 19); } }

.grid[data-grid-size="50"] .grid-item--height19 {
  height: calc(100vh / 50 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height19 {
      height: calc(100vw / 50 * 19); } }

.grid[data-grid-size="50"] .grid-item--width20 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width20 {
      width: calc(100vw / 50 * 20); } }

.grid[data-grid-size="50"] .grid-item--height20 {
  height: calc(100vh / 50 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height20 {
      height: calc(100vw / 50 * 20); } }

.grid[data-grid-size="50"] .grid-item--width21 {
  width: 42%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width21 {
      width: calc(100vw / 50 * 21); } }

.grid[data-grid-size="50"] .grid-item--height21 {
  height: calc(100vh / 50 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height21 {
      height: calc(100vw / 50 * 21); } }

.grid[data-grid-size="50"] .grid-item--width22 {
  width: 44%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width22 {
      width: calc(100vw / 50 * 22); } }

.grid[data-grid-size="50"] .grid-item--height22 {
  height: calc(100vh / 50 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height22 {
      height: calc(100vw / 50 * 22); } }

.grid[data-grid-size="50"] .grid-item--width23 {
  width: 46%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width23 {
      width: calc(100vw / 50 * 23); } }

.grid[data-grid-size="50"] .grid-item--height23 {
  height: calc(100vh / 50 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height23 {
      height: calc(100vw / 50 * 23); } }

.grid[data-grid-size="50"] .grid-item--width24 {
  width: 48%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width24 {
      width: calc(100vw / 50 * 24); } }

.grid[data-grid-size="50"] .grid-item--height24 {
  height: calc(100vh / 50 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height24 {
      height: calc(100vw / 50 * 24); } }

.grid[data-grid-size="50"] .grid-item--width25 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width25 {
      width: calc(100vw / 50 * 25); } }

.grid[data-grid-size="50"] .grid-item--height25 {
  height: calc(100vh / 50 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height25 {
      height: calc(100vw / 50 * 25); } }

.grid[data-grid-size="50"] .grid-item--width26 {
  width: 52%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width26 {
      width: calc(100vw / 50 * 26); } }

.grid[data-grid-size="50"] .grid-item--height26 {
  height: calc(100vh / 50 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height26 {
      height: calc(100vw / 50 * 26); } }

.grid[data-grid-size="50"] .grid-item--width27 {
  width: 54%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width27 {
      width: calc(100vw / 50 * 27); } }

.grid[data-grid-size="50"] .grid-item--height27 {
  height: calc(100vh / 50 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height27 {
      height: calc(100vw / 50 * 27); } }

.grid[data-grid-size="50"] .grid-item--width28 {
  width: 56%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width28 {
      width: calc(100vw / 50 * 28); } }

.grid[data-grid-size="50"] .grid-item--height28 {
  height: calc(100vh / 50 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height28 {
      height: calc(100vw / 50 * 28); } }

.grid[data-grid-size="50"] .grid-item--width29 {
  width: 58%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width29 {
      width: calc(100vw / 50 * 29); } }

.grid[data-grid-size="50"] .grid-item--height29 {
  height: calc(100vh / 50 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height29 {
      height: calc(100vw / 50 * 29); } }

.grid[data-grid-size="50"] .grid-item--width30 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width30 {
      width: calc(100vw / 50 * 30); } }

.grid[data-grid-size="50"] .grid-item--height30 {
  height: calc(100vh / 50 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height30 {
      height: calc(100vw / 50 * 30); } }

.grid[data-grid-size="50"] .grid-item--width31 {
  width: 62%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width31 {
      width: calc(100vw / 50 * 31); } }

.grid[data-grid-size="50"] .grid-item--height31 {
  height: calc(100vh / 50 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height31 {
      height: calc(100vw / 50 * 31); } }

.grid[data-grid-size="50"] .grid-item--width32 {
  width: 64%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width32 {
      width: calc(100vw / 50 * 32); } }

.grid[data-grid-size="50"] .grid-item--height32 {
  height: calc(100vh / 50 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height32 {
      height: calc(100vw / 50 * 32); } }

.grid[data-grid-size="50"] .grid-item--width33 {
  width: 66%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width33 {
      width: calc(100vw / 50 * 33); } }

.grid[data-grid-size="50"] .grid-item--height33 {
  height: calc(100vh / 50 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height33 {
      height: calc(100vw / 50 * 33); } }

.grid[data-grid-size="50"] .grid-item--width34 {
  width: 68%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width34 {
      width: calc(100vw / 50 * 34); } }

.grid[data-grid-size="50"] .grid-item--height34 {
  height: calc(100vh / 50 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height34 {
      height: calc(100vw / 50 * 34); } }

.grid[data-grid-size="50"] .grid-item--width35 {
  width: 70%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width35 {
      width: calc(100vw / 50 * 35); } }

.grid[data-grid-size="50"] .grid-item--height35 {
  height: calc(100vh / 50 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height35 {
      height: calc(100vw / 50 * 35); } }

.grid[data-grid-size="50"] .grid-item--width36 {
  width: 72%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width36 {
      width: calc(100vw / 50 * 36); } }

.grid[data-grid-size="50"] .grid-item--height36 {
  height: calc(100vh / 50 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height36 {
      height: calc(100vw / 50 * 36); } }

.grid[data-grid-size="50"] .grid-item--width37 {
  width: 74%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width37 {
      width: calc(100vw / 50 * 37); } }

.grid[data-grid-size="50"] .grid-item--height37 {
  height: calc(100vh / 50 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height37 {
      height: calc(100vw / 50 * 37); } }

.grid[data-grid-size="50"] .grid-item--width38 {
  width: 76%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width38 {
      width: calc(100vw / 50 * 38); } }

.grid[data-grid-size="50"] .grid-item--height38 {
  height: calc(100vh / 50 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height38 {
      height: calc(100vw / 50 * 38); } }

.grid[data-grid-size="50"] .grid-item--width39 {
  width: 78%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width39 {
      width: calc(100vw / 50 * 39); } }

.grid[data-grid-size="50"] .grid-item--height39 {
  height: calc(100vh / 50 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height39 {
      height: calc(100vw / 50 * 39); } }

.grid[data-grid-size="50"] .grid-item--width40 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width40 {
      width: calc(100vw / 50 * 40); } }

.grid[data-grid-size="50"] .grid-item--height40 {
  height: calc(100vh / 50 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height40 {
      height: calc(100vw / 50 * 40); } }

.grid[data-grid-size="50"] .grid-item--width41 {
  width: 82%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width41 {
      width: calc(100vw / 50 * 41); } }

.grid[data-grid-size="50"] .grid-item--height41 {
  height: calc(100vh / 50 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height41 {
      height: calc(100vw / 50 * 41); } }

.grid[data-grid-size="50"] .grid-item--width42 {
  width: 84%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width42 {
      width: calc(100vw / 50 * 42); } }

.grid[data-grid-size="50"] .grid-item--height42 {
  height: calc(100vh / 50 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height42 {
      height: calc(100vw / 50 * 42); } }

.grid[data-grid-size="50"] .grid-item--width43 {
  width: 86%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width43 {
      width: calc(100vw / 50 * 43); } }

.grid[data-grid-size="50"] .grid-item--height43 {
  height: calc(100vh / 50 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height43 {
      height: calc(100vw / 50 * 43); } }

.grid[data-grid-size="50"] .grid-item--width44 {
  width: 88%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width44 {
      width: calc(100vw / 50 * 44); } }

.grid[data-grid-size="50"] .grid-item--height44 {
  height: calc(100vh / 50 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height44 {
      height: calc(100vw / 50 * 44); } }

.grid[data-grid-size="50"] .grid-item--width45 {
  width: 90%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width45 {
      width: calc(100vw / 50 * 45); } }

.grid[data-grid-size="50"] .grid-item--height45 {
  height: calc(100vh / 50 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height45 {
      height: calc(100vw / 50 * 45); } }

.grid[data-grid-size="50"] .grid-item--width46 {
  width: 92%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width46 {
      width: calc(100vw / 50 * 46); } }

.grid[data-grid-size="50"] .grid-item--height46 {
  height: calc(100vh / 50 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height46 {
      height: calc(100vw / 50 * 46); } }

.grid[data-grid-size="50"] .grid-item--width47 {
  width: 94%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width47 {
      width: calc(100vw / 50 * 47); } }

.grid[data-grid-size="50"] .grid-item--height47 {
  height: calc(100vh / 50 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height47 {
      height: calc(100vw / 50 * 47); } }

.grid[data-grid-size="50"] .grid-item--width48 {
  width: 96%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width48 {
      width: calc(100vw / 50 * 48); } }

.grid[data-grid-size="50"] .grid-item--height48 {
  height: calc(100vh / 50 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height48 {
      height: calc(100vw / 50 * 48); } }

.grid[data-grid-size="50"] .grid-item--width49 {
  width: 98%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width49 {
      width: calc(100vw / 50 * 49); } }

.grid[data-grid-size="50"] .grid-item--height49 {
  height: calc(100vh / 50 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height49 {
      height: calc(100vw / 50 * 49); } }

.grid[data-grid-size="50"] .grid-item--width50 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--width50 {
      width: calc(100vw / 50 * 50); } }

.grid[data-grid-size="50"] .grid-item--height50 {
  height: calc(100vh / 50 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="50"] .grid-item--height50 {
      height: calc(100vw / 50 * 50); } }

.grid[data-grid-size="51"] .grid-sizer, .grid[data-grid-size="51"] .grid-item {
  width: 1.96078%; }

.grid[data-grid-size="51"] .grid-item--width1 {
  width: 1.96078%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width1 {
      width: calc(100vw / 51 * 1); } }

.grid[data-grid-size="51"] .grid-item--height1 {
  height: calc(100vh / 51 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height1 {
      height: calc(100vw / 51 * 1); } }

.grid[data-grid-size="51"] .grid-item--width2 {
  width: 3.92157%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width2 {
      width: calc(100vw / 51 * 2); } }

.grid[data-grid-size="51"] .grid-item--height2 {
  height: calc(100vh / 51 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height2 {
      height: calc(100vw / 51 * 2); } }

.grid[data-grid-size="51"] .grid-item--width3 {
  width: 5.88235%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width3 {
      width: calc(100vw / 51 * 3); } }

.grid[data-grid-size="51"] .grid-item--height3 {
  height: calc(100vh / 51 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height3 {
      height: calc(100vw / 51 * 3); } }

.grid[data-grid-size="51"] .grid-item--width4 {
  width: 7.84314%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width4 {
      width: calc(100vw / 51 * 4); } }

.grid[data-grid-size="51"] .grid-item--height4 {
  height: calc(100vh / 51 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height4 {
      height: calc(100vw / 51 * 4); } }

.grid[data-grid-size="51"] .grid-item--width5 {
  width: 9.80392%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width5 {
      width: calc(100vw / 51 * 5); } }

.grid[data-grid-size="51"] .grid-item--height5 {
  height: calc(100vh / 51 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height5 {
      height: calc(100vw / 51 * 5); } }

.grid[data-grid-size="51"] .grid-item--width6 {
  width: 11.76471%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width6 {
      width: calc(100vw / 51 * 6); } }

.grid[data-grid-size="51"] .grid-item--height6 {
  height: calc(100vh / 51 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height6 {
      height: calc(100vw / 51 * 6); } }

.grid[data-grid-size="51"] .grid-item--width7 {
  width: 13.72549%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width7 {
      width: calc(100vw / 51 * 7); } }

.grid[data-grid-size="51"] .grid-item--height7 {
  height: calc(100vh / 51 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height7 {
      height: calc(100vw / 51 * 7); } }

.grid[data-grid-size="51"] .grid-item--width8 {
  width: 15.68627%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width8 {
      width: calc(100vw / 51 * 8); } }

.grid[data-grid-size="51"] .grid-item--height8 {
  height: calc(100vh / 51 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height8 {
      height: calc(100vw / 51 * 8); } }

.grid[data-grid-size="51"] .grid-item--width9 {
  width: 17.64706%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width9 {
      width: calc(100vw / 51 * 9); } }

.grid[data-grid-size="51"] .grid-item--height9 {
  height: calc(100vh / 51 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height9 {
      height: calc(100vw / 51 * 9); } }

.grid[data-grid-size="51"] .grid-item--width10 {
  width: 19.60784%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width10 {
      width: calc(100vw / 51 * 10); } }

.grid[data-grid-size="51"] .grid-item--height10 {
  height: calc(100vh / 51 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height10 {
      height: calc(100vw / 51 * 10); } }

.grid[data-grid-size="51"] .grid-item--width11 {
  width: 21.56863%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width11 {
      width: calc(100vw / 51 * 11); } }

.grid[data-grid-size="51"] .grid-item--height11 {
  height: calc(100vh / 51 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height11 {
      height: calc(100vw / 51 * 11); } }

.grid[data-grid-size="51"] .grid-item--width12 {
  width: 23.52941%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width12 {
      width: calc(100vw / 51 * 12); } }

.grid[data-grid-size="51"] .grid-item--height12 {
  height: calc(100vh / 51 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height12 {
      height: calc(100vw / 51 * 12); } }

.grid[data-grid-size="51"] .grid-item--width13 {
  width: 25.4902%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width13 {
      width: calc(100vw / 51 * 13); } }

.grid[data-grid-size="51"] .grid-item--height13 {
  height: calc(100vh / 51 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height13 {
      height: calc(100vw / 51 * 13); } }

.grid[data-grid-size="51"] .grid-item--width14 {
  width: 27.45098%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width14 {
      width: calc(100vw / 51 * 14); } }

.grid[data-grid-size="51"] .grid-item--height14 {
  height: calc(100vh / 51 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height14 {
      height: calc(100vw / 51 * 14); } }

.grid[data-grid-size="51"] .grid-item--width15 {
  width: 29.41176%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width15 {
      width: calc(100vw / 51 * 15); } }

.grid[data-grid-size="51"] .grid-item--height15 {
  height: calc(100vh / 51 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height15 {
      height: calc(100vw / 51 * 15); } }

.grid[data-grid-size="51"] .grid-item--width16 {
  width: 31.37255%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width16 {
      width: calc(100vw / 51 * 16); } }

.grid[data-grid-size="51"] .grid-item--height16 {
  height: calc(100vh / 51 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height16 {
      height: calc(100vw / 51 * 16); } }

.grid[data-grid-size="51"] .grid-item--width17 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width17 {
      width: calc(100vw / 51 * 17); } }

.grid[data-grid-size="51"] .grid-item--height17 {
  height: calc(100vh / 51 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height17 {
      height: calc(100vw / 51 * 17); } }

.grid[data-grid-size="51"] .grid-item--width18 {
  width: 35.29412%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width18 {
      width: calc(100vw / 51 * 18); } }

.grid[data-grid-size="51"] .grid-item--height18 {
  height: calc(100vh / 51 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height18 {
      height: calc(100vw / 51 * 18); } }

.grid[data-grid-size="51"] .grid-item--width19 {
  width: 37.2549%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width19 {
      width: calc(100vw / 51 * 19); } }

.grid[data-grid-size="51"] .grid-item--height19 {
  height: calc(100vh / 51 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height19 {
      height: calc(100vw / 51 * 19); } }

.grid[data-grid-size="51"] .grid-item--width20 {
  width: 39.21569%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width20 {
      width: calc(100vw / 51 * 20); } }

.grid[data-grid-size="51"] .grid-item--height20 {
  height: calc(100vh / 51 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height20 {
      height: calc(100vw / 51 * 20); } }

.grid[data-grid-size="51"] .grid-item--width21 {
  width: 41.17647%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width21 {
      width: calc(100vw / 51 * 21); } }

.grid[data-grid-size="51"] .grid-item--height21 {
  height: calc(100vh / 51 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height21 {
      height: calc(100vw / 51 * 21); } }

.grid[data-grid-size="51"] .grid-item--width22 {
  width: 43.13725%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width22 {
      width: calc(100vw / 51 * 22); } }

.grid[data-grid-size="51"] .grid-item--height22 {
  height: calc(100vh / 51 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height22 {
      height: calc(100vw / 51 * 22); } }

.grid[data-grid-size="51"] .grid-item--width23 {
  width: 45.09804%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width23 {
      width: calc(100vw / 51 * 23); } }

.grid[data-grid-size="51"] .grid-item--height23 {
  height: calc(100vh / 51 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height23 {
      height: calc(100vw / 51 * 23); } }

.grid[data-grid-size="51"] .grid-item--width24 {
  width: 47.05882%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width24 {
      width: calc(100vw / 51 * 24); } }

.grid[data-grid-size="51"] .grid-item--height24 {
  height: calc(100vh / 51 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height24 {
      height: calc(100vw / 51 * 24); } }

.grid[data-grid-size="51"] .grid-item--width25 {
  width: 49.01961%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width25 {
      width: calc(100vw / 51 * 25); } }

.grid[data-grid-size="51"] .grid-item--height25 {
  height: calc(100vh / 51 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height25 {
      height: calc(100vw / 51 * 25); } }

.grid[data-grid-size="51"] .grid-item--width26 {
  width: 50.98039%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width26 {
      width: calc(100vw / 51 * 26); } }

.grid[data-grid-size="51"] .grid-item--height26 {
  height: calc(100vh / 51 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height26 {
      height: calc(100vw / 51 * 26); } }

.grid[data-grid-size="51"] .grid-item--width27 {
  width: 52.94118%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width27 {
      width: calc(100vw / 51 * 27); } }

.grid[data-grid-size="51"] .grid-item--height27 {
  height: calc(100vh / 51 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height27 {
      height: calc(100vw / 51 * 27); } }

.grid[data-grid-size="51"] .grid-item--width28 {
  width: 54.90196%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width28 {
      width: calc(100vw / 51 * 28); } }

.grid[data-grid-size="51"] .grid-item--height28 {
  height: calc(100vh / 51 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height28 {
      height: calc(100vw / 51 * 28); } }

.grid[data-grid-size="51"] .grid-item--width29 {
  width: 56.86275%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width29 {
      width: calc(100vw / 51 * 29); } }

.grid[data-grid-size="51"] .grid-item--height29 {
  height: calc(100vh / 51 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height29 {
      height: calc(100vw / 51 * 29); } }

.grid[data-grid-size="51"] .grid-item--width30 {
  width: 58.82353%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width30 {
      width: calc(100vw / 51 * 30); } }

.grid[data-grid-size="51"] .grid-item--height30 {
  height: calc(100vh / 51 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height30 {
      height: calc(100vw / 51 * 30); } }

.grid[data-grid-size="51"] .grid-item--width31 {
  width: 60.78431%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width31 {
      width: calc(100vw / 51 * 31); } }

.grid[data-grid-size="51"] .grid-item--height31 {
  height: calc(100vh / 51 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height31 {
      height: calc(100vw / 51 * 31); } }

.grid[data-grid-size="51"] .grid-item--width32 {
  width: 62.7451%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width32 {
      width: calc(100vw / 51 * 32); } }

.grid[data-grid-size="51"] .grid-item--height32 {
  height: calc(100vh / 51 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height32 {
      height: calc(100vw / 51 * 32); } }

.grid[data-grid-size="51"] .grid-item--width33 {
  width: 64.70588%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width33 {
      width: calc(100vw / 51 * 33); } }

.grid[data-grid-size="51"] .grid-item--height33 {
  height: calc(100vh / 51 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height33 {
      height: calc(100vw / 51 * 33); } }

.grid[data-grid-size="51"] .grid-item--width34 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width34 {
      width: calc(100vw / 51 * 34); } }

.grid[data-grid-size="51"] .grid-item--height34 {
  height: calc(100vh / 51 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height34 {
      height: calc(100vw / 51 * 34); } }

.grid[data-grid-size="51"] .grid-item--width35 {
  width: 68.62745%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width35 {
      width: calc(100vw / 51 * 35); } }

.grid[data-grid-size="51"] .grid-item--height35 {
  height: calc(100vh / 51 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height35 {
      height: calc(100vw / 51 * 35); } }

.grid[data-grid-size="51"] .grid-item--width36 {
  width: 70.58824%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width36 {
      width: calc(100vw / 51 * 36); } }

.grid[data-grid-size="51"] .grid-item--height36 {
  height: calc(100vh / 51 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height36 {
      height: calc(100vw / 51 * 36); } }

.grid[data-grid-size="51"] .grid-item--width37 {
  width: 72.54902%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width37 {
      width: calc(100vw / 51 * 37); } }

.grid[data-grid-size="51"] .grid-item--height37 {
  height: calc(100vh / 51 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height37 {
      height: calc(100vw / 51 * 37); } }

.grid[data-grid-size="51"] .grid-item--width38 {
  width: 74.5098%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width38 {
      width: calc(100vw / 51 * 38); } }

.grid[data-grid-size="51"] .grid-item--height38 {
  height: calc(100vh / 51 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height38 {
      height: calc(100vw / 51 * 38); } }

.grid[data-grid-size="51"] .grid-item--width39 {
  width: 76.47059%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width39 {
      width: calc(100vw / 51 * 39); } }

.grid[data-grid-size="51"] .grid-item--height39 {
  height: calc(100vh / 51 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height39 {
      height: calc(100vw / 51 * 39); } }

.grid[data-grid-size="51"] .grid-item--width40 {
  width: 78.43137%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width40 {
      width: calc(100vw / 51 * 40); } }

.grid[data-grid-size="51"] .grid-item--height40 {
  height: calc(100vh / 51 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height40 {
      height: calc(100vw / 51 * 40); } }

.grid[data-grid-size="51"] .grid-item--width41 {
  width: 80.39216%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width41 {
      width: calc(100vw / 51 * 41); } }

.grid[data-grid-size="51"] .grid-item--height41 {
  height: calc(100vh / 51 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height41 {
      height: calc(100vw / 51 * 41); } }

.grid[data-grid-size="51"] .grid-item--width42 {
  width: 82.35294%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width42 {
      width: calc(100vw / 51 * 42); } }

.grid[data-grid-size="51"] .grid-item--height42 {
  height: calc(100vh / 51 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height42 {
      height: calc(100vw / 51 * 42); } }

.grid[data-grid-size="51"] .grid-item--width43 {
  width: 84.31373%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width43 {
      width: calc(100vw / 51 * 43); } }

.grid[data-grid-size="51"] .grid-item--height43 {
  height: calc(100vh / 51 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height43 {
      height: calc(100vw / 51 * 43); } }

.grid[data-grid-size="51"] .grid-item--width44 {
  width: 86.27451%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width44 {
      width: calc(100vw / 51 * 44); } }

.grid[data-grid-size="51"] .grid-item--height44 {
  height: calc(100vh / 51 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height44 {
      height: calc(100vw / 51 * 44); } }

.grid[data-grid-size="51"] .grid-item--width45 {
  width: 88.23529%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width45 {
      width: calc(100vw / 51 * 45); } }

.grid[data-grid-size="51"] .grid-item--height45 {
  height: calc(100vh / 51 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height45 {
      height: calc(100vw / 51 * 45); } }

.grid[data-grid-size="51"] .grid-item--width46 {
  width: 90.19608%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width46 {
      width: calc(100vw / 51 * 46); } }

.grid[data-grid-size="51"] .grid-item--height46 {
  height: calc(100vh / 51 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height46 {
      height: calc(100vw / 51 * 46); } }

.grid[data-grid-size="51"] .grid-item--width47 {
  width: 92.15686%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width47 {
      width: calc(100vw / 51 * 47); } }

.grid[data-grid-size="51"] .grid-item--height47 {
  height: calc(100vh / 51 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height47 {
      height: calc(100vw / 51 * 47); } }

.grid[data-grid-size="51"] .grid-item--width48 {
  width: 94.11765%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width48 {
      width: calc(100vw / 51 * 48); } }

.grid[data-grid-size="51"] .grid-item--height48 {
  height: calc(100vh / 51 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height48 {
      height: calc(100vw / 51 * 48); } }

.grid[data-grid-size="51"] .grid-item--width49 {
  width: 96.07843%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width49 {
      width: calc(100vw / 51 * 49); } }

.grid[data-grid-size="51"] .grid-item--height49 {
  height: calc(100vh / 51 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height49 {
      height: calc(100vw / 51 * 49); } }

.grid[data-grid-size="51"] .grid-item--width50 {
  width: 98.03922%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width50 {
      width: calc(100vw / 51 * 50); } }

.grid[data-grid-size="51"] .grid-item--height50 {
  height: calc(100vh / 51 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height50 {
      height: calc(100vw / 51 * 50); } }

.grid[data-grid-size="51"] .grid-item--width51 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--width51 {
      width: calc(100vw / 51 * 51); } }

.grid[data-grid-size="51"] .grid-item--height51 {
  height: calc(100vh / 51 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="51"] .grid-item--height51 {
      height: calc(100vw / 51 * 51); } }

.grid[data-grid-size="52"] .grid-sizer, .grid[data-grid-size="52"] .grid-item {
  width: 1.92308%; }

.grid[data-grid-size="52"] .grid-item--width1 {
  width: 1.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width1 {
      width: calc(100vw / 52 * 1); } }

.grid[data-grid-size="52"] .grid-item--height1 {
  height: calc(100vh / 52 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height1 {
      height: calc(100vw / 52 * 1); } }

.grid[data-grid-size="52"] .grid-item--width2 {
  width: 3.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width2 {
      width: calc(100vw / 52 * 2); } }

.grid[data-grid-size="52"] .grid-item--height2 {
  height: calc(100vh / 52 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height2 {
      height: calc(100vw / 52 * 2); } }

.grid[data-grid-size="52"] .grid-item--width3 {
  width: 5.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width3 {
      width: calc(100vw / 52 * 3); } }

.grid[data-grid-size="52"] .grid-item--height3 {
  height: calc(100vh / 52 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height3 {
      height: calc(100vw / 52 * 3); } }

.grid[data-grid-size="52"] .grid-item--width4 {
  width: 7.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width4 {
      width: calc(100vw / 52 * 4); } }

.grid[data-grid-size="52"] .grid-item--height4 {
  height: calc(100vh / 52 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height4 {
      height: calc(100vw / 52 * 4); } }

.grid[data-grid-size="52"] .grid-item--width5 {
  width: 9.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width5 {
      width: calc(100vw / 52 * 5); } }

.grid[data-grid-size="52"] .grid-item--height5 {
  height: calc(100vh / 52 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height5 {
      height: calc(100vw / 52 * 5); } }

.grid[data-grid-size="52"] .grid-item--width6 {
  width: 11.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width6 {
      width: calc(100vw / 52 * 6); } }

.grid[data-grid-size="52"] .grid-item--height6 {
  height: calc(100vh / 52 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height6 {
      height: calc(100vw / 52 * 6); } }

.grid[data-grid-size="52"] .grid-item--width7 {
  width: 13.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width7 {
      width: calc(100vw / 52 * 7); } }

.grid[data-grid-size="52"] .grid-item--height7 {
  height: calc(100vh / 52 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height7 {
      height: calc(100vw / 52 * 7); } }

.grid[data-grid-size="52"] .grid-item--width8 {
  width: 15.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width8 {
      width: calc(100vw / 52 * 8); } }

.grid[data-grid-size="52"] .grid-item--height8 {
  height: calc(100vh / 52 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height8 {
      height: calc(100vw / 52 * 8); } }

.grid[data-grid-size="52"] .grid-item--width9 {
  width: 17.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width9 {
      width: calc(100vw / 52 * 9); } }

.grid[data-grid-size="52"] .grid-item--height9 {
  height: calc(100vh / 52 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height9 {
      height: calc(100vw / 52 * 9); } }

.grid[data-grid-size="52"] .grid-item--width10 {
  width: 19.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width10 {
      width: calc(100vw / 52 * 10); } }

.grid[data-grid-size="52"] .grid-item--height10 {
  height: calc(100vh / 52 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height10 {
      height: calc(100vw / 52 * 10); } }

.grid[data-grid-size="52"] .grid-item--width11 {
  width: 21.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width11 {
      width: calc(100vw / 52 * 11); } }

.grid[data-grid-size="52"] .grid-item--height11 {
  height: calc(100vh / 52 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height11 {
      height: calc(100vw / 52 * 11); } }

.grid[data-grid-size="52"] .grid-item--width12 {
  width: 23.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width12 {
      width: calc(100vw / 52 * 12); } }

.grid[data-grid-size="52"] .grid-item--height12 {
  height: calc(100vh / 52 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height12 {
      height: calc(100vw / 52 * 12); } }

.grid[data-grid-size="52"] .grid-item--width13 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width13 {
      width: calc(100vw / 52 * 13); } }

.grid[data-grid-size="52"] .grid-item--height13 {
  height: calc(100vh / 52 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height13 {
      height: calc(100vw / 52 * 13); } }

.grid[data-grid-size="52"] .grid-item--width14 {
  width: 26.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width14 {
      width: calc(100vw / 52 * 14); } }

.grid[data-grid-size="52"] .grid-item--height14 {
  height: calc(100vh / 52 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height14 {
      height: calc(100vw / 52 * 14); } }

.grid[data-grid-size="52"] .grid-item--width15 {
  width: 28.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width15 {
      width: calc(100vw / 52 * 15); } }

.grid[data-grid-size="52"] .grid-item--height15 {
  height: calc(100vh / 52 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height15 {
      height: calc(100vw / 52 * 15); } }

.grid[data-grid-size="52"] .grid-item--width16 {
  width: 30.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width16 {
      width: calc(100vw / 52 * 16); } }

.grid[data-grid-size="52"] .grid-item--height16 {
  height: calc(100vh / 52 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height16 {
      height: calc(100vw / 52 * 16); } }

.grid[data-grid-size="52"] .grid-item--width17 {
  width: 32.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width17 {
      width: calc(100vw / 52 * 17); } }

.grid[data-grid-size="52"] .grid-item--height17 {
  height: calc(100vh / 52 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height17 {
      height: calc(100vw / 52 * 17); } }

.grid[data-grid-size="52"] .grid-item--width18 {
  width: 34.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width18 {
      width: calc(100vw / 52 * 18); } }

.grid[data-grid-size="52"] .grid-item--height18 {
  height: calc(100vh / 52 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height18 {
      height: calc(100vw / 52 * 18); } }

.grid[data-grid-size="52"] .grid-item--width19 {
  width: 36.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width19 {
      width: calc(100vw / 52 * 19); } }

.grid[data-grid-size="52"] .grid-item--height19 {
  height: calc(100vh / 52 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height19 {
      height: calc(100vw / 52 * 19); } }

.grid[data-grid-size="52"] .grid-item--width20 {
  width: 38.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width20 {
      width: calc(100vw / 52 * 20); } }

.grid[data-grid-size="52"] .grid-item--height20 {
  height: calc(100vh / 52 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height20 {
      height: calc(100vw / 52 * 20); } }

.grid[data-grid-size="52"] .grid-item--width21 {
  width: 40.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width21 {
      width: calc(100vw / 52 * 21); } }

.grid[data-grid-size="52"] .grid-item--height21 {
  height: calc(100vh / 52 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height21 {
      height: calc(100vw / 52 * 21); } }

.grid[data-grid-size="52"] .grid-item--width22 {
  width: 42.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width22 {
      width: calc(100vw / 52 * 22); } }

.grid[data-grid-size="52"] .grid-item--height22 {
  height: calc(100vh / 52 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height22 {
      height: calc(100vw / 52 * 22); } }

.grid[data-grid-size="52"] .grid-item--width23 {
  width: 44.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width23 {
      width: calc(100vw / 52 * 23); } }

.grid[data-grid-size="52"] .grid-item--height23 {
  height: calc(100vh / 52 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height23 {
      height: calc(100vw / 52 * 23); } }

.grid[data-grid-size="52"] .grid-item--width24 {
  width: 46.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width24 {
      width: calc(100vw / 52 * 24); } }

.grid[data-grid-size="52"] .grid-item--height24 {
  height: calc(100vh / 52 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height24 {
      height: calc(100vw / 52 * 24); } }

.grid[data-grid-size="52"] .grid-item--width25 {
  width: 48.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width25 {
      width: calc(100vw / 52 * 25); } }

.grid[data-grid-size="52"] .grid-item--height25 {
  height: calc(100vh / 52 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height25 {
      height: calc(100vw / 52 * 25); } }

.grid[data-grid-size="52"] .grid-item--width26 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width26 {
      width: calc(100vw / 52 * 26); } }

.grid[data-grid-size="52"] .grid-item--height26 {
  height: calc(100vh / 52 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height26 {
      height: calc(100vw / 52 * 26); } }

.grid[data-grid-size="52"] .grid-item--width27 {
  width: 51.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width27 {
      width: calc(100vw / 52 * 27); } }

.grid[data-grid-size="52"] .grid-item--height27 {
  height: calc(100vh / 52 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height27 {
      height: calc(100vw / 52 * 27); } }

.grid[data-grid-size="52"] .grid-item--width28 {
  width: 53.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width28 {
      width: calc(100vw / 52 * 28); } }

.grid[data-grid-size="52"] .grid-item--height28 {
  height: calc(100vh / 52 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height28 {
      height: calc(100vw / 52 * 28); } }

.grid[data-grid-size="52"] .grid-item--width29 {
  width: 55.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width29 {
      width: calc(100vw / 52 * 29); } }

.grid[data-grid-size="52"] .grid-item--height29 {
  height: calc(100vh / 52 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height29 {
      height: calc(100vw / 52 * 29); } }

.grid[data-grid-size="52"] .grid-item--width30 {
  width: 57.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width30 {
      width: calc(100vw / 52 * 30); } }

.grid[data-grid-size="52"] .grid-item--height30 {
  height: calc(100vh / 52 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height30 {
      height: calc(100vw / 52 * 30); } }

.grid[data-grid-size="52"] .grid-item--width31 {
  width: 59.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width31 {
      width: calc(100vw / 52 * 31); } }

.grid[data-grid-size="52"] .grid-item--height31 {
  height: calc(100vh / 52 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height31 {
      height: calc(100vw / 52 * 31); } }

.grid[data-grid-size="52"] .grid-item--width32 {
  width: 61.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width32 {
      width: calc(100vw / 52 * 32); } }

.grid[data-grid-size="52"] .grid-item--height32 {
  height: calc(100vh / 52 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height32 {
      height: calc(100vw / 52 * 32); } }

.grid[data-grid-size="52"] .grid-item--width33 {
  width: 63.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width33 {
      width: calc(100vw / 52 * 33); } }

.grid[data-grid-size="52"] .grid-item--height33 {
  height: calc(100vh / 52 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height33 {
      height: calc(100vw / 52 * 33); } }

.grid[data-grid-size="52"] .grid-item--width34 {
  width: 65.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width34 {
      width: calc(100vw / 52 * 34); } }

.grid[data-grid-size="52"] .grid-item--height34 {
  height: calc(100vh / 52 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height34 {
      height: calc(100vw / 52 * 34); } }

.grid[data-grid-size="52"] .grid-item--width35 {
  width: 67.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width35 {
      width: calc(100vw / 52 * 35); } }

.grid[data-grid-size="52"] .grid-item--height35 {
  height: calc(100vh / 52 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height35 {
      height: calc(100vw / 52 * 35); } }

.grid[data-grid-size="52"] .grid-item--width36 {
  width: 69.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width36 {
      width: calc(100vw / 52 * 36); } }

.grid[data-grid-size="52"] .grid-item--height36 {
  height: calc(100vh / 52 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height36 {
      height: calc(100vw / 52 * 36); } }

.grid[data-grid-size="52"] .grid-item--width37 {
  width: 71.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width37 {
      width: calc(100vw / 52 * 37); } }

.grid[data-grid-size="52"] .grid-item--height37 {
  height: calc(100vh / 52 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height37 {
      height: calc(100vw / 52 * 37); } }

.grid[data-grid-size="52"] .grid-item--width38 {
  width: 73.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width38 {
      width: calc(100vw / 52 * 38); } }

.grid[data-grid-size="52"] .grid-item--height38 {
  height: calc(100vh / 52 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height38 {
      height: calc(100vw / 52 * 38); } }

.grid[data-grid-size="52"] .grid-item--width39 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width39 {
      width: calc(100vw / 52 * 39); } }

.grid[data-grid-size="52"] .grid-item--height39 {
  height: calc(100vh / 52 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height39 {
      height: calc(100vw / 52 * 39); } }

.grid[data-grid-size="52"] .grid-item--width40 {
  width: 76.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width40 {
      width: calc(100vw / 52 * 40); } }

.grid[data-grid-size="52"] .grid-item--height40 {
  height: calc(100vh / 52 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height40 {
      height: calc(100vw / 52 * 40); } }

.grid[data-grid-size="52"] .grid-item--width41 {
  width: 78.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width41 {
      width: calc(100vw / 52 * 41); } }

.grid[data-grid-size="52"] .grid-item--height41 {
  height: calc(100vh / 52 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height41 {
      height: calc(100vw / 52 * 41); } }

.grid[data-grid-size="52"] .grid-item--width42 {
  width: 80.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width42 {
      width: calc(100vw / 52 * 42); } }

.grid[data-grid-size="52"] .grid-item--height42 {
  height: calc(100vh / 52 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height42 {
      height: calc(100vw / 52 * 42); } }

.grid[data-grid-size="52"] .grid-item--width43 {
  width: 82.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width43 {
      width: calc(100vw / 52 * 43); } }

.grid[data-grid-size="52"] .grid-item--height43 {
  height: calc(100vh / 52 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height43 {
      height: calc(100vw / 52 * 43); } }

.grid[data-grid-size="52"] .grid-item--width44 {
  width: 84.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width44 {
      width: calc(100vw / 52 * 44); } }

.grid[data-grid-size="52"] .grid-item--height44 {
  height: calc(100vh / 52 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height44 {
      height: calc(100vw / 52 * 44); } }

.grid[data-grid-size="52"] .grid-item--width45 {
  width: 86.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width45 {
      width: calc(100vw / 52 * 45); } }

.grid[data-grid-size="52"] .grid-item--height45 {
  height: calc(100vh / 52 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height45 {
      height: calc(100vw / 52 * 45); } }

.grid[data-grid-size="52"] .grid-item--width46 {
  width: 88.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width46 {
      width: calc(100vw / 52 * 46); } }

.grid[data-grid-size="52"] .grid-item--height46 {
  height: calc(100vh / 52 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height46 {
      height: calc(100vw / 52 * 46); } }

.grid[data-grid-size="52"] .grid-item--width47 {
  width: 90.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width47 {
      width: calc(100vw / 52 * 47); } }

.grid[data-grid-size="52"] .grid-item--height47 {
  height: calc(100vh / 52 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height47 {
      height: calc(100vw / 52 * 47); } }

.grid[data-grid-size="52"] .grid-item--width48 {
  width: 92.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width48 {
      width: calc(100vw / 52 * 48); } }

.grid[data-grid-size="52"] .grid-item--height48 {
  height: calc(100vh / 52 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height48 {
      height: calc(100vw / 52 * 48); } }

.grid[data-grid-size="52"] .grid-item--width49 {
  width: 94.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width49 {
      width: calc(100vw / 52 * 49); } }

.grid[data-grid-size="52"] .grid-item--height49 {
  height: calc(100vh / 52 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height49 {
      height: calc(100vw / 52 * 49); } }

.grid[data-grid-size="52"] .grid-item--width50 {
  width: 96.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width50 {
      width: calc(100vw / 52 * 50); } }

.grid[data-grid-size="52"] .grid-item--height50 {
  height: calc(100vh / 52 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height50 {
      height: calc(100vw / 52 * 50); } }

.grid[data-grid-size="52"] .grid-item--width51 {
  width: 98.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width51 {
      width: calc(100vw / 52 * 51); } }

.grid[data-grid-size="52"] .grid-item--height51 {
  height: calc(100vh / 52 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height51 {
      height: calc(100vw / 52 * 51); } }

.grid[data-grid-size="52"] .grid-item--width52 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--width52 {
      width: calc(100vw / 52 * 52); } }

.grid[data-grid-size="52"] .grid-item--height52 {
  height: calc(100vh / 52 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="52"] .grid-item--height52 {
      height: calc(100vw / 52 * 52); } }

.grid[data-grid-size="53"] .grid-sizer, .grid[data-grid-size="53"] .grid-item {
  width: 1.88679%; }

.grid[data-grid-size="53"] .grid-item--width1 {
  width: 1.88679%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width1 {
      width: calc(100vw / 53 * 1); } }

.grid[data-grid-size="53"] .grid-item--height1 {
  height: calc(100vh / 53 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height1 {
      height: calc(100vw / 53 * 1); } }

.grid[data-grid-size="53"] .grid-item--width2 {
  width: 3.77358%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width2 {
      width: calc(100vw / 53 * 2); } }

.grid[data-grid-size="53"] .grid-item--height2 {
  height: calc(100vh / 53 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height2 {
      height: calc(100vw / 53 * 2); } }

.grid[data-grid-size="53"] .grid-item--width3 {
  width: 5.66038%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width3 {
      width: calc(100vw / 53 * 3); } }

.grid[data-grid-size="53"] .grid-item--height3 {
  height: calc(100vh / 53 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height3 {
      height: calc(100vw / 53 * 3); } }

.grid[data-grid-size="53"] .grid-item--width4 {
  width: 7.54717%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width4 {
      width: calc(100vw / 53 * 4); } }

.grid[data-grid-size="53"] .grid-item--height4 {
  height: calc(100vh / 53 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height4 {
      height: calc(100vw / 53 * 4); } }

.grid[data-grid-size="53"] .grid-item--width5 {
  width: 9.43396%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width5 {
      width: calc(100vw / 53 * 5); } }

.grid[data-grid-size="53"] .grid-item--height5 {
  height: calc(100vh / 53 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height5 {
      height: calc(100vw / 53 * 5); } }

.grid[data-grid-size="53"] .grid-item--width6 {
  width: 11.32075%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width6 {
      width: calc(100vw / 53 * 6); } }

.grid[data-grid-size="53"] .grid-item--height6 {
  height: calc(100vh / 53 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height6 {
      height: calc(100vw / 53 * 6); } }

.grid[data-grid-size="53"] .grid-item--width7 {
  width: 13.20755%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width7 {
      width: calc(100vw / 53 * 7); } }

.grid[data-grid-size="53"] .grid-item--height7 {
  height: calc(100vh / 53 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height7 {
      height: calc(100vw / 53 * 7); } }

.grid[data-grid-size="53"] .grid-item--width8 {
  width: 15.09434%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width8 {
      width: calc(100vw / 53 * 8); } }

.grid[data-grid-size="53"] .grid-item--height8 {
  height: calc(100vh / 53 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height8 {
      height: calc(100vw / 53 * 8); } }

.grid[data-grid-size="53"] .grid-item--width9 {
  width: 16.98113%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width9 {
      width: calc(100vw / 53 * 9); } }

.grid[data-grid-size="53"] .grid-item--height9 {
  height: calc(100vh / 53 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height9 {
      height: calc(100vw / 53 * 9); } }

.grid[data-grid-size="53"] .grid-item--width10 {
  width: 18.86792%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width10 {
      width: calc(100vw / 53 * 10); } }

.grid[data-grid-size="53"] .grid-item--height10 {
  height: calc(100vh / 53 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height10 {
      height: calc(100vw / 53 * 10); } }

.grid[data-grid-size="53"] .grid-item--width11 {
  width: 20.75472%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width11 {
      width: calc(100vw / 53 * 11); } }

.grid[data-grid-size="53"] .grid-item--height11 {
  height: calc(100vh / 53 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height11 {
      height: calc(100vw / 53 * 11); } }

.grid[data-grid-size="53"] .grid-item--width12 {
  width: 22.64151%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width12 {
      width: calc(100vw / 53 * 12); } }

.grid[data-grid-size="53"] .grid-item--height12 {
  height: calc(100vh / 53 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height12 {
      height: calc(100vw / 53 * 12); } }

.grid[data-grid-size="53"] .grid-item--width13 {
  width: 24.5283%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width13 {
      width: calc(100vw / 53 * 13); } }

.grid[data-grid-size="53"] .grid-item--height13 {
  height: calc(100vh / 53 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height13 {
      height: calc(100vw / 53 * 13); } }

.grid[data-grid-size="53"] .grid-item--width14 {
  width: 26.41509%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width14 {
      width: calc(100vw / 53 * 14); } }

.grid[data-grid-size="53"] .grid-item--height14 {
  height: calc(100vh / 53 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height14 {
      height: calc(100vw / 53 * 14); } }

.grid[data-grid-size="53"] .grid-item--width15 {
  width: 28.30189%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width15 {
      width: calc(100vw / 53 * 15); } }

.grid[data-grid-size="53"] .grid-item--height15 {
  height: calc(100vh / 53 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height15 {
      height: calc(100vw / 53 * 15); } }

.grid[data-grid-size="53"] .grid-item--width16 {
  width: 30.18868%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width16 {
      width: calc(100vw / 53 * 16); } }

.grid[data-grid-size="53"] .grid-item--height16 {
  height: calc(100vh / 53 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height16 {
      height: calc(100vw / 53 * 16); } }

.grid[data-grid-size="53"] .grid-item--width17 {
  width: 32.07547%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width17 {
      width: calc(100vw / 53 * 17); } }

.grid[data-grid-size="53"] .grid-item--height17 {
  height: calc(100vh / 53 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height17 {
      height: calc(100vw / 53 * 17); } }

.grid[data-grid-size="53"] .grid-item--width18 {
  width: 33.96226%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width18 {
      width: calc(100vw / 53 * 18); } }

.grid[data-grid-size="53"] .grid-item--height18 {
  height: calc(100vh / 53 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height18 {
      height: calc(100vw / 53 * 18); } }

.grid[data-grid-size="53"] .grid-item--width19 {
  width: 35.84906%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width19 {
      width: calc(100vw / 53 * 19); } }

.grid[data-grid-size="53"] .grid-item--height19 {
  height: calc(100vh / 53 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height19 {
      height: calc(100vw / 53 * 19); } }

.grid[data-grid-size="53"] .grid-item--width20 {
  width: 37.73585%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width20 {
      width: calc(100vw / 53 * 20); } }

.grid[data-grid-size="53"] .grid-item--height20 {
  height: calc(100vh / 53 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height20 {
      height: calc(100vw / 53 * 20); } }

.grid[data-grid-size="53"] .grid-item--width21 {
  width: 39.62264%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width21 {
      width: calc(100vw / 53 * 21); } }

.grid[data-grid-size="53"] .grid-item--height21 {
  height: calc(100vh / 53 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height21 {
      height: calc(100vw / 53 * 21); } }

.grid[data-grid-size="53"] .grid-item--width22 {
  width: 41.50943%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width22 {
      width: calc(100vw / 53 * 22); } }

.grid[data-grid-size="53"] .grid-item--height22 {
  height: calc(100vh / 53 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height22 {
      height: calc(100vw / 53 * 22); } }

.grid[data-grid-size="53"] .grid-item--width23 {
  width: 43.39623%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width23 {
      width: calc(100vw / 53 * 23); } }

.grid[data-grid-size="53"] .grid-item--height23 {
  height: calc(100vh / 53 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height23 {
      height: calc(100vw / 53 * 23); } }

.grid[data-grid-size="53"] .grid-item--width24 {
  width: 45.28302%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width24 {
      width: calc(100vw / 53 * 24); } }

.grid[data-grid-size="53"] .grid-item--height24 {
  height: calc(100vh / 53 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height24 {
      height: calc(100vw / 53 * 24); } }

.grid[data-grid-size="53"] .grid-item--width25 {
  width: 47.16981%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width25 {
      width: calc(100vw / 53 * 25); } }

.grid[data-grid-size="53"] .grid-item--height25 {
  height: calc(100vh / 53 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height25 {
      height: calc(100vw / 53 * 25); } }

.grid[data-grid-size="53"] .grid-item--width26 {
  width: 49.0566%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width26 {
      width: calc(100vw / 53 * 26); } }

.grid[data-grid-size="53"] .grid-item--height26 {
  height: calc(100vh / 53 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height26 {
      height: calc(100vw / 53 * 26); } }

.grid[data-grid-size="53"] .grid-item--width27 {
  width: 50.9434%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width27 {
      width: calc(100vw / 53 * 27); } }

.grid[data-grid-size="53"] .grid-item--height27 {
  height: calc(100vh / 53 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height27 {
      height: calc(100vw / 53 * 27); } }

.grid[data-grid-size="53"] .grid-item--width28 {
  width: 52.83019%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width28 {
      width: calc(100vw / 53 * 28); } }

.grid[data-grid-size="53"] .grid-item--height28 {
  height: calc(100vh / 53 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height28 {
      height: calc(100vw / 53 * 28); } }

.grid[data-grid-size="53"] .grid-item--width29 {
  width: 54.71698%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width29 {
      width: calc(100vw / 53 * 29); } }

.grid[data-grid-size="53"] .grid-item--height29 {
  height: calc(100vh / 53 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height29 {
      height: calc(100vw / 53 * 29); } }

.grid[data-grid-size="53"] .grid-item--width30 {
  width: 56.60377%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width30 {
      width: calc(100vw / 53 * 30); } }

.grid[data-grid-size="53"] .grid-item--height30 {
  height: calc(100vh / 53 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height30 {
      height: calc(100vw / 53 * 30); } }

.grid[data-grid-size="53"] .grid-item--width31 {
  width: 58.49057%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width31 {
      width: calc(100vw / 53 * 31); } }

.grid[data-grid-size="53"] .grid-item--height31 {
  height: calc(100vh / 53 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height31 {
      height: calc(100vw / 53 * 31); } }

.grid[data-grid-size="53"] .grid-item--width32 {
  width: 60.37736%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width32 {
      width: calc(100vw / 53 * 32); } }

.grid[data-grid-size="53"] .grid-item--height32 {
  height: calc(100vh / 53 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height32 {
      height: calc(100vw / 53 * 32); } }

.grid[data-grid-size="53"] .grid-item--width33 {
  width: 62.26415%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width33 {
      width: calc(100vw / 53 * 33); } }

.grid[data-grid-size="53"] .grid-item--height33 {
  height: calc(100vh / 53 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height33 {
      height: calc(100vw / 53 * 33); } }

.grid[data-grid-size="53"] .grid-item--width34 {
  width: 64.15094%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width34 {
      width: calc(100vw / 53 * 34); } }

.grid[data-grid-size="53"] .grid-item--height34 {
  height: calc(100vh / 53 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height34 {
      height: calc(100vw / 53 * 34); } }

.grid[data-grid-size="53"] .grid-item--width35 {
  width: 66.03774%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width35 {
      width: calc(100vw / 53 * 35); } }

.grid[data-grid-size="53"] .grid-item--height35 {
  height: calc(100vh / 53 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height35 {
      height: calc(100vw / 53 * 35); } }

.grid[data-grid-size="53"] .grid-item--width36 {
  width: 67.92453%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width36 {
      width: calc(100vw / 53 * 36); } }

.grid[data-grid-size="53"] .grid-item--height36 {
  height: calc(100vh / 53 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height36 {
      height: calc(100vw / 53 * 36); } }

.grid[data-grid-size="53"] .grid-item--width37 {
  width: 69.81132%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width37 {
      width: calc(100vw / 53 * 37); } }

.grid[data-grid-size="53"] .grid-item--height37 {
  height: calc(100vh / 53 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height37 {
      height: calc(100vw / 53 * 37); } }

.grid[data-grid-size="53"] .grid-item--width38 {
  width: 71.69811%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width38 {
      width: calc(100vw / 53 * 38); } }

.grid[data-grid-size="53"] .grid-item--height38 {
  height: calc(100vh / 53 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height38 {
      height: calc(100vw / 53 * 38); } }

.grid[data-grid-size="53"] .grid-item--width39 {
  width: 73.58491%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width39 {
      width: calc(100vw / 53 * 39); } }

.grid[data-grid-size="53"] .grid-item--height39 {
  height: calc(100vh / 53 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height39 {
      height: calc(100vw / 53 * 39); } }

.grid[data-grid-size="53"] .grid-item--width40 {
  width: 75.4717%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width40 {
      width: calc(100vw / 53 * 40); } }

.grid[data-grid-size="53"] .grid-item--height40 {
  height: calc(100vh / 53 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height40 {
      height: calc(100vw / 53 * 40); } }

.grid[data-grid-size="53"] .grid-item--width41 {
  width: 77.35849%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width41 {
      width: calc(100vw / 53 * 41); } }

.grid[data-grid-size="53"] .grid-item--height41 {
  height: calc(100vh / 53 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height41 {
      height: calc(100vw / 53 * 41); } }

.grid[data-grid-size="53"] .grid-item--width42 {
  width: 79.24528%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width42 {
      width: calc(100vw / 53 * 42); } }

.grid[data-grid-size="53"] .grid-item--height42 {
  height: calc(100vh / 53 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height42 {
      height: calc(100vw / 53 * 42); } }

.grid[data-grid-size="53"] .grid-item--width43 {
  width: 81.13208%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width43 {
      width: calc(100vw / 53 * 43); } }

.grid[data-grid-size="53"] .grid-item--height43 {
  height: calc(100vh / 53 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height43 {
      height: calc(100vw / 53 * 43); } }

.grid[data-grid-size="53"] .grid-item--width44 {
  width: 83.01887%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width44 {
      width: calc(100vw / 53 * 44); } }

.grid[data-grid-size="53"] .grid-item--height44 {
  height: calc(100vh / 53 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height44 {
      height: calc(100vw / 53 * 44); } }

.grid[data-grid-size="53"] .grid-item--width45 {
  width: 84.90566%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width45 {
      width: calc(100vw / 53 * 45); } }

.grid[data-grid-size="53"] .grid-item--height45 {
  height: calc(100vh / 53 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height45 {
      height: calc(100vw / 53 * 45); } }

.grid[data-grid-size="53"] .grid-item--width46 {
  width: 86.79245%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width46 {
      width: calc(100vw / 53 * 46); } }

.grid[data-grid-size="53"] .grid-item--height46 {
  height: calc(100vh / 53 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height46 {
      height: calc(100vw / 53 * 46); } }

.grid[data-grid-size="53"] .grid-item--width47 {
  width: 88.67925%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width47 {
      width: calc(100vw / 53 * 47); } }

.grid[data-grid-size="53"] .grid-item--height47 {
  height: calc(100vh / 53 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height47 {
      height: calc(100vw / 53 * 47); } }

.grid[data-grid-size="53"] .grid-item--width48 {
  width: 90.56604%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width48 {
      width: calc(100vw / 53 * 48); } }

.grid[data-grid-size="53"] .grid-item--height48 {
  height: calc(100vh / 53 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height48 {
      height: calc(100vw / 53 * 48); } }

.grid[data-grid-size="53"] .grid-item--width49 {
  width: 92.45283%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width49 {
      width: calc(100vw / 53 * 49); } }

.grid[data-grid-size="53"] .grid-item--height49 {
  height: calc(100vh / 53 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height49 {
      height: calc(100vw / 53 * 49); } }

.grid[data-grid-size="53"] .grid-item--width50 {
  width: 94.33962%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width50 {
      width: calc(100vw / 53 * 50); } }

.grid[data-grid-size="53"] .grid-item--height50 {
  height: calc(100vh / 53 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height50 {
      height: calc(100vw / 53 * 50); } }

.grid[data-grid-size="53"] .grid-item--width51 {
  width: 96.22642%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width51 {
      width: calc(100vw / 53 * 51); } }

.grid[data-grid-size="53"] .grid-item--height51 {
  height: calc(100vh / 53 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height51 {
      height: calc(100vw / 53 * 51); } }

.grid[data-grid-size="53"] .grid-item--width52 {
  width: 98.11321%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width52 {
      width: calc(100vw / 53 * 52); } }

.grid[data-grid-size="53"] .grid-item--height52 {
  height: calc(100vh / 53 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height52 {
      height: calc(100vw / 53 * 52); } }

.grid[data-grid-size="53"] .grid-item--width53 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--width53 {
      width: calc(100vw / 53 * 53); } }

.grid[data-grid-size="53"] .grid-item--height53 {
  height: calc(100vh / 53 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="53"] .grid-item--height53 {
      height: calc(100vw / 53 * 53); } }

.grid[data-grid-size="54"] .grid-sizer, .grid[data-grid-size="54"] .grid-item {
  width: 1.85185%; }

.grid[data-grid-size="54"] .grid-item--width1 {
  width: 1.85185%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width1 {
      width: calc(100vw / 54 * 1); } }

.grid[data-grid-size="54"] .grid-item--height1 {
  height: calc(100vh / 54 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height1 {
      height: calc(100vw / 54 * 1); } }

.grid[data-grid-size="54"] .grid-item--width2 {
  width: 3.7037%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width2 {
      width: calc(100vw / 54 * 2); } }

.grid[data-grid-size="54"] .grid-item--height2 {
  height: calc(100vh / 54 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height2 {
      height: calc(100vw / 54 * 2); } }

.grid[data-grid-size="54"] .grid-item--width3 {
  width: 5.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width3 {
      width: calc(100vw / 54 * 3); } }

.grid[data-grid-size="54"] .grid-item--height3 {
  height: calc(100vh / 54 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height3 {
      height: calc(100vw / 54 * 3); } }

.grid[data-grid-size="54"] .grid-item--width4 {
  width: 7.40741%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width4 {
      width: calc(100vw / 54 * 4); } }

.grid[data-grid-size="54"] .grid-item--height4 {
  height: calc(100vh / 54 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height4 {
      height: calc(100vw / 54 * 4); } }

.grid[data-grid-size="54"] .grid-item--width5 {
  width: 9.25926%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width5 {
      width: calc(100vw / 54 * 5); } }

.grid[data-grid-size="54"] .grid-item--height5 {
  height: calc(100vh / 54 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height5 {
      height: calc(100vw / 54 * 5); } }

.grid[data-grid-size="54"] .grid-item--width6 {
  width: 11.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width6 {
      width: calc(100vw / 54 * 6); } }

.grid[data-grid-size="54"] .grid-item--height6 {
  height: calc(100vh / 54 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height6 {
      height: calc(100vw / 54 * 6); } }

.grid[data-grid-size="54"] .grid-item--width7 {
  width: 12.96296%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width7 {
      width: calc(100vw / 54 * 7); } }

.grid[data-grid-size="54"] .grid-item--height7 {
  height: calc(100vh / 54 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height7 {
      height: calc(100vw / 54 * 7); } }

.grid[data-grid-size="54"] .grid-item--width8 {
  width: 14.81481%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width8 {
      width: calc(100vw / 54 * 8); } }

.grid[data-grid-size="54"] .grid-item--height8 {
  height: calc(100vh / 54 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height8 {
      height: calc(100vw / 54 * 8); } }

.grid[data-grid-size="54"] .grid-item--width9 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width9 {
      width: calc(100vw / 54 * 9); } }

.grid[data-grid-size="54"] .grid-item--height9 {
  height: calc(100vh / 54 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height9 {
      height: calc(100vw / 54 * 9); } }

.grid[data-grid-size="54"] .grid-item--width10 {
  width: 18.51852%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width10 {
      width: calc(100vw / 54 * 10); } }

.grid[data-grid-size="54"] .grid-item--height10 {
  height: calc(100vh / 54 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height10 {
      height: calc(100vw / 54 * 10); } }

.grid[data-grid-size="54"] .grid-item--width11 {
  width: 20.37037%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width11 {
      width: calc(100vw / 54 * 11); } }

.grid[data-grid-size="54"] .grid-item--height11 {
  height: calc(100vh / 54 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height11 {
      height: calc(100vw / 54 * 11); } }

.grid[data-grid-size="54"] .grid-item--width12 {
  width: 22.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width12 {
      width: calc(100vw / 54 * 12); } }

.grid[data-grid-size="54"] .grid-item--height12 {
  height: calc(100vh / 54 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height12 {
      height: calc(100vw / 54 * 12); } }

.grid[data-grid-size="54"] .grid-item--width13 {
  width: 24.07407%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width13 {
      width: calc(100vw / 54 * 13); } }

.grid[data-grid-size="54"] .grid-item--height13 {
  height: calc(100vh / 54 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height13 {
      height: calc(100vw / 54 * 13); } }

.grid[data-grid-size="54"] .grid-item--width14 {
  width: 25.92593%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width14 {
      width: calc(100vw / 54 * 14); } }

.grid[data-grid-size="54"] .grid-item--height14 {
  height: calc(100vh / 54 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height14 {
      height: calc(100vw / 54 * 14); } }

.grid[data-grid-size="54"] .grid-item--width15 {
  width: 27.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width15 {
      width: calc(100vw / 54 * 15); } }

.grid[data-grid-size="54"] .grid-item--height15 {
  height: calc(100vh / 54 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height15 {
      height: calc(100vw / 54 * 15); } }

.grid[data-grid-size="54"] .grid-item--width16 {
  width: 29.62963%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width16 {
      width: calc(100vw / 54 * 16); } }

.grid[data-grid-size="54"] .grid-item--height16 {
  height: calc(100vh / 54 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height16 {
      height: calc(100vw / 54 * 16); } }

.grid[data-grid-size="54"] .grid-item--width17 {
  width: 31.48148%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width17 {
      width: calc(100vw / 54 * 17); } }

.grid[data-grid-size="54"] .grid-item--height17 {
  height: calc(100vh / 54 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height17 {
      height: calc(100vw / 54 * 17); } }

.grid[data-grid-size="54"] .grid-item--width18 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width18 {
      width: calc(100vw / 54 * 18); } }

.grid[data-grid-size="54"] .grid-item--height18 {
  height: calc(100vh / 54 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height18 {
      height: calc(100vw / 54 * 18); } }

.grid[data-grid-size="54"] .grid-item--width19 {
  width: 35.18519%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width19 {
      width: calc(100vw / 54 * 19); } }

.grid[data-grid-size="54"] .grid-item--height19 {
  height: calc(100vh / 54 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height19 {
      height: calc(100vw / 54 * 19); } }

.grid[data-grid-size="54"] .grid-item--width20 {
  width: 37.03704%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width20 {
      width: calc(100vw / 54 * 20); } }

.grid[data-grid-size="54"] .grid-item--height20 {
  height: calc(100vh / 54 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height20 {
      height: calc(100vw / 54 * 20); } }

.grid[data-grid-size="54"] .grid-item--width21 {
  width: 38.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width21 {
      width: calc(100vw / 54 * 21); } }

.grid[data-grid-size="54"] .grid-item--height21 {
  height: calc(100vh / 54 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height21 {
      height: calc(100vw / 54 * 21); } }

.grid[data-grid-size="54"] .grid-item--width22 {
  width: 40.74074%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width22 {
      width: calc(100vw / 54 * 22); } }

.grid[data-grid-size="54"] .grid-item--height22 {
  height: calc(100vh / 54 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height22 {
      height: calc(100vw / 54 * 22); } }

.grid[data-grid-size="54"] .grid-item--width23 {
  width: 42.59259%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width23 {
      width: calc(100vw / 54 * 23); } }

.grid[data-grid-size="54"] .grid-item--height23 {
  height: calc(100vh / 54 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height23 {
      height: calc(100vw / 54 * 23); } }

.grid[data-grid-size="54"] .grid-item--width24 {
  width: 44.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width24 {
      width: calc(100vw / 54 * 24); } }

.grid[data-grid-size="54"] .grid-item--height24 {
  height: calc(100vh / 54 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height24 {
      height: calc(100vw / 54 * 24); } }

.grid[data-grid-size="54"] .grid-item--width25 {
  width: 46.2963%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width25 {
      width: calc(100vw / 54 * 25); } }

.grid[data-grid-size="54"] .grid-item--height25 {
  height: calc(100vh / 54 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height25 {
      height: calc(100vw / 54 * 25); } }

.grid[data-grid-size="54"] .grid-item--width26 {
  width: 48.14815%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width26 {
      width: calc(100vw / 54 * 26); } }

.grid[data-grid-size="54"] .grid-item--height26 {
  height: calc(100vh / 54 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height26 {
      height: calc(100vw / 54 * 26); } }

.grid[data-grid-size="54"] .grid-item--width27 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width27 {
      width: calc(100vw / 54 * 27); } }

.grid[data-grid-size="54"] .grid-item--height27 {
  height: calc(100vh / 54 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height27 {
      height: calc(100vw / 54 * 27); } }

.grid[data-grid-size="54"] .grid-item--width28 {
  width: 51.85185%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width28 {
      width: calc(100vw / 54 * 28); } }

.grid[data-grid-size="54"] .grid-item--height28 {
  height: calc(100vh / 54 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height28 {
      height: calc(100vw / 54 * 28); } }

.grid[data-grid-size="54"] .grid-item--width29 {
  width: 53.7037%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width29 {
      width: calc(100vw / 54 * 29); } }

.grid[data-grid-size="54"] .grid-item--height29 {
  height: calc(100vh / 54 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height29 {
      height: calc(100vw / 54 * 29); } }

.grid[data-grid-size="54"] .grid-item--width30 {
  width: 55.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width30 {
      width: calc(100vw / 54 * 30); } }

.grid[data-grid-size="54"] .grid-item--height30 {
  height: calc(100vh / 54 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height30 {
      height: calc(100vw / 54 * 30); } }

.grid[data-grid-size="54"] .grid-item--width31 {
  width: 57.40741%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width31 {
      width: calc(100vw / 54 * 31); } }

.grid[data-grid-size="54"] .grid-item--height31 {
  height: calc(100vh / 54 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height31 {
      height: calc(100vw / 54 * 31); } }

.grid[data-grid-size="54"] .grid-item--width32 {
  width: 59.25926%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width32 {
      width: calc(100vw / 54 * 32); } }

.grid[data-grid-size="54"] .grid-item--height32 {
  height: calc(100vh / 54 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height32 {
      height: calc(100vw / 54 * 32); } }

.grid[data-grid-size="54"] .grid-item--width33 {
  width: 61.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width33 {
      width: calc(100vw / 54 * 33); } }

.grid[data-grid-size="54"] .grid-item--height33 {
  height: calc(100vh / 54 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height33 {
      height: calc(100vw / 54 * 33); } }

.grid[data-grid-size="54"] .grid-item--width34 {
  width: 62.96296%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width34 {
      width: calc(100vw / 54 * 34); } }

.grid[data-grid-size="54"] .grid-item--height34 {
  height: calc(100vh / 54 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height34 {
      height: calc(100vw / 54 * 34); } }

.grid[data-grid-size="54"] .grid-item--width35 {
  width: 64.81481%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width35 {
      width: calc(100vw / 54 * 35); } }

.grid[data-grid-size="54"] .grid-item--height35 {
  height: calc(100vh / 54 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height35 {
      height: calc(100vw / 54 * 35); } }

.grid[data-grid-size="54"] .grid-item--width36 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width36 {
      width: calc(100vw / 54 * 36); } }

.grid[data-grid-size="54"] .grid-item--height36 {
  height: calc(100vh / 54 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height36 {
      height: calc(100vw / 54 * 36); } }

.grid[data-grid-size="54"] .grid-item--width37 {
  width: 68.51852%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width37 {
      width: calc(100vw / 54 * 37); } }

.grid[data-grid-size="54"] .grid-item--height37 {
  height: calc(100vh / 54 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height37 {
      height: calc(100vw / 54 * 37); } }

.grid[data-grid-size="54"] .grid-item--width38 {
  width: 70.37037%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width38 {
      width: calc(100vw / 54 * 38); } }

.grid[data-grid-size="54"] .grid-item--height38 {
  height: calc(100vh / 54 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height38 {
      height: calc(100vw / 54 * 38); } }

.grid[data-grid-size="54"] .grid-item--width39 {
  width: 72.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width39 {
      width: calc(100vw / 54 * 39); } }

.grid[data-grid-size="54"] .grid-item--height39 {
  height: calc(100vh / 54 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height39 {
      height: calc(100vw / 54 * 39); } }

.grid[data-grid-size="54"] .grid-item--width40 {
  width: 74.07407%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width40 {
      width: calc(100vw / 54 * 40); } }

.grid[data-grid-size="54"] .grid-item--height40 {
  height: calc(100vh / 54 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height40 {
      height: calc(100vw / 54 * 40); } }

.grid[data-grid-size="54"] .grid-item--width41 {
  width: 75.92593%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width41 {
      width: calc(100vw / 54 * 41); } }

.grid[data-grid-size="54"] .grid-item--height41 {
  height: calc(100vh / 54 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height41 {
      height: calc(100vw / 54 * 41); } }

.grid[data-grid-size="54"] .grid-item--width42 {
  width: 77.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width42 {
      width: calc(100vw / 54 * 42); } }

.grid[data-grid-size="54"] .grid-item--height42 {
  height: calc(100vh / 54 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height42 {
      height: calc(100vw / 54 * 42); } }

.grid[data-grid-size="54"] .grid-item--width43 {
  width: 79.62963%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width43 {
      width: calc(100vw / 54 * 43); } }

.grid[data-grid-size="54"] .grid-item--height43 {
  height: calc(100vh / 54 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height43 {
      height: calc(100vw / 54 * 43); } }

.grid[data-grid-size="54"] .grid-item--width44 {
  width: 81.48148%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width44 {
      width: calc(100vw / 54 * 44); } }

.grid[data-grid-size="54"] .grid-item--height44 {
  height: calc(100vh / 54 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height44 {
      height: calc(100vw / 54 * 44); } }

.grid[data-grid-size="54"] .grid-item--width45 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width45 {
      width: calc(100vw / 54 * 45); } }

.grid[data-grid-size="54"] .grid-item--height45 {
  height: calc(100vh / 54 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height45 {
      height: calc(100vw / 54 * 45); } }

.grid[data-grid-size="54"] .grid-item--width46 {
  width: 85.18519%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width46 {
      width: calc(100vw / 54 * 46); } }

.grid[data-grid-size="54"] .grid-item--height46 {
  height: calc(100vh / 54 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height46 {
      height: calc(100vw / 54 * 46); } }

.grid[data-grid-size="54"] .grid-item--width47 {
  width: 87.03704%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width47 {
      width: calc(100vw / 54 * 47); } }

.grid[data-grid-size="54"] .grid-item--height47 {
  height: calc(100vh / 54 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height47 {
      height: calc(100vw / 54 * 47); } }

.grid[data-grid-size="54"] .grid-item--width48 {
  width: 88.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width48 {
      width: calc(100vw / 54 * 48); } }

.grid[data-grid-size="54"] .grid-item--height48 {
  height: calc(100vh / 54 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height48 {
      height: calc(100vw / 54 * 48); } }

.grid[data-grid-size="54"] .grid-item--width49 {
  width: 90.74074%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width49 {
      width: calc(100vw / 54 * 49); } }

.grid[data-grid-size="54"] .grid-item--height49 {
  height: calc(100vh / 54 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height49 {
      height: calc(100vw / 54 * 49); } }

.grid[data-grid-size="54"] .grid-item--width50 {
  width: 92.59259%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width50 {
      width: calc(100vw / 54 * 50); } }

.grid[data-grid-size="54"] .grid-item--height50 {
  height: calc(100vh / 54 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height50 {
      height: calc(100vw / 54 * 50); } }

.grid[data-grid-size="54"] .grid-item--width51 {
  width: 94.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width51 {
      width: calc(100vw / 54 * 51); } }

.grid[data-grid-size="54"] .grid-item--height51 {
  height: calc(100vh / 54 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height51 {
      height: calc(100vw / 54 * 51); } }

.grid[data-grid-size="54"] .grid-item--width52 {
  width: 96.2963%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width52 {
      width: calc(100vw / 54 * 52); } }

.grid[data-grid-size="54"] .grid-item--height52 {
  height: calc(100vh / 54 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height52 {
      height: calc(100vw / 54 * 52); } }

.grid[data-grid-size="54"] .grid-item--width53 {
  width: 98.14815%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width53 {
      width: calc(100vw / 54 * 53); } }

.grid[data-grid-size="54"] .grid-item--height53 {
  height: calc(100vh / 54 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height53 {
      height: calc(100vw / 54 * 53); } }

.grid[data-grid-size="54"] .grid-item--width54 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--width54 {
      width: calc(100vw / 54 * 54); } }

.grid[data-grid-size="54"] .grid-item--height54 {
  height: calc(100vh / 54 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="54"] .grid-item--height54 {
      height: calc(100vw / 54 * 54); } }

.grid[data-grid-size="55"] .grid-sizer, .grid[data-grid-size="55"] .grid-item {
  width: 1.81818%; }

.grid[data-grid-size="55"] .grid-item--width1 {
  width: 1.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width1 {
      width: calc(100vw / 55 * 1); } }

.grid[data-grid-size="55"] .grid-item--height1 {
  height: calc(100vh / 55 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height1 {
      height: calc(100vw / 55 * 1); } }

.grid[data-grid-size="55"] .grid-item--width2 {
  width: 3.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width2 {
      width: calc(100vw / 55 * 2); } }

.grid[data-grid-size="55"] .grid-item--height2 {
  height: calc(100vh / 55 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height2 {
      height: calc(100vw / 55 * 2); } }

.grid[data-grid-size="55"] .grid-item--width3 {
  width: 5.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width3 {
      width: calc(100vw / 55 * 3); } }

.grid[data-grid-size="55"] .grid-item--height3 {
  height: calc(100vh / 55 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height3 {
      height: calc(100vw / 55 * 3); } }

.grid[data-grid-size="55"] .grid-item--width4 {
  width: 7.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width4 {
      width: calc(100vw / 55 * 4); } }

.grid[data-grid-size="55"] .grid-item--height4 {
  height: calc(100vh / 55 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height4 {
      height: calc(100vw / 55 * 4); } }

.grid[data-grid-size="55"] .grid-item--width5 {
  width: 9.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width5 {
      width: calc(100vw / 55 * 5); } }

.grid[data-grid-size="55"] .grid-item--height5 {
  height: calc(100vh / 55 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height5 {
      height: calc(100vw / 55 * 5); } }

.grid[data-grid-size="55"] .grid-item--width6 {
  width: 10.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width6 {
      width: calc(100vw / 55 * 6); } }

.grid[data-grid-size="55"] .grid-item--height6 {
  height: calc(100vh / 55 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height6 {
      height: calc(100vw / 55 * 6); } }

.grid[data-grid-size="55"] .grid-item--width7 {
  width: 12.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width7 {
      width: calc(100vw / 55 * 7); } }

.grid[data-grid-size="55"] .grid-item--height7 {
  height: calc(100vh / 55 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height7 {
      height: calc(100vw / 55 * 7); } }

.grid[data-grid-size="55"] .grid-item--width8 {
  width: 14.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width8 {
      width: calc(100vw / 55 * 8); } }

.grid[data-grid-size="55"] .grid-item--height8 {
  height: calc(100vh / 55 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height8 {
      height: calc(100vw / 55 * 8); } }

.grid[data-grid-size="55"] .grid-item--width9 {
  width: 16.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width9 {
      width: calc(100vw / 55 * 9); } }

.grid[data-grid-size="55"] .grid-item--height9 {
  height: calc(100vh / 55 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height9 {
      height: calc(100vw / 55 * 9); } }

.grid[data-grid-size="55"] .grid-item--width10 {
  width: 18.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width10 {
      width: calc(100vw / 55 * 10); } }

.grid[data-grid-size="55"] .grid-item--height10 {
  height: calc(100vh / 55 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height10 {
      height: calc(100vw / 55 * 10); } }

.grid[data-grid-size="55"] .grid-item--width11 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width11 {
      width: calc(100vw / 55 * 11); } }

.grid[data-grid-size="55"] .grid-item--height11 {
  height: calc(100vh / 55 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height11 {
      height: calc(100vw / 55 * 11); } }

.grid[data-grid-size="55"] .grid-item--width12 {
  width: 21.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width12 {
      width: calc(100vw / 55 * 12); } }

.grid[data-grid-size="55"] .grid-item--height12 {
  height: calc(100vh / 55 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height12 {
      height: calc(100vw / 55 * 12); } }

.grid[data-grid-size="55"] .grid-item--width13 {
  width: 23.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width13 {
      width: calc(100vw / 55 * 13); } }

.grid[data-grid-size="55"] .grid-item--height13 {
  height: calc(100vh / 55 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height13 {
      height: calc(100vw / 55 * 13); } }

.grid[data-grid-size="55"] .grid-item--width14 {
  width: 25.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width14 {
      width: calc(100vw / 55 * 14); } }

.grid[data-grid-size="55"] .grid-item--height14 {
  height: calc(100vh / 55 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height14 {
      height: calc(100vw / 55 * 14); } }

.grid[data-grid-size="55"] .grid-item--width15 {
  width: 27.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width15 {
      width: calc(100vw / 55 * 15); } }

.grid[data-grid-size="55"] .grid-item--height15 {
  height: calc(100vh / 55 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height15 {
      height: calc(100vw / 55 * 15); } }

.grid[data-grid-size="55"] .grid-item--width16 {
  width: 29.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width16 {
      width: calc(100vw / 55 * 16); } }

.grid[data-grid-size="55"] .grid-item--height16 {
  height: calc(100vh / 55 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height16 {
      height: calc(100vw / 55 * 16); } }

.grid[data-grid-size="55"] .grid-item--width17 {
  width: 30.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width17 {
      width: calc(100vw / 55 * 17); } }

.grid[data-grid-size="55"] .grid-item--height17 {
  height: calc(100vh / 55 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height17 {
      height: calc(100vw / 55 * 17); } }

.grid[data-grid-size="55"] .grid-item--width18 {
  width: 32.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width18 {
      width: calc(100vw / 55 * 18); } }

.grid[data-grid-size="55"] .grid-item--height18 {
  height: calc(100vh / 55 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height18 {
      height: calc(100vw / 55 * 18); } }

.grid[data-grid-size="55"] .grid-item--width19 {
  width: 34.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width19 {
      width: calc(100vw / 55 * 19); } }

.grid[data-grid-size="55"] .grid-item--height19 {
  height: calc(100vh / 55 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height19 {
      height: calc(100vw / 55 * 19); } }

.grid[data-grid-size="55"] .grid-item--width20 {
  width: 36.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width20 {
      width: calc(100vw / 55 * 20); } }

.grid[data-grid-size="55"] .grid-item--height20 {
  height: calc(100vh / 55 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height20 {
      height: calc(100vw / 55 * 20); } }

.grid[data-grid-size="55"] .grid-item--width21 {
  width: 38.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width21 {
      width: calc(100vw / 55 * 21); } }

.grid[data-grid-size="55"] .grid-item--height21 {
  height: calc(100vh / 55 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height21 {
      height: calc(100vw / 55 * 21); } }

.grid[data-grid-size="55"] .grid-item--width22 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width22 {
      width: calc(100vw / 55 * 22); } }

.grid[data-grid-size="55"] .grid-item--height22 {
  height: calc(100vh / 55 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height22 {
      height: calc(100vw / 55 * 22); } }

.grid[data-grid-size="55"] .grid-item--width23 {
  width: 41.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width23 {
      width: calc(100vw / 55 * 23); } }

.grid[data-grid-size="55"] .grid-item--height23 {
  height: calc(100vh / 55 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height23 {
      height: calc(100vw / 55 * 23); } }

.grid[data-grid-size="55"] .grid-item--width24 {
  width: 43.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width24 {
      width: calc(100vw / 55 * 24); } }

.grid[data-grid-size="55"] .grid-item--height24 {
  height: calc(100vh / 55 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height24 {
      height: calc(100vw / 55 * 24); } }

.grid[data-grid-size="55"] .grid-item--width25 {
  width: 45.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width25 {
      width: calc(100vw / 55 * 25); } }

.grid[data-grid-size="55"] .grid-item--height25 {
  height: calc(100vh / 55 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height25 {
      height: calc(100vw / 55 * 25); } }

.grid[data-grid-size="55"] .grid-item--width26 {
  width: 47.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width26 {
      width: calc(100vw / 55 * 26); } }

.grid[data-grid-size="55"] .grid-item--height26 {
  height: calc(100vh / 55 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height26 {
      height: calc(100vw / 55 * 26); } }

.grid[data-grid-size="55"] .grid-item--width27 {
  width: 49.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width27 {
      width: calc(100vw / 55 * 27); } }

.grid[data-grid-size="55"] .grid-item--height27 {
  height: calc(100vh / 55 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height27 {
      height: calc(100vw / 55 * 27); } }

.grid[data-grid-size="55"] .grid-item--width28 {
  width: 50.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width28 {
      width: calc(100vw / 55 * 28); } }

.grid[data-grid-size="55"] .grid-item--height28 {
  height: calc(100vh / 55 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height28 {
      height: calc(100vw / 55 * 28); } }

.grid[data-grid-size="55"] .grid-item--width29 {
  width: 52.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width29 {
      width: calc(100vw / 55 * 29); } }

.grid[data-grid-size="55"] .grid-item--height29 {
  height: calc(100vh / 55 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height29 {
      height: calc(100vw / 55 * 29); } }

.grid[data-grid-size="55"] .grid-item--width30 {
  width: 54.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width30 {
      width: calc(100vw / 55 * 30); } }

.grid[data-grid-size="55"] .grid-item--height30 {
  height: calc(100vh / 55 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height30 {
      height: calc(100vw / 55 * 30); } }

.grid[data-grid-size="55"] .grid-item--width31 {
  width: 56.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width31 {
      width: calc(100vw / 55 * 31); } }

.grid[data-grid-size="55"] .grid-item--height31 {
  height: calc(100vh / 55 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height31 {
      height: calc(100vw / 55 * 31); } }

.grid[data-grid-size="55"] .grid-item--width32 {
  width: 58.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width32 {
      width: calc(100vw / 55 * 32); } }

.grid[data-grid-size="55"] .grid-item--height32 {
  height: calc(100vh / 55 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height32 {
      height: calc(100vw / 55 * 32); } }

.grid[data-grid-size="55"] .grid-item--width33 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width33 {
      width: calc(100vw / 55 * 33); } }

.grid[data-grid-size="55"] .grid-item--height33 {
  height: calc(100vh / 55 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height33 {
      height: calc(100vw / 55 * 33); } }

.grid[data-grid-size="55"] .grid-item--width34 {
  width: 61.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width34 {
      width: calc(100vw / 55 * 34); } }

.grid[data-grid-size="55"] .grid-item--height34 {
  height: calc(100vh / 55 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height34 {
      height: calc(100vw / 55 * 34); } }

.grid[data-grid-size="55"] .grid-item--width35 {
  width: 63.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width35 {
      width: calc(100vw / 55 * 35); } }

.grid[data-grid-size="55"] .grid-item--height35 {
  height: calc(100vh / 55 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height35 {
      height: calc(100vw / 55 * 35); } }

.grid[data-grid-size="55"] .grid-item--width36 {
  width: 65.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width36 {
      width: calc(100vw / 55 * 36); } }

.grid[data-grid-size="55"] .grid-item--height36 {
  height: calc(100vh / 55 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height36 {
      height: calc(100vw / 55 * 36); } }

.grid[data-grid-size="55"] .grid-item--width37 {
  width: 67.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width37 {
      width: calc(100vw / 55 * 37); } }

.grid[data-grid-size="55"] .grid-item--height37 {
  height: calc(100vh / 55 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height37 {
      height: calc(100vw / 55 * 37); } }

.grid[data-grid-size="55"] .grid-item--width38 {
  width: 69.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width38 {
      width: calc(100vw / 55 * 38); } }

.grid[data-grid-size="55"] .grid-item--height38 {
  height: calc(100vh / 55 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height38 {
      height: calc(100vw / 55 * 38); } }

.grid[data-grid-size="55"] .grid-item--width39 {
  width: 70.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width39 {
      width: calc(100vw / 55 * 39); } }

.grid[data-grid-size="55"] .grid-item--height39 {
  height: calc(100vh / 55 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height39 {
      height: calc(100vw / 55 * 39); } }

.grid[data-grid-size="55"] .grid-item--width40 {
  width: 72.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width40 {
      width: calc(100vw / 55 * 40); } }

.grid[data-grid-size="55"] .grid-item--height40 {
  height: calc(100vh / 55 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height40 {
      height: calc(100vw / 55 * 40); } }

.grid[data-grid-size="55"] .grid-item--width41 {
  width: 74.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width41 {
      width: calc(100vw / 55 * 41); } }

.grid[data-grid-size="55"] .grid-item--height41 {
  height: calc(100vh / 55 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height41 {
      height: calc(100vw / 55 * 41); } }

.grid[data-grid-size="55"] .grid-item--width42 {
  width: 76.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width42 {
      width: calc(100vw / 55 * 42); } }

.grid[data-grid-size="55"] .grid-item--height42 {
  height: calc(100vh / 55 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height42 {
      height: calc(100vw / 55 * 42); } }

.grid[data-grid-size="55"] .grid-item--width43 {
  width: 78.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width43 {
      width: calc(100vw / 55 * 43); } }

.grid[data-grid-size="55"] .grid-item--height43 {
  height: calc(100vh / 55 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height43 {
      height: calc(100vw / 55 * 43); } }

.grid[data-grid-size="55"] .grid-item--width44 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width44 {
      width: calc(100vw / 55 * 44); } }

.grid[data-grid-size="55"] .grid-item--height44 {
  height: calc(100vh / 55 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height44 {
      height: calc(100vw / 55 * 44); } }

.grid[data-grid-size="55"] .grid-item--width45 {
  width: 81.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width45 {
      width: calc(100vw / 55 * 45); } }

.grid[data-grid-size="55"] .grid-item--height45 {
  height: calc(100vh / 55 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height45 {
      height: calc(100vw / 55 * 45); } }

.grid[data-grid-size="55"] .grid-item--width46 {
  width: 83.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width46 {
      width: calc(100vw / 55 * 46); } }

.grid[data-grid-size="55"] .grid-item--height46 {
  height: calc(100vh / 55 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height46 {
      height: calc(100vw / 55 * 46); } }

.grid[data-grid-size="55"] .grid-item--width47 {
  width: 85.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width47 {
      width: calc(100vw / 55 * 47); } }

.grid[data-grid-size="55"] .grid-item--height47 {
  height: calc(100vh / 55 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height47 {
      height: calc(100vw / 55 * 47); } }

.grid[data-grid-size="55"] .grid-item--width48 {
  width: 87.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width48 {
      width: calc(100vw / 55 * 48); } }

.grid[data-grid-size="55"] .grid-item--height48 {
  height: calc(100vh / 55 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height48 {
      height: calc(100vw / 55 * 48); } }

.grid[data-grid-size="55"] .grid-item--width49 {
  width: 89.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width49 {
      width: calc(100vw / 55 * 49); } }

.grid[data-grid-size="55"] .grid-item--height49 {
  height: calc(100vh / 55 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height49 {
      height: calc(100vw / 55 * 49); } }

.grid[data-grid-size="55"] .grid-item--width50 {
  width: 90.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width50 {
      width: calc(100vw / 55 * 50); } }

.grid[data-grid-size="55"] .grid-item--height50 {
  height: calc(100vh / 55 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height50 {
      height: calc(100vw / 55 * 50); } }

.grid[data-grid-size="55"] .grid-item--width51 {
  width: 92.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width51 {
      width: calc(100vw / 55 * 51); } }

.grid[data-grid-size="55"] .grid-item--height51 {
  height: calc(100vh / 55 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height51 {
      height: calc(100vw / 55 * 51); } }

.grid[data-grid-size="55"] .grid-item--width52 {
  width: 94.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width52 {
      width: calc(100vw / 55 * 52); } }

.grid[data-grid-size="55"] .grid-item--height52 {
  height: calc(100vh / 55 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height52 {
      height: calc(100vw / 55 * 52); } }

.grid[data-grid-size="55"] .grid-item--width53 {
  width: 96.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width53 {
      width: calc(100vw / 55 * 53); } }

.grid[data-grid-size="55"] .grid-item--height53 {
  height: calc(100vh / 55 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height53 {
      height: calc(100vw / 55 * 53); } }

.grid[data-grid-size="55"] .grid-item--width54 {
  width: 98.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width54 {
      width: calc(100vw / 55 * 54); } }

.grid[data-grid-size="55"] .grid-item--height54 {
  height: calc(100vh / 55 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height54 {
      height: calc(100vw / 55 * 54); } }

.grid[data-grid-size="55"] .grid-item--width55 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--width55 {
      width: calc(100vw / 55 * 55); } }

.grid[data-grid-size="55"] .grid-item--height55 {
  height: calc(100vh / 55 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="55"] .grid-item--height55 {
      height: calc(100vw / 55 * 55); } }

.grid[data-grid-size="56"] .grid-sizer, .grid[data-grid-size="56"] .grid-item {
  width: 1.78571%; }

.grid[data-grid-size="56"] .grid-item--width1 {
  width: 1.78571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width1 {
      width: calc(100vw / 56 * 1); } }

.grid[data-grid-size="56"] .grid-item--height1 {
  height: calc(100vh / 56 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height1 {
      height: calc(100vw / 56 * 1); } }

.grid[data-grid-size="56"] .grid-item--width2 {
  width: 3.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width2 {
      width: calc(100vw / 56 * 2); } }

.grid[data-grid-size="56"] .grid-item--height2 {
  height: calc(100vh / 56 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height2 {
      height: calc(100vw / 56 * 2); } }

.grid[data-grid-size="56"] .grid-item--width3 {
  width: 5.35714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width3 {
      width: calc(100vw / 56 * 3); } }

.grid[data-grid-size="56"] .grid-item--height3 {
  height: calc(100vh / 56 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height3 {
      height: calc(100vw / 56 * 3); } }

.grid[data-grid-size="56"] .grid-item--width4 {
  width: 7.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width4 {
      width: calc(100vw / 56 * 4); } }

.grid[data-grid-size="56"] .grid-item--height4 {
  height: calc(100vh / 56 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height4 {
      height: calc(100vw / 56 * 4); } }

.grid[data-grid-size="56"] .grid-item--width5 {
  width: 8.92857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width5 {
      width: calc(100vw / 56 * 5); } }

.grid[data-grid-size="56"] .grid-item--height5 {
  height: calc(100vh / 56 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height5 {
      height: calc(100vw / 56 * 5); } }

.grid[data-grid-size="56"] .grid-item--width6 {
  width: 10.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width6 {
      width: calc(100vw / 56 * 6); } }

.grid[data-grid-size="56"] .grid-item--height6 {
  height: calc(100vh / 56 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height6 {
      height: calc(100vw / 56 * 6); } }

.grid[data-grid-size="56"] .grid-item--width7 {
  width: 12.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width7 {
      width: calc(100vw / 56 * 7); } }

.grid[data-grid-size="56"] .grid-item--height7 {
  height: calc(100vh / 56 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height7 {
      height: calc(100vw / 56 * 7); } }

.grid[data-grid-size="56"] .grid-item--width8 {
  width: 14.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width8 {
      width: calc(100vw / 56 * 8); } }

.grid[data-grid-size="56"] .grid-item--height8 {
  height: calc(100vh / 56 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height8 {
      height: calc(100vw / 56 * 8); } }

.grid[data-grid-size="56"] .grid-item--width9 {
  width: 16.07143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width9 {
      width: calc(100vw / 56 * 9); } }

.grid[data-grid-size="56"] .grid-item--height9 {
  height: calc(100vh / 56 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height9 {
      height: calc(100vw / 56 * 9); } }

.grid[data-grid-size="56"] .grid-item--width10 {
  width: 17.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width10 {
      width: calc(100vw / 56 * 10); } }

.grid[data-grid-size="56"] .grid-item--height10 {
  height: calc(100vh / 56 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height10 {
      height: calc(100vw / 56 * 10); } }

.grid[data-grid-size="56"] .grid-item--width11 {
  width: 19.64286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width11 {
      width: calc(100vw / 56 * 11); } }

.grid[data-grid-size="56"] .grid-item--height11 {
  height: calc(100vh / 56 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height11 {
      height: calc(100vw / 56 * 11); } }

.grid[data-grid-size="56"] .grid-item--width12 {
  width: 21.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width12 {
      width: calc(100vw / 56 * 12); } }

.grid[data-grid-size="56"] .grid-item--height12 {
  height: calc(100vh / 56 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height12 {
      height: calc(100vw / 56 * 12); } }

.grid[data-grid-size="56"] .grid-item--width13 {
  width: 23.21429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width13 {
      width: calc(100vw / 56 * 13); } }

.grid[data-grid-size="56"] .grid-item--height13 {
  height: calc(100vh / 56 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height13 {
      height: calc(100vw / 56 * 13); } }

.grid[data-grid-size="56"] .grid-item--width14 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width14 {
      width: calc(100vw / 56 * 14); } }

.grid[data-grid-size="56"] .grid-item--height14 {
  height: calc(100vh / 56 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height14 {
      height: calc(100vw / 56 * 14); } }

.grid[data-grid-size="56"] .grid-item--width15 {
  width: 26.78571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width15 {
      width: calc(100vw / 56 * 15); } }

.grid[data-grid-size="56"] .grid-item--height15 {
  height: calc(100vh / 56 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height15 {
      height: calc(100vw / 56 * 15); } }

.grid[data-grid-size="56"] .grid-item--width16 {
  width: 28.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width16 {
      width: calc(100vw / 56 * 16); } }

.grid[data-grid-size="56"] .grid-item--height16 {
  height: calc(100vh / 56 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height16 {
      height: calc(100vw / 56 * 16); } }

.grid[data-grid-size="56"] .grid-item--width17 {
  width: 30.35714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width17 {
      width: calc(100vw / 56 * 17); } }

.grid[data-grid-size="56"] .grid-item--height17 {
  height: calc(100vh / 56 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height17 {
      height: calc(100vw / 56 * 17); } }

.grid[data-grid-size="56"] .grid-item--width18 {
  width: 32.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width18 {
      width: calc(100vw / 56 * 18); } }

.grid[data-grid-size="56"] .grid-item--height18 {
  height: calc(100vh / 56 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height18 {
      height: calc(100vw / 56 * 18); } }

.grid[data-grid-size="56"] .grid-item--width19 {
  width: 33.92857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width19 {
      width: calc(100vw / 56 * 19); } }

.grid[data-grid-size="56"] .grid-item--height19 {
  height: calc(100vh / 56 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height19 {
      height: calc(100vw / 56 * 19); } }

.grid[data-grid-size="56"] .grid-item--width20 {
  width: 35.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width20 {
      width: calc(100vw / 56 * 20); } }

.grid[data-grid-size="56"] .grid-item--height20 {
  height: calc(100vh / 56 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height20 {
      height: calc(100vw / 56 * 20); } }

.grid[data-grid-size="56"] .grid-item--width21 {
  width: 37.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width21 {
      width: calc(100vw / 56 * 21); } }

.grid[data-grid-size="56"] .grid-item--height21 {
  height: calc(100vh / 56 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height21 {
      height: calc(100vw / 56 * 21); } }

.grid[data-grid-size="56"] .grid-item--width22 {
  width: 39.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width22 {
      width: calc(100vw / 56 * 22); } }

.grid[data-grid-size="56"] .grid-item--height22 {
  height: calc(100vh / 56 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height22 {
      height: calc(100vw / 56 * 22); } }

.grid[data-grid-size="56"] .grid-item--width23 {
  width: 41.07143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width23 {
      width: calc(100vw / 56 * 23); } }

.grid[data-grid-size="56"] .grid-item--height23 {
  height: calc(100vh / 56 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height23 {
      height: calc(100vw / 56 * 23); } }

.grid[data-grid-size="56"] .grid-item--width24 {
  width: 42.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width24 {
      width: calc(100vw / 56 * 24); } }

.grid[data-grid-size="56"] .grid-item--height24 {
  height: calc(100vh / 56 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height24 {
      height: calc(100vw / 56 * 24); } }

.grid[data-grid-size="56"] .grid-item--width25 {
  width: 44.64286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width25 {
      width: calc(100vw / 56 * 25); } }

.grid[data-grid-size="56"] .grid-item--height25 {
  height: calc(100vh / 56 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height25 {
      height: calc(100vw / 56 * 25); } }

.grid[data-grid-size="56"] .grid-item--width26 {
  width: 46.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width26 {
      width: calc(100vw / 56 * 26); } }

.grid[data-grid-size="56"] .grid-item--height26 {
  height: calc(100vh / 56 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height26 {
      height: calc(100vw / 56 * 26); } }

.grid[data-grid-size="56"] .grid-item--width27 {
  width: 48.21429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width27 {
      width: calc(100vw / 56 * 27); } }

.grid[data-grid-size="56"] .grid-item--height27 {
  height: calc(100vh / 56 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height27 {
      height: calc(100vw / 56 * 27); } }

.grid[data-grid-size="56"] .grid-item--width28 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width28 {
      width: calc(100vw / 56 * 28); } }

.grid[data-grid-size="56"] .grid-item--height28 {
  height: calc(100vh / 56 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height28 {
      height: calc(100vw / 56 * 28); } }

.grid[data-grid-size="56"] .grid-item--width29 {
  width: 51.78571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width29 {
      width: calc(100vw / 56 * 29); } }

.grid[data-grid-size="56"] .grid-item--height29 {
  height: calc(100vh / 56 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height29 {
      height: calc(100vw / 56 * 29); } }

.grid[data-grid-size="56"] .grid-item--width30 {
  width: 53.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width30 {
      width: calc(100vw / 56 * 30); } }

.grid[data-grid-size="56"] .grid-item--height30 {
  height: calc(100vh / 56 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height30 {
      height: calc(100vw / 56 * 30); } }

.grid[data-grid-size="56"] .grid-item--width31 {
  width: 55.35714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width31 {
      width: calc(100vw / 56 * 31); } }

.grid[data-grid-size="56"] .grid-item--height31 {
  height: calc(100vh / 56 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height31 {
      height: calc(100vw / 56 * 31); } }

.grid[data-grid-size="56"] .grid-item--width32 {
  width: 57.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width32 {
      width: calc(100vw / 56 * 32); } }

.grid[data-grid-size="56"] .grid-item--height32 {
  height: calc(100vh / 56 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height32 {
      height: calc(100vw / 56 * 32); } }

.grid[data-grid-size="56"] .grid-item--width33 {
  width: 58.92857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width33 {
      width: calc(100vw / 56 * 33); } }

.grid[data-grid-size="56"] .grid-item--height33 {
  height: calc(100vh / 56 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height33 {
      height: calc(100vw / 56 * 33); } }

.grid[data-grid-size="56"] .grid-item--width34 {
  width: 60.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width34 {
      width: calc(100vw / 56 * 34); } }

.grid[data-grid-size="56"] .grid-item--height34 {
  height: calc(100vh / 56 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height34 {
      height: calc(100vw / 56 * 34); } }

.grid[data-grid-size="56"] .grid-item--width35 {
  width: 62.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width35 {
      width: calc(100vw / 56 * 35); } }

.grid[data-grid-size="56"] .grid-item--height35 {
  height: calc(100vh / 56 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height35 {
      height: calc(100vw / 56 * 35); } }

.grid[data-grid-size="56"] .grid-item--width36 {
  width: 64.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width36 {
      width: calc(100vw / 56 * 36); } }

.grid[data-grid-size="56"] .grid-item--height36 {
  height: calc(100vh / 56 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height36 {
      height: calc(100vw / 56 * 36); } }

.grid[data-grid-size="56"] .grid-item--width37 {
  width: 66.07143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width37 {
      width: calc(100vw / 56 * 37); } }

.grid[data-grid-size="56"] .grid-item--height37 {
  height: calc(100vh / 56 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height37 {
      height: calc(100vw / 56 * 37); } }

.grid[data-grid-size="56"] .grid-item--width38 {
  width: 67.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width38 {
      width: calc(100vw / 56 * 38); } }

.grid[data-grid-size="56"] .grid-item--height38 {
  height: calc(100vh / 56 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height38 {
      height: calc(100vw / 56 * 38); } }

.grid[data-grid-size="56"] .grid-item--width39 {
  width: 69.64286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width39 {
      width: calc(100vw / 56 * 39); } }

.grid[data-grid-size="56"] .grid-item--height39 {
  height: calc(100vh / 56 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height39 {
      height: calc(100vw / 56 * 39); } }

.grid[data-grid-size="56"] .grid-item--width40 {
  width: 71.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width40 {
      width: calc(100vw / 56 * 40); } }

.grid[data-grid-size="56"] .grid-item--height40 {
  height: calc(100vh / 56 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height40 {
      height: calc(100vw / 56 * 40); } }

.grid[data-grid-size="56"] .grid-item--width41 {
  width: 73.21429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width41 {
      width: calc(100vw / 56 * 41); } }

.grid[data-grid-size="56"] .grid-item--height41 {
  height: calc(100vh / 56 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height41 {
      height: calc(100vw / 56 * 41); } }

.grid[data-grid-size="56"] .grid-item--width42 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width42 {
      width: calc(100vw / 56 * 42); } }

.grid[data-grid-size="56"] .grid-item--height42 {
  height: calc(100vh / 56 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height42 {
      height: calc(100vw / 56 * 42); } }

.grid[data-grid-size="56"] .grid-item--width43 {
  width: 76.78571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width43 {
      width: calc(100vw / 56 * 43); } }

.grid[data-grid-size="56"] .grid-item--height43 {
  height: calc(100vh / 56 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height43 {
      height: calc(100vw / 56 * 43); } }

.grid[data-grid-size="56"] .grid-item--width44 {
  width: 78.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width44 {
      width: calc(100vw / 56 * 44); } }

.grid[data-grid-size="56"] .grid-item--height44 {
  height: calc(100vh / 56 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height44 {
      height: calc(100vw / 56 * 44); } }

.grid[data-grid-size="56"] .grid-item--width45 {
  width: 80.35714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width45 {
      width: calc(100vw / 56 * 45); } }

.grid[data-grid-size="56"] .grid-item--height45 {
  height: calc(100vh / 56 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height45 {
      height: calc(100vw / 56 * 45); } }

.grid[data-grid-size="56"] .grid-item--width46 {
  width: 82.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width46 {
      width: calc(100vw / 56 * 46); } }

.grid[data-grid-size="56"] .grid-item--height46 {
  height: calc(100vh / 56 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height46 {
      height: calc(100vw / 56 * 46); } }

.grid[data-grid-size="56"] .grid-item--width47 {
  width: 83.92857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width47 {
      width: calc(100vw / 56 * 47); } }

.grid[data-grid-size="56"] .grid-item--height47 {
  height: calc(100vh / 56 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height47 {
      height: calc(100vw / 56 * 47); } }

.grid[data-grid-size="56"] .grid-item--width48 {
  width: 85.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width48 {
      width: calc(100vw / 56 * 48); } }

.grid[data-grid-size="56"] .grid-item--height48 {
  height: calc(100vh / 56 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height48 {
      height: calc(100vw / 56 * 48); } }

.grid[data-grid-size="56"] .grid-item--width49 {
  width: 87.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width49 {
      width: calc(100vw / 56 * 49); } }

.grid[data-grid-size="56"] .grid-item--height49 {
  height: calc(100vh / 56 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height49 {
      height: calc(100vw / 56 * 49); } }

.grid[data-grid-size="56"] .grid-item--width50 {
  width: 89.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width50 {
      width: calc(100vw / 56 * 50); } }

.grid[data-grid-size="56"] .grid-item--height50 {
  height: calc(100vh / 56 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height50 {
      height: calc(100vw / 56 * 50); } }

.grid[data-grid-size="56"] .grid-item--width51 {
  width: 91.07143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width51 {
      width: calc(100vw / 56 * 51); } }

.grid[data-grid-size="56"] .grid-item--height51 {
  height: calc(100vh / 56 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height51 {
      height: calc(100vw / 56 * 51); } }

.grid[data-grid-size="56"] .grid-item--width52 {
  width: 92.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width52 {
      width: calc(100vw / 56 * 52); } }

.grid[data-grid-size="56"] .grid-item--height52 {
  height: calc(100vh / 56 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height52 {
      height: calc(100vw / 56 * 52); } }

.grid[data-grid-size="56"] .grid-item--width53 {
  width: 94.64286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width53 {
      width: calc(100vw / 56 * 53); } }

.grid[data-grid-size="56"] .grid-item--height53 {
  height: calc(100vh / 56 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height53 {
      height: calc(100vw / 56 * 53); } }

.grid[data-grid-size="56"] .grid-item--width54 {
  width: 96.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width54 {
      width: calc(100vw / 56 * 54); } }

.grid[data-grid-size="56"] .grid-item--height54 {
  height: calc(100vh / 56 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height54 {
      height: calc(100vw / 56 * 54); } }

.grid[data-grid-size="56"] .grid-item--width55 {
  width: 98.21429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width55 {
      width: calc(100vw / 56 * 55); } }

.grid[data-grid-size="56"] .grid-item--height55 {
  height: calc(100vh / 56 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height55 {
      height: calc(100vw / 56 * 55); } }

.grid[data-grid-size="56"] .grid-item--width56 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--width56 {
      width: calc(100vw / 56 * 56); } }

.grid[data-grid-size="56"] .grid-item--height56 {
  height: calc(100vh / 56 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="56"] .grid-item--height56 {
      height: calc(100vw / 56 * 56); } }

.grid[data-grid-size="57"] .grid-sizer, .grid[data-grid-size="57"] .grid-item {
  width: 1.75439%; }

.grid[data-grid-size="57"] .grid-item--width1 {
  width: 1.75439%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width1 {
      width: calc(100vw / 57 * 1); } }

.grid[data-grid-size="57"] .grid-item--height1 {
  height: calc(100vh / 57 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height1 {
      height: calc(100vw / 57 * 1); } }

.grid[data-grid-size="57"] .grid-item--width2 {
  width: 3.50877%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width2 {
      width: calc(100vw / 57 * 2); } }

.grid[data-grid-size="57"] .grid-item--height2 {
  height: calc(100vh / 57 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height2 {
      height: calc(100vw / 57 * 2); } }

.grid[data-grid-size="57"] .grid-item--width3 {
  width: 5.26316%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width3 {
      width: calc(100vw / 57 * 3); } }

.grid[data-grid-size="57"] .grid-item--height3 {
  height: calc(100vh / 57 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height3 {
      height: calc(100vw / 57 * 3); } }

.grid[data-grid-size="57"] .grid-item--width4 {
  width: 7.01754%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width4 {
      width: calc(100vw / 57 * 4); } }

.grid[data-grid-size="57"] .grid-item--height4 {
  height: calc(100vh / 57 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height4 {
      height: calc(100vw / 57 * 4); } }

.grid[data-grid-size="57"] .grid-item--width5 {
  width: 8.77193%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width5 {
      width: calc(100vw / 57 * 5); } }

.grid[data-grid-size="57"] .grid-item--height5 {
  height: calc(100vh / 57 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height5 {
      height: calc(100vw / 57 * 5); } }

.grid[data-grid-size="57"] .grid-item--width6 {
  width: 10.52632%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width6 {
      width: calc(100vw / 57 * 6); } }

.grid[data-grid-size="57"] .grid-item--height6 {
  height: calc(100vh / 57 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height6 {
      height: calc(100vw / 57 * 6); } }

.grid[data-grid-size="57"] .grid-item--width7 {
  width: 12.2807%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width7 {
      width: calc(100vw / 57 * 7); } }

.grid[data-grid-size="57"] .grid-item--height7 {
  height: calc(100vh / 57 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height7 {
      height: calc(100vw / 57 * 7); } }

.grid[data-grid-size="57"] .grid-item--width8 {
  width: 14.03509%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width8 {
      width: calc(100vw / 57 * 8); } }

.grid[data-grid-size="57"] .grid-item--height8 {
  height: calc(100vh / 57 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height8 {
      height: calc(100vw / 57 * 8); } }

.grid[data-grid-size="57"] .grid-item--width9 {
  width: 15.78947%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width9 {
      width: calc(100vw / 57 * 9); } }

.grid[data-grid-size="57"] .grid-item--height9 {
  height: calc(100vh / 57 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height9 {
      height: calc(100vw / 57 * 9); } }

.grid[data-grid-size="57"] .grid-item--width10 {
  width: 17.54386%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width10 {
      width: calc(100vw / 57 * 10); } }

.grid[data-grid-size="57"] .grid-item--height10 {
  height: calc(100vh / 57 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height10 {
      height: calc(100vw / 57 * 10); } }

.grid[data-grid-size="57"] .grid-item--width11 {
  width: 19.29825%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width11 {
      width: calc(100vw / 57 * 11); } }

.grid[data-grid-size="57"] .grid-item--height11 {
  height: calc(100vh / 57 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height11 {
      height: calc(100vw / 57 * 11); } }

.grid[data-grid-size="57"] .grid-item--width12 {
  width: 21.05263%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width12 {
      width: calc(100vw / 57 * 12); } }

.grid[data-grid-size="57"] .grid-item--height12 {
  height: calc(100vh / 57 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height12 {
      height: calc(100vw / 57 * 12); } }

.grid[data-grid-size="57"] .grid-item--width13 {
  width: 22.80702%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width13 {
      width: calc(100vw / 57 * 13); } }

.grid[data-grid-size="57"] .grid-item--height13 {
  height: calc(100vh / 57 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height13 {
      height: calc(100vw / 57 * 13); } }

.grid[data-grid-size="57"] .grid-item--width14 {
  width: 24.5614%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width14 {
      width: calc(100vw / 57 * 14); } }

.grid[data-grid-size="57"] .grid-item--height14 {
  height: calc(100vh / 57 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height14 {
      height: calc(100vw / 57 * 14); } }

.grid[data-grid-size="57"] .grid-item--width15 {
  width: 26.31579%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width15 {
      width: calc(100vw / 57 * 15); } }

.grid[data-grid-size="57"] .grid-item--height15 {
  height: calc(100vh / 57 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height15 {
      height: calc(100vw / 57 * 15); } }

.grid[data-grid-size="57"] .grid-item--width16 {
  width: 28.07018%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width16 {
      width: calc(100vw / 57 * 16); } }

.grid[data-grid-size="57"] .grid-item--height16 {
  height: calc(100vh / 57 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height16 {
      height: calc(100vw / 57 * 16); } }

.grid[data-grid-size="57"] .grid-item--width17 {
  width: 29.82456%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width17 {
      width: calc(100vw / 57 * 17); } }

.grid[data-grid-size="57"] .grid-item--height17 {
  height: calc(100vh / 57 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height17 {
      height: calc(100vw / 57 * 17); } }

.grid[data-grid-size="57"] .grid-item--width18 {
  width: 31.57895%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width18 {
      width: calc(100vw / 57 * 18); } }

.grid[data-grid-size="57"] .grid-item--height18 {
  height: calc(100vh / 57 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height18 {
      height: calc(100vw / 57 * 18); } }

.grid[data-grid-size="57"] .grid-item--width19 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width19 {
      width: calc(100vw / 57 * 19); } }

.grid[data-grid-size="57"] .grid-item--height19 {
  height: calc(100vh / 57 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height19 {
      height: calc(100vw / 57 * 19); } }

.grid[data-grid-size="57"] .grid-item--width20 {
  width: 35.08772%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width20 {
      width: calc(100vw / 57 * 20); } }

.grid[data-grid-size="57"] .grid-item--height20 {
  height: calc(100vh / 57 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height20 {
      height: calc(100vw / 57 * 20); } }

.grid[data-grid-size="57"] .grid-item--width21 {
  width: 36.84211%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width21 {
      width: calc(100vw / 57 * 21); } }

.grid[data-grid-size="57"] .grid-item--height21 {
  height: calc(100vh / 57 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height21 {
      height: calc(100vw / 57 * 21); } }

.grid[data-grid-size="57"] .grid-item--width22 {
  width: 38.59649%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width22 {
      width: calc(100vw / 57 * 22); } }

.grid[data-grid-size="57"] .grid-item--height22 {
  height: calc(100vh / 57 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height22 {
      height: calc(100vw / 57 * 22); } }

.grid[data-grid-size="57"] .grid-item--width23 {
  width: 40.35088%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width23 {
      width: calc(100vw / 57 * 23); } }

.grid[data-grid-size="57"] .grid-item--height23 {
  height: calc(100vh / 57 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height23 {
      height: calc(100vw / 57 * 23); } }

.grid[data-grid-size="57"] .grid-item--width24 {
  width: 42.10526%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width24 {
      width: calc(100vw / 57 * 24); } }

.grid[data-grid-size="57"] .grid-item--height24 {
  height: calc(100vh / 57 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height24 {
      height: calc(100vw / 57 * 24); } }

.grid[data-grid-size="57"] .grid-item--width25 {
  width: 43.85965%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width25 {
      width: calc(100vw / 57 * 25); } }

.grid[data-grid-size="57"] .grid-item--height25 {
  height: calc(100vh / 57 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height25 {
      height: calc(100vw / 57 * 25); } }

.grid[data-grid-size="57"] .grid-item--width26 {
  width: 45.61404%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width26 {
      width: calc(100vw / 57 * 26); } }

.grid[data-grid-size="57"] .grid-item--height26 {
  height: calc(100vh / 57 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height26 {
      height: calc(100vw / 57 * 26); } }

.grid[data-grid-size="57"] .grid-item--width27 {
  width: 47.36842%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width27 {
      width: calc(100vw / 57 * 27); } }

.grid[data-grid-size="57"] .grid-item--height27 {
  height: calc(100vh / 57 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height27 {
      height: calc(100vw / 57 * 27); } }

.grid[data-grid-size="57"] .grid-item--width28 {
  width: 49.12281%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width28 {
      width: calc(100vw / 57 * 28); } }

.grid[data-grid-size="57"] .grid-item--height28 {
  height: calc(100vh / 57 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height28 {
      height: calc(100vw / 57 * 28); } }

.grid[data-grid-size="57"] .grid-item--width29 {
  width: 50.87719%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width29 {
      width: calc(100vw / 57 * 29); } }

.grid[data-grid-size="57"] .grid-item--height29 {
  height: calc(100vh / 57 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height29 {
      height: calc(100vw / 57 * 29); } }

.grid[data-grid-size="57"] .grid-item--width30 {
  width: 52.63158%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width30 {
      width: calc(100vw / 57 * 30); } }

.grid[data-grid-size="57"] .grid-item--height30 {
  height: calc(100vh / 57 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height30 {
      height: calc(100vw / 57 * 30); } }

.grid[data-grid-size="57"] .grid-item--width31 {
  width: 54.38596%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width31 {
      width: calc(100vw / 57 * 31); } }

.grid[data-grid-size="57"] .grid-item--height31 {
  height: calc(100vh / 57 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height31 {
      height: calc(100vw / 57 * 31); } }

.grid[data-grid-size="57"] .grid-item--width32 {
  width: 56.14035%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width32 {
      width: calc(100vw / 57 * 32); } }

.grid[data-grid-size="57"] .grid-item--height32 {
  height: calc(100vh / 57 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height32 {
      height: calc(100vw / 57 * 32); } }

.grid[data-grid-size="57"] .grid-item--width33 {
  width: 57.89474%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width33 {
      width: calc(100vw / 57 * 33); } }

.grid[data-grid-size="57"] .grid-item--height33 {
  height: calc(100vh / 57 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height33 {
      height: calc(100vw / 57 * 33); } }

.grid[data-grid-size="57"] .grid-item--width34 {
  width: 59.64912%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width34 {
      width: calc(100vw / 57 * 34); } }

.grid[data-grid-size="57"] .grid-item--height34 {
  height: calc(100vh / 57 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height34 {
      height: calc(100vw / 57 * 34); } }

.grid[data-grid-size="57"] .grid-item--width35 {
  width: 61.40351%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width35 {
      width: calc(100vw / 57 * 35); } }

.grid[data-grid-size="57"] .grid-item--height35 {
  height: calc(100vh / 57 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height35 {
      height: calc(100vw / 57 * 35); } }

.grid[data-grid-size="57"] .grid-item--width36 {
  width: 63.15789%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width36 {
      width: calc(100vw / 57 * 36); } }

.grid[data-grid-size="57"] .grid-item--height36 {
  height: calc(100vh / 57 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height36 {
      height: calc(100vw / 57 * 36); } }

.grid[data-grid-size="57"] .grid-item--width37 {
  width: 64.91228%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width37 {
      width: calc(100vw / 57 * 37); } }

.grid[data-grid-size="57"] .grid-item--height37 {
  height: calc(100vh / 57 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height37 {
      height: calc(100vw / 57 * 37); } }

.grid[data-grid-size="57"] .grid-item--width38 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width38 {
      width: calc(100vw / 57 * 38); } }

.grid[data-grid-size="57"] .grid-item--height38 {
  height: calc(100vh / 57 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height38 {
      height: calc(100vw / 57 * 38); } }

.grid[data-grid-size="57"] .grid-item--width39 {
  width: 68.42105%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width39 {
      width: calc(100vw / 57 * 39); } }

.grid[data-grid-size="57"] .grid-item--height39 {
  height: calc(100vh / 57 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height39 {
      height: calc(100vw / 57 * 39); } }

.grid[data-grid-size="57"] .grid-item--width40 {
  width: 70.17544%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width40 {
      width: calc(100vw / 57 * 40); } }

.grid[data-grid-size="57"] .grid-item--height40 {
  height: calc(100vh / 57 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height40 {
      height: calc(100vw / 57 * 40); } }

.grid[data-grid-size="57"] .grid-item--width41 {
  width: 71.92982%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width41 {
      width: calc(100vw / 57 * 41); } }

.grid[data-grid-size="57"] .grid-item--height41 {
  height: calc(100vh / 57 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height41 {
      height: calc(100vw / 57 * 41); } }

.grid[data-grid-size="57"] .grid-item--width42 {
  width: 73.68421%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width42 {
      width: calc(100vw / 57 * 42); } }

.grid[data-grid-size="57"] .grid-item--height42 {
  height: calc(100vh / 57 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height42 {
      height: calc(100vw / 57 * 42); } }

.grid[data-grid-size="57"] .grid-item--width43 {
  width: 75.4386%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width43 {
      width: calc(100vw / 57 * 43); } }

.grid[data-grid-size="57"] .grid-item--height43 {
  height: calc(100vh / 57 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height43 {
      height: calc(100vw / 57 * 43); } }

.grid[data-grid-size="57"] .grid-item--width44 {
  width: 77.19298%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width44 {
      width: calc(100vw / 57 * 44); } }

.grid[data-grid-size="57"] .grid-item--height44 {
  height: calc(100vh / 57 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height44 {
      height: calc(100vw / 57 * 44); } }

.grid[data-grid-size="57"] .grid-item--width45 {
  width: 78.94737%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width45 {
      width: calc(100vw / 57 * 45); } }

.grid[data-grid-size="57"] .grid-item--height45 {
  height: calc(100vh / 57 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height45 {
      height: calc(100vw / 57 * 45); } }

.grid[data-grid-size="57"] .grid-item--width46 {
  width: 80.70175%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width46 {
      width: calc(100vw / 57 * 46); } }

.grid[data-grid-size="57"] .grid-item--height46 {
  height: calc(100vh / 57 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height46 {
      height: calc(100vw / 57 * 46); } }

.grid[data-grid-size="57"] .grid-item--width47 {
  width: 82.45614%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width47 {
      width: calc(100vw / 57 * 47); } }

.grid[data-grid-size="57"] .grid-item--height47 {
  height: calc(100vh / 57 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height47 {
      height: calc(100vw / 57 * 47); } }

.grid[data-grid-size="57"] .grid-item--width48 {
  width: 84.21053%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width48 {
      width: calc(100vw / 57 * 48); } }

.grid[data-grid-size="57"] .grid-item--height48 {
  height: calc(100vh / 57 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height48 {
      height: calc(100vw / 57 * 48); } }

.grid[data-grid-size="57"] .grid-item--width49 {
  width: 85.96491%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width49 {
      width: calc(100vw / 57 * 49); } }

.grid[data-grid-size="57"] .grid-item--height49 {
  height: calc(100vh / 57 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height49 {
      height: calc(100vw / 57 * 49); } }

.grid[data-grid-size="57"] .grid-item--width50 {
  width: 87.7193%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width50 {
      width: calc(100vw / 57 * 50); } }

.grid[data-grid-size="57"] .grid-item--height50 {
  height: calc(100vh / 57 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height50 {
      height: calc(100vw / 57 * 50); } }

.grid[data-grid-size="57"] .grid-item--width51 {
  width: 89.47368%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width51 {
      width: calc(100vw / 57 * 51); } }

.grid[data-grid-size="57"] .grid-item--height51 {
  height: calc(100vh / 57 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height51 {
      height: calc(100vw / 57 * 51); } }

.grid[data-grid-size="57"] .grid-item--width52 {
  width: 91.22807%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width52 {
      width: calc(100vw / 57 * 52); } }

.grid[data-grid-size="57"] .grid-item--height52 {
  height: calc(100vh / 57 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height52 {
      height: calc(100vw / 57 * 52); } }

.grid[data-grid-size="57"] .grid-item--width53 {
  width: 92.98246%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width53 {
      width: calc(100vw / 57 * 53); } }

.grid[data-grid-size="57"] .grid-item--height53 {
  height: calc(100vh / 57 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height53 {
      height: calc(100vw / 57 * 53); } }

.grid[data-grid-size="57"] .grid-item--width54 {
  width: 94.73684%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width54 {
      width: calc(100vw / 57 * 54); } }

.grid[data-grid-size="57"] .grid-item--height54 {
  height: calc(100vh / 57 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height54 {
      height: calc(100vw / 57 * 54); } }

.grid[data-grid-size="57"] .grid-item--width55 {
  width: 96.49123%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width55 {
      width: calc(100vw / 57 * 55); } }

.grid[data-grid-size="57"] .grid-item--height55 {
  height: calc(100vh / 57 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height55 {
      height: calc(100vw / 57 * 55); } }

.grid[data-grid-size="57"] .grid-item--width56 {
  width: 98.24561%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width56 {
      width: calc(100vw / 57 * 56); } }

.grid[data-grid-size="57"] .grid-item--height56 {
  height: calc(100vh / 57 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height56 {
      height: calc(100vw / 57 * 56); } }

.grid[data-grid-size="57"] .grid-item--width57 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--width57 {
      width: calc(100vw / 57 * 57); } }

.grid[data-grid-size="57"] .grid-item--height57 {
  height: calc(100vh / 57 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="57"] .grid-item--height57 {
      height: calc(100vw / 57 * 57); } }

.grid[data-grid-size="58"] .grid-sizer, .grid[data-grid-size="58"] .grid-item {
  width: 1.72414%; }

.grid[data-grid-size="58"] .grid-item--width1 {
  width: 1.72414%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width1 {
      width: calc(100vw / 58 * 1); } }

.grid[data-grid-size="58"] .grid-item--height1 {
  height: calc(100vh / 58 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height1 {
      height: calc(100vw / 58 * 1); } }

.grid[data-grid-size="58"] .grid-item--width2 {
  width: 3.44828%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width2 {
      width: calc(100vw / 58 * 2); } }

.grid[data-grid-size="58"] .grid-item--height2 {
  height: calc(100vh / 58 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height2 {
      height: calc(100vw / 58 * 2); } }

.grid[data-grid-size="58"] .grid-item--width3 {
  width: 5.17241%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width3 {
      width: calc(100vw / 58 * 3); } }

.grid[data-grid-size="58"] .grid-item--height3 {
  height: calc(100vh / 58 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height3 {
      height: calc(100vw / 58 * 3); } }

.grid[data-grid-size="58"] .grid-item--width4 {
  width: 6.89655%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width4 {
      width: calc(100vw / 58 * 4); } }

.grid[data-grid-size="58"] .grid-item--height4 {
  height: calc(100vh / 58 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height4 {
      height: calc(100vw / 58 * 4); } }

.grid[data-grid-size="58"] .grid-item--width5 {
  width: 8.62069%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width5 {
      width: calc(100vw / 58 * 5); } }

.grid[data-grid-size="58"] .grid-item--height5 {
  height: calc(100vh / 58 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height5 {
      height: calc(100vw / 58 * 5); } }

.grid[data-grid-size="58"] .grid-item--width6 {
  width: 10.34483%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width6 {
      width: calc(100vw / 58 * 6); } }

.grid[data-grid-size="58"] .grid-item--height6 {
  height: calc(100vh / 58 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height6 {
      height: calc(100vw / 58 * 6); } }

.grid[data-grid-size="58"] .grid-item--width7 {
  width: 12.06897%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width7 {
      width: calc(100vw / 58 * 7); } }

.grid[data-grid-size="58"] .grid-item--height7 {
  height: calc(100vh / 58 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height7 {
      height: calc(100vw / 58 * 7); } }

.grid[data-grid-size="58"] .grid-item--width8 {
  width: 13.7931%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width8 {
      width: calc(100vw / 58 * 8); } }

.grid[data-grid-size="58"] .grid-item--height8 {
  height: calc(100vh / 58 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height8 {
      height: calc(100vw / 58 * 8); } }

.grid[data-grid-size="58"] .grid-item--width9 {
  width: 15.51724%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width9 {
      width: calc(100vw / 58 * 9); } }

.grid[data-grid-size="58"] .grid-item--height9 {
  height: calc(100vh / 58 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height9 {
      height: calc(100vw / 58 * 9); } }

.grid[data-grid-size="58"] .grid-item--width10 {
  width: 17.24138%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width10 {
      width: calc(100vw / 58 * 10); } }

.grid[data-grid-size="58"] .grid-item--height10 {
  height: calc(100vh / 58 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height10 {
      height: calc(100vw / 58 * 10); } }

.grid[data-grid-size="58"] .grid-item--width11 {
  width: 18.96552%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width11 {
      width: calc(100vw / 58 * 11); } }

.grid[data-grid-size="58"] .grid-item--height11 {
  height: calc(100vh / 58 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height11 {
      height: calc(100vw / 58 * 11); } }

.grid[data-grid-size="58"] .grid-item--width12 {
  width: 20.68966%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width12 {
      width: calc(100vw / 58 * 12); } }

.grid[data-grid-size="58"] .grid-item--height12 {
  height: calc(100vh / 58 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height12 {
      height: calc(100vw / 58 * 12); } }

.grid[data-grid-size="58"] .grid-item--width13 {
  width: 22.41379%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width13 {
      width: calc(100vw / 58 * 13); } }

.grid[data-grid-size="58"] .grid-item--height13 {
  height: calc(100vh / 58 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height13 {
      height: calc(100vw / 58 * 13); } }

.grid[data-grid-size="58"] .grid-item--width14 {
  width: 24.13793%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width14 {
      width: calc(100vw / 58 * 14); } }

.grid[data-grid-size="58"] .grid-item--height14 {
  height: calc(100vh / 58 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height14 {
      height: calc(100vw / 58 * 14); } }

.grid[data-grid-size="58"] .grid-item--width15 {
  width: 25.86207%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width15 {
      width: calc(100vw / 58 * 15); } }

.grid[data-grid-size="58"] .grid-item--height15 {
  height: calc(100vh / 58 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height15 {
      height: calc(100vw / 58 * 15); } }

.grid[data-grid-size="58"] .grid-item--width16 {
  width: 27.58621%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width16 {
      width: calc(100vw / 58 * 16); } }

.grid[data-grid-size="58"] .grid-item--height16 {
  height: calc(100vh / 58 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height16 {
      height: calc(100vw / 58 * 16); } }

.grid[data-grid-size="58"] .grid-item--width17 {
  width: 29.31034%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width17 {
      width: calc(100vw / 58 * 17); } }

.grid[data-grid-size="58"] .grid-item--height17 {
  height: calc(100vh / 58 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height17 {
      height: calc(100vw / 58 * 17); } }

.grid[data-grid-size="58"] .grid-item--width18 {
  width: 31.03448%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width18 {
      width: calc(100vw / 58 * 18); } }

.grid[data-grid-size="58"] .grid-item--height18 {
  height: calc(100vh / 58 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height18 {
      height: calc(100vw / 58 * 18); } }

.grid[data-grid-size="58"] .grid-item--width19 {
  width: 32.75862%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width19 {
      width: calc(100vw / 58 * 19); } }

.grid[data-grid-size="58"] .grid-item--height19 {
  height: calc(100vh / 58 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height19 {
      height: calc(100vw / 58 * 19); } }

.grid[data-grid-size="58"] .grid-item--width20 {
  width: 34.48276%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width20 {
      width: calc(100vw / 58 * 20); } }

.grid[data-grid-size="58"] .grid-item--height20 {
  height: calc(100vh / 58 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height20 {
      height: calc(100vw / 58 * 20); } }

.grid[data-grid-size="58"] .grid-item--width21 {
  width: 36.2069%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width21 {
      width: calc(100vw / 58 * 21); } }

.grid[data-grid-size="58"] .grid-item--height21 {
  height: calc(100vh / 58 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height21 {
      height: calc(100vw / 58 * 21); } }

.grid[data-grid-size="58"] .grid-item--width22 {
  width: 37.93103%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width22 {
      width: calc(100vw / 58 * 22); } }

.grid[data-grid-size="58"] .grid-item--height22 {
  height: calc(100vh / 58 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height22 {
      height: calc(100vw / 58 * 22); } }

.grid[data-grid-size="58"] .grid-item--width23 {
  width: 39.65517%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width23 {
      width: calc(100vw / 58 * 23); } }

.grid[data-grid-size="58"] .grid-item--height23 {
  height: calc(100vh / 58 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height23 {
      height: calc(100vw / 58 * 23); } }

.grid[data-grid-size="58"] .grid-item--width24 {
  width: 41.37931%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width24 {
      width: calc(100vw / 58 * 24); } }

.grid[data-grid-size="58"] .grid-item--height24 {
  height: calc(100vh / 58 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height24 {
      height: calc(100vw / 58 * 24); } }

.grid[data-grid-size="58"] .grid-item--width25 {
  width: 43.10345%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width25 {
      width: calc(100vw / 58 * 25); } }

.grid[data-grid-size="58"] .grid-item--height25 {
  height: calc(100vh / 58 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height25 {
      height: calc(100vw / 58 * 25); } }

.grid[data-grid-size="58"] .grid-item--width26 {
  width: 44.82759%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width26 {
      width: calc(100vw / 58 * 26); } }

.grid[data-grid-size="58"] .grid-item--height26 {
  height: calc(100vh / 58 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height26 {
      height: calc(100vw / 58 * 26); } }

.grid[data-grid-size="58"] .grid-item--width27 {
  width: 46.55172%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width27 {
      width: calc(100vw / 58 * 27); } }

.grid[data-grid-size="58"] .grid-item--height27 {
  height: calc(100vh / 58 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height27 {
      height: calc(100vw / 58 * 27); } }

.grid[data-grid-size="58"] .grid-item--width28 {
  width: 48.27586%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width28 {
      width: calc(100vw / 58 * 28); } }

.grid[data-grid-size="58"] .grid-item--height28 {
  height: calc(100vh / 58 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height28 {
      height: calc(100vw / 58 * 28); } }

.grid[data-grid-size="58"] .grid-item--width29 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width29 {
      width: calc(100vw / 58 * 29); } }

.grid[data-grid-size="58"] .grid-item--height29 {
  height: calc(100vh / 58 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height29 {
      height: calc(100vw / 58 * 29); } }

.grid[data-grid-size="58"] .grid-item--width30 {
  width: 51.72414%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width30 {
      width: calc(100vw / 58 * 30); } }

.grid[data-grid-size="58"] .grid-item--height30 {
  height: calc(100vh / 58 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height30 {
      height: calc(100vw / 58 * 30); } }

.grid[data-grid-size="58"] .grid-item--width31 {
  width: 53.44828%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width31 {
      width: calc(100vw / 58 * 31); } }

.grid[data-grid-size="58"] .grid-item--height31 {
  height: calc(100vh / 58 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height31 {
      height: calc(100vw / 58 * 31); } }

.grid[data-grid-size="58"] .grid-item--width32 {
  width: 55.17241%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width32 {
      width: calc(100vw / 58 * 32); } }

.grid[data-grid-size="58"] .grid-item--height32 {
  height: calc(100vh / 58 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height32 {
      height: calc(100vw / 58 * 32); } }

.grid[data-grid-size="58"] .grid-item--width33 {
  width: 56.89655%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width33 {
      width: calc(100vw / 58 * 33); } }

.grid[data-grid-size="58"] .grid-item--height33 {
  height: calc(100vh / 58 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height33 {
      height: calc(100vw / 58 * 33); } }

.grid[data-grid-size="58"] .grid-item--width34 {
  width: 58.62069%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width34 {
      width: calc(100vw / 58 * 34); } }

.grid[data-grid-size="58"] .grid-item--height34 {
  height: calc(100vh / 58 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height34 {
      height: calc(100vw / 58 * 34); } }

.grid[data-grid-size="58"] .grid-item--width35 {
  width: 60.34483%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width35 {
      width: calc(100vw / 58 * 35); } }

.grid[data-grid-size="58"] .grid-item--height35 {
  height: calc(100vh / 58 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height35 {
      height: calc(100vw / 58 * 35); } }

.grid[data-grid-size="58"] .grid-item--width36 {
  width: 62.06897%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width36 {
      width: calc(100vw / 58 * 36); } }

.grid[data-grid-size="58"] .grid-item--height36 {
  height: calc(100vh / 58 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height36 {
      height: calc(100vw / 58 * 36); } }

.grid[data-grid-size="58"] .grid-item--width37 {
  width: 63.7931%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width37 {
      width: calc(100vw / 58 * 37); } }

.grid[data-grid-size="58"] .grid-item--height37 {
  height: calc(100vh / 58 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height37 {
      height: calc(100vw / 58 * 37); } }

.grid[data-grid-size="58"] .grid-item--width38 {
  width: 65.51724%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width38 {
      width: calc(100vw / 58 * 38); } }

.grid[data-grid-size="58"] .grid-item--height38 {
  height: calc(100vh / 58 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height38 {
      height: calc(100vw / 58 * 38); } }

.grid[data-grid-size="58"] .grid-item--width39 {
  width: 67.24138%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width39 {
      width: calc(100vw / 58 * 39); } }

.grid[data-grid-size="58"] .grid-item--height39 {
  height: calc(100vh / 58 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height39 {
      height: calc(100vw / 58 * 39); } }

.grid[data-grid-size="58"] .grid-item--width40 {
  width: 68.96552%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width40 {
      width: calc(100vw / 58 * 40); } }

.grid[data-grid-size="58"] .grid-item--height40 {
  height: calc(100vh / 58 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height40 {
      height: calc(100vw / 58 * 40); } }

.grid[data-grid-size="58"] .grid-item--width41 {
  width: 70.68966%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width41 {
      width: calc(100vw / 58 * 41); } }

.grid[data-grid-size="58"] .grid-item--height41 {
  height: calc(100vh / 58 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height41 {
      height: calc(100vw / 58 * 41); } }

.grid[data-grid-size="58"] .grid-item--width42 {
  width: 72.41379%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width42 {
      width: calc(100vw / 58 * 42); } }

.grid[data-grid-size="58"] .grid-item--height42 {
  height: calc(100vh / 58 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height42 {
      height: calc(100vw / 58 * 42); } }

.grid[data-grid-size="58"] .grid-item--width43 {
  width: 74.13793%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width43 {
      width: calc(100vw / 58 * 43); } }

.grid[data-grid-size="58"] .grid-item--height43 {
  height: calc(100vh / 58 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height43 {
      height: calc(100vw / 58 * 43); } }

.grid[data-grid-size="58"] .grid-item--width44 {
  width: 75.86207%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width44 {
      width: calc(100vw / 58 * 44); } }

.grid[data-grid-size="58"] .grid-item--height44 {
  height: calc(100vh / 58 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height44 {
      height: calc(100vw / 58 * 44); } }

.grid[data-grid-size="58"] .grid-item--width45 {
  width: 77.58621%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width45 {
      width: calc(100vw / 58 * 45); } }

.grid[data-grid-size="58"] .grid-item--height45 {
  height: calc(100vh / 58 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height45 {
      height: calc(100vw / 58 * 45); } }

.grid[data-grid-size="58"] .grid-item--width46 {
  width: 79.31034%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width46 {
      width: calc(100vw / 58 * 46); } }

.grid[data-grid-size="58"] .grid-item--height46 {
  height: calc(100vh / 58 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height46 {
      height: calc(100vw / 58 * 46); } }

.grid[data-grid-size="58"] .grid-item--width47 {
  width: 81.03448%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width47 {
      width: calc(100vw / 58 * 47); } }

.grid[data-grid-size="58"] .grid-item--height47 {
  height: calc(100vh / 58 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height47 {
      height: calc(100vw / 58 * 47); } }

.grid[data-grid-size="58"] .grid-item--width48 {
  width: 82.75862%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width48 {
      width: calc(100vw / 58 * 48); } }

.grid[data-grid-size="58"] .grid-item--height48 {
  height: calc(100vh / 58 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height48 {
      height: calc(100vw / 58 * 48); } }

.grid[data-grid-size="58"] .grid-item--width49 {
  width: 84.48276%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width49 {
      width: calc(100vw / 58 * 49); } }

.grid[data-grid-size="58"] .grid-item--height49 {
  height: calc(100vh / 58 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height49 {
      height: calc(100vw / 58 * 49); } }

.grid[data-grid-size="58"] .grid-item--width50 {
  width: 86.2069%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width50 {
      width: calc(100vw / 58 * 50); } }

.grid[data-grid-size="58"] .grid-item--height50 {
  height: calc(100vh / 58 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height50 {
      height: calc(100vw / 58 * 50); } }

.grid[data-grid-size="58"] .grid-item--width51 {
  width: 87.93103%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width51 {
      width: calc(100vw / 58 * 51); } }

.grid[data-grid-size="58"] .grid-item--height51 {
  height: calc(100vh / 58 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height51 {
      height: calc(100vw / 58 * 51); } }

.grid[data-grid-size="58"] .grid-item--width52 {
  width: 89.65517%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width52 {
      width: calc(100vw / 58 * 52); } }

.grid[data-grid-size="58"] .grid-item--height52 {
  height: calc(100vh / 58 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height52 {
      height: calc(100vw / 58 * 52); } }

.grid[data-grid-size="58"] .grid-item--width53 {
  width: 91.37931%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width53 {
      width: calc(100vw / 58 * 53); } }

.grid[data-grid-size="58"] .grid-item--height53 {
  height: calc(100vh / 58 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height53 {
      height: calc(100vw / 58 * 53); } }

.grid[data-grid-size="58"] .grid-item--width54 {
  width: 93.10345%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width54 {
      width: calc(100vw / 58 * 54); } }

.grid[data-grid-size="58"] .grid-item--height54 {
  height: calc(100vh / 58 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height54 {
      height: calc(100vw / 58 * 54); } }

.grid[data-grid-size="58"] .grid-item--width55 {
  width: 94.82759%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width55 {
      width: calc(100vw / 58 * 55); } }

.grid[data-grid-size="58"] .grid-item--height55 {
  height: calc(100vh / 58 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height55 {
      height: calc(100vw / 58 * 55); } }

.grid[data-grid-size="58"] .grid-item--width56 {
  width: 96.55172%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width56 {
      width: calc(100vw / 58 * 56); } }

.grid[data-grid-size="58"] .grid-item--height56 {
  height: calc(100vh / 58 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height56 {
      height: calc(100vw / 58 * 56); } }

.grid[data-grid-size="58"] .grid-item--width57 {
  width: 98.27586%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width57 {
      width: calc(100vw / 58 * 57); } }

.grid[data-grid-size="58"] .grid-item--height57 {
  height: calc(100vh / 58 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height57 {
      height: calc(100vw / 58 * 57); } }

.grid[data-grid-size="58"] .grid-item--width58 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--width58 {
      width: calc(100vw / 58 * 58); } }

.grid[data-grid-size="58"] .grid-item--height58 {
  height: calc(100vh / 58 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="58"] .grid-item--height58 {
      height: calc(100vw / 58 * 58); } }

.grid[data-grid-size="59"] .grid-sizer, .grid[data-grid-size="59"] .grid-item {
  width: 1.69492%; }

.grid[data-grid-size="59"] .grid-item--width1 {
  width: 1.69492%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width1 {
      width: calc(100vw / 59 * 1); } }

.grid[data-grid-size="59"] .grid-item--height1 {
  height: calc(100vh / 59 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height1 {
      height: calc(100vw / 59 * 1); } }

.grid[data-grid-size="59"] .grid-item--width2 {
  width: 3.38983%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width2 {
      width: calc(100vw / 59 * 2); } }

.grid[data-grid-size="59"] .grid-item--height2 {
  height: calc(100vh / 59 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height2 {
      height: calc(100vw / 59 * 2); } }

.grid[data-grid-size="59"] .grid-item--width3 {
  width: 5.08475%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width3 {
      width: calc(100vw / 59 * 3); } }

.grid[data-grid-size="59"] .grid-item--height3 {
  height: calc(100vh / 59 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height3 {
      height: calc(100vw / 59 * 3); } }

.grid[data-grid-size="59"] .grid-item--width4 {
  width: 6.77966%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width4 {
      width: calc(100vw / 59 * 4); } }

.grid[data-grid-size="59"] .grid-item--height4 {
  height: calc(100vh / 59 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height4 {
      height: calc(100vw / 59 * 4); } }

.grid[data-grid-size="59"] .grid-item--width5 {
  width: 8.47458%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width5 {
      width: calc(100vw / 59 * 5); } }

.grid[data-grid-size="59"] .grid-item--height5 {
  height: calc(100vh / 59 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height5 {
      height: calc(100vw / 59 * 5); } }

.grid[data-grid-size="59"] .grid-item--width6 {
  width: 10.16949%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width6 {
      width: calc(100vw / 59 * 6); } }

.grid[data-grid-size="59"] .grid-item--height6 {
  height: calc(100vh / 59 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height6 {
      height: calc(100vw / 59 * 6); } }

.grid[data-grid-size="59"] .grid-item--width7 {
  width: 11.86441%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width7 {
      width: calc(100vw / 59 * 7); } }

.grid[data-grid-size="59"] .grid-item--height7 {
  height: calc(100vh / 59 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height7 {
      height: calc(100vw / 59 * 7); } }

.grid[data-grid-size="59"] .grid-item--width8 {
  width: 13.55932%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width8 {
      width: calc(100vw / 59 * 8); } }

.grid[data-grid-size="59"] .grid-item--height8 {
  height: calc(100vh / 59 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height8 {
      height: calc(100vw / 59 * 8); } }

.grid[data-grid-size="59"] .grid-item--width9 {
  width: 15.25424%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width9 {
      width: calc(100vw / 59 * 9); } }

.grid[data-grid-size="59"] .grid-item--height9 {
  height: calc(100vh / 59 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height9 {
      height: calc(100vw / 59 * 9); } }

.grid[data-grid-size="59"] .grid-item--width10 {
  width: 16.94915%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width10 {
      width: calc(100vw / 59 * 10); } }

.grid[data-grid-size="59"] .grid-item--height10 {
  height: calc(100vh / 59 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height10 {
      height: calc(100vw / 59 * 10); } }

.grid[data-grid-size="59"] .grid-item--width11 {
  width: 18.64407%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width11 {
      width: calc(100vw / 59 * 11); } }

.grid[data-grid-size="59"] .grid-item--height11 {
  height: calc(100vh / 59 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height11 {
      height: calc(100vw / 59 * 11); } }

.grid[data-grid-size="59"] .grid-item--width12 {
  width: 20.33898%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width12 {
      width: calc(100vw / 59 * 12); } }

.grid[data-grid-size="59"] .grid-item--height12 {
  height: calc(100vh / 59 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height12 {
      height: calc(100vw / 59 * 12); } }

.grid[data-grid-size="59"] .grid-item--width13 {
  width: 22.0339%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width13 {
      width: calc(100vw / 59 * 13); } }

.grid[data-grid-size="59"] .grid-item--height13 {
  height: calc(100vh / 59 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height13 {
      height: calc(100vw / 59 * 13); } }

.grid[data-grid-size="59"] .grid-item--width14 {
  width: 23.72881%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width14 {
      width: calc(100vw / 59 * 14); } }

.grid[data-grid-size="59"] .grid-item--height14 {
  height: calc(100vh / 59 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height14 {
      height: calc(100vw / 59 * 14); } }

.grid[data-grid-size="59"] .grid-item--width15 {
  width: 25.42373%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width15 {
      width: calc(100vw / 59 * 15); } }

.grid[data-grid-size="59"] .grid-item--height15 {
  height: calc(100vh / 59 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height15 {
      height: calc(100vw / 59 * 15); } }

.grid[data-grid-size="59"] .grid-item--width16 {
  width: 27.11864%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width16 {
      width: calc(100vw / 59 * 16); } }

.grid[data-grid-size="59"] .grid-item--height16 {
  height: calc(100vh / 59 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height16 {
      height: calc(100vw / 59 * 16); } }

.grid[data-grid-size="59"] .grid-item--width17 {
  width: 28.81356%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width17 {
      width: calc(100vw / 59 * 17); } }

.grid[data-grid-size="59"] .grid-item--height17 {
  height: calc(100vh / 59 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height17 {
      height: calc(100vw / 59 * 17); } }

.grid[data-grid-size="59"] .grid-item--width18 {
  width: 30.50847%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width18 {
      width: calc(100vw / 59 * 18); } }

.grid[data-grid-size="59"] .grid-item--height18 {
  height: calc(100vh / 59 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height18 {
      height: calc(100vw / 59 * 18); } }

.grid[data-grid-size="59"] .grid-item--width19 {
  width: 32.20339%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width19 {
      width: calc(100vw / 59 * 19); } }

.grid[data-grid-size="59"] .grid-item--height19 {
  height: calc(100vh / 59 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height19 {
      height: calc(100vw / 59 * 19); } }

.grid[data-grid-size="59"] .grid-item--width20 {
  width: 33.89831%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width20 {
      width: calc(100vw / 59 * 20); } }

.grid[data-grid-size="59"] .grid-item--height20 {
  height: calc(100vh / 59 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height20 {
      height: calc(100vw / 59 * 20); } }

.grid[data-grid-size="59"] .grid-item--width21 {
  width: 35.59322%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width21 {
      width: calc(100vw / 59 * 21); } }

.grid[data-grid-size="59"] .grid-item--height21 {
  height: calc(100vh / 59 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height21 {
      height: calc(100vw / 59 * 21); } }

.grid[data-grid-size="59"] .grid-item--width22 {
  width: 37.28814%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width22 {
      width: calc(100vw / 59 * 22); } }

.grid[data-grid-size="59"] .grid-item--height22 {
  height: calc(100vh / 59 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height22 {
      height: calc(100vw / 59 * 22); } }

.grid[data-grid-size="59"] .grid-item--width23 {
  width: 38.98305%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width23 {
      width: calc(100vw / 59 * 23); } }

.grid[data-grid-size="59"] .grid-item--height23 {
  height: calc(100vh / 59 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height23 {
      height: calc(100vw / 59 * 23); } }

.grid[data-grid-size="59"] .grid-item--width24 {
  width: 40.67797%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width24 {
      width: calc(100vw / 59 * 24); } }

.grid[data-grid-size="59"] .grid-item--height24 {
  height: calc(100vh / 59 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height24 {
      height: calc(100vw / 59 * 24); } }

.grid[data-grid-size="59"] .grid-item--width25 {
  width: 42.37288%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width25 {
      width: calc(100vw / 59 * 25); } }

.grid[data-grid-size="59"] .grid-item--height25 {
  height: calc(100vh / 59 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height25 {
      height: calc(100vw / 59 * 25); } }

.grid[data-grid-size="59"] .grid-item--width26 {
  width: 44.0678%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width26 {
      width: calc(100vw / 59 * 26); } }

.grid[data-grid-size="59"] .grid-item--height26 {
  height: calc(100vh / 59 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height26 {
      height: calc(100vw / 59 * 26); } }

.grid[data-grid-size="59"] .grid-item--width27 {
  width: 45.76271%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width27 {
      width: calc(100vw / 59 * 27); } }

.grid[data-grid-size="59"] .grid-item--height27 {
  height: calc(100vh / 59 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height27 {
      height: calc(100vw / 59 * 27); } }

.grid[data-grid-size="59"] .grid-item--width28 {
  width: 47.45763%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width28 {
      width: calc(100vw / 59 * 28); } }

.grid[data-grid-size="59"] .grid-item--height28 {
  height: calc(100vh / 59 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height28 {
      height: calc(100vw / 59 * 28); } }

.grid[data-grid-size="59"] .grid-item--width29 {
  width: 49.15254%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width29 {
      width: calc(100vw / 59 * 29); } }

.grid[data-grid-size="59"] .grid-item--height29 {
  height: calc(100vh / 59 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height29 {
      height: calc(100vw / 59 * 29); } }

.grid[data-grid-size="59"] .grid-item--width30 {
  width: 50.84746%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width30 {
      width: calc(100vw / 59 * 30); } }

.grid[data-grid-size="59"] .grid-item--height30 {
  height: calc(100vh / 59 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height30 {
      height: calc(100vw / 59 * 30); } }

.grid[data-grid-size="59"] .grid-item--width31 {
  width: 52.54237%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width31 {
      width: calc(100vw / 59 * 31); } }

.grid[data-grid-size="59"] .grid-item--height31 {
  height: calc(100vh / 59 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height31 {
      height: calc(100vw / 59 * 31); } }

.grid[data-grid-size="59"] .grid-item--width32 {
  width: 54.23729%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width32 {
      width: calc(100vw / 59 * 32); } }

.grid[data-grid-size="59"] .grid-item--height32 {
  height: calc(100vh / 59 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height32 {
      height: calc(100vw / 59 * 32); } }

.grid[data-grid-size="59"] .grid-item--width33 {
  width: 55.9322%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width33 {
      width: calc(100vw / 59 * 33); } }

.grid[data-grid-size="59"] .grid-item--height33 {
  height: calc(100vh / 59 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height33 {
      height: calc(100vw / 59 * 33); } }

.grid[data-grid-size="59"] .grid-item--width34 {
  width: 57.62712%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width34 {
      width: calc(100vw / 59 * 34); } }

.grid[data-grid-size="59"] .grid-item--height34 {
  height: calc(100vh / 59 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height34 {
      height: calc(100vw / 59 * 34); } }

.grid[data-grid-size="59"] .grid-item--width35 {
  width: 59.32203%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width35 {
      width: calc(100vw / 59 * 35); } }

.grid[data-grid-size="59"] .grid-item--height35 {
  height: calc(100vh / 59 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height35 {
      height: calc(100vw / 59 * 35); } }

.grid[data-grid-size="59"] .grid-item--width36 {
  width: 61.01695%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width36 {
      width: calc(100vw / 59 * 36); } }

.grid[data-grid-size="59"] .grid-item--height36 {
  height: calc(100vh / 59 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height36 {
      height: calc(100vw / 59 * 36); } }

.grid[data-grid-size="59"] .grid-item--width37 {
  width: 62.71186%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width37 {
      width: calc(100vw / 59 * 37); } }

.grid[data-grid-size="59"] .grid-item--height37 {
  height: calc(100vh / 59 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height37 {
      height: calc(100vw / 59 * 37); } }

.grid[data-grid-size="59"] .grid-item--width38 {
  width: 64.40678%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width38 {
      width: calc(100vw / 59 * 38); } }

.grid[data-grid-size="59"] .grid-item--height38 {
  height: calc(100vh / 59 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height38 {
      height: calc(100vw / 59 * 38); } }

.grid[data-grid-size="59"] .grid-item--width39 {
  width: 66.10169%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width39 {
      width: calc(100vw / 59 * 39); } }

.grid[data-grid-size="59"] .grid-item--height39 {
  height: calc(100vh / 59 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height39 {
      height: calc(100vw / 59 * 39); } }

.grid[data-grid-size="59"] .grid-item--width40 {
  width: 67.79661%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width40 {
      width: calc(100vw / 59 * 40); } }

.grid[data-grid-size="59"] .grid-item--height40 {
  height: calc(100vh / 59 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height40 {
      height: calc(100vw / 59 * 40); } }

.grid[data-grid-size="59"] .grid-item--width41 {
  width: 69.49153%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width41 {
      width: calc(100vw / 59 * 41); } }

.grid[data-grid-size="59"] .grid-item--height41 {
  height: calc(100vh / 59 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height41 {
      height: calc(100vw / 59 * 41); } }

.grid[data-grid-size="59"] .grid-item--width42 {
  width: 71.18644%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width42 {
      width: calc(100vw / 59 * 42); } }

.grid[data-grid-size="59"] .grid-item--height42 {
  height: calc(100vh / 59 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height42 {
      height: calc(100vw / 59 * 42); } }

.grid[data-grid-size="59"] .grid-item--width43 {
  width: 72.88136%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width43 {
      width: calc(100vw / 59 * 43); } }

.grid[data-grid-size="59"] .grid-item--height43 {
  height: calc(100vh / 59 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height43 {
      height: calc(100vw / 59 * 43); } }

.grid[data-grid-size="59"] .grid-item--width44 {
  width: 74.57627%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width44 {
      width: calc(100vw / 59 * 44); } }

.grid[data-grid-size="59"] .grid-item--height44 {
  height: calc(100vh / 59 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height44 {
      height: calc(100vw / 59 * 44); } }

.grid[data-grid-size="59"] .grid-item--width45 {
  width: 76.27119%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width45 {
      width: calc(100vw / 59 * 45); } }

.grid[data-grid-size="59"] .grid-item--height45 {
  height: calc(100vh / 59 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height45 {
      height: calc(100vw / 59 * 45); } }

.grid[data-grid-size="59"] .grid-item--width46 {
  width: 77.9661%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width46 {
      width: calc(100vw / 59 * 46); } }

.grid[data-grid-size="59"] .grid-item--height46 {
  height: calc(100vh / 59 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height46 {
      height: calc(100vw / 59 * 46); } }

.grid[data-grid-size="59"] .grid-item--width47 {
  width: 79.66102%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width47 {
      width: calc(100vw / 59 * 47); } }

.grid[data-grid-size="59"] .grid-item--height47 {
  height: calc(100vh / 59 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height47 {
      height: calc(100vw / 59 * 47); } }

.grid[data-grid-size="59"] .grid-item--width48 {
  width: 81.35593%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width48 {
      width: calc(100vw / 59 * 48); } }

.grid[data-grid-size="59"] .grid-item--height48 {
  height: calc(100vh / 59 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height48 {
      height: calc(100vw / 59 * 48); } }

.grid[data-grid-size="59"] .grid-item--width49 {
  width: 83.05085%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width49 {
      width: calc(100vw / 59 * 49); } }

.grid[data-grid-size="59"] .grid-item--height49 {
  height: calc(100vh / 59 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height49 {
      height: calc(100vw / 59 * 49); } }

.grid[data-grid-size="59"] .grid-item--width50 {
  width: 84.74576%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width50 {
      width: calc(100vw / 59 * 50); } }

.grid[data-grid-size="59"] .grid-item--height50 {
  height: calc(100vh / 59 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height50 {
      height: calc(100vw / 59 * 50); } }

.grid[data-grid-size="59"] .grid-item--width51 {
  width: 86.44068%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width51 {
      width: calc(100vw / 59 * 51); } }

.grid[data-grid-size="59"] .grid-item--height51 {
  height: calc(100vh / 59 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height51 {
      height: calc(100vw / 59 * 51); } }

.grid[data-grid-size="59"] .grid-item--width52 {
  width: 88.13559%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width52 {
      width: calc(100vw / 59 * 52); } }

.grid[data-grid-size="59"] .grid-item--height52 {
  height: calc(100vh / 59 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height52 {
      height: calc(100vw / 59 * 52); } }

.grid[data-grid-size="59"] .grid-item--width53 {
  width: 89.83051%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width53 {
      width: calc(100vw / 59 * 53); } }

.grid[data-grid-size="59"] .grid-item--height53 {
  height: calc(100vh / 59 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height53 {
      height: calc(100vw / 59 * 53); } }

.grid[data-grid-size="59"] .grid-item--width54 {
  width: 91.52542%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width54 {
      width: calc(100vw / 59 * 54); } }

.grid[data-grid-size="59"] .grid-item--height54 {
  height: calc(100vh / 59 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height54 {
      height: calc(100vw / 59 * 54); } }

.grid[data-grid-size="59"] .grid-item--width55 {
  width: 93.22034%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width55 {
      width: calc(100vw / 59 * 55); } }

.grid[data-grid-size="59"] .grid-item--height55 {
  height: calc(100vh / 59 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height55 {
      height: calc(100vw / 59 * 55); } }

.grid[data-grid-size="59"] .grid-item--width56 {
  width: 94.91525%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width56 {
      width: calc(100vw / 59 * 56); } }

.grid[data-grid-size="59"] .grid-item--height56 {
  height: calc(100vh / 59 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height56 {
      height: calc(100vw / 59 * 56); } }

.grid[data-grid-size="59"] .grid-item--width57 {
  width: 96.61017%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width57 {
      width: calc(100vw / 59 * 57); } }

.grid[data-grid-size="59"] .grid-item--height57 {
  height: calc(100vh / 59 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height57 {
      height: calc(100vw / 59 * 57); } }

.grid[data-grid-size="59"] .grid-item--width58 {
  width: 98.30508%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width58 {
      width: calc(100vw / 59 * 58); } }

.grid[data-grid-size="59"] .grid-item--height58 {
  height: calc(100vh / 59 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height58 {
      height: calc(100vw / 59 * 58); } }

.grid[data-grid-size="59"] .grid-item--width59 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--width59 {
      width: calc(100vw / 59 * 59); } }

.grid[data-grid-size="59"] .grid-item--height59 {
  height: calc(100vh / 59 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="59"] .grid-item--height59 {
      height: calc(100vw / 59 * 59); } }

.grid[data-grid-size="60"] .grid-sizer, .grid[data-grid-size="60"] .grid-item {
  width: 1.66667%; }

.grid[data-grid-size="60"] .grid-item--width1 {
  width: 1.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width1 {
      width: calc(100vw / 60 * 1); } }

.grid[data-grid-size="60"] .grid-item--height1 {
  height: calc(100vh / 60 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height1 {
      height: calc(100vw / 60 * 1); } }

.grid[data-grid-size="60"] .grid-item--width2 {
  width: 3.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width2 {
      width: calc(100vw / 60 * 2); } }

.grid[data-grid-size="60"] .grid-item--height2 {
  height: calc(100vh / 60 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height2 {
      height: calc(100vw / 60 * 2); } }

.grid[data-grid-size="60"] .grid-item--width3 {
  width: 5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width3 {
      width: calc(100vw / 60 * 3); } }

.grid[data-grid-size="60"] .grid-item--height3 {
  height: calc(100vh / 60 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height3 {
      height: calc(100vw / 60 * 3); } }

.grid[data-grid-size="60"] .grid-item--width4 {
  width: 6.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width4 {
      width: calc(100vw / 60 * 4); } }

.grid[data-grid-size="60"] .grid-item--height4 {
  height: calc(100vh / 60 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height4 {
      height: calc(100vw / 60 * 4); } }

.grid[data-grid-size="60"] .grid-item--width5 {
  width: 8.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width5 {
      width: calc(100vw / 60 * 5); } }

.grid[data-grid-size="60"] .grid-item--height5 {
  height: calc(100vh / 60 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height5 {
      height: calc(100vw / 60 * 5); } }

.grid[data-grid-size="60"] .grid-item--width6 {
  width: 10%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width6 {
      width: calc(100vw / 60 * 6); } }

.grid[data-grid-size="60"] .grid-item--height6 {
  height: calc(100vh / 60 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height6 {
      height: calc(100vw / 60 * 6); } }

.grid[data-grid-size="60"] .grid-item--width7 {
  width: 11.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width7 {
      width: calc(100vw / 60 * 7); } }

.grid[data-grid-size="60"] .grid-item--height7 {
  height: calc(100vh / 60 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height7 {
      height: calc(100vw / 60 * 7); } }

.grid[data-grid-size="60"] .grid-item--width8 {
  width: 13.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width8 {
      width: calc(100vw / 60 * 8); } }

.grid[data-grid-size="60"] .grid-item--height8 {
  height: calc(100vh / 60 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height8 {
      height: calc(100vw / 60 * 8); } }

.grid[data-grid-size="60"] .grid-item--width9 {
  width: 15%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width9 {
      width: calc(100vw / 60 * 9); } }

.grid[data-grid-size="60"] .grid-item--height9 {
  height: calc(100vh / 60 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height9 {
      height: calc(100vw / 60 * 9); } }

.grid[data-grid-size="60"] .grid-item--width10 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width10 {
      width: calc(100vw / 60 * 10); } }

.grid[data-grid-size="60"] .grid-item--height10 {
  height: calc(100vh / 60 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height10 {
      height: calc(100vw / 60 * 10); } }

.grid[data-grid-size="60"] .grid-item--width11 {
  width: 18.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width11 {
      width: calc(100vw / 60 * 11); } }

.grid[data-grid-size="60"] .grid-item--height11 {
  height: calc(100vh / 60 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height11 {
      height: calc(100vw / 60 * 11); } }

.grid[data-grid-size="60"] .grid-item--width12 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width12 {
      width: calc(100vw / 60 * 12); } }

.grid[data-grid-size="60"] .grid-item--height12 {
  height: calc(100vh / 60 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height12 {
      height: calc(100vw / 60 * 12); } }

.grid[data-grid-size="60"] .grid-item--width13 {
  width: 21.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width13 {
      width: calc(100vw / 60 * 13); } }

.grid[data-grid-size="60"] .grid-item--height13 {
  height: calc(100vh / 60 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height13 {
      height: calc(100vw / 60 * 13); } }

.grid[data-grid-size="60"] .grid-item--width14 {
  width: 23.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width14 {
      width: calc(100vw / 60 * 14); } }

.grid[data-grid-size="60"] .grid-item--height14 {
  height: calc(100vh / 60 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height14 {
      height: calc(100vw / 60 * 14); } }

.grid[data-grid-size="60"] .grid-item--width15 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width15 {
      width: calc(100vw / 60 * 15); } }

.grid[data-grid-size="60"] .grid-item--height15 {
  height: calc(100vh / 60 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height15 {
      height: calc(100vw / 60 * 15); } }

.grid[data-grid-size="60"] .grid-item--width16 {
  width: 26.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width16 {
      width: calc(100vw / 60 * 16); } }

.grid[data-grid-size="60"] .grid-item--height16 {
  height: calc(100vh / 60 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height16 {
      height: calc(100vw / 60 * 16); } }

.grid[data-grid-size="60"] .grid-item--width17 {
  width: 28.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width17 {
      width: calc(100vw / 60 * 17); } }

.grid[data-grid-size="60"] .grid-item--height17 {
  height: calc(100vh / 60 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height17 {
      height: calc(100vw / 60 * 17); } }

.grid[data-grid-size="60"] .grid-item--width18 {
  width: 30%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width18 {
      width: calc(100vw / 60 * 18); } }

.grid[data-grid-size="60"] .grid-item--height18 {
  height: calc(100vh / 60 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height18 {
      height: calc(100vw / 60 * 18); } }

.grid[data-grid-size="60"] .grid-item--width19 {
  width: 31.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width19 {
      width: calc(100vw / 60 * 19); } }

.grid[data-grid-size="60"] .grid-item--height19 {
  height: calc(100vh / 60 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height19 {
      height: calc(100vw / 60 * 19); } }

.grid[data-grid-size="60"] .grid-item--width20 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width20 {
      width: calc(100vw / 60 * 20); } }

.grid[data-grid-size="60"] .grid-item--height20 {
  height: calc(100vh / 60 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height20 {
      height: calc(100vw / 60 * 20); } }

.grid[data-grid-size="60"] .grid-item--width21 {
  width: 35%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width21 {
      width: calc(100vw / 60 * 21); } }

.grid[data-grid-size="60"] .grid-item--height21 {
  height: calc(100vh / 60 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height21 {
      height: calc(100vw / 60 * 21); } }

.grid[data-grid-size="60"] .grid-item--width22 {
  width: 36.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width22 {
      width: calc(100vw / 60 * 22); } }

.grid[data-grid-size="60"] .grid-item--height22 {
  height: calc(100vh / 60 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height22 {
      height: calc(100vw / 60 * 22); } }

.grid[data-grid-size="60"] .grid-item--width23 {
  width: 38.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width23 {
      width: calc(100vw / 60 * 23); } }

.grid[data-grid-size="60"] .grid-item--height23 {
  height: calc(100vh / 60 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height23 {
      height: calc(100vw / 60 * 23); } }

.grid[data-grid-size="60"] .grid-item--width24 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width24 {
      width: calc(100vw / 60 * 24); } }

.grid[data-grid-size="60"] .grid-item--height24 {
  height: calc(100vh / 60 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height24 {
      height: calc(100vw / 60 * 24); } }

.grid[data-grid-size="60"] .grid-item--width25 {
  width: 41.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width25 {
      width: calc(100vw / 60 * 25); } }

.grid[data-grid-size="60"] .grid-item--height25 {
  height: calc(100vh / 60 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height25 {
      height: calc(100vw / 60 * 25); } }

.grid[data-grid-size="60"] .grid-item--width26 {
  width: 43.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width26 {
      width: calc(100vw / 60 * 26); } }

.grid[data-grid-size="60"] .grid-item--height26 {
  height: calc(100vh / 60 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height26 {
      height: calc(100vw / 60 * 26); } }

.grid[data-grid-size="60"] .grid-item--width27 {
  width: 45%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width27 {
      width: calc(100vw / 60 * 27); } }

.grid[data-grid-size="60"] .grid-item--height27 {
  height: calc(100vh / 60 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height27 {
      height: calc(100vw / 60 * 27); } }

.grid[data-grid-size="60"] .grid-item--width28 {
  width: 46.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width28 {
      width: calc(100vw / 60 * 28); } }

.grid[data-grid-size="60"] .grid-item--height28 {
  height: calc(100vh / 60 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height28 {
      height: calc(100vw / 60 * 28); } }

.grid[data-grid-size="60"] .grid-item--width29 {
  width: 48.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width29 {
      width: calc(100vw / 60 * 29); } }

.grid[data-grid-size="60"] .grid-item--height29 {
  height: calc(100vh / 60 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height29 {
      height: calc(100vw / 60 * 29); } }

.grid[data-grid-size="60"] .grid-item--width30 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width30 {
      width: calc(100vw / 60 * 30); } }

.grid[data-grid-size="60"] .grid-item--height30 {
  height: calc(100vh / 60 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height30 {
      height: calc(100vw / 60 * 30); } }

.grid[data-grid-size="60"] .grid-item--width31 {
  width: 51.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width31 {
      width: calc(100vw / 60 * 31); } }

.grid[data-grid-size="60"] .grid-item--height31 {
  height: calc(100vh / 60 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height31 {
      height: calc(100vw / 60 * 31); } }

.grid[data-grid-size="60"] .grid-item--width32 {
  width: 53.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width32 {
      width: calc(100vw / 60 * 32); } }

.grid[data-grid-size="60"] .grid-item--height32 {
  height: calc(100vh / 60 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height32 {
      height: calc(100vw / 60 * 32); } }

.grid[data-grid-size="60"] .grid-item--width33 {
  width: 55%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width33 {
      width: calc(100vw / 60 * 33); } }

.grid[data-grid-size="60"] .grid-item--height33 {
  height: calc(100vh / 60 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height33 {
      height: calc(100vw / 60 * 33); } }

.grid[data-grid-size="60"] .grid-item--width34 {
  width: 56.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width34 {
      width: calc(100vw / 60 * 34); } }

.grid[data-grid-size="60"] .grid-item--height34 {
  height: calc(100vh / 60 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height34 {
      height: calc(100vw / 60 * 34); } }

.grid[data-grid-size="60"] .grid-item--width35 {
  width: 58.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width35 {
      width: calc(100vw / 60 * 35); } }

.grid[data-grid-size="60"] .grid-item--height35 {
  height: calc(100vh / 60 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height35 {
      height: calc(100vw / 60 * 35); } }

.grid[data-grid-size="60"] .grid-item--width36 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width36 {
      width: calc(100vw / 60 * 36); } }

.grid[data-grid-size="60"] .grid-item--height36 {
  height: calc(100vh / 60 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height36 {
      height: calc(100vw / 60 * 36); } }

.grid[data-grid-size="60"] .grid-item--width37 {
  width: 61.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width37 {
      width: calc(100vw / 60 * 37); } }

.grid[data-grid-size="60"] .grid-item--height37 {
  height: calc(100vh / 60 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height37 {
      height: calc(100vw / 60 * 37); } }

.grid[data-grid-size="60"] .grid-item--width38 {
  width: 63.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width38 {
      width: calc(100vw / 60 * 38); } }

.grid[data-grid-size="60"] .grid-item--height38 {
  height: calc(100vh / 60 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height38 {
      height: calc(100vw / 60 * 38); } }

.grid[data-grid-size="60"] .grid-item--width39 {
  width: 65%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width39 {
      width: calc(100vw / 60 * 39); } }

.grid[data-grid-size="60"] .grid-item--height39 {
  height: calc(100vh / 60 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height39 {
      height: calc(100vw / 60 * 39); } }

.grid[data-grid-size="60"] .grid-item--width40 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width40 {
      width: calc(100vw / 60 * 40); } }

.grid[data-grid-size="60"] .grid-item--height40 {
  height: calc(100vh / 60 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height40 {
      height: calc(100vw / 60 * 40); } }

.grid[data-grid-size="60"] .grid-item--width41 {
  width: 68.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width41 {
      width: calc(100vw / 60 * 41); } }

.grid[data-grid-size="60"] .grid-item--height41 {
  height: calc(100vh / 60 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height41 {
      height: calc(100vw / 60 * 41); } }

.grid[data-grid-size="60"] .grid-item--width42 {
  width: 70%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width42 {
      width: calc(100vw / 60 * 42); } }

.grid[data-grid-size="60"] .grid-item--height42 {
  height: calc(100vh / 60 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height42 {
      height: calc(100vw / 60 * 42); } }

.grid[data-grid-size="60"] .grid-item--width43 {
  width: 71.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width43 {
      width: calc(100vw / 60 * 43); } }

.grid[data-grid-size="60"] .grid-item--height43 {
  height: calc(100vh / 60 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height43 {
      height: calc(100vw / 60 * 43); } }

.grid[data-grid-size="60"] .grid-item--width44 {
  width: 73.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width44 {
      width: calc(100vw / 60 * 44); } }

.grid[data-grid-size="60"] .grid-item--height44 {
  height: calc(100vh / 60 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height44 {
      height: calc(100vw / 60 * 44); } }

.grid[data-grid-size="60"] .grid-item--width45 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width45 {
      width: calc(100vw / 60 * 45); } }

.grid[data-grid-size="60"] .grid-item--height45 {
  height: calc(100vh / 60 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height45 {
      height: calc(100vw / 60 * 45); } }

.grid[data-grid-size="60"] .grid-item--width46 {
  width: 76.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width46 {
      width: calc(100vw / 60 * 46); } }

.grid[data-grid-size="60"] .grid-item--height46 {
  height: calc(100vh / 60 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height46 {
      height: calc(100vw / 60 * 46); } }

.grid[data-grid-size="60"] .grid-item--width47 {
  width: 78.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width47 {
      width: calc(100vw / 60 * 47); } }

.grid[data-grid-size="60"] .grid-item--height47 {
  height: calc(100vh / 60 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height47 {
      height: calc(100vw / 60 * 47); } }

.grid[data-grid-size="60"] .grid-item--width48 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width48 {
      width: calc(100vw / 60 * 48); } }

.grid[data-grid-size="60"] .grid-item--height48 {
  height: calc(100vh / 60 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height48 {
      height: calc(100vw / 60 * 48); } }

.grid[data-grid-size="60"] .grid-item--width49 {
  width: 81.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width49 {
      width: calc(100vw / 60 * 49); } }

.grid[data-grid-size="60"] .grid-item--height49 {
  height: calc(100vh / 60 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height49 {
      height: calc(100vw / 60 * 49); } }

.grid[data-grid-size="60"] .grid-item--width50 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width50 {
      width: calc(100vw / 60 * 50); } }

.grid[data-grid-size="60"] .grid-item--height50 {
  height: calc(100vh / 60 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height50 {
      height: calc(100vw / 60 * 50); } }

.grid[data-grid-size="60"] .grid-item--width51 {
  width: 85%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width51 {
      width: calc(100vw / 60 * 51); } }

.grid[data-grid-size="60"] .grid-item--height51 {
  height: calc(100vh / 60 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height51 {
      height: calc(100vw / 60 * 51); } }

.grid[data-grid-size="60"] .grid-item--width52 {
  width: 86.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width52 {
      width: calc(100vw / 60 * 52); } }

.grid[data-grid-size="60"] .grid-item--height52 {
  height: calc(100vh / 60 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height52 {
      height: calc(100vw / 60 * 52); } }

.grid[data-grid-size="60"] .grid-item--width53 {
  width: 88.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width53 {
      width: calc(100vw / 60 * 53); } }

.grid[data-grid-size="60"] .grid-item--height53 {
  height: calc(100vh / 60 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height53 {
      height: calc(100vw / 60 * 53); } }

.grid[data-grid-size="60"] .grid-item--width54 {
  width: 90%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width54 {
      width: calc(100vw / 60 * 54); } }

.grid[data-grid-size="60"] .grid-item--height54 {
  height: calc(100vh / 60 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height54 {
      height: calc(100vw / 60 * 54); } }

.grid[data-grid-size="60"] .grid-item--width55 {
  width: 91.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width55 {
      width: calc(100vw / 60 * 55); } }

.grid[data-grid-size="60"] .grid-item--height55 {
  height: calc(100vh / 60 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height55 {
      height: calc(100vw / 60 * 55); } }

.grid[data-grid-size="60"] .grid-item--width56 {
  width: 93.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width56 {
      width: calc(100vw / 60 * 56); } }

.grid[data-grid-size="60"] .grid-item--height56 {
  height: calc(100vh / 60 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height56 {
      height: calc(100vw / 60 * 56); } }

.grid[data-grid-size="60"] .grid-item--width57 {
  width: 95%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width57 {
      width: calc(100vw / 60 * 57); } }

.grid[data-grid-size="60"] .grid-item--height57 {
  height: calc(100vh / 60 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height57 {
      height: calc(100vw / 60 * 57); } }

.grid[data-grid-size="60"] .grid-item--width58 {
  width: 96.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width58 {
      width: calc(100vw / 60 * 58); } }

.grid[data-grid-size="60"] .grid-item--height58 {
  height: calc(100vh / 60 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height58 {
      height: calc(100vw / 60 * 58); } }

.grid[data-grid-size="60"] .grid-item--width59 {
  width: 98.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width59 {
      width: calc(100vw / 60 * 59); } }

.grid[data-grid-size="60"] .grid-item--height59 {
  height: calc(100vh / 60 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height59 {
      height: calc(100vw / 60 * 59); } }

.grid[data-grid-size="60"] .grid-item--width60 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--width60 {
      width: calc(100vw / 60 * 60); } }

.grid[data-grid-size="60"] .grid-item--height60 {
  height: calc(100vh / 60 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="60"] .grid-item--height60 {
      height: calc(100vw / 60 * 60); } }

.grid[data-grid-size="61"] .grid-sizer, .grid[data-grid-size="61"] .grid-item {
  width: 1.63934%; }

.grid[data-grid-size="61"] .grid-item--width1 {
  width: 1.63934%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width1 {
      width: calc(100vw / 61 * 1); } }

.grid[data-grid-size="61"] .grid-item--height1 {
  height: calc(100vh / 61 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height1 {
      height: calc(100vw / 61 * 1); } }

.grid[data-grid-size="61"] .grid-item--width2 {
  width: 3.27869%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width2 {
      width: calc(100vw / 61 * 2); } }

.grid[data-grid-size="61"] .grid-item--height2 {
  height: calc(100vh / 61 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height2 {
      height: calc(100vw / 61 * 2); } }

.grid[data-grid-size="61"] .grid-item--width3 {
  width: 4.91803%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width3 {
      width: calc(100vw / 61 * 3); } }

.grid[data-grid-size="61"] .grid-item--height3 {
  height: calc(100vh / 61 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height3 {
      height: calc(100vw / 61 * 3); } }

.grid[data-grid-size="61"] .grid-item--width4 {
  width: 6.55738%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width4 {
      width: calc(100vw / 61 * 4); } }

.grid[data-grid-size="61"] .grid-item--height4 {
  height: calc(100vh / 61 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height4 {
      height: calc(100vw / 61 * 4); } }

.grid[data-grid-size="61"] .grid-item--width5 {
  width: 8.19672%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width5 {
      width: calc(100vw / 61 * 5); } }

.grid[data-grid-size="61"] .grid-item--height5 {
  height: calc(100vh / 61 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height5 {
      height: calc(100vw / 61 * 5); } }

.grid[data-grid-size="61"] .grid-item--width6 {
  width: 9.83607%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width6 {
      width: calc(100vw / 61 * 6); } }

.grid[data-grid-size="61"] .grid-item--height6 {
  height: calc(100vh / 61 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height6 {
      height: calc(100vw / 61 * 6); } }

.grid[data-grid-size="61"] .grid-item--width7 {
  width: 11.47541%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width7 {
      width: calc(100vw / 61 * 7); } }

.grid[data-grid-size="61"] .grid-item--height7 {
  height: calc(100vh / 61 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height7 {
      height: calc(100vw / 61 * 7); } }

.grid[data-grid-size="61"] .grid-item--width8 {
  width: 13.11475%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width8 {
      width: calc(100vw / 61 * 8); } }

.grid[data-grid-size="61"] .grid-item--height8 {
  height: calc(100vh / 61 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height8 {
      height: calc(100vw / 61 * 8); } }

.grid[data-grid-size="61"] .grid-item--width9 {
  width: 14.7541%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width9 {
      width: calc(100vw / 61 * 9); } }

.grid[data-grid-size="61"] .grid-item--height9 {
  height: calc(100vh / 61 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height9 {
      height: calc(100vw / 61 * 9); } }

.grid[data-grid-size="61"] .grid-item--width10 {
  width: 16.39344%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width10 {
      width: calc(100vw / 61 * 10); } }

.grid[data-grid-size="61"] .grid-item--height10 {
  height: calc(100vh / 61 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height10 {
      height: calc(100vw / 61 * 10); } }

.grid[data-grid-size="61"] .grid-item--width11 {
  width: 18.03279%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width11 {
      width: calc(100vw / 61 * 11); } }

.grid[data-grid-size="61"] .grid-item--height11 {
  height: calc(100vh / 61 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height11 {
      height: calc(100vw / 61 * 11); } }

.grid[data-grid-size="61"] .grid-item--width12 {
  width: 19.67213%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width12 {
      width: calc(100vw / 61 * 12); } }

.grid[data-grid-size="61"] .grid-item--height12 {
  height: calc(100vh / 61 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height12 {
      height: calc(100vw / 61 * 12); } }

.grid[data-grid-size="61"] .grid-item--width13 {
  width: 21.31148%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width13 {
      width: calc(100vw / 61 * 13); } }

.grid[data-grid-size="61"] .grid-item--height13 {
  height: calc(100vh / 61 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height13 {
      height: calc(100vw / 61 * 13); } }

.grid[data-grid-size="61"] .grid-item--width14 {
  width: 22.95082%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width14 {
      width: calc(100vw / 61 * 14); } }

.grid[data-grid-size="61"] .grid-item--height14 {
  height: calc(100vh / 61 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height14 {
      height: calc(100vw / 61 * 14); } }

.grid[data-grid-size="61"] .grid-item--width15 {
  width: 24.59016%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width15 {
      width: calc(100vw / 61 * 15); } }

.grid[data-grid-size="61"] .grid-item--height15 {
  height: calc(100vh / 61 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height15 {
      height: calc(100vw / 61 * 15); } }

.grid[data-grid-size="61"] .grid-item--width16 {
  width: 26.22951%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width16 {
      width: calc(100vw / 61 * 16); } }

.grid[data-grid-size="61"] .grid-item--height16 {
  height: calc(100vh / 61 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height16 {
      height: calc(100vw / 61 * 16); } }

.grid[data-grid-size="61"] .grid-item--width17 {
  width: 27.86885%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width17 {
      width: calc(100vw / 61 * 17); } }

.grid[data-grid-size="61"] .grid-item--height17 {
  height: calc(100vh / 61 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height17 {
      height: calc(100vw / 61 * 17); } }

.grid[data-grid-size="61"] .grid-item--width18 {
  width: 29.5082%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width18 {
      width: calc(100vw / 61 * 18); } }

.grid[data-grid-size="61"] .grid-item--height18 {
  height: calc(100vh / 61 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height18 {
      height: calc(100vw / 61 * 18); } }

.grid[data-grid-size="61"] .grid-item--width19 {
  width: 31.14754%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width19 {
      width: calc(100vw / 61 * 19); } }

.grid[data-grid-size="61"] .grid-item--height19 {
  height: calc(100vh / 61 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height19 {
      height: calc(100vw / 61 * 19); } }

.grid[data-grid-size="61"] .grid-item--width20 {
  width: 32.78689%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width20 {
      width: calc(100vw / 61 * 20); } }

.grid[data-grid-size="61"] .grid-item--height20 {
  height: calc(100vh / 61 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height20 {
      height: calc(100vw / 61 * 20); } }

.grid[data-grid-size="61"] .grid-item--width21 {
  width: 34.42623%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width21 {
      width: calc(100vw / 61 * 21); } }

.grid[data-grid-size="61"] .grid-item--height21 {
  height: calc(100vh / 61 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height21 {
      height: calc(100vw / 61 * 21); } }

.grid[data-grid-size="61"] .grid-item--width22 {
  width: 36.06557%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width22 {
      width: calc(100vw / 61 * 22); } }

.grid[data-grid-size="61"] .grid-item--height22 {
  height: calc(100vh / 61 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height22 {
      height: calc(100vw / 61 * 22); } }

.grid[data-grid-size="61"] .grid-item--width23 {
  width: 37.70492%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width23 {
      width: calc(100vw / 61 * 23); } }

.grid[data-grid-size="61"] .grid-item--height23 {
  height: calc(100vh / 61 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height23 {
      height: calc(100vw / 61 * 23); } }

.grid[data-grid-size="61"] .grid-item--width24 {
  width: 39.34426%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width24 {
      width: calc(100vw / 61 * 24); } }

.grid[data-grid-size="61"] .grid-item--height24 {
  height: calc(100vh / 61 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height24 {
      height: calc(100vw / 61 * 24); } }

.grid[data-grid-size="61"] .grid-item--width25 {
  width: 40.98361%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width25 {
      width: calc(100vw / 61 * 25); } }

.grid[data-grid-size="61"] .grid-item--height25 {
  height: calc(100vh / 61 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height25 {
      height: calc(100vw / 61 * 25); } }

.grid[data-grid-size="61"] .grid-item--width26 {
  width: 42.62295%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width26 {
      width: calc(100vw / 61 * 26); } }

.grid[data-grid-size="61"] .grid-item--height26 {
  height: calc(100vh / 61 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height26 {
      height: calc(100vw / 61 * 26); } }

.grid[data-grid-size="61"] .grid-item--width27 {
  width: 44.2623%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width27 {
      width: calc(100vw / 61 * 27); } }

.grid[data-grid-size="61"] .grid-item--height27 {
  height: calc(100vh / 61 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height27 {
      height: calc(100vw / 61 * 27); } }

.grid[data-grid-size="61"] .grid-item--width28 {
  width: 45.90164%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width28 {
      width: calc(100vw / 61 * 28); } }

.grid[data-grid-size="61"] .grid-item--height28 {
  height: calc(100vh / 61 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height28 {
      height: calc(100vw / 61 * 28); } }

.grid[data-grid-size="61"] .grid-item--width29 {
  width: 47.54098%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width29 {
      width: calc(100vw / 61 * 29); } }

.grid[data-grid-size="61"] .grid-item--height29 {
  height: calc(100vh / 61 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height29 {
      height: calc(100vw / 61 * 29); } }

.grid[data-grid-size="61"] .grid-item--width30 {
  width: 49.18033%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width30 {
      width: calc(100vw / 61 * 30); } }

.grid[data-grid-size="61"] .grid-item--height30 {
  height: calc(100vh / 61 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height30 {
      height: calc(100vw / 61 * 30); } }

.grid[data-grid-size="61"] .grid-item--width31 {
  width: 50.81967%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width31 {
      width: calc(100vw / 61 * 31); } }

.grid[data-grid-size="61"] .grid-item--height31 {
  height: calc(100vh / 61 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height31 {
      height: calc(100vw / 61 * 31); } }

.grid[data-grid-size="61"] .grid-item--width32 {
  width: 52.45902%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width32 {
      width: calc(100vw / 61 * 32); } }

.grid[data-grid-size="61"] .grid-item--height32 {
  height: calc(100vh / 61 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height32 {
      height: calc(100vw / 61 * 32); } }

.grid[data-grid-size="61"] .grid-item--width33 {
  width: 54.09836%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width33 {
      width: calc(100vw / 61 * 33); } }

.grid[data-grid-size="61"] .grid-item--height33 {
  height: calc(100vh / 61 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height33 {
      height: calc(100vw / 61 * 33); } }

.grid[data-grid-size="61"] .grid-item--width34 {
  width: 55.7377%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width34 {
      width: calc(100vw / 61 * 34); } }

.grid[data-grid-size="61"] .grid-item--height34 {
  height: calc(100vh / 61 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height34 {
      height: calc(100vw / 61 * 34); } }

.grid[data-grid-size="61"] .grid-item--width35 {
  width: 57.37705%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width35 {
      width: calc(100vw / 61 * 35); } }

.grid[data-grid-size="61"] .grid-item--height35 {
  height: calc(100vh / 61 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height35 {
      height: calc(100vw / 61 * 35); } }

.grid[data-grid-size="61"] .grid-item--width36 {
  width: 59.01639%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width36 {
      width: calc(100vw / 61 * 36); } }

.grid[data-grid-size="61"] .grid-item--height36 {
  height: calc(100vh / 61 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height36 {
      height: calc(100vw / 61 * 36); } }

.grid[data-grid-size="61"] .grid-item--width37 {
  width: 60.65574%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width37 {
      width: calc(100vw / 61 * 37); } }

.grid[data-grid-size="61"] .grid-item--height37 {
  height: calc(100vh / 61 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height37 {
      height: calc(100vw / 61 * 37); } }

.grid[data-grid-size="61"] .grid-item--width38 {
  width: 62.29508%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width38 {
      width: calc(100vw / 61 * 38); } }

.grid[data-grid-size="61"] .grid-item--height38 {
  height: calc(100vh / 61 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height38 {
      height: calc(100vw / 61 * 38); } }

.grid[data-grid-size="61"] .grid-item--width39 {
  width: 63.93443%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width39 {
      width: calc(100vw / 61 * 39); } }

.grid[data-grid-size="61"] .grid-item--height39 {
  height: calc(100vh / 61 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height39 {
      height: calc(100vw / 61 * 39); } }

.grid[data-grid-size="61"] .grid-item--width40 {
  width: 65.57377%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width40 {
      width: calc(100vw / 61 * 40); } }

.grid[data-grid-size="61"] .grid-item--height40 {
  height: calc(100vh / 61 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height40 {
      height: calc(100vw / 61 * 40); } }

.grid[data-grid-size="61"] .grid-item--width41 {
  width: 67.21311%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width41 {
      width: calc(100vw / 61 * 41); } }

.grid[data-grid-size="61"] .grid-item--height41 {
  height: calc(100vh / 61 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height41 {
      height: calc(100vw / 61 * 41); } }

.grid[data-grid-size="61"] .grid-item--width42 {
  width: 68.85246%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width42 {
      width: calc(100vw / 61 * 42); } }

.grid[data-grid-size="61"] .grid-item--height42 {
  height: calc(100vh / 61 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height42 {
      height: calc(100vw / 61 * 42); } }

.grid[data-grid-size="61"] .grid-item--width43 {
  width: 70.4918%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width43 {
      width: calc(100vw / 61 * 43); } }

.grid[data-grid-size="61"] .grid-item--height43 {
  height: calc(100vh / 61 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height43 {
      height: calc(100vw / 61 * 43); } }

.grid[data-grid-size="61"] .grid-item--width44 {
  width: 72.13115%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width44 {
      width: calc(100vw / 61 * 44); } }

.grid[data-grid-size="61"] .grid-item--height44 {
  height: calc(100vh / 61 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height44 {
      height: calc(100vw / 61 * 44); } }

.grid[data-grid-size="61"] .grid-item--width45 {
  width: 73.77049%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width45 {
      width: calc(100vw / 61 * 45); } }

.grid[data-grid-size="61"] .grid-item--height45 {
  height: calc(100vh / 61 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height45 {
      height: calc(100vw / 61 * 45); } }

.grid[data-grid-size="61"] .grid-item--width46 {
  width: 75.40984%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width46 {
      width: calc(100vw / 61 * 46); } }

.grid[data-grid-size="61"] .grid-item--height46 {
  height: calc(100vh / 61 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height46 {
      height: calc(100vw / 61 * 46); } }

.grid[data-grid-size="61"] .grid-item--width47 {
  width: 77.04918%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width47 {
      width: calc(100vw / 61 * 47); } }

.grid[data-grid-size="61"] .grid-item--height47 {
  height: calc(100vh / 61 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height47 {
      height: calc(100vw / 61 * 47); } }

.grid[data-grid-size="61"] .grid-item--width48 {
  width: 78.68852%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width48 {
      width: calc(100vw / 61 * 48); } }

.grid[data-grid-size="61"] .grid-item--height48 {
  height: calc(100vh / 61 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height48 {
      height: calc(100vw / 61 * 48); } }

.grid[data-grid-size="61"] .grid-item--width49 {
  width: 80.32787%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width49 {
      width: calc(100vw / 61 * 49); } }

.grid[data-grid-size="61"] .grid-item--height49 {
  height: calc(100vh / 61 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height49 {
      height: calc(100vw / 61 * 49); } }

.grid[data-grid-size="61"] .grid-item--width50 {
  width: 81.96721%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width50 {
      width: calc(100vw / 61 * 50); } }

.grid[data-grid-size="61"] .grid-item--height50 {
  height: calc(100vh / 61 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height50 {
      height: calc(100vw / 61 * 50); } }

.grid[data-grid-size="61"] .grid-item--width51 {
  width: 83.60656%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width51 {
      width: calc(100vw / 61 * 51); } }

.grid[data-grid-size="61"] .grid-item--height51 {
  height: calc(100vh / 61 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height51 {
      height: calc(100vw / 61 * 51); } }

.grid[data-grid-size="61"] .grid-item--width52 {
  width: 85.2459%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width52 {
      width: calc(100vw / 61 * 52); } }

.grid[data-grid-size="61"] .grid-item--height52 {
  height: calc(100vh / 61 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height52 {
      height: calc(100vw / 61 * 52); } }

.grid[data-grid-size="61"] .grid-item--width53 {
  width: 86.88525%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width53 {
      width: calc(100vw / 61 * 53); } }

.grid[data-grid-size="61"] .grid-item--height53 {
  height: calc(100vh / 61 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height53 {
      height: calc(100vw / 61 * 53); } }

.grid[data-grid-size="61"] .grid-item--width54 {
  width: 88.52459%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width54 {
      width: calc(100vw / 61 * 54); } }

.grid[data-grid-size="61"] .grid-item--height54 {
  height: calc(100vh / 61 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height54 {
      height: calc(100vw / 61 * 54); } }

.grid[data-grid-size="61"] .grid-item--width55 {
  width: 90.16393%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width55 {
      width: calc(100vw / 61 * 55); } }

.grid[data-grid-size="61"] .grid-item--height55 {
  height: calc(100vh / 61 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height55 {
      height: calc(100vw / 61 * 55); } }

.grid[data-grid-size="61"] .grid-item--width56 {
  width: 91.80328%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width56 {
      width: calc(100vw / 61 * 56); } }

.grid[data-grid-size="61"] .grid-item--height56 {
  height: calc(100vh / 61 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height56 {
      height: calc(100vw / 61 * 56); } }

.grid[data-grid-size="61"] .grid-item--width57 {
  width: 93.44262%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width57 {
      width: calc(100vw / 61 * 57); } }

.grid[data-grid-size="61"] .grid-item--height57 {
  height: calc(100vh / 61 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height57 {
      height: calc(100vw / 61 * 57); } }

.grid[data-grid-size="61"] .grid-item--width58 {
  width: 95.08197%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width58 {
      width: calc(100vw / 61 * 58); } }

.grid[data-grid-size="61"] .grid-item--height58 {
  height: calc(100vh / 61 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height58 {
      height: calc(100vw / 61 * 58); } }

.grid[data-grid-size="61"] .grid-item--width59 {
  width: 96.72131%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width59 {
      width: calc(100vw / 61 * 59); } }

.grid[data-grid-size="61"] .grid-item--height59 {
  height: calc(100vh / 61 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height59 {
      height: calc(100vw / 61 * 59); } }

.grid[data-grid-size="61"] .grid-item--width60 {
  width: 98.36066%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width60 {
      width: calc(100vw / 61 * 60); } }

.grid[data-grid-size="61"] .grid-item--height60 {
  height: calc(100vh / 61 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height60 {
      height: calc(100vw / 61 * 60); } }

.grid[data-grid-size="61"] .grid-item--width61 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--width61 {
      width: calc(100vw / 61 * 61); } }

.grid[data-grid-size="61"] .grid-item--height61 {
  height: calc(100vh / 61 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="61"] .grid-item--height61 {
      height: calc(100vw / 61 * 61); } }

.grid[data-grid-size="62"] .grid-sizer, .grid[data-grid-size="62"] .grid-item {
  width: 1.6129%; }

.grid[data-grid-size="62"] .grid-item--width1 {
  width: 1.6129%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width1 {
      width: calc(100vw / 62 * 1); } }

.grid[data-grid-size="62"] .grid-item--height1 {
  height: calc(100vh / 62 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height1 {
      height: calc(100vw / 62 * 1); } }

.grid[data-grid-size="62"] .grid-item--width2 {
  width: 3.22581%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width2 {
      width: calc(100vw / 62 * 2); } }

.grid[data-grid-size="62"] .grid-item--height2 {
  height: calc(100vh / 62 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height2 {
      height: calc(100vw / 62 * 2); } }

.grid[data-grid-size="62"] .grid-item--width3 {
  width: 4.83871%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width3 {
      width: calc(100vw / 62 * 3); } }

.grid[data-grid-size="62"] .grid-item--height3 {
  height: calc(100vh / 62 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height3 {
      height: calc(100vw / 62 * 3); } }

.grid[data-grid-size="62"] .grid-item--width4 {
  width: 6.45161%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width4 {
      width: calc(100vw / 62 * 4); } }

.grid[data-grid-size="62"] .grid-item--height4 {
  height: calc(100vh / 62 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height4 {
      height: calc(100vw / 62 * 4); } }

.grid[data-grid-size="62"] .grid-item--width5 {
  width: 8.06452%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width5 {
      width: calc(100vw / 62 * 5); } }

.grid[data-grid-size="62"] .grid-item--height5 {
  height: calc(100vh / 62 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height5 {
      height: calc(100vw / 62 * 5); } }

.grid[data-grid-size="62"] .grid-item--width6 {
  width: 9.67742%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width6 {
      width: calc(100vw / 62 * 6); } }

.grid[data-grid-size="62"] .grid-item--height6 {
  height: calc(100vh / 62 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height6 {
      height: calc(100vw / 62 * 6); } }

.grid[data-grid-size="62"] .grid-item--width7 {
  width: 11.29032%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width7 {
      width: calc(100vw / 62 * 7); } }

.grid[data-grid-size="62"] .grid-item--height7 {
  height: calc(100vh / 62 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height7 {
      height: calc(100vw / 62 * 7); } }

.grid[data-grid-size="62"] .grid-item--width8 {
  width: 12.90323%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width8 {
      width: calc(100vw / 62 * 8); } }

.grid[data-grid-size="62"] .grid-item--height8 {
  height: calc(100vh / 62 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height8 {
      height: calc(100vw / 62 * 8); } }

.grid[data-grid-size="62"] .grid-item--width9 {
  width: 14.51613%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width9 {
      width: calc(100vw / 62 * 9); } }

.grid[data-grid-size="62"] .grid-item--height9 {
  height: calc(100vh / 62 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height9 {
      height: calc(100vw / 62 * 9); } }

.grid[data-grid-size="62"] .grid-item--width10 {
  width: 16.12903%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width10 {
      width: calc(100vw / 62 * 10); } }

.grid[data-grid-size="62"] .grid-item--height10 {
  height: calc(100vh / 62 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height10 {
      height: calc(100vw / 62 * 10); } }

.grid[data-grid-size="62"] .grid-item--width11 {
  width: 17.74194%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width11 {
      width: calc(100vw / 62 * 11); } }

.grid[data-grid-size="62"] .grid-item--height11 {
  height: calc(100vh / 62 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height11 {
      height: calc(100vw / 62 * 11); } }

.grid[data-grid-size="62"] .grid-item--width12 {
  width: 19.35484%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width12 {
      width: calc(100vw / 62 * 12); } }

.grid[data-grid-size="62"] .grid-item--height12 {
  height: calc(100vh / 62 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height12 {
      height: calc(100vw / 62 * 12); } }

.grid[data-grid-size="62"] .grid-item--width13 {
  width: 20.96774%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width13 {
      width: calc(100vw / 62 * 13); } }

.grid[data-grid-size="62"] .grid-item--height13 {
  height: calc(100vh / 62 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height13 {
      height: calc(100vw / 62 * 13); } }

.grid[data-grid-size="62"] .grid-item--width14 {
  width: 22.58065%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width14 {
      width: calc(100vw / 62 * 14); } }

.grid[data-grid-size="62"] .grid-item--height14 {
  height: calc(100vh / 62 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height14 {
      height: calc(100vw / 62 * 14); } }

.grid[data-grid-size="62"] .grid-item--width15 {
  width: 24.19355%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width15 {
      width: calc(100vw / 62 * 15); } }

.grid[data-grid-size="62"] .grid-item--height15 {
  height: calc(100vh / 62 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height15 {
      height: calc(100vw / 62 * 15); } }

.grid[data-grid-size="62"] .grid-item--width16 {
  width: 25.80645%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width16 {
      width: calc(100vw / 62 * 16); } }

.grid[data-grid-size="62"] .grid-item--height16 {
  height: calc(100vh / 62 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height16 {
      height: calc(100vw / 62 * 16); } }

.grid[data-grid-size="62"] .grid-item--width17 {
  width: 27.41935%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width17 {
      width: calc(100vw / 62 * 17); } }

.grid[data-grid-size="62"] .grid-item--height17 {
  height: calc(100vh / 62 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height17 {
      height: calc(100vw / 62 * 17); } }

.grid[data-grid-size="62"] .grid-item--width18 {
  width: 29.03226%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width18 {
      width: calc(100vw / 62 * 18); } }

.grid[data-grid-size="62"] .grid-item--height18 {
  height: calc(100vh / 62 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height18 {
      height: calc(100vw / 62 * 18); } }

.grid[data-grid-size="62"] .grid-item--width19 {
  width: 30.64516%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width19 {
      width: calc(100vw / 62 * 19); } }

.grid[data-grid-size="62"] .grid-item--height19 {
  height: calc(100vh / 62 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height19 {
      height: calc(100vw / 62 * 19); } }

.grid[data-grid-size="62"] .grid-item--width20 {
  width: 32.25806%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width20 {
      width: calc(100vw / 62 * 20); } }

.grid[data-grid-size="62"] .grid-item--height20 {
  height: calc(100vh / 62 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height20 {
      height: calc(100vw / 62 * 20); } }

.grid[data-grid-size="62"] .grid-item--width21 {
  width: 33.87097%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width21 {
      width: calc(100vw / 62 * 21); } }

.grid[data-grid-size="62"] .grid-item--height21 {
  height: calc(100vh / 62 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height21 {
      height: calc(100vw / 62 * 21); } }

.grid[data-grid-size="62"] .grid-item--width22 {
  width: 35.48387%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width22 {
      width: calc(100vw / 62 * 22); } }

.grid[data-grid-size="62"] .grid-item--height22 {
  height: calc(100vh / 62 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height22 {
      height: calc(100vw / 62 * 22); } }

.grid[data-grid-size="62"] .grid-item--width23 {
  width: 37.09677%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width23 {
      width: calc(100vw / 62 * 23); } }

.grid[data-grid-size="62"] .grid-item--height23 {
  height: calc(100vh / 62 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height23 {
      height: calc(100vw / 62 * 23); } }

.grid[data-grid-size="62"] .grid-item--width24 {
  width: 38.70968%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width24 {
      width: calc(100vw / 62 * 24); } }

.grid[data-grid-size="62"] .grid-item--height24 {
  height: calc(100vh / 62 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height24 {
      height: calc(100vw / 62 * 24); } }

.grid[data-grid-size="62"] .grid-item--width25 {
  width: 40.32258%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width25 {
      width: calc(100vw / 62 * 25); } }

.grid[data-grid-size="62"] .grid-item--height25 {
  height: calc(100vh / 62 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height25 {
      height: calc(100vw / 62 * 25); } }

.grid[data-grid-size="62"] .grid-item--width26 {
  width: 41.93548%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width26 {
      width: calc(100vw / 62 * 26); } }

.grid[data-grid-size="62"] .grid-item--height26 {
  height: calc(100vh / 62 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height26 {
      height: calc(100vw / 62 * 26); } }

.grid[data-grid-size="62"] .grid-item--width27 {
  width: 43.54839%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width27 {
      width: calc(100vw / 62 * 27); } }

.grid[data-grid-size="62"] .grid-item--height27 {
  height: calc(100vh / 62 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height27 {
      height: calc(100vw / 62 * 27); } }

.grid[data-grid-size="62"] .grid-item--width28 {
  width: 45.16129%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width28 {
      width: calc(100vw / 62 * 28); } }

.grid[data-grid-size="62"] .grid-item--height28 {
  height: calc(100vh / 62 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height28 {
      height: calc(100vw / 62 * 28); } }

.grid[data-grid-size="62"] .grid-item--width29 {
  width: 46.77419%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width29 {
      width: calc(100vw / 62 * 29); } }

.grid[data-grid-size="62"] .grid-item--height29 {
  height: calc(100vh / 62 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height29 {
      height: calc(100vw / 62 * 29); } }

.grid[data-grid-size="62"] .grid-item--width30 {
  width: 48.3871%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width30 {
      width: calc(100vw / 62 * 30); } }

.grid[data-grid-size="62"] .grid-item--height30 {
  height: calc(100vh / 62 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height30 {
      height: calc(100vw / 62 * 30); } }

.grid[data-grid-size="62"] .grid-item--width31 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width31 {
      width: calc(100vw / 62 * 31); } }

.grid[data-grid-size="62"] .grid-item--height31 {
  height: calc(100vh / 62 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height31 {
      height: calc(100vw / 62 * 31); } }

.grid[data-grid-size="62"] .grid-item--width32 {
  width: 51.6129%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width32 {
      width: calc(100vw / 62 * 32); } }

.grid[data-grid-size="62"] .grid-item--height32 {
  height: calc(100vh / 62 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height32 {
      height: calc(100vw / 62 * 32); } }

.grid[data-grid-size="62"] .grid-item--width33 {
  width: 53.22581%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width33 {
      width: calc(100vw / 62 * 33); } }

.grid[data-grid-size="62"] .grid-item--height33 {
  height: calc(100vh / 62 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height33 {
      height: calc(100vw / 62 * 33); } }

.grid[data-grid-size="62"] .grid-item--width34 {
  width: 54.83871%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width34 {
      width: calc(100vw / 62 * 34); } }

.grid[data-grid-size="62"] .grid-item--height34 {
  height: calc(100vh / 62 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height34 {
      height: calc(100vw / 62 * 34); } }

.grid[data-grid-size="62"] .grid-item--width35 {
  width: 56.45161%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width35 {
      width: calc(100vw / 62 * 35); } }

.grid[data-grid-size="62"] .grid-item--height35 {
  height: calc(100vh / 62 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height35 {
      height: calc(100vw / 62 * 35); } }

.grid[data-grid-size="62"] .grid-item--width36 {
  width: 58.06452%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width36 {
      width: calc(100vw / 62 * 36); } }

.grid[data-grid-size="62"] .grid-item--height36 {
  height: calc(100vh / 62 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height36 {
      height: calc(100vw / 62 * 36); } }

.grid[data-grid-size="62"] .grid-item--width37 {
  width: 59.67742%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width37 {
      width: calc(100vw / 62 * 37); } }

.grid[data-grid-size="62"] .grid-item--height37 {
  height: calc(100vh / 62 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height37 {
      height: calc(100vw / 62 * 37); } }

.grid[data-grid-size="62"] .grid-item--width38 {
  width: 61.29032%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width38 {
      width: calc(100vw / 62 * 38); } }

.grid[data-grid-size="62"] .grid-item--height38 {
  height: calc(100vh / 62 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height38 {
      height: calc(100vw / 62 * 38); } }

.grid[data-grid-size="62"] .grid-item--width39 {
  width: 62.90323%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width39 {
      width: calc(100vw / 62 * 39); } }

.grid[data-grid-size="62"] .grid-item--height39 {
  height: calc(100vh / 62 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height39 {
      height: calc(100vw / 62 * 39); } }

.grid[data-grid-size="62"] .grid-item--width40 {
  width: 64.51613%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width40 {
      width: calc(100vw / 62 * 40); } }

.grid[data-grid-size="62"] .grid-item--height40 {
  height: calc(100vh / 62 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height40 {
      height: calc(100vw / 62 * 40); } }

.grid[data-grid-size="62"] .grid-item--width41 {
  width: 66.12903%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width41 {
      width: calc(100vw / 62 * 41); } }

.grid[data-grid-size="62"] .grid-item--height41 {
  height: calc(100vh / 62 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height41 {
      height: calc(100vw / 62 * 41); } }

.grid[data-grid-size="62"] .grid-item--width42 {
  width: 67.74194%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width42 {
      width: calc(100vw / 62 * 42); } }

.grid[data-grid-size="62"] .grid-item--height42 {
  height: calc(100vh / 62 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height42 {
      height: calc(100vw / 62 * 42); } }

.grid[data-grid-size="62"] .grid-item--width43 {
  width: 69.35484%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width43 {
      width: calc(100vw / 62 * 43); } }

.grid[data-grid-size="62"] .grid-item--height43 {
  height: calc(100vh / 62 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height43 {
      height: calc(100vw / 62 * 43); } }

.grid[data-grid-size="62"] .grid-item--width44 {
  width: 70.96774%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width44 {
      width: calc(100vw / 62 * 44); } }

.grid[data-grid-size="62"] .grid-item--height44 {
  height: calc(100vh / 62 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height44 {
      height: calc(100vw / 62 * 44); } }

.grid[data-grid-size="62"] .grid-item--width45 {
  width: 72.58065%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width45 {
      width: calc(100vw / 62 * 45); } }

.grid[data-grid-size="62"] .grid-item--height45 {
  height: calc(100vh / 62 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height45 {
      height: calc(100vw / 62 * 45); } }

.grid[data-grid-size="62"] .grid-item--width46 {
  width: 74.19355%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width46 {
      width: calc(100vw / 62 * 46); } }

.grid[data-grid-size="62"] .grid-item--height46 {
  height: calc(100vh / 62 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height46 {
      height: calc(100vw / 62 * 46); } }

.grid[data-grid-size="62"] .grid-item--width47 {
  width: 75.80645%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width47 {
      width: calc(100vw / 62 * 47); } }

.grid[data-grid-size="62"] .grid-item--height47 {
  height: calc(100vh / 62 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height47 {
      height: calc(100vw / 62 * 47); } }

.grid[data-grid-size="62"] .grid-item--width48 {
  width: 77.41935%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width48 {
      width: calc(100vw / 62 * 48); } }

.grid[data-grid-size="62"] .grid-item--height48 {
  height: calc(100vh / 62 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height48 {
      height: calc(100vw / 62 * 48); } }

.grid[data-grid-size="62"] .grid-item--width49 {
  width: 79.03226%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width49 {
      width: calc(100vw / 62 * 49); } }

.grid[data-grid-size="62"] .grid-item--height49 {
  height: calc(100vh / 62 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height49 {
      height: calc(100vw / 62 * 49); } }

.grid[data-grid-size="62"] .grid-item--width50 {
  width: 80.64516%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width50 {
      width: calc(100vw / 62 * 50); } }

.grid[data-grid-size="62"] .grid-item--height50 {
  height: calc(100vh / 62 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height50 {
      height: calc(100vw / 62 * 50); } }

.grid[data-grid-size="62"] .grid-item--width51 {
  width: 82.25806%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width51 {
      width: calc(100vw / 62 * 51); } }

.grid[data-grid-size="62"] .grid-item--height51 {
  height: calc(100vh / 62 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height51 {
      height: calc(100vw / 62 * 51); } }

.grid[data-grid-size="62"] .grid-item--width52 {
  width: 83.87097%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width52 {
      width: calc(100vw / 62 * 52); } }

.grid[data-grid-size="62"] .grid-item--height52 {
  height: calc(100vh / 62 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height52 {
      height: calc(100vw / 62 * 52); } }

.grid[data-grid-size="62"] .grid-item--width53 {
  width: 85.48387%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width53 {
      width: calc(100vw / 62 * 53); } }

.grid[data-grid-size="62"] .grid-item--height53 {
  height: calc(100vh / 62 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height53 {
      height: calc(100vw / 62 * 53); } }

.grid[data-grid-size="62"] .grid-item--width54 {
  width: 87.09677%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width54 {
      width: calc(100vw / 62 * 54); } }

.grid[data-grid-size="62"] .grid-item--height54 {
  height: calc(100vh / 62 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height54 {
      height: calc(100vw / 62 * 54); } }

.grid[data-grid-size="62"] .grid-item--width55 {
  width: 88.70968%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width55 {
      width: calc(100vw / 62 * 55); } }

.grid[data-grid-size="62"] .grid-item--height55 {
  height: calc(100vh / 62 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height55 {
      height: calc(100vw / 62 * 55); } }

.grid[data-grid-size="62"] .grid-item--width56 {
  width: 90.32258%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width56 {
      width: calc(100vw / 62 * 56); } }

.grid[data-grid-size="62"] .grid-item--height56 {
  height: calc(100vh / 62 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height56 {
      height: calc(100vw / 62 * 56); } }

.grid[data-grid-size="62"] .grid-item--width57 {
  width: 91.93548%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width57 {
      width: calc(100vw / 62 * 57); } }

.grid[data-grid-size="62"] .grid-item--height57 {
  height: calc(100vh / 62 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height57 {
      height: calc(100vw / 62 * 57); } }

.grid[data-grid-size="62"] .grid-item--width58 {
  width: 93.54839%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width58 {
      width: calc(100vw / 62 * 58); } }

.grid[data-grid-size="62"] .grid-item--height58 {
  height: calc(100vh / 62 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height58 {
      height: calc(100vw / 62 * 58); } }

.grid[data-grid-size="62"] .grid-item--width59 {
  width: 95.16129%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width59 {
      width: calc(100vw / 62 * 59); } }

.grid[data-grid-size="62"] .grid-item--height59 {
  height: calc(100vh / 62 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height59 {
      height: calc(100vw / 62 * 59); } }

.grid[data-grid-size="62"] .grid-item--width60 {
  width: 96.77419%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width60 {
      width: calc(100vw / 62 * 60); } }

.grid[data-grid-size="62"] .grid-item--height60 {
  height: calc(100vh / 62 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height60 {
      height: calc(100vw / 62 * 60); } }

.grid[data-grid-size="62"] .grid-item--width61 {
  width: 98.3871%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width61 {
      width: calc(100vw / 62 * 61); } }

.grid[data-grid-size="62"] .grid-item--height61 {
  height: calc(100vh / 62 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height61 {
      height: calc(100vw / 62 * 61); } }

.grid[data-grid-size="62"] .grid-item--width62 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--width62 {
      width: calc(100vw / 62 * 62); } }

.grid[data-grid-size="62"] .grid-item--height62 {
  height: calc(100vh / 62 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="62"] .grid-item--height62 {
      height: calc(100vw / 62 * 62); } }

.grid[data-grid-size="63"] .grid-sizer, .grid[data-grid-size="63"] .grid-item {
  width: 1.5873%; }

.grid[data-grid-size="63"] .grid-item--width1 {
  width: 1.5873%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width1 {
      width: calc(100vw / 63 * 1); } }

.grid[data-grid-size="63"] .grid-item--height1 {
  height: calc(100vh / 63 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height1 {
      height: calc(100vw / 63 * 1); } }

.grid[data-grid-size="63"] .grid-item--width2 {
  width: 3.1746%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width2 {
      width: calc(100vw / 63 * 2); } }

.grid[data-grid-size="63"] .grid-item--height2 {
  height: calc(100vh / 63 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height2 {
      height: calc(100vw / 63 * 2); } }

.grid[data-grid-size="63"] .grid-item--width3 {
  width: 4.7619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width3 {
      width: calc(100vw / 63 * 3); } }

.grid[data-grid-size="63"] .grid-item--height3 {
  height: calc(100vh / 63 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height3 {
      height: calc(100vw / 63 * 3); } }

.grid[data-grid-size="63"] .grid-item--width4 {
  width: 6.34921%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width4 {
      width: calc(100vw / 63 * 4); } }

.grid[data-grid-size="63"] .grid-item--height4 {
  height: calc(100vh / 63 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height4 {
      height: calc(100vw / 63 * 4); } }

.grid[data-grid-size="63"] .grid-item--width5 {
  width: 7.93651%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width5 {
      width: calc(100vw / 63 * 5); } }

.grid[data-grid-size="63"] .grid-item--height5 {
  height: calc(100vh / 63 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height5 {
      height: calc(100vw / 63 * 5); } }

.grid[data-grid-size="63"] .grid-item--width6 {
  width: 9.52381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width6 {
      width: calc(100vw / 63 * 6); } }

.grid[data-grid-size="63"] .grid-item--height6 {
  height: calc(100vh / 63 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height6 {
      height: calc(100vw / 63 * 6); } }

.grid[data-grid-size="63"] .grid-item--width7 {
  width: 11.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width7 {
      width: calc(100vw / 63 * 7); } }

.grid[data-grid-size="63"] .grid-item--height7 {
  height: calc(100vh / 63 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height7 {
      height: calc(100vw / 63 * 7); } }

.grid[data-grid-size="63"] .grid-item--width8 {
  width: 12.69841%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width8 {
      width: calc(100vw / 63 * 8); } }

.grid[data-grid-size="63"] .grid-item--height8 {
  height: calc(100vh / 63 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height8 {
      height: calc(100vw / 63 * 8); } }

.grid[data-grid-size="63"] .grid-item--width9 {
  width: 14.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width9 {
      width: calc(100vw / 63 * 9); } }

.grid[data-grid-size="63"] .grid-item--height9 {
  height: calc(100vh / 63 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height9 {
      height: calc(100vw / 63 * 9); } }

.grid[data-grid-size="63"] .grid-item--width10 {
  width: 15.87302%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width10 {
      width: calc(100vw / 63 * 10); } }

.grid[data-grid-size="63"] .grid-item--height10 {
  height: calc(100vh / 63 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height10 {
      height: calc(100vw / 63 * 10); } }

.grid[data-grid-size="63"] .grid-item--width11 {
  width: 17.46032%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width11 {
      width: calc(100vw / 63 * 11); } }

.grid[data-grid-size="63"] .grid-item--height11 {
  height: calc(100vh / 63 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height11 {
      height: calc(100vw / 63 * 11); } }

.grid[data-grid-size="63"] .grid-item--width12 {
  width: 19.04762%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width12 {
      width: calc(100vw / 63 * 12); } }

.grid[data-grid-size="63"] .grid-item--height12 {
  height: calc(100vh / 63 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height12 {
      height: calc(100vw / 63 * 12); } }

.grid[data-grid-size="63"] .grid-item--width13 {
  width: 20.63492%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width13 {
      width: calc(100vw / 63 * 13); } }

.grid[data-grid-size="63"] .grid-item--height13 {
  height: calc(100vh / 63 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height13 {
      height: calc(100vw / 63 * 13); } }

.grid[data-grid-size="63"] .grid-item--width14 {
  width: 22.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width14 {
      width: calc(100vw / 63 * 14); } }

.grid[data-grid-size="63"] .grid-item--height14 {
  height: calc(100vh / 63 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height14 {
      height: calc(100vw / 63 * 14); } }

.grid[data-grid-size="63"] .grid-item--width15 {
  width: 23.80952%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width15 {
      width: calc(100vw / 63 * 15); } }

.grid[data-grid-size="63"] .grid-item--height15 {
  height: calc(100vh / 63 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height15 {
      height: calc(100vw / 63 * 15); } }

.grid[data-grid-size="63"] .grid-item--width16 {
  width: 25.39683%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width16 {
      width: calc(100vw / 63 * 16); } }

.grid[data-grid-size="63"] .grid-item--height16 {
  height: calc(100vh / 63 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height16 {
      height: calc(100vw / 63 * 16); } }

.grid[data-grid-size="63"] .grid-item--width17 {
  width: 26.98413%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width17 {
      width: calc(100vw / 63 * 17); } }

.grid[data-grid-size="63"] .grid-item--height17 {
  height: calc(100vh / 63 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height17 {
      height: calc(100vw / 63 * 17); } }

.grid[data-grid-size="63"] .grid-item--width18 {
  width: 28.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width18 {
      width: calc(100vw / 63 * 18); } }

.grid[data-grid-size="63"] .grid-item--height18 {
  height: calc(100vh / 63 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height18 {
      height: calc(100vw / 63 * 18); } }

.grid[data-grid-size="63"] .grid-item--width19 {
  width: 30.15873%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width19 {
      width: calc(100vw / 63 * 19); } }

.grid[data-grid-size="63"] .grid-item--height19 {
  height: calc(100vh / 63 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height19 {
      height: calc(100vw / 63 * 19); } }

.grid[data-grid-size="63"] .grid-item--width20 {
  width: 31.74603%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width20 {
      width: calc(100vw / 63 * 20); } }

.grid[data-grid-size="63"] .grid-item--height20 {
  height: calc(100vh / 63 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height20 {
      height: calc(100vw / 63 * 20); } }

.grid[data-grid-size="63"] .grid-item--width21 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width21 {
      width: calc(100vw / 63 * 21); } }

.grid[data-grid-size="63"] .grid-item--height21 {
  height: calc(100vh / 63 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height21 {
      height: calc(100vw / 63 * 21); } }

.grid[data-grid-size="63"] .grid-item--width22 {
  width: 34.92063%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width22 {
      width: calc(100vw / 63 * 22); } }

.grid[data-grid-size="63"] .grid-item--height22 {
  height: calc(100vh / 63 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height22 {
      height: calc(100vw / 63 * 22); } }

.grid[data-grid-size="63"] .grid-item--width23 {
  width: 36.50794%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width23 {
      width: calc(100vw / 63 * 23); } }

.grid[data-grid-size="63"] .grid-item--height23 {
  height: calc(100vh / 63 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height23 {
      height: calc(100vw / 63 * 23); } }

.grid[data-grid-size="63"] .grid-item--width24 {
  width: 38.09524%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width24 {
      width: calc(100vw / 63 * 24); } }

.grid[data-grid-size="63"] .grid-item--height24 {
  height: calc(100vh / 63 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height24 {
      height: calc(100vw / 63 * 24); } }

.grid[data-grid-size="63"] .grid-item--width25 {
  width: 39.68254%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width25 {
      width: calc(100vw / 63 * 25); } }

.grid[data-grid-size="63"] .grid-item--height25 {
  height: calc(100vh / 63 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height25 {
      height: calc(100vw / 63 * 25); } }

.grid[data-grid-size="63"] .grid-item--width26 {
  width: 41.26984%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width26 {
      width: calc(100vw / 63 * 26); } }

.grid[data-grid-size="63"] .grid-item--height26 {
  height: calc(100vh / 63 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height26 {
      height: calc(100vw / 63 * 26); } }

.grid[data-grid-size="63"] .grid-item--width27 {
  width: 42.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width27 {
      width: calc(100vw / 63 * 27); } }

.grid[data-grid-size="63"] .grid-item--height27 {
  height: calc(100vh / 63 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height27 {
      height: calc(100vw / 63 * 27); } }

.grid[data-grid-size="63"] .grid-item--width28 {
  width: 44.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width28 {
      width: calc(100vw / 63 * 28); } }

.grid[data-grid-size="63"] .grid-item--height28 {
  height: calc(100vh / 63 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height28 {
      height: calc(100vw / 63 * 28); } }

.grid[data-grid-size="63"] .grid-item--width29 {
  width: 46.03175%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width29 {
      width: calc(100vw / 63 * 29); } }

.grid[data-grid-size="63"] .grid-item--height29 {
  height: calc(100vh / 63 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height29 {
      height: calc(100vw / 63 * 29); } }

.grid[data-grid-size="63"] .grid-item--width30 {
  width: 47.61905%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width30 {
      width: calc(100vw / 63 * 30); } }

.grid[data-grid-size="63"] .grid-item--height30 {
  height: calc(100vh / 63 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height30 {
      height: calc(100vw / 63 * 30); } }

.grid[data-grid-size="63"] .grid-item--width31 {
  width: 49.20635%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width31 {
      width: calc(100vw / 63 * 31); } }

.grid[data-grid-size="63"] .grid-item--height31 {
  height: calc(100vh / 63 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height31 {
      height: calc(100vw / 63 * 31); } }

.grid[data-grid-size="63"] .grid-item--width32 {
  width: 50.79365%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width32 {
      width: calc(100vw / 63 * 32); } }

.grid[data-grid-size="63"] .grid-item--height32 {
  height: calc(100vh / 63 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height32 {
      height: calc(100vw / 63 * 32); } }

.grid[data-grid-size="63"] .grid-item--width33 {
  width: 52.38095%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width33 {
      width: calc(100vw / 63 * 33); } }

.grid[data-grid-size="63"] .grid-item--height33 {
  height: calc(100vh / 63 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height33 {
      height: calc(100vw / 63 * 33); } }

.grid[data-grid-size="63"] .grid-item--width34 {
  width: 53.96825%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width34 {
      width: calc(100vw / 63 * 34); } }

.grid[data-grid-size="63"] .grid-item--height34 {
  height: calc(100vh / 63 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height34 {
      height: calc(100vw / 63 * 34); } }

.grid[data-grid-size="63"] .grid-item--width35 {
  width: 55.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width35 {
      width: calc(100vw / 63 * 35); } }

.grid[data-grid-size="63"] .grid-item--height35 {
  height: calc(100vh / 63 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height35 {
      height: calc(100vw / 63 * 35); } }

.grid[data-grid-size="63"] .grid-item--width36 {
  width: 57.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width36 {
      width: calc(100vw / 63 * 36); } }

.grid[data-grid-size="63"] .grid-item--height36 {
  height: calc(100vh / 63 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height36 {
      height: calc(100vw / 63 * 36); } }

.grid[data-grid-size="63"] .grid-item--width37 {
  width: 58.73016%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width37 {
      width: calc(100vw / 63 * 37); } }

.grid[data-grid-size="63"] .grid-item--height37 {
  height: calc(100vh / 63 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height37 {
      height: calc(100vw / 63 * 37); } }

.grid[data-grid-size="63"] .grid-item--width38 {
  width: 60.31746%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width38 {
      width: calc(100vw / 63 * 38); } }

.grid[data-grid-size="63"] .grid-item--height38 {
  height: calc(100vh / 63 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height38 {
      height: calc(100vw / 63 * 38); } }

.grid[data-grid-size="63"] .grid-item--width39 {
  width: 61.90476%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width39 {
      width: calc(100vw / 63 * 39); } }

.grid[data-grid-size="63"] .grid-item--height39 {
  height: calc(100vh / 63 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height39 {
      height: calc(100vw / 63 * 39); } }

.grid[data-grid-size="63"] .grid-item--width40 {
  width: 63.49206%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width40 {
      width: calc(100vw / 63 * 40); } }

.grid[data-grid-size="63"] .grid-item--height40 {
  height: calc(100vh / 63 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height40 {
      height: calc(100vw / 63 * 40); } }

.grid[data-grid-size="63"] .grid-item--width41 {
  width: 65.07937%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width41 {
      width: calc(100vw / 63 * 41); } }

.grid[data-grid-size="63"] .grid-item--height41 {
  height: calc(100vh / 63 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height41 {
      height: calc(100vw / 63 * 41); } }

.grid[data-grid-size="63"] .grid-item--width42 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width42 {
      width: calc(100vw / 63 * 42); } }

.grid[data-grid-size="63"] .grid-item--height42 {
  height: calc(100vh / 63 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height42 {
      height: calc(100vw / 63 * 42); } }

.grid[data-grid-size="63"] .grid-item--width43 {
  width: 68.25397%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width43 {
      width: calc(100vw / 63 * 43); } }

.grid[data-grid-size="63"] .grid-item--height43 {
  height: calc(100vh / 63 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height43 {
      height: calc(100vw / 63 * 43); } }

.grid[data-grid-size="63"] .grid-item--width44 {
  width: 69.84127%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width44 {
      width: calc(100vw / 63 * 44); } }

.grid[data-grid-size="63"] .grid-item--height44 {
  height: calc(100vh / 63 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height44 {
      height: calc(100vw / 63 * 44); } }

.grid[data-grid-size="63"] .grid-item--width45 {
  width: 71.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width45 {
      width: calc(100vw / 63 * 45); } }

.grid[data-grid-size="63"] .grid-item--height45 {
  height: calc(100vh / 63 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height45 {
      height: calc(100vw / 63 * 45); } }

.grid[data-grid-size="63"] .grid-item--width46 {
  width: 73.01587%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width46 {
      width: calc(100vw / 63 * 46); } }

.grid[data-grid-size="63"] .grid-item--height46 {
  height: calc(100vh / 63 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height46 {
      height: calc(100vw / 63 * 46); } }

.grid[data-grid-size="63"] .grid-item--width47 {
  width: 74.60317%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width47 {
      width: calc(100vw / 63 * 47); } }

.grid[data-grid-size="63"] .grid-item--height47 {
  height: calc(100vh / 63 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height47 {
      height: calc(100vw / 63 * 47); } }

.grid[data-grid-size="63"] .grid-item--width48 {
  width: 76.19048%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width48 {
      width: calc(100vw / 63 * 48); } }

.grid[data-grid-size="63"] .grid-item--height48 {
  height: calc(100vh / 63 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height48 {
      height: calc(100vw / 63 * 48); } }

.grid[data-grid-size="63"] .grid-item--width49 {
  width: 77.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width49 {
      width: calc(100vw / 63 * 49); } }

.grid[data-grid-size="63"] .grid-item--height49 {
  height: calc(100vh / 63 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height49 {
      height: calc(100vw / 63 * 49); } }

.grid[data-grid-size="63"] .grid-item--width50 {
  width: 79.36508%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width50 {
      width: calc(100vw / 63 * 50); } }

.grid[data-grid-size="63"] .grid-item--height50 {
  height: calc(100vh / 63 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height50 {
      height: calc(100vw / 63 * 50); } }

.grid[data-grid-size="63"] .grid-item--width51 {
  width: 80.95238%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width51 {
      width: calc(100vw / 63 * 51); } }

.grid[data-grid-size="63"] .grid-item--height51 {
  height: calc(100vh / 63 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height51 {
      height: calc(100vw / 63 * 51); } }

.grid[data-grid-size="63"] .grid-item--width52 {
  width: 82.53968%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width52 {
      width: calc(100vw / 63 * 52); } }

.grid[data-grid-size="63"] .grid-item--height52 {
  height: calc(100vh / 63 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height52 {
      height: calc(100vw / 63 * 52); } }

.grid[data-grid-size="63"] .grid-item--width53 {
  width: 84.12698%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width53 {
      width: calc(100vw / 63 * 53); } }

.grid[data-grid-size="63"] .grid-item--height53 {
  height: calc(100vh / 63 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height53 {
      height: calc(100vw / 63 * 53); } }

.grid[data-grid-size="63"] .grid-item--width54 {
  width: 85.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width54 {
      width: calc(100vw / 63 * 54); } }

.grid[data-grid-size="63"] .grid-item--height54 {
  height: calc(100vh / 63 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height54 {
      height: calc(100vw / 63 * 54); } }

.grid[data-grid-size="63"] .grid-item--width55 {
  width: 87.30159%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width55 {
      width: calc(100vw / 63 * 55); } }

.grid[data-grid-size="63"] .grid-item--height55 {
  height: calc(100vh / 63 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height55 {
      height: calc(100vw / 63 * 55); } }

.grid[data-grid-size="63"] .grid-item--width56 {
  width: 88.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width56 {
      width: calc(100vw / 63 * 56); } }

.grid[data-grid-size="63"] .grid-item--height56 {
  height: calc(100vh / 63 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height56 {
      height: calc(100vw / 63 * 56); } }

.grid[data-grid-size="63"] .grid-item--width57 {
  width: 90.47619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width57 {
      width: calc(100vw / 63 * 57); } }

.grid[data-grid-size="63"] .grid-item--height57 {
  height: calc(100vh / 63 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height57 {
      height: calc(100vw / 63 * 57); } }

.grid[data-grid-size="63"] .grid-item--width58 {
  width: 92.06349%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width58 {
      width: calc(100vw / 63 * 58); } }

.grid[data-grid-size="63"] .grid-item--height58 {
  height: calc(100vh / 63 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height58 {
      height: calc(100vw / 63 * 58); } }

.grid[data-grid-size="63"] .grid-item--width59 {
  width: 93.65079%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width59 {
      width: calc(100vw / 63 * 59); } }

.grid[data-grid-size="63"] .grid-item--height59 {
  height: calc(100vh / 63 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height59 {
      height: calc(100vw / 63 * 59); } }

.grid[data-grid-size="63"] .grid-item--width60 {
  width: 95.2381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width60 {
      width: calc(100vw / 63 * 60); } }

.grid[data-grid-size="63"] .grid-item--height60 {
  height: calc(100vh / 63 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height60 {
      height: calc(100vw / 63 * 60); } }

.grid[data-grid-size="63"] .grid-item--width61 {
  width: 96.8254%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width61 {
      width: calc(100vw / 63 * 61); } }

.grid[data-grid-size="63"] .grid-item--height61 {
  height: calc(100vh / 63 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height61 {
      height: calc(100vw / 63 * 61); } }

.grid[data-grid-size="63"] .grid-item--width62 {
  width: 98.4127%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width62 {
      width: calc(100vw / 63 * 62); } }

.grid[data-grid-size="63"] .grid-item--height62 {
  height: calc(100vh / 63 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height62 {
      height: calc(100vw / 63 * 62); } }

.grid[data-grid-size="63"] .grid-item--width63 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--width63 {
      width: calc(100vw / 63 * 63); } }

.grid[data-grid-size="63"] .grid-item--height63 {
  height: calc(100vh / 63 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="63"] .grid-item--height63 {
      height: calc(100vw / 63 * 63); } }

.grid[data-grid-size="64"] .grid-sizer, .grid[data-grid-size="64"] .grid-item {
  width: 1.5625%; }

.grid[data-grid-size="64"] .grid-item--width1 {
  width: 1.5625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width1 {
      width: calc(100vw / 64 * 1); } }

.grid[data-grid-size="64"] .grid-item--height1 {
  height: calc(100vh / 64 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height1 {
      height: calc(100vw / 64 * 1); } }

.grid[data-grid-size="64"] .grid-item--width2 {
  width: 3.125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width2 {
      width: calc(100vw / 64 * 2); } }

.grid[data-grid-size="64"] .grid-item--height2 {
  height: calc(100vh / 64 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height2 {
      height: calc(100vw / 64 * 2); } }

.grid[data-grid-size="64"] .grid-item--width3 {
  width: 4.6875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width3 {
      width: calc(100vw / 64 * 3); } }

.grid[data-grid-size="64"] .grid-item--height3 {
  height: calc(100vh / 64 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height3 {
      height: calc(100vw / 64 * 3); } }

.grid[data-grid-size="64"] .grid-item--width4 {
  width: 6.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width4 {
      width: calc(100vw / 64 * 4); } }

.grid[data-grid-size="64"] .grid-item--height4 {
  height: calc(100vh / 64 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height4 {
      height: calc(100vw / 64 * 4); } }

.grid[data-grid-size="64"] .grid-item--width5 {
  width: 7.8125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width5 {
      width: calc(100vw / 64 * 5); } }

.grid[data-grid-size="64"] .grid-item--height5 {
  height: calc(100vh / 64 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height5 {
      height: calc(100vw / 64 * 5); } }

.grid[data-grid-size="64"] .grid-item--width6 {
  width: 9.375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width6 {
      width: calc(100vw / 64 * 6); } }

.grid[data-grid-size="64"] .grid-item--height6 {
  height: calc(100vh / 64 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height6 {
      height: calc(100vw / 64 * 6); } }

.grid[data-grid-size="64"] .grid-item--width7 {
  width: 10.9375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width7 {
      width: calc(100vw / 64 * 7); } }

.grid[data-grid-size="64"] .grid-item--height7 {
  height: calc(100vh / 64 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height7 {
      height: calc(100vw / 64 * 7); } }

.grid[data-grid-size="64"] .grid-item--width8 {
  width: 12.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width8 {
      width: calc(100vw / 64 * 8); } }

.grid[data-grid-size="64"] .grid-item--height8 {
  height: calc(100vh / 64 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height8 {
      height: calc(100vw / 64 * 8); } }

.grid[data-grid-size="64"] .grid-item--width9 {
  width: 14.0625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width9 {
      width: calc(100vw / 64 * 9); } }

.grid[data-grid-size="64"] .grid-item--height9 {
  height: calc(100vh / 64 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height9 {
      height: calc(100vw / 64 * 9); } }

.grid[data-grid-size="64"] .grid-item--width10 {
  width: 15.625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width10 {
      width: calc(100vw / 64 * 10); } }

.grid[data-grid-size="64"] .grid-item--height10 {
  height: calc(100vh / 64 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height10 {
      height: calc(100vw / 64 * 10); } }

.grid[data-grid-size="64"] .grid-item--width11 {
  width: 17.1875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width11 {
      width: calc(100vw / 64 * 11); } }

.grid[data-grid-size="64"] .grid-item--height11 {
  height: calc(100vh / 64 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height11 {
      height: calc(100vw / 64 * 11); } }

.grid[data-grid-size="64"] .grid-item--width12 {
  width: 18.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width12 {
      width: calc(100vw / 64 * 12); } }

.grid[data-grid-size="64"] .grid-item--height12 {
  height: calc(100vh / 64 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height12 {
      height: calc(100vw / 64 * 12); } }

.grid[data-grid-size="64"] .grid-item--width13 {
  width: 20.3125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width13 {
      width: calc(100vw / 64 * 13); } }

.grid[data-grid-size="64"] .grid-item--height13 {
  height: calc(100vh / 64 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height13 {
      height: calc(100vw / 64 * 13); } }

.grid[data-grid-size="64"] .grid-item--width14 {
  width: 21.875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width14 {
      width: calc(100vw / 64 * 14); } }

.grid[data-grid-size="64"] .grid-item--height14 {
  height: calc(100vh / 64 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height14 {
      height: calc(100vw / 64 * 14); } }

.grid[data-grid-size="64"] .grid-item--width15 {
  width: 23.4375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width15 {
      width: calc(100vw / 64 * 15); } }

.grid[data-grid-size="64"] .grid-item--height15 {
  height: calc(100vh / 64 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height15 {
      height: calc(100vw / 64 * 15); } }

.grid[data-grid-size="64"] .grid-item--width16 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width16 {
      width: calc(100vw / 64 * 16); } }

.grid[data-grid-size="64"] .grid-item--height16 {
  height: calc(100vh / 64 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height16 {
      height: calc(100vw / 64 * 16); } }

.grid[data-grid-size="64"] .grid-item--width17 {
  width: 26.5625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width17 {
      width: calc(100vw / 64 * 17); } }

.grid[data-grid-size="64"] .grid-item--height17 {
  height: calc(100vh / 64 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height17 {
      height: calc(100vw / 64 * 17); } }

.grid[data-grid-size="64"] .grid-item--width18 {
  width: 28.125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width18 {
      width: calc(100vw / 64 * 18); } }

.grid[data-grid-size="64"] .grid-item--height18 {
  height: calc(100vh / 64 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height18 {
      height: calc(100vw / 64 * 18); } }

.grid[data-grid-size="64"] .grid-item--width19 {
  width: 29.6875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width19 {
      width: calc(100vw / 64 * 19); } }

.grid[data-grid-size="64"] .grid-item--height19 {
  height: calc(100vh / 64 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height19 {
      height: calc(100vw / 64 * 19); } }

.grid[data-grid-size="64"] .grid-item--width20 {
  width: 31.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width20 {
      width: calc(100vw / 64 * 20); } }

.grid[data-grid-size="64"] .grid-item--height20 {
  height: calc(100vh / 64 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height20 {
      height: calc(100vw / 64 * 20); } }

.grid[data-grid-size="64"] .grid-item--width21 {
  width: 32.8125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width21 {
      width: calc(100vw / 64 * 21); } }

.grid[data-grid-size="64"] .grid-item--height21 {
  height: calc(100vh / 64 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height21 {
      height: calc(100vw / 64 * 21); } }

.grid[data-grid-size="64"] .grid-item--width22 {
  width: 34.375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width22 {
      width: calc(100vw / 64 * 22); } }

.grid[data-grid-size="64"] .grid-item--height22 {
  height: calc(100vh / 64 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height22 {
      height: calc(100vw / 64 * 22); } }

.grid[data-grid-size="64"] .grid-item--width23 {
  width: 35.9375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width23 {
      width: calc(100vw / 64 * 23); } }

.grid[data-grid-size="64"] .grid-item--height23 {
  height: calc(100vh / 64 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height23 {
      height: calc(100vw / 64 * 23); } }

.grid[data-grid-size="64"] .grid-item--width24 {
  width: 37.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width24 {
      width: calc(100vw / 64 * 24); } }

.grid[data-grid-size="64"] .grid-item--height24 {
  height: calc(100vh / 64 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height24 {
      height: calc(100vw / 64 * 24); } }

.grid[data-grid-size="64"] .grid-item--width25 {
  width: 39.0625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width25 {
      width: calc(100vw / 64 * 25); } }

.grid[data-grid-size="64"] .grid-item--height25 {
  height: calc(100vh / 64 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height25 {
      height: calc(100vw / 64 * 25); } }

.grid[data-grid-size="64"] .grid-item--width26 {
  width: 40.625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width26 {
      width: calc(100vw / 64 * 26); } }

.grid[data-grid-size="64"] .grid-item--height26 {
  height: calc(100vh / 64 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height26 {
      height: calc(100vw / 64 * 26); } }

.grid[data-grid-size="64"] .grid-item--width27 {
  width: 42.1875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width27 {
      width: calc(100vw / 64 * 27); } }

.grid[data-grid-size="64"] .grid-item--height27 {
  height: calc(100vh / 64 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height27 {
      height: calc(100vw / 64 * 27); } }

.grid[data-grid-size="64"] .grid-item--width28 {
  width: 43.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width28 {
      width: calc(100vw / 64 * 28); } }

.grid[data-grid-size="64"] .grid-item--height28 {
  height: calc(100vh / 64 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height28 {
      height: calc(100vw / 64 * 28); } }

.grid[data-grid-size="64"] .grid-item--width29 {
  width: 45.3125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width29 {
      width: calc(100vw / 64 * 29); } }

.grid[data-grid-size="64"] .grid-item--height29 {
  height: calc(100vh / 64 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height29 {
      height: calc(100vw / 64 * 29); } }

.grid[data-grid-size="64"] .grid-item--width30 {
  width: 46.875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width30 {
      width: calc(100vw / 64 * 30); } }

.grid[data-grid-size="64"] .grid-item--height30 {
  height: calc(100vh / 64 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height30 {
      height: calc(100vw / 64 * 30); } }

.grid[data-grid-size="64"] .grid-item--width31 {
  width: 48.4375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width31 {
      width: calc(100vw / 64 * 31); } }

.grid[data-grid-size="64"] .grid-item--height31 {
  height: calc(100vh / 64 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height31 {
      height: calc(100vw / 64 * 31); } }

.grid[data-grid-size="64"] .grid-item--width32 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width32 {
      width: calc(100vw / 64 * 32); } }

.grid[data-grid-size="64"] .grid-item--height32 {
  height: calc(100vh / 64 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height32 {
      height: calc(100vw / 64 * 32); } }

.grid[data-grid-size="64"] .grid-item--width33 {
  width: 51.5625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width33 {
      width: calc(100vw / 64 * 33); } }

.grid[data-grid-size="64"] .grid-item--height33 {
  height: calc(100vh / 64 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height33 {
      height: calc(100vw / 64 * 33); } }

.grid[data-grid-size="64"] .grid-item--width34 {
  width: 53.125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width34 {
      width: calc(100vw / 64 * 34); } }

.grid[data-grid-size="64"] .grid-item--height34 {
  height: calc(100vh / 64 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height34 {
      height: calc(100vw / 64 * 34); } }

.grid[data-grid-size="64"] .grid-item--width35 {
  width: 54.6875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width35 {
      width: calc(100vw / 64 * 35); } }

.grid[data-grid-size="64"] .grid-item--height35 {
  height: calc(100vh / 64 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height35 {
      height: calc(100vw / 64 * 35); } }

.grid[data-grid-size="64"] .grid-item--width36 {
  width: 56.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width36 {
      width: calc(100vw / 64 * 36); } }

.grid[data-grid-size="64"] .grid-item--height36 {
  height: calc(100vh / 64 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height36 {
      height: calc(100vw / 64 * 36); } }

.grid[data-grid-size="64"] .grid-item--width37 {
  width: 57.8125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width37 {
      width: calc(100vw / 64 * 37); } }

.grid[data-grid-size="64"] .grid-item--height37 {
  height: calc(100vh / 64 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height37 {
      height: calc(100vw / 64 * 37); } }

.grid[data-grid-size="64"] .grid-item--width38 {
  width: 59.375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width38 {
      width: calc(100vw / 64 * 38); } }

.grid[data-grid-size="64"] .grid-item--height38 {
  height: calc(100vh / 64 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height38 {
      height: calc(100vw / 64 * 38); } }

.grid[data-grid-size="64"] .grid-item--width39 {
  width: 60.9375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width39 {
      width: calc(100vw / 64 * 39); } }

.grid[data-grid-size="64"] .grid-item--height39 {
  height: calc(100vh / 64 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height39 {
      height: calc(100vw / 64 * 39); } }

.grid[data-grid-size="64"] .grid-item--width40 {
  width: 62.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width40 {
      width: calc(100vw / 64 * 40); } }

.grid[data-grid-size="64"] .grid-item--height40 {
  height: calc(100vh / 64 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height40 {
      height: calc(100vw / 64 * 40); } }

.grid[data-grid-size="64"] .grid-item--width41 {
  width: 64.0625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width41 {
      width: calc(100vw / 64 * 41); } }

.grid[data-grid-size="64"] .grid-item--height41 {
  height: calc(100vh / 64 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height41 {
      height: calc(100vw / 64 * 41); } }

.grid[data-grid-size="64"] .grid-item--width42 {
  width: 65.625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width42 {
      width: calc(100vw / 64 * 42); } }

.grid[data-grid-size="64"] .grid-item--height42 {
  height: calc(100vh / 64 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height42 {
      height: calc(100vw / 64 * 42); } }

.grid[data-grid-size="64"] .grid-item--width43 {
  width: 67.1875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width43 {
      width: calc(100vw / 64 * 43); } }

.grid[data-grid-size="64"] .grid-item--height43 {
  height: calc(100vh / 64 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height43 {
      height: calc(100vw / 64 * 43); } }

.grid[data-grid-size="64"] .grid-item--width44 {
  width: 68.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width44 {
      width: calc(100vw / 64 * 44); } }

.grid[data-grid-size="64"] .grid-item--height44 {
  height: calc(100vh / 64 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height44 {
      height: calc(100vw / 64 * 44); } }

.grid[data-grid-size="64"] .grid-item--width45 {
  width: 70.3125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width45 {
      width: calc(100vw / 64 * 45); } }

.grid[data-grid-size="64"] .grid-item--height45 {
  height: calc(100vh / 64 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height45 {
      height: calc(100vw / 64 * 45); } }

.grid[data-grid-size="64"] .grid-item--width46 {
  width: 71.875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width46 {
      width: calc(100vw / 64 * 46); } }

.grid[data-grid-size="64"] .grid-item--height46 {
  height: calc(100vh / 64 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height46 {
      height: calc(100vw / 64 * 46); } }

.grid[data-grid-size="64"] .grid-item--width47 {
  width: 73.4375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width47 {
      width: calc(100vw / 64 * 47); } }

.grid[data-grid-size="64"] .grid-item--height47 {
  height: calc(100vh / 64 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height47 {
      height: calc(100vw / 64 * 47); } }

.grid[data-grid-size="64"] .grid-item--width48 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width48 {
      width: calc(100vw / 64 * 48); } }

.grid[data-grid-size="64"] .grid-item--height48 {
  height: calc(100vh / 64 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height48 {
      height: calc(100vw / 64 * 48); } }

.grid[data-grid-size="64"] .grid-item--width49 {
  width: 76.5625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width49 {
      width: calc(100vw / 64 * 49); } }

.grid[data-grid-size="64"] .grid-item--height49 {
  height: calc(100vh / 64 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height49 {
      height: calc(100vw / 64 * 49); } }

.grid[data-grid-size="64"] .grid-item--width50 {
  width: 78.125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width50 {
      width: calc(100vw / 64 * 50); } }

.grid[data-grid-size="64"] .grid-item--height50 {
  height: calc(100vh / 64 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height50 {
      height: calc(100vw / 64 * 50); } }

.grid[data-grid-size="64"] .grid-item--width51 {
  width: 79.6875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width51 {
      width: calc(100vw / 64 * 51); } }

.grid[data-grid-size="64"] .grid-item--height51 {
  height: calc(100vh / 64 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height51 {
      height: calc(100vw / 64 * 51); } }

.grid[data-grid-size="64"] .grid-item--width52 {
  width: 81.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width52 {
      width: calc(100vw / 64 * 52); } }

.grid[data-grid-size="64"] .grid-item--height52 {
  height: calc(100vh / 64 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height52 {
      height: calc(100vw / 64 * 52); } }

.grid[data-grid-size="64"] .grid-item--width53 {
  width: 82.8125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width53 {
      width: calc(100vw / 64 * 53); } }

.grid[data-grid-size="64"] .grid-item--height53 {
  height: calc(100vh / 64 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height53 {
      height: calc(100vw / 64 * 53); } }

.grid[data-grid-size="64"] .grid-item--width54 {
  width: 84.375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width54 {
      width: calc(100vw / 64 * 54); } }

.grid[data-grid-size="64"] .grid-item--height54 {
  height: calc(100vh / 64 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height54 {
      height: calc(100vw / 64 * 54); } }

.grid[data-grid-size="64"] .grid-item--width55 {
  width: 85.9375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width55 {
      width: calc(100vw / 64 * 55); } }

.grid[data-grid-size="64"] .grid-item--height55 {
  height: calc(100vh / 64 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height55 {
      height: calc(100vw / 64 * 55); } }

.grid[data-grid-size="64"] .grid-item--width56 {
  width: 87.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width56 {
      width: calc(100vw / 64 * 56); } }

.grid[data-grid-size="64"] .grid-item--height56 {
  height: calc(100vh / 64 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height56 {
      height: calc(100vw / 64 * 56); } }

.grid[data-grid-size="64"] .grid-item--width57 {
  width: 89.0625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width57 {
      width: calc(100vw / 64 * 57); } }

.grid[data-grid-size="64"] .grid-item--height57 {
  height: calc(100vh / 64 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height57 {
      height: calc(100vw / 64 * 57); } }

.grid[data-grid-size="64"] .grid-item--width58 {
  width: 90.625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width58 {
      width: calc(100vw / 64 * 58); } }

.grid[data-grid-size="64"] .grid-item--height58 {
  height: calc(100vh / 64 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height58 {
      height: calc(100vw / 64 * 58); } }

.grid[data-grid-size="64"] .grid-item--width59 {
  width: 92.1875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width59 {
      width: calc(100vw / 64 * 59); } }

.grid[data-grid-size="64"] .grid-item--height59 {
  height: calc(100vh / 64 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height59 {
      height: calc(100vw / 64 * 59); } }

.grid[data-grid-size="64"] .grid-item--width60 {
  width: 93.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width60 {
      width: calc(100vw / 64 * 60); } }

.grid[data-grid-size="64"] .grid-item--height60 {
  height: calc(100vh / 64 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height60 {
      height: calc(100vw / 64 * 60); } }

.grid[data-grid-size="64"] .grid-item--width61 {
  width: 95.3125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width61 {
      width: calc(100vw / 64 * 61); } }

.grid[data-grid-size="64"] .grid-item--height61 {
  height: calc(100vh / 64 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height61 {
      height: calc(100vw / 64 * 61); } }

.grid[data-grid-size="64"] .grid-item--width62 {
  width: 96.875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width62 {
      width: calc(100vw / 64 * 62); } }

.grid[data-grid-size="64"] .grid-item--height62 {
  height: calc(100vh / 64 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height62 {
      height: calc(100vw / 64 * 62); } }

.grid[data-grid-size="64"] .grid-item--width63 {
  width: 98.4375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width63 {
      width: calc(100vw / 64 * 63); } }

.grid[data-grid-size="64"] .grid-item--height63 {
  height: calc(100vh / 64 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height63 {
      height: calc(100vw / 64 * 63); } }

.grid[data-grid-size="64"] .grid-item--width64 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--width64 {
      width: calc(100vw / 64 * 64); } }

.grid[data-grid-size="64"] .grid-item--height64 {
  height: calc(100vh / 64 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="64"] .grid-item--height64 {
      height: calc(100vw / 64 * 64); } }

.grid[data-grid-size="65"] .grid-sizer, .grid[data-grid-size="65"] .grid-item {
  width: 1.53846%; }

.grid[data-grid-size="65"] .grid-item--width1 {
  width: 1.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width1 {
      width: calc(100vw / 65 * 1); } }

.grid[data-grid-size="65"] .grid-item--height1 {
  height: calc(100vh / 65 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height1 {
      height: calc(100vw / 65 * 1); } }

.grid[data-grid-size="65"] .grid-item--width2 {
  width: 3.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width2 {
      width: calc(100vw / 65 * 2); } }

.grid[data-grid-size="65"] .grid-item--height2 {
  height: calc(100vh / 65 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height2 {
      height: calc(100vw / 65 * 2); } }

.grid[data-grid-size="65"] .grid-item--width3 {
  width: 4.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width3 {
      width: calc(100vw / 65 * 3); } }

.grid[data-grid-size="65"] .grid-item--height3 {
  height: calc(100vh / 65 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height3 {
      height: calc(100vw / 65 * 3); } }

.grid[data-grid-size="65"] .grid-item--width4 {
  width: 6.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width4 {
      width: calc(100vw / 65 * 4); } }

.grid[data-grid-size="65"] .grid-item--height4 {
  height: calc(100vh / 65 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height4 {
      height: calc(100vw / 65 * 4); } }

.grid[data-grid-size="65"] .grid-item--width5 {
  width: 7.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width5 {
      width: calc(100vw / 65 * 5); } }

.grid[data-grid-size="65"] .grid-item--height5 {
  height: calc(100vh / 65 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height5 {
      height: calc(100vw / 65 * 5); } }

.grid[data-grid-size="65"] .grid-item--width6 {
  width: 9.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width6 {
      width: calc(100vw / 65 * 6); } }

.grid[data-grid-size="65"] .grid-item--height6 {
  height: calc(100vh / 65 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height6 {
      height: calc(100vw / 65 * 6); } }

.grid[data-grid-size="65"] .grid-item--width7 {
  width: 10.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width7 {
      width: calc(100vw / 65 * 7); } }

.grid[data-grid-size="65"] .grid-item--height7 {
  height: calc(100vh / 65 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height7 {
      height: calc(100vw / 65 * 7); } }

.grid[data-grid-size="65"] .grid-item--width8 {
  width: 12.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width8 {
      width: calc(100vw / 65 * 8); } }

.grid[data-grid-size="65"] .grid-item--height8 {
  height: calc(100vh / 65 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height8 {
      height: calc(100vw / 65 * 8); } }

.grid[data-grid-size="65"] .grid-item--width9 {
  width: 13.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width9 {
      width: calc(100vw / 65 * 9); } }

.grid[data-grid-size="65"] .grid-item--height9 {
  height: calc(100vh / 65 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height9 {
      height: calc(100vw / 65 * 9); } }

.grid[data-grid-size="65"] .grid-item--width10 {
  width: 15.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width10 {
      width: calc(100vw / 65 * 10); } }

.grid[data-grid-size="65"] .grid-item--height10 {
  height: calc(100vh / 65 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height10 {
      height: calc(100vw / 65 * 10); } }

.grid[data-grid-size="65"] .grid-item--width11 {
  width: 16.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width11 {
      width: calc(100vw / 65 * 11); } }

.grid[data-grid-size="65"] .grid-item--height11 {
  height: calc(100vh / 65 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height11 {
      height: calc(100vw / 65 * 11); } }

.grid[data-grid-size="65"] .grid-item--width12 {
  width: 18.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width12 {
      width: calc(100vw / 65 * 12); } }

.grid[data-grid-size="65"] .grid-item--height12 {
  height: calc(100vh / 65 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height12 {
      height: calc(100vw / 65 * 12); } }

.grid[data-grid-size="65"] .grid-item--width13 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width13 {
      width: calc(100vw / 65 * 13); } }

.grid[data-grid-size="65"] .grid-item--height13 {
  height: calc(100vh / 65 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height13 {
      height: calc(100vw / 65 * 13); } }

.grid[data-grid-size="65"] .grid-item--width14 {
  width: 21.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width14 {
      width: calc(100vw / 65 * 14); } }

.grid[data-grid-size="65"] .grid-item--height14 {
  height: calc(100vh / 65 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height14 {
      height: calc(100vw / 65 * 14); } }

.grid[data-grid-size="65"] .grid-item--width15 {
  width: 23.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width15 {
      width: calc(100vw / 65 * 15); } }

.grid[data-grid-size="65"] .grid-item--height15 {
  height: calc(100vh / 65 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height15 {
      height: calc(100vw / 65 * 15); } }

.grid[data-grid-size="65"] .grid-item--width16 {
  width: 24.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width16 {
      width: calc(100vw / 65 * 16); } }

.grid[data-grid-size="65"] .grid-item--height16 {
  height: calc(100vh / 65 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height16 {
      height: calc(100vw / 65 * 16); } }

.grid[data-grid-size="65"] .grid-item--width17 {
  width: 26.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width17 {
      width: calc(100vw / 65 * 17); } }

.grid[data-grid-size="65"] .grid-item--height17 {
  height: calc(100vh / 65 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height17 {
      height: calc(100vw / 65 * 17); } }

.grid[data-grid-size="65"] .grid-item--width18 {
  width: 27.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width18 {
      width: calc(100vw / 65 * 18); } }

.grid[data-grid-size="65"] .grid-item--height18 {
  height: calc(100vh / 65 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height18 {
      height: calc(100vw / 65 * 18); } }

.grid[data-grid-size="65"] .grid-item--width19 {
  width: 29.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width19 {
      width: calc(100vw / 65 * 19); } }

.grid[data-grid-size="65"] .grid-item--height19 {
  height: calc(100vh / 65 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height19 {
      height: calc(100vw / 65 * 19); } }

.grid[data-grid-size="65"] .grid-item--width20 {
  width: 30.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width20 {
      width: calc(100vw / 65 * 20); } }

.grid[data-grid-size="65"] .grid-item--height20 {
  height: calc(100vh / 65 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height20 {
      height: calc(100vw / 65 * 20); } }

.grid[data-grid-size="65"] .grid-item--width21 {
  width: 32.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width21 {
      width: calc(100vw / 65 * 21); } }

.grid[data-grid-size="65"] .grid-item--height21 {
  height: calc(100vh / 65 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height21 {
      height: calc(100vw / 65 * 21); } }

.grid[data-grid-size="65"] .grid-item--width22 {
  width: 33.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width22 {
      width: calc(100vw / 65 * 22); } }

.grid[data-grid-size="65"] .grid-item--height22 {
  height: calc(100vh / 65 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height22 {
      height: calc(100vw / 65 * 22); } }

.grid[data-grid-size="65"] .grid-item--width23 {
  width: 35.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width23 {
      width: calc(100vw / 65 * 23); } }

.grid[data-grid-size="65"] .grid-item--height23 {
  height: calc(100vh / 65 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height23 {
      height: calc(100vw / 65 * 23); } }

.grid[data-grid-size="65"] .grid-item--width24 {
  width: 36.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width24 {
      width: calc(100vw / 65 * 24); } }

.grid[data-grid-size="65"] .grid-item--height24 {
  height: calc(100vh / 65 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height24 {
      height: calc(100vw / 65 * 24); } }

.grid[data-grid-size="65"] .grid-item--width25 {
  width: 38.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width25 {
      width: calc(100vw / 65 * 25); } }

.grid[data-grid-size="65"] .grid-item--height25 {
  height: calc(100vh / 65 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height25 {
      height: calc(100vw / 65 * 25); } }

.grid[data-grid-size="65"] .grid-item--width26 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width26 {
      width: calc(100vw / 65 * 26); } }

.grid[data-grid-size="65"] .grid-item--height26 {
  height: calc(100vh / 65 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height26 {
      height: calc(100vw / 65 * 26); } }

.grid[data-grid-size="65"] .grid-item--width27 {
  width: 41.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width27 {
      width: calc(100vw / 65 * 27); } }

.grid[data-grid-size="65"] .grid-item--height27 {
  height: calc(100vh / 65 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height27 {
      height: calc(100vw / 65 * 27); } }

.grid[data-grid-size="65"] .grid-item--width28 {
  width: 43.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width28 {
      width: calc(100vw / 65 * 28); } }

.grid[data-grid-size="65"] .grid-item--height28 {
  height: calc(100vh / 65 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height28 {
      height: calc(100vw / 65 * 28); } }

.grid[data-grid-size="65"] .grid-item--width29 {
  width: 44.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width29 {
      width: calc(100vw / 65 * 29); } }

.grid[data-grid-size="65"] .grid-item--height29 {
  height: calc(100vh / 65 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height29 {
      height: calc(100vw / 65 * 29); } }

.grid[data-grid-size="65"] .grid-item--width30 {
  width: 46.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width30 {
      width: calc(100vw / 65 * 30); } }

.grid[data-grid-size="65"] .grid-item--height30 {
  height: calc(100vh / 65 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height30 {
      height: calc(100vw / 65 * 30); } }

.grid[data-grid-size="65"] .grid-item--width31 {
  width: 47.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width31 {
      width: calc(100vw / 65 * 31); } }

.grid[data-grid-size="65"] .grid-item--height31 {
  height: calc(100vh / 65 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height31 {
      height: calc(100vw / 65 * 31); } }

.grid[data-grid-size="65"] .grid-item--width32 {
  width: 49.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width32 {
      width: calc(100vw / 65 * 32); } }

.grid[data-grid-size="65"] .grid-item--height32 {
  height: calc(100vh / 65 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height32 {
      height: calc(100vw / 65 * 32); } }

.grid[data-grid-size="65"] .grid-item--width33 {
  width: 50.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width33 {
      width: calc(100vw / 65 * 33); } }

.grid[data-grid-size="65"] .grid-item--height33 {
  height: calc(100vh / 65 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height33 {
      height: calc(100vw / 65 * 33); } }

.grid[data-grid-size="65"] .grid-item--width34 {
  width: 52.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width34 {
      width: calc(100vw / 65 * 34); } }

.grid[data-grid-size="65"] .grid-item--height34 {
  height: calc(100vh / 65 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height34 {
      height: calc(100vw / 65 * 34); } }

.grid[data-grid-size="65"] .grid-item--width35 {
  width: 53.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width35 {
      width: calc(100vw / 65 * 35); } }

.grid[data-grid-size="65"] .grid-item--height35 {
  height: calc(100vh / 65 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height35 {
      height: calc(100vw / 65 * 35); } }

.grid[data-grid-size="65"] .grid-item--width36 {
  width: 55.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width36 {
      width: calc(100vw / 65 * 36); } }

.grid[data-grid-size="65"] .grid-item--height36 {
  height: calc(100vh / 65 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height36 {
      height: calc(100vw / 65 * 36); } }

.grid[data-grid-size="65"] .grid-item--width37 {
  width: 56.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width37 {
      width: calc(100vw / 65 * 37); } }

.grid[data-grid-size="65"] .grid-item--height37 {
  height: calc(100vh / 65 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height37 {
      height: calc(100vw / 65 * 37); } }

.grid[data-grid-size="65"] .grid-item--width38 {
  width: 58.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width38 {
      width: calc(100vw / 65 * 38); } }

.grid[data-grid-size="65"] .grid-item--height38 {
  height: calc(100vh / 65 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height38 {
      height: calc(100vw / 65 * 38); } }

.grid[data-grid-size="65"] .grid-item--width39 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width39 {
      width: calc(100vw / 65 * 39); } }

.grid[data-grid-size="65"] .grid-item--height39 {
  height: calc(100vh / 65 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height39 {
      height: calc(100vw / 65 * 39); } }

.grid[data-grid-size="65"] .grid-item--width40 {
  width: 61.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width40 {
      width: calc(100vw / 65 * 40); } }

.grid[data-grid-size="65"] .grid-item--height40 {
  height: calc(100vh / 65 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height40 {
      height: calc(100vw / 65 * 40); } }

.grid[data-grid-size="65"] .grid-item--width41 {
  width: 63.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width41 {
      width: calc(100vw / 65 * 41); } }

.grid[data-grid-size="65"] .grid-item--height41 {
  height: calc(100vh / 65 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height41 {
      height: calc(100vw / 65 * 41); } }

.grid[data-grid-size="65"] .grid-item--width42 {
  width: 64.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width42 {
      width: calc(100vw / 65 * 42); } }

.grid[data-grid-size="65"] .grid-item--height42 {
  height: calc(100vh / 65 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height42 {
      height: calc(100vw / 65 * 42); } }

.grid[data-grid-size="65"] .grid-item--width43 {
  width: 66.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width43 {
      width: calc(100vw / 65 * 43); } }

.grid[data-grid-size="65"] .grid-item--height43 {
  height: calc(100vh / 65 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height43 {
      height: calc(100vw / 65 * 43); } }

.grid[data-grid-size="65"] .grid-item--width44 {
  width: 67.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width44 {
      width: calc(100vw / 65 * 44); } }

.grid[data-grid-size="65"] .grid-item--height44 {
  height: calc(100vh / 65 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height44 {
      height: calc(100vw / 65 * 44); } }

.grid[data-grid-size="65"] .grid-item--width45 {
  width: 69.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width45 {
      width: calc(100vw / 65 * 45); } }

.grid[data-grid-size="65"] .grid-item--height45 {
  height: calc(100vh / 65 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height45 {
      height: calc(100vw / 65 * 45); } }

.grid[data-grid-size="65"] .grid-item--width46 {
  width: 70.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width46 {
      width: calc(100vw / 65 * 46); } }

.grid[data-grid-size="65"] .grid-item--height46 {
  height: calc(100vh / 65 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height46 {
      height: calc(100vw / 65 * 46); } }

.grid[data-grid-size="65"] .grid-item--width47 {
  width: 72.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width47 {
      width: calc(100vw / 65 * 47); } }

.grid[data-grid-size="65"] .grid-item--height47 {
  height: calc(100vh / 65 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height47 {
      height: calc(100vw / 65 * 47); } }

.grid[data-grid-size="65"] .grid-item--width48 {
  width: 73.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width48 {
      width: calc(100vw / 65 * 48); } }

.grid[data-grid-size="65"] .grid-item--height48 {
  height: calc(100vh / 65 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height48 {
      height: calc(100vw / 65 * 48); } }

.grid[data-grid-size="65"] .grid-item--width49 {
  width: 75.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width49 {
      width: calc(100vw / 65 * 49); } }

.grid[data-grid-size="65"] .grid-item--height49 {
  height: calc(100vh / 65 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height49 {
      height: calc(100vw / 65 * 49); } }

.grid[data-grid-size="65"] .grid-item--width50 {
  width: 76.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width50 {
      width: calc(100vw / 65 * 50); } }

.grid[data-grid-size="65"] .grid-item--height50 {
  height: calc(100vh / 65 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height50 {
      height: calc(100vw / 65 * 50); } }

.grid[data-grid-size="65"] .grid-item--width51 {
  width: 78.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width51 {
      width: calc(100vw / 65 * 51); } }

.grid[data-grid-size="65"] .grid-item--height51 {
  height: calc(100vh / 65 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height51 {
      height: calc(100vw / 65 * 51); } }

.grid[data-grid-size="65"] .grid-item--width52 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width52 {
      width: calc(100vw / 65 * 52); } }

.grid[data-grid-size="65"] .grid-item--height52 {
  height: calc(100vh / 65 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height52 {
      height: calc(100vw / 65 * 52); } }

.grid[data-grid-size="65"] .grid-item--width53 {
  width: 81.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width53 {
      width: calc(100vw / 65 * 53); } }

.grid[data-grid-size="65"] .grid-item--height53 {
  height: calc(100vh / 65 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height53 {
      height: calc(100vw / 65 * 53); } }

.grid[data-grid-size="65"] .grid-item--width54 {
  width: 83.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width54 {
      width: calc(100vw / 65 * 54); } }

.grid[data-grid-size="65"] .grid-item--height54 {
  height: calc(100vh / 65 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height54 {
      height: calc(100vw / 65 * 54); } }

.grid[data-grid-size="65"] .grid-item--width55 {
  width: 84.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width55 {
      width: calc(100vw / 65 * 55); } }

.grid[data-grid-size="65"] .grid-item--height55 {
  height: calc(100vh / 65 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height55 {
      height: calc(100vw / 65 * 55); } }

.grid[data-grid-size="65"] .grid-item--width56 {
  width: 86.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width56 {
      width: calc(100vw / 65 * 56); } }

.grid[data-grid-size="65"] .grid-item--height56 {
  height: calc(100vh / 65 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height56 {
      height: calc(100vw / 65 * 56); } }

.grid[data-grid-size="65"] .grid-item--width57 {
  width: 87.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width57 {
      width: calc(100vw / 65 * 57); } }

.grid[data-grid-size="65"] .grid-item--height57 {
  height: calc(100vh / 65 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height57 {
      height: calc(100vw / 65 * 57); } }

.grid[data-grid-size="65"] .grid-item--width58 {
  width: 89.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width58 {
      width: calc(100vw / 65 * 58); } }

.grid[data-grid-size="65"] .grid-item--height58 {
  height: calc(100vh / 65 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height58 {
      height: calc(100vw / 65 * 58); } }

.grid[data-grid-size="65"] .grid-item--width59 {
  width: 90.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width59 {
      width: calc(100vw / 65 * 59); } }

.grid[data-grid-size="65"] .grid-item--height59 {
  height: calc(100vh / 65 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height59 {
      height: calc(100vw / 65 * 59); } }

.grid[data-grid-size="65"] .grid-item--width60 {
  width: 92.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width60 {
      width: calc(100vw / 65 * 60); } }

.grid[data-grid-size="65"] .grid-item--height60 {
  height: calc(100vh / 65 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height60 {
      height: calc(100vw / 65 * 60); } }

.grid[data-grid-size="65"] .grid-item--width61 {
  width: 93.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width61 {
      width: calc(100vw / 65 * 61); } }

.grid[data-grid-size="65"] .grid-item--height61 {
  height: calc(100vh / 65 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height61 {
      height: calc(100vw / 65 * 61); } }

.grid[data-grid-size="65"] .grid-item--width62 {
  width: 95.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width62 {
      width: calc(100vw / 65 * 62); } }

.grid[data-grid-size="65"] .grid-item--height62 {
  height: calc(100vh / 65 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height62 {
      height: calc(100vw / 65 * 62); } }

.grid[data-grid-size="65"] .grid-item--width63 {
  width: 96.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width63 {
      width: calc(100vw / 65 * 63); } }

.grid[data-grid-size="65"] .grid-item--height63 {
  height: calc(100vh / 65 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height63 {
      height: calc(100vw / 65 * 63); } }

.grid[data-grid-size="65"] .grid-item--width64 {
  width: 98.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width64 {
      width: calc(100vw / 65 * 64); } }

.grid[data-grid-size="65"] .grid-item--height64 {
  height: calc(100vh / 65 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height64 {
      height: calc(100vw / 65 * 64); } }

.grid[data-grid-size="65"] .grid-item--width65 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--width65 {
      width: calc(100vw / 65 * 65); } }

.grid[data-grid-size="65"] .grid-item--height65 {
  height: calc(100vh / 65 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="65"] .grid-item--height65 {
      height: calc(100vw / 65 * 65); } }

.grid[data-grid-size="66"] .grid-sizer, .grid[data-grid-size="66"] .grid-item {
  width: 1.51515%; }

.grid[data-grid-size="66"] .grid-item--width1 {
  width: 1.51515%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width1 {
      width: calc(100vw / 66 * 1); } }

.grid[data-grid-size="66"] .grid-item--height1 {
  height: calc(100vh / 66 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height1 {
      height: calc(100vw / 66 * 1); } }

.grid[data-grid-size="66"] .grid-item--width2 {
  width: 3.0303%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width2 {
      width: calc(100vw / 66 * 2); } }

.grid[data-grid-size="66"] .grid-item--height2 {
  height: calc(100vh / 66 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height2 {
      height: calc(100vw / 66 * 2); } }

.grid[data-grid-size="66"] .grid-item--width3 {
  width: 4.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width3 {
      width: calc(100vw / 66 * 3); } }

.grid[data-grid-size="66"] .grid-item--height3 {
  height: calc(100vh / 66 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height3 {
      height: calc(100vw / 66 * 3); } }

.grid[data-grid-size="66"] .grid-item--width4 {
  width: 6.06061%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width4 {
      width: calc(100vw / 66 * 4); } }

.grid[data-grid-size="66"] .grid-item--height4 {
  height: calc(100vh / 66 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height4 {
      height: calc(100vw / 66 * 4); } }

.grid[data-grid-size="66"] .grid-item--width5 {
  width: 7.57576%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width5 {
      width: calc(100vw / 66 * 5); } }

.grid[data-grid-size="66"] .grid-item--height5 {
  height: calc(100vh / 66 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height5 {
      height: calc(100vw / 66 * 5); } }

.grid[data-grid-size="66"] .grid-item--width6 {
  width: 9.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width6 {
      width: calc(100vw / 66 * 6); } }

.grid[data-grid-size="66"] .grid-item--height6 {
  height: calc(100vh / 66 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height6 {
      height: calc(100vw / 66 * 6); } }

.grid[data-grid-size="66"] .grid-item--width7 {
  width: 10.60606%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width7 {
      width: calc(100vw / 66 * 7); } }

.grid[data-grid-size="66"] .grid-item--height7 {
  height: calc(100vh / 66 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height7 {
      height: calc(100vw / 66 * 7); } }

.grid[data-grid-size="66"] .grid-item--width8 {
  width: 12.12121%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width8 {
      width: calc(100vw / 66 * 8); } }

.grid[data-grid-size="66"] .grid-item--height8 {
  height: calc(100vh / 66 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height8 {
      height: calc(100vw / 66 * 8); } }

.grid[data-grid-size="66"] .grid-item--width9 {
  width: 13.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width9 {
      width: calc(100vw / 66 * 9); } }

.grid[data-grid-size="66"] .grid-item--height9 {
  height: calc(100vh / 66 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height9 {
      height: calc(100vw / 66 * 9); } }

.grid[data-grid-size="66"] .grid-item--width10 {
  width: 15.15152%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width10 {
      width: calc(100vw / 66 * 10); } }

.grid[data-grid-size="66"] .grid-item--height10 {
  height: calc(100vh / 66 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height10 {
      height: calc(100vw / 66 * 10); } }

.grid[data-grid-size="66"] .grid-item--width11 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width11 {
      width: calc(100vw / 66 * 11); } }

.grid[data-grid-size="66"] .grid-item--height11 {
  height: calc(100vh / 66 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height11 {
      height: calc(100vw / 66 * 11); } }

.grid[data-grid-size="66"] .grid-item--width12 {
  width: 18.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width12 {
      width: calc(100vw / 66 * 12); } }

.grid[data-grid-size="66"] .grid-item--height12 {
  height: calc(100vh / 66 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height12 {
      height: calc(100vw / 66 * 12); } }

.grid[data-grid-size="66"] .grid-item--width13 {
  width: 19.69697%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width13 {
      width: calc(100vw / 66 * 13); } }

.grid[data-grid-size="66"] .grid-item--height13 {
  height: calc(100vh / 66 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height13 {
      height: calc(100vw / 66 * 13); } }

.grid[data-grid-size="66"] .grid-item--width14 {
  width: 21.21212%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width14 {
      width: calc(100vw / 66 * 14); } }

.grid[data-grid-size="66"] .grid-item--height14 {
  height: calc(100vh / 66 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height14 {
      height: calc(100vw / 66 * 14); } }

.grid[data-grid-size="66"] .grid-item--width15 {
  width: 22.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width15 {
      width: calc(100vw / 66 * 15); } }

.grid[data-grid-size="66"] .grid-item--height15 {
  height: calc(100vh / 66 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height15 {
      height: calc(100vw / 66 * 15); } }

.grid[data-grid-size="66"] .grid-item--width16 {
  width: 24.24242%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width16 {
      width: calc(100vw / 66 * 16); } }

.grid[data-grid-size="66"] .grid-item--height16 {
  height: calc(100vh / 66 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height16 {
      height: calc(100vw / 66 * 16); } }

.grid[data-grid-size="66"] .grid-item--width17 {
  width: 25.75758%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width17 {
      width: calc(100vw / 66 * 17); } }

.grid[data-grid-size="66"] .grid-item--height17 {
  height: calc(100vh / 66 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height17 {
      height: calc(100vw / 66 * 17); } }

.grid[data-grid-size="66"] .grid-item--width18 {
  width: 27.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width18 {
      width: calc(100vw / 66 * 18); } }

.grid[data-grid-size="66"] .grid-item--height18 {
  height: calc(100vh / 66 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height18 {
      height: calc(100vw / 66 * 18); } }

.grid[data-grid-size="66"] .grid-item--width19 {
  width: 28.78788%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width19 {
      width: calc(100vw / 66 * 19); } }

.grid[data-grid-size="66"] .grid-item--height19 {
  height: calc(100vh / 66 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height19 {
      height: calc(100vw / 66 * 19); } }

.grid[data-grid-size="66"] .grid-item--width20 {
  width: 30.30303%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width20 {
      width: calc(100vw / 66 * 20); } }

.grid[data-grid-size="66"] .grid-item--height20 {
  height: calc(100vh / 66 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height20 {
      height: calc(100vw / 66 * 20); } }

.grid[data-grid-size="66"] .grid-item--width21 {
  width: 31.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width21 {
      width: calc(100vw / 66 * 21); } }

.grid[data-grid-size="66"] .grid-item--height21 {
  height: calc(100vh / 66 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height21 {
      height: calc(100vw / 66 * 21); } }

.grid[data-grid-size="66"] .grid-item--width22 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width22 {
      width: calc(100vw / 66 * 22); } }

.grid[data-grid-size="66"] .grid-item--height22 {
  height: calc(100vh / 66 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height22 {
      height: calc(100vw / 66 * 22); } }

.grid[data-grid-size="66"] .grid-item--width23 {
  width: 34.84848%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width23 {
      width: calc(100vw / 66 * 23); } }

.grid[data-grid-size="66"] .grid-item--height23 {
  height: calc(100vh / 66 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height23 {
      height: calc(100vw / 66 * 23); } }

.grid[data-grid-size="66"] .grid-item--width24 {
  width: 36.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width24 {
      width: calc(100vw / 66 * 24); } }

.grid[data-grid-size="66"] .grid-item--height24 {
  height: calc(100vh / 66 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height24 {
      height: calc(100vw / 66 * 24); } }

.grid[data-grid-size="66"] .grid-item--width25 {
  width: 37.87879%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width25 {
      width: calc(100vw / 66 * 25); } }

.grid[data-grid-size="66"] .grid-item--height25 {
  height: calc(100vh / 66 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height25 {
      height: calc(100vw / 66 * 25); } }

.grid[data-grid-size="66"] .grid-item--width26 {
  width: 39.39394%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width26 {
      width: calc(100vw / 66 * 26); } }

.grid[data-grid-size="66"] .grid-item--height26 {
  height: calc(100vh / 66 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height26 {
      height: calc(100vw / 66 * 26); } }

.grid[data-grid-size="66"] .grid-item--width27 {
  width: 40.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width27 {
      width: calc(100vw / 66 * 27); } }

.grid[data-grid-size="66"] .grid-item--height27 {
  height: calc(100vh / 66 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height27 {
      height: calc(100vw / 66 * 27); } }

.grid[data-grid-size="66"] .grid-item--width28 {
  width: 42.42424%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width28 {
      width: calc(100vw / 66 * 28); } }

.grid[data-grid-size="66"] .grid-item--height28 {
  height: calc(100vh / 66 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height28 {
      height: calc(100vw / 66 * 28); } }

.grid[data-grid-size="66"] .grid-item--width29 {
  width: 43.93939%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width29 {
      width: calc(100vw / 66 * 29); } }

.grid[data-grid-size="66"] .grid-item--height29 {
  height: calc(100vh / 66 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height29 {
      height: calc(100vw / 66 * 29); } }

.grid[data-grid-size="66"] .grid-item--width30 {
  width: 45.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width30 {
      width: calc(100vw / 66 * 30); } }

.grid[data-grid-size="66"] .grid-item--height30 {
  height: calc(100vh / 66 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height30 {
      height: calc(100vw / 66 * 30); } }

.grid[data-grid-size="66"] .grid-item--width31 {
  width: 46.9697%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width31 {
      width: calc(100vw / 66 * 31); } }

.grid[data-grid-size="66"] .grid-item--height31 {
  height: calc(100vh / 66 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height31 {
      height: calc(100vw / 66 * 31); } }

.grid[data-grid-size="66"] .grid-item--width32 {
  width: 48.48485%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width32 {
      width: calc(100vw / 66 * 32); } }

.grid[data-grid-size="66"] .grid-item--height32 {
  height: calc(100vh / 66 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height32 {
      height: calc(100vw / 66 * 32); } }

.grid[data-grid-size="66"] .grid-item--width33 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width33 {
      width: calc(100vw / 66 * 33); } }

.grid[data-grid-size="66"] .grid-item--height33 {
  height: calc(100vh / 66 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height33 {
      height: calc(100vw / 66 * 33); } }

.grid[data-grid-size="66"] .grid-item--width34 {
  width: 51.51515%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width34 {
      width: calc(100vw / 66 * 34); } }

.grid[data-grid-size="66"] .grid-item--height34 {
  height: calc(100vh / 66 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height34 {
      height: calc(100vw / 66 * 34); } }

.grid[data-grid-size="66"] .grid-item--width35 {
  width: 53.0303%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width35 {
      width: calc(100vw / 66 * 35); } }

.grid[data-grid-size="66"] .grid-item--height35 {
  height: calc(100vh / 66 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height35 {
      height: calc(100vw / 66 * 35); } }

.grid[data-grid-size="66"] .grid-item--width36 {
  width: 54.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width36 {
      width: calc(100vw / 66 * 36); } }

.grid[data-grid-size="66"] .grid-item--height36 {
  height: calc(100vh / 66 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height36 {
      height: calc(100vw / 66 * 36); } }

.grid[data-grid-size="66"] .grid-item--width37 {
  width: 56.06061%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width37 {
      width: calc(100vw / 66 * 37); } }

.grid[data-grid-size="66"] .grid-item--height37 {
  height: calc(100vh / 66 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height37 {
      height: calc(100vw / 66 * 37); } }

.grid[data-grid-size="66"] .grid-item--width38 {
  width: 57.57576%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width38 {
      width: calc(100vw / 66 * 38); } }

.grid[data-grid-size="66"] .grid-item--height38 {
  height: calc(100vh / 66 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height38 {
      height: calc(100vw / 66 * 38); } }

.grid[data-grid-size="66"] .grid-item--width39 {
  width: 59.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width39 {
      width: calc(100vw / 66 * 39); } }

.grid[data-grid-size="66"] .grid-item--height39 {
  height: calc(100vh / 66 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height39 {
      height: calc(100vw / 66 * 39); } }

.grid[data-grid-size="66"] .grid-item--width40 {
  width: 60.60606%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width40 {
      width: calc(100vw / 66 * 40); } }

.grid[data-grid-size="66"] .grid-item--height40 {
  height: calc(100vh / 66 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height40 {
      height: calc(100vw / 66 * 40); } }

.grid[data-grid-size="66"] .grid-item--width41 {
  width: 62.12121%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width41 {
      width: calc(100vw / 66 * 41); } }

.grid[data-grid-size="66"] .grid-item--height41 {
  height: calc(100vh / 66 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height41 {
      height: calc(100vw / 66 * 41); } }

.grid[data-grid-size="66"] .grid-item--width42 {
  width: 63.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width42 {
      width: calc(100vw / 66 * 42); } }

.grid[data-grid-size="66"] .grid-item--height42 {
  height: calc(100vh / 66 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height42 {
      height: calc(100vw / 66 * 42); } }

.grid[data-grid-size="66"] .grid-item--width43 {
  width: 65.15152%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width43 {
      width: calc(100vw / 66 * 43); } }

.grid[data-grid-size="66"] .grid-item--height43 {
  height: calc(100vh / 66 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height43 {
      height: calc(100vw / 66 * 43); } }

.grid[data-grid-size="66"] .grid-item--width44 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width44 {
      width: calc(100vw / 66 * 44); } }

.grid[data-grid-size="66"] .grid-item--height44 {
  height: calc(100vh / 66 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height44 {
      height: calc(100vw / 66 * 44); } }

.grid[data-grid-size="66"] .grid-item--width45 {
  width: 68.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width45 {
      width: calc(100vw / 66 * 45); } }

.grid[data-grid-size="66"] .grid-item--height45 {
  height: calc(100vh / 66 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height45 {
      height: calc(100vw / 66 * 45); } }

.grid[data-grid-size="66"] .grid-item--width46 {
  width: 69.69697%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width46 {
      width: calc(100vw / 66 * 46); } }

.grid[data-grid-size="66"] .grid-item--height46 {
  height: calc(100vh / 66 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height46 {
      height: calc(100vw / 66 * 46); } }

.grid[data-grid-size="66"] .grid-item--width47 {
  width: 71.21212%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width47 {
      width: calc(100vw / 66 * 47); } }

.grid[data-grid-size="66"] .grid-item--height47 {
  height: calc(100vh / 66 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height47 {
      height: calc(100vw / 66 * 47); } }

.grid[data-grid-size="66"] .grid-item--width48 {
  width: 72.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width48 {
      width: calc(100vw / 66 * 48); } }

.grid[data-grid-size="66"] .grid-item--height48 {
  height: calc(100vh / 66 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height48 {
      height: calc(100vw / 66 * 48); } }

.grid[data-grid-size="66"] .grid-item--width49 {
  width: 74.24242%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width49 {
      width: calc(100vw / 66 * 49); } }

.grid[data-grid-size="66"] .grid-item--height49 {
  height: calc(100vh / 66 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height49 {
      height: calc(100vw / 66 * 49); } }

.grid[data-grid-size="66"] .grid-item--width50 {
  width: 75.75758%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width50 {
      width: calc(100vw / 66 * 50); } }

.grid[data-grid-size="66"] .grid-item--height50 {
  height: calc(100vh / 66 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height50 {
      height: calc(100vw / 66 * 50); } }

.grid[data-grid-size="66"] .grid-item--width51 {
  width: 77.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width51 {
      width: calc(100vw / 66 * 51); } }

.grid[data-grid-size="66"] .grid-item--height51 {
  height: calc(100vh / 66 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height51 {
      height: calc(100vw / 66 * 51); } }

.grid[data-grid-size="66"] .grid-item--width52 {
  width: 78.78788%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width52 {
      width: calc(100vw / 66 * 52); } }

.grid[data-grid-size="66"] .grid-item--height52 {
  height: calc(100vh / 66 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height52 {
      height: calc(100vw / 66 * 52); } }

.grid[data-grid-size="66"] .grid-item--width53 {
  width: 80.30303%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width53 {
      width: calc(100vw / 66 * 53); } }

.grid[data-grid-size="66"] .grid-item--height53 {
  height: calc(100vh / 66 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height53 {
      height: calc(100vw / 66 * 53); } }

.grid[data-grid-size="66"] .grid-item--width54 {
  width: 81.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width54 {
      width: calc(100vw / 66 * 54); } }

.grid[data-grid-size="66"] .grid-item--height54 {
  height: calc(100vh / 66 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height54 {
      height: calc(100vw / 66 * 54); } }

.grid[data-grid-size="66"] .grid-item--width55 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width55 {
      width: calc(100vw / 66 * 55); } }

.grid[data-grid-size="66"] .grid-item--height55 {
  height: calc(100vh / 66 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height55 {
      height: calc(100vw / 66 * 55); } }

.grid[data-grid-size="66"] .grid-item--width56 {
  width: 84.84848%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width56 {
      width: calc(100vw / 66 * 56); } }

.grid[data-grid-size="66"] .grid-item--height56 {
  height: calc(100vh / 66 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height56 {
      height: calc(100vw / 66 * 56); } }

.grid[data-grid-size="66"] .grid-item--width57 {
  width: 86.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width57 {
      width: calc(100vw / 66 * 57); } }

.grid[data-grid-size="66"] .grid-item--height57 {
  height: calc(100vh / 66 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height57 {
      height: calc(100vw / 66 * 57); } }

.grid[data-grid-size="66"] .grid-item--width58 {
  width: 87.87879%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width58 {
      width: calc(100vw / 66 * 58); } }

.grid[data-grid-size="66"] .grid-item--height58 {
  height: calc(100vh / 66 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height58 {
      height: calc(100vw / 66 * 58); } }

.grid[data-grid-size="66"] .grid-item--width59 {
  width: 89.39394%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width59 {
      width: calc(100vw / 66 * 59); } }

.grid[data-grid-size="66"] .grid-item--height59 {
  height: calc(100vh / 66 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height59 {
      height: calc(100vw / 66 * 59); } }

.grid[data-grid-size="66"] .grid-item--width60 {
  width: 90.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width60 {
      width: calc(100vw / 66 * 60); } }

.grid[data-grid-size="66"] .grid-item--height60 {
  height: calc(100vh / 66 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height60 {
      height: calc(100vw / 66 * 60); } }

.grid[data-grid-size="66"] .grid-item--width61 {
  width: 92.42424%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width61 {
      width: calc(100vw / 66 * 61); } }

.grid[data-grid-size="66"] .grid-item--height61 {
  height: calc(100vh / 66 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height61 {
      height: calc(100vw / 66 * 61); } }

.grid[data-grid-size="66"] .grid-item--width62 {
  width: 93.93939%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width62 {
      width: calc(100vw / 66 * 62); } }

.grid[data-grid-size="66"] .grid-item--height62 {
  height: calc(100vh / 66 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height62 {
      height: calc(100vw / 66 * 62); } }

.grid[data-grid-size="66"] .grid-item--width63 {
  width: 95.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width63 {
      width: calc(100vw / 66 * 63); } }

.grid[data-grid-size="66"] .grid-item--height63 {
  height: calc(100vh / 66 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height63 {
      height: calc(100vw / 66 * 63); } }

.grid[data-grid-size="66"] .grid-item--width64 {
  width: 96.9697%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width64 {
      width: calc(100vw / 66 * 64); } }

.grid[data-grid-size="66"] .grid-item--height64 {
  height: calc(100vh / 66 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height64 {
      height: calc(100vw / 66 * 64); } }

.grid[data-grid-size="66"] .grid-item--width65 {
  width: 98.48485%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width65 {
      width: calc(100vw / 66 * 65); } }

.grid[data-grid-size="66"] .grid-item--height65 {
  height: calc(100vh / 66 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height65 {
      height: calc(100vw / 66 * 65); } }

.grid[data-grid-size="66"] .grid-item--width66 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--width66 {
      width: calc(100vw / 66 * 66); } }

.grid[data-grid-size="66"] .grid-item--height66 {
  height: calc(100vh / 66 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="66"] .grid-item--height66 {
      height: calc(100vw / 66 * 66); } }

.grid[data-grid-size="67"] .grid-sizer, .grid[data-grid-size="67"] .grid-item {
  width: 1.49254%; }

.grid[data-grid-size="67"] .grid-item--width1 {
  width: 1.49254%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width1 {
      width: calc(100vw / 67 * 1); } }

.grid[data-grid-size="67"] .grid-item--height1 {
  height: calc(100vh / 67 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height1 {
      height: calc(100vw / 67 * 1); } }

.grid[data-grid-size="67"] .grid-item--width2 {
  width: 2.98507%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width2 {
      width: calc(100vw / 67 * 2); } }

.grid[data-grid-size="67"] .grid-item--height2 {
  height: calc(100vh / 67 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height2 {
      height: calc(100vw / 67 * 2); } }

.grid[data-grid-size="67"] .grid-item--width3 {
  width: 4.47761%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width3 {
      width: calc(100vw / 67 * 3); } }

.grid[data-grid-size="67"] .grid-item--height3 {
  height: calc(100vh / 67 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height3 {
      height: calc(100vw / 67 * 3); } }

.grid[data-grid-size="67"] .grid-item--width4 {
  width: 5.97015%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width4 {
      width: calc(100vw / 67 * 4); } }

.grid[data-grid-size="67"] .grid-item--height4 {
  height: calc(100vh / 67 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height4 {
      height: calc(100vw / 67 * 4); } }

.grid[data-grid-size="67"] .grid-item--width5 {
  width: 7.46269%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width5 {
      width: calc(100vw / 67 * 5); } }

.grid[data-grid-size="67"] .grid-item--height5 {
  height: calc(100vh / 67 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height5 {
      height: calc(100vw / 67 * 5); } }

.grid[data-grid-size="67"] .grid-item--width6 {
  width: 8.95522%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width6 {
      width: calc(100vw / 67 * 6); } }

.grid[data-grid-size="67"] .grid-item--height6 {
  height: calc(100vh / 67 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height6 {
      height: calc(100vw / 67 * 6); } }

.grid[data-grid-size="67"] .grid-item--width7 {
  width: 10.44776%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width7 {
      width: calc(100vw / 67 * 7); } }

.grid[data-grid-size="67"] .grid-item--height7 {
  height: calc(100vh / 67 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height7 {
      height: calc(100vw / 67 * 7); } }

.grid[data-grid-size="67"] .grid-item--width8 {
  width: 11.9403%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width8 {
      width: calc(100vw / 67 * 8); } }

.grid[data-grid-size="67"] .grid-item--height8 {
  height: calc(100vh / 67 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height8 {
      height: calc(100vw / 67 * 8); } }

.grid[data-grid-size="67"] .grid-item--width9 {
  width: 13.43284%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width9 {
      width: calc(100vw / 67 * 9); } }

.grid[data-grid-size="67"] .grid-item--height9 {
  height: calc(100vh / 67 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height9 {
      height: calc(100vw / 67 * 9); } }

.grid[data-grid-size="67"] .grid-item--width10 {
  width: 14.92537%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width10 {
      width: calc(100vw / 67 * 10); } }

.grid[data-grid-size="67"] .grid-item--height10 {
  height: calc(100vh / 67 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height10 {
      height: calc(100vw / 67 * 10); } }

.grid[data-grid-size="67"] .grid-item--width11 {
  width: 16.41791%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width11 {
      width: calc(100vw / 67 * 11); } }

.grid[data-grid-size="67"] .grid-item--height11 {
  height: calc(100vh / 67 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height11 {
      height: calc(100vw / 67 * 11); } }

.grid[data-grid-size="67"] .grid-item--width12 {
  width: 17.91045%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width12 {
      width: calc(100vw / 67 * 12); } }

.grid[data-grid-size="67"] .grid-item--height12 {
  height: calc(100vh / 67 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height12 {
      height: calc(100vw / 67 * 12); } }

.grid[data-grid-size="67"] .grid-item--width13 {
  width: 19.40299%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width13 {
      width: calc(100vw / 67 * 13); } }

.grid[data-grid-size="67"] .grid-item--height13 {
  height: calc(100vh / 67 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height13 {
      height: calc(100vw / 67 * 13); } }

.grid[data-grid-size="67"] .grid-item--width14 {
  width: 20.89552%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width14 {
      width: calc(100vw / 67 * 14); } }

.grid[data-grid-size="67"] .grid-item--height14 {
  height: calc(100vh / 67 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height14 {
      height: calc(100vw / 67 * 14); } }

.grid[data-grid-size="67"] .grid-item--width15 {
  width: 22.38806%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width15 {
      width: calc(100vw / 67 * 15); } }

.grid[data-grid-size="67"] .grid-item--height15 {
  height: calc(100vh / 67 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height15 {
      height: calc(100vw / 67 * 15); } }

.grid[data-grid-size="67"] .grid-item--width16 {
  width: 23.8806%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width16 {
      width: calc(100vw / 67 * 16); } }

.grid[data-grid-size="67"] .grid-item--height16 {
  height: calc(100vh / 67 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height16 {
      height: calc(100vw / 67 * 16); } }

.grid[data-grid-size="67"] .grid-item--width17 {
  width: 25.37313%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width17 {
      width: calc(100vw / 67 * 17); } }

.grid[data-grid-size="67"] .grid-item--height17 {
  height: calc(100vh / 67 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height17 {
      height: calc(100vw / 67 * 17); } }

.grid[data-grid-size="67"] .grid-item--width18 {
  width: 26.86567%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width18 {
      width: calc(100vw / 67 * 18); } }

.grid[data-grid-size="67"] .grid-item--height18 {
  height: calc(100vh / 67 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height18 {
      height: calc(100vw / 67 * 18); } }

.grid[data-grid-size="67"] .grid-item--width19 {
  width: 28.35821%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width19 {
      width: calc(100vw / 67 * 19); } }

.grid[data-grid-size="67"] .grid-item--height19 {
  height: calc(100vh / 67 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height19 {
      height: calc(100vw / 67 * 19); } }

.grid[data-grid-size="67"] .grid-item--width20 {
  width: 29.85075%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width20 {
      width: calc(100vw / 67 * 20); } }

.grid[data-grid-size="67"] .grid-item--height20 {
  height: calc(100vh / 67 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height20 {
      height: calc(100vw / 67 * 20); } }

.grid[data-grid-size="67"] .grid-item--width21 {
  width: 31.34328%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width21 {
      width: calc(100vw / 67 * 21); } }

.grid[data-grid-size="67"] .grid-item--height21 {
  height: calc(100vh / 67 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height21 {
      height: calc(100vw / 67 * 21); } }

.grid[data-grid-size="67"] .grid-item--width22 {
  width: 32.83582%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width22 {
      width: calc(100vw / 67 * 22); } }

.grid[data-grid-size="67"] .grid-item--height22 {
  height: calc(100vh / 67 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height22 {
      height: calc(100vw / 67 * 22); } }

.grid[data-grid-size="67"] .grid-item--width23 {
  width: 34.32836%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width23 {
      width: calc(100vw / 67 * 23); } }

.grid[data-grid-size="67"] .grid-item--height23 {
  height: calc(100vh / 67 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height23 {
      height: calc(100vw / 67 * 23); } }

.grid[data-grid-size="67"] .grid-item--width24 {
  width: 35.8209%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width24 {
      width: calc(100vw / 67 * 24); } }

.grid[data-grid-size="67"] .grid-item--height24 {
  height: calc(100vh / 67 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height24 {
      height: calc(100vw / 67 * 24); } }

.grid[data-grid-size="67"] .grid-item--width25 {
  width: 37.31343%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width25 {
      width: calc(100vw / 67 * 25); } }

.grid[data-grid-size="67"] .grid-item--height25 {
  height: calc(100vh / 67 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height25 {
      height: calc(100vw / 67 * 25); } }

.grid[data-grid-size="67"] .grid-item--width26 {
  width: 38.80597%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width26 {
      width: calc(100vw / 67 * 26); } }

.grid[data-grid-size="67"] .grid-item--height26 {
  height: calc(100vh / 67 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height26 {
      height: calc(100vw / 67 * 26); } }

.grid[data-grid-size="67"] .grid-item--width27 {
  width: 40.29851%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width27 {
      width: calc(100vw / 67 * 27); } }

.grid[data-grid-size="67"] .grid-item--height27 {
  height: calc(100vh / 67 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height27 {
      height: calc(100vw / 67 * 27); } }

.grid[data-grid-size="67"] .grid-item--width28 {
  width: 41.79104%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width28 {
      width: calc(100vw / 67 * 28); } }

.grid[data-grid-size="67"] .grid-item--height28 {
  height: calc(100vh / 67 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height28 {
      height: calc(100vw / 67 * 28); } }

.grid[data-grid-size="67"] .grid-item--width29 {
  width: 43.28358%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width29 {
      width: calc(100vw / 67 * 29); } }

.grid[data-grid-size="67"] .grid-item--height29 {
  height: calc(100vh / 67 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height29 {
      height: calc(100vw / 67 * 29); } }

.grid[data-grid-size="67"] .grid-item--width30 {
  width: 44.77612%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width30 {
      width: calc(100vw / 67 * 30); } }

.grid[data-grid-size="67"] .grid-item--height30 {
  height: calc(100vh / 67 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height30 {
      height: calc(100vw / 67 * 30); } }

.grid[data-grid-size="67"] .grid-item--width31 {
  width: 46.26866%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width31 {
      width: calc(100vw / 67 * 31); } }

.grid[data-grid-size="67"] .grid-item--height31 {
  height: calc(100vh / 67 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height31 {
      height: calc(100vw / 67 * 31); } }

.grid[data-grid-size="67"] .grid-item--width32 {
  width: 47.76119%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width32 {
      width: calc(100vw / 67 * 32); } }

.grid[data-grid-size="67"] .grid-item--height32 {
  height: calc(100vh / 67 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height32 {
      height: calc(100vw / 67 * 32); } }

.grid[data-grid-size="67"] .grid-item--width33 {
  width: 49.25373%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width33 {
      width: calc(100vw / 67 * 33); } }

.grid[data-grid-size="67"] .grid-item--height33 {
  height: calc(100vh / 67 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height33 {
      height: calc(100vw / 67 * 33); } }

.grid[data-grid-size="67"] .grid-item--width34 {
  width: 50.74627%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width34 {
      width: calc(100vw / 67 * 34); } }

.grid[data-grid-size="67"] .grid-item--height34 {
  height: calc(100vh / 67 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height34 {
      height: calc(100vw / 67 * 34); } }

.grid[data-grid-size="67"] .grid-item--width35 {
  width: 52.23881%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width35 {
      width: calc(100vw / 67 * 35); } }

.grid[data-grid-size="67"] .grid-item--height35 {
  height: calc(100vh / 67 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height35 {
      height: calc(100vw / 67 * 35); } }

.grid[data-grid-size="67"] .grid-item--width36 {
  width: 53.73134%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width36 {
      width: calc(100vw / 67 * 36); } }

.grid[data-grid-size="67"] .grid-item--height36 {
  height: calc(100vh / 67 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height36 {
      height: calc(100vw / 67 * 36); } }

.grid[data-grid-size="67"] .grid-item--width37 {
  width: 55.22388%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width37 {
      width: calc(100vw / 67 * 37); } }

.grid[data-grid-size="67"] .grid-item--height37 {
  height: calc(100vh / 67 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height37 {
      height: calc(100vw / 67 * 37); } }

.grid[data-grid-size="67"] .grid-item--width38 {
  width: 56.71642%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width38 {
      width: calc(100vw / 67 * 38); } }

.grid[data-grid-size="67"] .grid-item--height38 {
  height: calc(100vh / 67 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height38 {
      height: calc(100vw / 67 * 38); } }

.grid[data-grid-size="67"] .grid-item--width39 {
  width: 58.20896%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width39 {
      width: calc(100vw / 67 * 39); } }

.grid[data-grid-size="67"] .grid-item--height39 {
  height: calc(100vh / 67 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height39 {
      height: calc(100vw / 67 * 39); } }

.grid[data-grid-size="67"] .grid-item--width40 {
  width: 59.70149%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width40 {
      width: calc(100vw / 67 * 40); } }

.grid[data-grid-size="67"] .grid-item--height40 {
  height: calc(100vh / 67 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height40 {
      height: calc(100vw / 67 * 40); } }

.grid[data-grid-size="67"] .grid-item--width41 {
  width: 61.19403%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width41 {
      width: calc(100vw / 67 * 41); } }

.grid[data-grid-size="67"] .grid-item--height41 {
  height: calc(100vh / 67 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height41 {
      height: calc(100vw / 67 * 41); } }

.grid[data-grid-size="67"] .grid-item--width42 {
  width: 62.68657%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width42 {
      width: calc(100vw / 67 * 42); } }

.grid[data-grid-size="67"] .grid-item--height42 {
  height: calc(100vh / 67 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height42 {
      height: calc(100vw / 67 * 42); } }

.grid[data-grid-size="67"] .grid-item--width43 {
  width: 64.1791%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width43 {
      width: calc(100vw / 67 * 43); } }

.grid[data-grid-size="67"] .grid-item--height43 {
  height: calc(100vh / 67 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height43 {
      height: calc(100vw / 67 * 43); } }

.grid[data-grid-size="67"] .grid-item--width44 {
  width: 65.67164%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width44 {
      width: calc(100vw / 67 * 44); } }

.grid[data-grid-size="67"] .grid-item--height44 {
  height: calc(100vh / 67 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height44 {
      height: calc(100vw / 67 * 44); } }

.grid[data-grid-size="67"] .grid-item--width45 {
  width: 67.16418%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width45 {
      width: calc(100vw / 67 * 45); } }

.grid[data-grid-size="67"] .grid-item--height45 {
  height: calc(100vh / 67 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height45 {
      height: calc(100vw / 67 * 45); } }

.grid[data-grid-size="67"] .grid-item--width46 {
  width: 68.65672%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width46 {
      width: calc(100vw / 67 * 46); } }

.grid[data-grid-size="67"] .grid-item--height46 {
  height: calc(100vh / 67 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height46 {
      height: calc(100vw / 67 * 46); } }

.grid[data-grid-size="67"] .grid-item--width47 {
  width: 70.14925%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width47 {
      width: calc(100vw / 67 * 47); } }

.grid[data-grid-size="67"] .grid-item--height47 {
  height: calc(100vh / 67 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height47 {
      height: calc(100vw / 67 * 47); } }

.grid[data-grid-size="67"] .grid-item--width48 {
  width: 71.64179%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width48 {
      width: calc(100vw / 67 * 48); } }

.grid[data-grid-size="67"] .grid-item--height48 {
  height: calc(100vh / 67 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height48 {
      height: calc(100vw / 67 * 48); } }

.grid[data-grid-size="67"] .grid-item--width49 {
  width: 73.13433%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width49 {
      width: calc(100vw / 67 * 49); } }

.grid[data-grid-size="67"] .grid-item--height49 {
  height: calc(100vh / 67 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height49 {
      height: calc(100vw / 67 * 49); } }

.grid[data-grid-size="67"] .grid-item--width50 {
  width: 74.62687%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width50 {
      width: calc(100vw / 67 * 50); } }

.grid[data-grid-size="67"] .grid-item--height50 {
  height: calc(100vh / 67 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height50 {
      height: calc(100vw / 67 * 50); } }

.grid[data-grid-size="67"] .grid-item--width51 {
  width: 76.1194%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width51 {
      width: calc(100vw / 67 * 51); } }

.grid[data-grid-size="67"] .grid-item--height51 {
  height: calc(100vh / 67 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height51 {
      height: calc(100vw / 67 * 51); } }

.grid[data-grid-size="67"] .grid-item--width52 {
  width: 77.61194%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width52 {
      width: calc(100vw / 67 * 52); } }

.grid[data-grid-size="67"] .grid-item--height52 {
  height: calc(100vh / 67 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height52 {
      height: calc(100vw / 67 * 52); } }

.grid[data-grid-size="67"] .grid-item--width53 {
  width: 79.10448%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width53 {
      width: calc(100vw / 67 * 53); } }

.grid[data-grid-size="67"] .grid-item--height53 {
  height: calc(100vh / 67 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height53 {
      height: calc(100vw / 67 * 53); } }

.grid[data-grid-size="67"] .grid-item--width54 {
  width: 80.59701%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width54 {
      width: calc(100vw / 67 * 54); } }

.grid[data-grid-size="67"] .grid-item--height54 {
  height: calc(100vh / 67 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height54 {
      height: calc(100vw / 67 * 54); } }

.grid[data-grid-size="67"] .grid-item--width55 {
  width: 82.08955%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width55 {
      width: calc(100vw / 67 * 55); } }

.grid[data-grid-size="67"] .grid-item--height55 {
  height: calc(100vh / 67 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height55 {
      height: calc(100vw / 67 * 55); } }

.grid[data-grid-size="67"] .grid-item--width56 {
  width: 83.58209%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width56 {
      width: calc(100vw / 67 * 56); } }

.grid[data-grid-size="67"] .grid-item--height56 {
  height: calc(100vh / 67 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height56 {
      height: calc(100vw / 67 * 56); } }

.grid[data-grid-size="67"] .grid-item--width57 {
  width: 85.07463%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width57 {
      width: calc(100vw / 67 * 57); } }

.grid[data-grid-size="67"] .grid-item--height57 {
  height: calc(100vh / 67 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height57 {
      height: calc(100vw / 67 * 57); } }

.grid[data-grid-size="67"] .grid-item--width58 {
  width: 86.56716%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width58 {
      width: calc(100vw / 67 * 58); } }

.grid[data-grid-size="67"] .grid-item--height58 {
  height: calc(100vh / 67 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height58 {
      height: calc(100vw / 67 * 58); } }

.grid[data-grid-size="67"] .grid-item--width59 {
  width: 88.0597%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width59 {
      width: calc(100vw / 67 * 59); } }

.grid[data-grid-size="67"] .grid-item--height59 {
  height: calc(100vh / 67 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height59 {
      height: calc(100vw / 67 * 59); } }

.grid[data-grid-size="67"] .grid-item--width60 {
  width: 89.55224%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width60 {
      width: calc(100vw / 67 * 60); } }

.grid[data-grid-size="67"] .grid-item--height60 {
  height: calc(100vh / 67 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height60 {
      height: calc(100vw / 67 * 60); } }

.grid[data-grid-size="67"] .grid-item--width61 {
  width: 91.04478%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width61 {
      width: calc(100vw / 67 * 61); } }

.grid[data-grid-size="67"] .grid-item--height61 {
  height: calc(100vh / 67 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height61 {
      height: calc(100vw / 67 * 61); } }

.grid[data-grid-size="67"] .grid-item--width62 {
  width: 92.53731%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width62 {
      width: calc(100vw / 67 * 62); } }

.grid[data-grid-size="67"] .grid-item--height62 {
  height: calc(100vh / 67 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height62 {
      height: calc(100vw / 67 * 62); } }

.grid[data-grid-size="67"] .grid-item--width63 {
  width: 94.02985%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width63 {
      width: calc(100vw / 67 * 63); } }

.grid[data-grid-size="67"] .grid-item--height63 {
  height: calc(100vh / 67 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height63 {
      height: calc(100vw / 67 * 63); } }

.grid[data-grid-size="67"] .grid-item--width64 {
  width: 95.52239%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width64 {
      width: calc(100vw / 67 * 64); } }

.grid[data-grid-size="67"] .grid-item--height64 {
  height: calc(100vh / 67 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height64 {
      height: calc(100vw / 67 * 64); } }

.grid[data-grid-size="67"] .grid-item--width65 {
  width: 97.01493%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width65 {
      width: calc(100vw / 67 * 65); } }

.grid[data-grid-size="67"] .grid-item--height65 {
  height: calc(100vh / 67 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height65 {
      height: calc(100vw / 67 * 65); } }

.grid[data-grid-size="67"] .grid-item--width66 {
  width: 98.50746%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width66 {
      width: calc(100vw / 67 * 66); } }

.grid[data-grid-size="67"] .grid-item--height66 {
  height: calc(100vh / 67 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height66 {
      height: calc(100vw / 67 * 66); } }

.grid[data-grid-size="67"] .grid-item--width67 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--width67 {
      width: calc(100vw / 67 * 67); } }

.grid[data-grid-size="67"] .grid-item--height67 {
  height: calc(100vh / 67 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="67"] .grid-item--height67 {
      height: calc(100vw / 67 * 67); } }

.grid[data-grid-size="68"] .grid-sizer, .grid[data-grid-size="68"] .grid-item {
  width: 1.47059%; }

.grid[data-grid-size="68"] .grid-item--width1 {
  width: 1.47059%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width1 {
      width: calc(100vw / 68 * 1); } }

.grid[data-grid-size="68"] .grid-item--height1 {
  height: calc(100vh / 68 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height1 {
      height: calc(100vw / 68 * 1); } }

.grid[data-grid-size="68"] .grid-item--width2 {
  width: 2.94118%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width2 {
      width: calc(100vw / 68 * 2); } }

.grid[data-grid-size="68"] .grid-item--height2 {
  height: calc(100vh / 68 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height2 {
      height: calc(100vw / 68 * 2); } }

.grid[data-grid-size="68"] .grid-item--width3 {
  width: 4.41176%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width3 {
      width: calc(100vw / 68 * 3); } }

.grid[data-grid-size="68"] .grid-item--height3 {
  height: calc(100vh / 68 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height3 {
      height: calc(100vw / 68 * 3); } }

.grid[data-grid-size="68"] .grid-item--width4 {
  width: 5.88235%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width4 {
      width: calc(100vw / 68 * 4); } }

.grid[data-grid-size="68"] .grid-item--height4 {
  height: calc(100vh / 68 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height4 {
      height: calc(100vw / 68 * 4); } }

.grid[data-grid-size="68"] .grid-item--width5 {
  width: 7.35294%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width5 {
      width: calc(100vw / 68 * 5); } }

.grid[data-grid-size="68"] .grid-item--height5 {
  height: calc(100vh / 68 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height5 {
      height: calc(100vw / 68 * 5); } }

.grid[data-grid-size="68"] .grid-item--width6 {
  width: 8.82353%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width6 {
      width: calc(100vw / 68 * 6); } }

.grid[data-grid-size="68"] .grid-item--height6 {
  height: calc(100vh / 68 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height6 {
      height: calc(100vw / 68 * 6); } }

.grid[data-grid-size="68"] .grid-item--width7 {
  width: 10.29412%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width7 {
      width: calc(100vw / 68 * 7); } }

.grid[data-grid-size="68"] .grid-item--height7 {
  height: calc(100vh / 68 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height7 {
      height: calc(100vw / 68 * 7); } }

.grid[data-grid-size="68"] .grid-item--width8 {
  width: 11.76471%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width8 {
      width: calc(100vw / 68 * 8); } }

.grid[data-grid-size="68"] .grid-item--height8 {
  height: calc(100vh / 68 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height8 {
      height: calc(100vw / 68 * 8); } }

.grid[data-grid-size="68"] .grid-item--width9 {
  width: 13.23529%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width9 {
      width: calc(100vw / 68 * 9); } }

.grid[data-grid-size="68"] .grid-item--height9 {
  height: calc(100vh / 68 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height9 {
      height: calc(100vw / 68 * 9); } }

.grid[data-grid-size="68"] .grid-item--width10 {
  width: 14.70588%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width10 {
      width: calc(100vw / 68 * 10); } }

.grid[data-grid-size="68"] .grid-item--height10 {
  height: calc(100vh / 68 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height10 {
      height: calc(100vw / 68 * 10); } }

.grid[data-grid-size="68"] .grid-item--width11 {
  width: 16.17647%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width11 {
      width: calc(100vw / 68 * 11); } }

.grid[data-grid-size="68"] .grid-item--height11 {
  height: calc(100vh / 68 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height11 {
      height: calc(100vw / 68 * 11); } }

.grid[data-grid-size="68"] .grid-item--width12 {
  width: 17.64706%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width12 {
      width: calc(100vw / 68 * 12); } }

.grid[data-grid-size="68"] .grid-item--height12 {
  height: calc(100vh / 68 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height12 {
      height: calc(100vw / 68 * 12); } }

.grid[data-grid-size="68"] .grid-item--width13 {
  width: 19.11765%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width13 {
      width: calc(100vw / 68 * 13); } }

.grid[data-grid-size="68"] .grid-item--height13 {
  height: calc(100vh / 68 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height13 {
      height: calc(100vw / 68 * 13); } }

.grid[data-grid-size="68"] .grid-item--width14 {
  width: 20.58824%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width14 {
      width: calc(100vw / 68 * 14); } }

.grid[data-grid-size="68"] .grid-item--height14 {
  height: calc(100vh / 68 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height14 {
      height: calc(100vw / 68 * 14); } }

.grid[data-grid-size="68"] .grid-item--width15 {
  width: 22.05882%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width15 {
      width: calc(100vw / 68 * 15); } }

.grid[data-grid-size="68"] .grid-item--height15 {
  height: calc(100vh / 68 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height15 {
      height: calc(100vw / 68 * 15); } }

.grid[data-grid-size="68"] .grid-item--width16 {
  width: 23.52941%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width16 {
      width: calc(100vw / 68 * 16); } }

.grid[data-grid-size="68"] .grid-item--height16 {
  height: calc(100vh / 68 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height16 {
      height: calc(100vw / 68 * 16); } }

.grid[data-grid-size="68"] .grid-item--width17 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width17 {
      width: calc(100vw / 68 * 17); } }

.grid[data-grid-size="68"] .grid-item--height17 {
  height: calc(100vh / 68 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height17 {
      height: calc(100vw / 68 * 17); } }

.grid[data-grid-size="68"] .grid-item--width18 {
  width: 26.47059%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width18 {
      width: calc(100vw / 68 * 18); } }

.grid[data-grid-size="68"] .grid-item--height18 {
  height: calc(100vh / 68 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height18 {
      height: calc(100vw / 68 * 18); } }

.grid[data-grid-size="68"] .grid-item--width19 {
  width: 27.94118%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width19 {
      width: calc(100vw / 68 * 19); } }

.grid[data-grid-size="68"] .grid-item--height19 {
  height: calc(100vh / 68 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height19 {
      height: calc(100vw / 68 * 19); } }

.grid[data-grid-size="68"] .grid-item--width20 {
  width: 29.41176%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width20 {
      width: calc(100vw / 68 * 20); } }

.grid[data-grid-size="68"] .grid-item--height20 {
  height: calc(100vh / 68 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height20 {
      height: calc(100vw / 68 * 20); } }

.grid[data-grid-size="68"] .grid-item--width21 {
  width: 30.88235%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width21 {
      width: calc(100vw / 68 * 21); } }

.grid[data-grid-size="68"] .grid-item--height21 {
  height: calc(100vh / 68 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height21 {
      height: calc(100vw / 68 * 21); } }

.grid[data-grid-size="68"] .grid-item--width22 {
  width: 32.35294%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width22 {
      width: calc(100vw / 68 * 22); } }

.grid[data-grid-size="68"] .grid-item--height22 {
  height: calc(100vh / 68 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height22 {
      height: calc(100vw / 68 * 22); } }

.grid[data-grid-size="68"] .grid-item--width23 {
  width: 33.82353%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width23 {
      width: calc(100vw / 68 * 23); } }

.grid[data-grid-size="68"] .grid-item--height23 {
  height: calc(100vh / 68 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height23 {
      height: calc(100vw / 68 * 23); } }

.grid[data-grid-size="68"] .grid-item--width24 {
  width: 35.29412%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width24 {
      width: calc(100vw / 68 * 24); } }

.grid[data-grid-size="68"] .grid-item--height24 {
  height: calc(100vh / 68 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height24 {
      height: calc(100vw / 68 * 24); } }

.grid[data-grid-size="68"] .grid-item--width25 {
  width: 36.76471%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width25 {
      width: calc(100vw / 68 * 25); } }

.grid[data-grid-size="68"] .grid-item--height25 {
  height: calc(100vh / 68 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height25 {
      height: calc(100vw / 68 * 25); } }

.grid[data-grid-size="68"] .grid-item--width26 {
  width: 38.23529%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width26 {
      width: calc(100vw / 68 * 26); } }

.grid[data-grid-size="68"] .grid-item--height26 {
  height: calc(100vh / 68 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height26 {
      height: calc(100vw / 68 * 26); } }

.grid[data-grid-size="68"] .grid-item--width27 {
  width: 39.70588%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width27 {
      width: calc(100vw / 68 * 27); } }

.grid[data-grid-size="68"] .grid-item--height27 {
  height: calc(100vh / 68 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height27 {
      height: calc(100vw / 68 * 27); } }

.grid[data-grid-size="68"] .grid-item--width28 {
  width: 41.17647%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width28 {
      width: calc(100vw / 68 * 28); } }

.grid[data-grid-size="68"] .grid-item--height28 {
  height: calc(100vh / 68 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height28 {
      height: calc(100vw / 68 * 28); } }

.grid[data-grid-size="68"] .grid-item--width29 {
  width: 42.64706%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width29 {
      width: calc(100vw / 68 * 29); } }

.grid[data-grid-size="68"] .grid-item--height29 {
  height: calc(100vh / 68 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height29 {
      height: calc(100vw / 68 * 29); } }

.grid[data-grid-size="68"] .grid-item--width30 {
  width: 44.11765%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width30 {
      width: calc(100vw / 68 * 30); } }

.grid[data-grid-size="68"] .grid-item--height30 {
  height: calc(100vh / 68 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height30 {
      height: calc(100vw / 68 * 30); } }

.grid[data-grid-size="68"] .grid-item--width31 {
  width: 45.58824%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width31 {
      width: calc(100vw / 68 * 31); } }

.grid[data-grid-size="68"] .grid-item--height31 {
  height: calc(100vh / 68 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height31 {
      height: calc(100vw / 68 * 31); } }

.grid[data-grid-size="68"] .grid-item--width32 {
  width: 47.05882%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width32 {
      width: calc(100vw / 68 * 32); } }

.grid[data-grid-size="68"] .grid-item--height32 {
  height: calc(100vh / 68 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height32 {
      height: calc(100vw / 68 * 32); } }

.grid[data-grid-size="68"] .grid-item--width33 {
  width: 48.52941%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width33 {
      width: calc(100vw / 68 * 33); } }

.grid[data-grid-size="68"] .grid-item--height33 {
  height: calc(100vh / 68 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height33 {
      height: calc(100vw / 68 * 33); } }

.grid[data-grid-size="68"] .grid-item--width34 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width34 {
      width: calc(100vw / 68 * 34); } }

.grid[data-grid-size="68"] .grid-item--height34 {
  height: calc(100vh / 68 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height34 {
      height: calc(100vw / 68 * 34); } }

.grid[data-grid-size="68"] .grid-item--width35 {
  width: 51.47059%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width35 {
      width: calc(100vw / 68 * 35); } }

.grid[data-grid-size="68"] .grid-item--height35 {
  height: calc(100vh / 68 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height35 {
      height: calc(100vw / 68 * 35); } }

.grid[data-grid-size="68"] .grid-item--width36 {
  width: 52.94118%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width36 {
      width: calc(100vw / 68 * 36); } }

.grid[data-grid-size="68"] .grid-item--height36 {
  height: calc(100vh / 68 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height36 {
      height: calc(100vw / 68 * 36); } }

.grid[data-grid-size="68"] .grid-item--width37 {
  width: 54.41176%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width37 {
      width: calc(100vw / 68 * 37); } }

.grid[data-grid-size="68"] .grid-item--height37 {
  height: calc(100vh / 68 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height37 {
      height: calc(100vw / 68 * 37); } }

.grid[data-grid-size="68"] .grid-item--width38 {
  width: 55.88235%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width38 {
      width: calc(100vw / 68 * 38); } }

.grid[data-grid-size="68"] .grid-item--height38 {
  height: calc(100vh / 68 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height38 {
      height: calc(100vw / 68 * 38); } }

.grid[data-grid-size="68"] .grid-item--width39 {
  width: 57.35294%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width39 {
      width: calc(100vw / 68 * 39); } }

.grid[data-grid-size="68"] .grid-item--height39 {
  height: calc(100vh / 68 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height39 {
      height: calc(100vw / 68 * 39); } }

.grid[data-grid-size="68"] .grid-item--width40 {
  width: 58.82353%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width40 {
      width: calc(100vw / 68 * 40); } }

.grid[data-grid-size="68"] .grid-item--height40 {
  height: calc(100vh / 68 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height40 {
      height: calc(100vw / 68 * 40); } }

.grid[data-grid-size="68"] .grid-item--width41 {
  width: 60.29412%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width41 {
      width: calc(100vw / 68 * 41); } }

.grid[data-grid-size="68"] .grid-item--height41 {
  height: calc(100vh / 68 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height41 {
      height: calc(100vw / 68 * 41); } }

.grid[data-grid-size="68"] .grid-item--width42 {
  width: 61.76471%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width42 {
      width: calc(100vw / 68 * 42); } }

.grid[data-grid-size="68"] .grid-item--height42 {
  height: calc(100vh / 68 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height42 {
      height: calc(100vw / 68 * 42); } }

.grid[data-grid-size="68"] .grid-item--width43 {
  width: 63.23529%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width43 {
      width: calc(100vw / 68 * 43); } }

.grid[data-grid-size="68"] .grid-item--height43 {
  height: calc(100vh / 68 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height43 {
      height: calc(100vw / 68 * 43); } }

.grid[data-grid-size="68"] .grid-item--width44 {
  width: 64.70588%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width44 {
      width: calc(100vw / 68 * 44); } }

.grid[data-grid-size="68"] .grid-item--height44 {
  height: calc(100vh / 68 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height44 {
      height: calc(100vw / 68 * 44); } }

.grid[data-grid-size="68"] .grid-item--width45 {
  width: 66.17647%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width45 {
      width: calc(100vw / 68 * 45); } }

.grid[data-grid-size="68"] .grid-item--height45 {
  height: calc(100vh / 68 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height45 {
      height: calc(100vw / 68 * 45); } }

.grid[data-grid-size="68"] .grid-item--width46 {
  width: 67.64706%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width46 {
      width: calc(100vw / 68 * 46); } }

.grid[data-grid-size="68"] .grid-item--height46 {
  height: calc(100vh / 68 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height46 {
      height: calc(100vw / 68 * 46); } }

.grid[data-grid-size="68"] .grid-item--width47 {
  width: 69.11765%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width47 {
      width: calc(100vw / 68 * 47); } }

.grid[data-grid-size="68"] .grid-item--height47 {
  height: calc(100vh / 68 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height47 {
      height: calc(100vw / 68 * 47); } }

.grid[data-grid-size="68"] .grid-item--width48 {
  width: 70.58824%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width48 {
      width: calc(100vw / 68 * 48); } }

.grid[data-grid-size="68"] .grid-item--height48 {
  height: calc(100vh / 68 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height48 {
      height: calc(100vw / 68 * 48); } }

.grid[data-grid-size="68"] .grid-item--width49 {
  width: 72.05882%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width49 {
      width: calc(100vw / 68 * 49); } }

.grid[data-grid-size="68"] .grid-item--height49 {
  height: calc(100vh / 68 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height49 {
      height: calc(100vw / 68 * 49); } }

.grid[data-grid-size="68"] .grid-item--width50 {
  width: 73.52941%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width50 {
      width: calc(100vw / 68 * 50); } }

.grid[data-grid-size="68"] .grid-item--height50 {
  height: calc(100vh / 68 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height50 {
      height: calc(100vw / 68 * 50); } }

.grid[data-grid-size="68"] .grid-item--width51 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width51 {
      width: calc(100vw / 68 * 51); } }

.grid[data-grid-size="68"] .grid-item--height51 {
  height: calc(100vh / 68 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height51 {
      height: calc(100vw / 68 * 51); } }

.grid[data-grid-size="68"] .grid-item--width52 {
  width: 76.47059%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width52 {
      width: calc(100vw / 68 * 52); } }

.grid[data-grid-size="68"] .grid-item--height52 {
  height: calc(100vh / 68 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height52 {
      height: calc(100vw / 68 * 52); } }

.grid[data-grid-size="68"] .grid-item--width53 {
  width: 77.94118%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width53 {
      width: calc(100vw / 68 * 53); } }

.grid[data-grid-size="68"] .grid-item--height53 {
  height: calc(100vh / 68 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height53 {
      height: calc(100vw / 68 * 53); } }

.grid[data-grid-size="68"] .grid-item--width54 {
  width: 79.41176%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width54 {
      width: calc(100vw / 68 * 54); } }

.grid[data-grid-size="68"] .grid-item--height54 {
  height: calc(100vh / 68 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height54 {
      height: calc(100vw / 68 * 54); } }

.grid[data-grid-size="68"] .grid-item--width55 {
  width: 80.88235%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width55 {
      width: calc(100vw / 68 * 55); } }

.grid[data-grid-size="68"] .grid-item--height55 {
  height: calc(100vh / 68 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height55 {
      height: calc(100vw / 68 * 55); } }

.grid[data-grid-size="68"] .grid-item--width56 {
  width: 82.35294%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width56 {
      width: calc(100vw / 68 * 56); } }

.grid[data-grid-size="68"] .grid-item--height56 {
  height: calc(100vh / 68 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height56 {
      height: calc(100vw / 68 * 56); } }

.grid[data-grid-size="68"] .grid-item--width57 {
  width: 83.82353%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width57 {
      width: calc(100vw / 68 * 57); } }

.grid[data-grid-size="68"] .grid-item--height57 {
  height: calc(100vh / 68 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height57 {
      height: calc(100vw / 68 * 57); } }

.grid[data-grid-size="68"] .grid-item--width58 {
  width: 85.29412%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width58 {
      width: calc(100vw / 68 * 58); } }

.grid[data-grid-size="68"] .grid-item--height58 {
  height: calc(100vh / 68 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height58 {
      height: calc(100vw / 68 * 58); } }

.grid[data-grid-size="68"] .grid-item--width59 {
  width: 86.76471%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width59 {
      width: calc(100vw / 68 * 59); } }

.grid[data-grid-size="68"] .grid-item--height59 {
  height: calc(100vh / 68 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height59 {
      height: calc(100vw / 68 * 59); } }

.grid[data-grid-size="68"] .grid-item--width60 {
  width: 88.23529%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width60 {
      width: calc(100vw / 68 * 60); } }

.grid[data-grid-size="68"] .grid-item--height60 {
  height: calc(100vh / 68 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height60 {
      height: calc(100vw / 68 * 60); } }

.grid[data-grid-size="68"] .grid-item--width61 {
  width: 89.70588%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width61 {
      width: calc(100vw / 68 * 61); } }

.grid[data-grid-size="68"] .grid-item--height61 {
  height: calc(100vh / 68 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height61 {
      height: calc(100vw / 68 * 61); } }

.grid[data-grid-size="68"] .grid-item--width62 {
  width: 91.17647%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width62 {
      width: calc(100vw / 68 * 62); } }

.grid[data-grid-size="68"] .grid-item--height62 {
  height: calc(100vh / 68 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height62 {
      height: calc(100vw / 68 * 62); } }

.grid[data-grid-size="68"] .grid-item--width63 {
  width: 92.64706%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width63 {
      width: calc(100vw / 68 * 63); } }

.grid[data-grid-size="68"] .grid-item--height63 {
  height: calc(100vh / 68 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height63 {
      height: calc(100vw / 68 * 63); } }

.grid[data-grid-size="68"] .grid-item--width64 {
  width: 94.11765%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width64 {
      width: calc(100vw / 68 * 64); } }

.grid[data-grid-size="68"] .grid-item--height64 {
  height: calc(100vh / 68 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height64 {
      height: calc(100vw / 68 * 64); } }

.grid[data-grid-size="68"] .grid-item--width65 {
  width: 95.58824%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width65 {
      width: calc(100vw / 68 * 65); } }

.grid[data-grid-size="68"] .grid-item--height65 {
  height: calc(100vh / 68 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height65 {
      height: calc(100vw / 68 * 65); } }

.grid[data-grid-size="68"] .grid-item--width66 {
  width: 97.05882%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width66 {
      width: calc(100vw / 68 * 66); } }

.grid[data-grid-size="68"] .grid-item--height66 {
  height: calc(100vh / 68 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height66 {
      height: calc(100vw / 68 * 66); } }

.grid[data-grid-size="68"] .grid-item--width67 {
  width: 98.52941%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width67 {
      width: calc(100vw / 68 * 67); } }

.grid[data-grid-size="68"] .grid-item--height67 {
  height: calc(100vh / 68 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height67 {
      height: calc(100vw / 68 * 67); } }

.grid[data-grid-size="68"] .grid-item--width68 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--width68 {
      width: calc(100vw / 68 * 68); } }

.grid[data-grid-size="68"] .grid-item--height68 {
  height: calc(100vh / 68 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="68"] .grid-item--height68 {
      height: calc(100vw / 68 * 68); } }

.grid[data-grid-size="69"] .grid-sizer, .grid[data-grid-size="69"] .grid-item {
  width: 1.44928%; }

.grid[data-grid-size="69"] .grid-item--width1 {
  width: 1.44928%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width1 {
      width: calc(100vw / 69 * 1); } }

.grid[data-grid-size="69"] .grid-item--height1 {
  height: calc(100vh / 69 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height1 {
      height: calc(100vw / 69 * 1); } }

.grid[data-grid-size="69"] .grid-item--width2 {
  width: 2.89855%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width2 {
      width: calc(100vw / 69 * 2); } }

.grid[data-grid-size="69"] .grid-item--height2 {
  height: calc(100vh / 69 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height2 {
      height: calc(100vw / 69 * 2); } }

.grid[data-grid-size="69"] .grid-item--width3 {
  width: 4.34783%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width3 {
      width: calc(100vw / 69 * 3); } }

.grid[data-grid-size="69"] .grid-item--height3 {
  height: calc(100vh / 69 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height3 {
      height: calc(100vw / 69 * 3); } }

.grid[data-grid-size="69"] .grid-item--width4 {
  width: 5.7971%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width4 {
      width: calc(100vw / 69 * 4); } }

.grid[data-grid-size="69"] .grid-item--height4 {
  height: calc(100vh / 69 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height4 {
      height: calc(100vw / 69 * 4); } }

.grid[data-grid-size="69"] .grid-item--width5 {
  width: 7.24638%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width5 {
      width: calc(100vw / 69 * 5); } }

.grid[data-grid-size="69"] .grid-item--height5 {
  height: calc(100vh / 69 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height5 {
      height: calc(100vw / 69 * 5); } }

.grid[data-grid-size="69"] .grid-item--width6 {
  width: 8.69565%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width6 {
      width: calc(100vw / 69 * 6); } }

.grid[data-grid-size="69"] .grid-item--height6 {
  height: calc(100vh / 69 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height6 {
      height: calc(100vw / 69 * 6); } }

.grid[data-grid-size="69"] .grid-item--width7 {
  width: 10.14493%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width7 {
      width: calc(100vw / 69 * 7); } }

.grid[data-grid-size="69"] .grid-item--height7 {
  height: calc(100vh / 69 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height7 {
      height: calc(100vw / 69 * 7); } }

.grid[data-grid-size="69"] .grid-item--width8 {
  width: 11.5942%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width8 {
      width: calc(100vw / 69 * 8); } }

.grid[data-grid-size="69"] .grid-item--height8 {
  height: calc(100vh / 69 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height8 {
      height: calc(100vw / 69 * 8); } }

.grid[data-grid-size="69"] .grid-item--width9 {
  width: 13.04348%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width9 {
      width: calc(100vw / 69 * 9); } }

.grid[data-grid-size="69"] .grid-item--height9 {
  height: calc(100vh / 69 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height9 {
      height: calc(100vw / 69 * 9); } }

.grid[data-grid-size="69"] .grid-item--width10 {
  width: 14.49275%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width10 {
      width: calc(100vw / 69 * 10); } }

.grid[data-grid-size="69"] .grid-item--height10 {
  height: calc(100vh / 69 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height10 {
      height: calc(100vw / 69 * 10); } }

.grid[data-grid-size="69"] .grid-item--width11 {
  width: 15.94203%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width11 {
      width: calc(100vw / 69 * 11); } }

.grid[data-grid-size="69"] .grid-item--height11 {
  height: calc(100vh / 69 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height11 {
      height: calc(100vw / 69 * 11); } }

.grid[data-grid-size="69"] .grid-item--width12 {
  width: 17.3913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width12 {
      width: calc(100vw / 69 * 12); } }

.grid[data-grid-size="69"] .grid-item--height12 {
  height: calc(100vh / 69 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height12 {
      height: calc(100vw / 69 * 12); } }

.grid[data-grid-size="69"] .grid-item--width13 {
  width: 18.84058%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width13 {
      width: calc(100vw / 69 * 13); } }

.grid[data-grid-size="69"] .grid-item--height13 {
  height: calc(100vh / 69 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height13 {
      height: calc(100vw / 69 * 13); } }

.grid[data-grid-size="69"] .grid-item--width14 {
  width: 20.28986%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width14 {
      width: calc(100vw / 69 * 14); } }

.grid[data-grid-size="69"] .grid-item--height14 {
  height: calc(100vh / 69 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height14 {
      height: calc(100vw / 69 * 14); } }

.grid[data-grid-size="69"] .grid-item--width15 {
  width: 21.73913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width15 {
      width: calc(100vw / 69 * 15); } }

.grid[data-grid-size="69"] .grid-item--height15 {
  height: calc(100vh / 69 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height15 {
      height: calc(100vw / 69 * 15); } }

.grid[data-grid-size="69"] .grid-item--width16 {
  width: 23.18841%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width16 {
      width: calc(100vw / 69 * 16); } }

.grid[data-grid-size="69"] .grid-item--height16 {
  height: calc(100vh / 69 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height16 {
      height: calc(100vw / 69 * 16); } }

.grid[data-grid-size="69"] .grid-item--width17 {
  width: 24.63768%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width17 {
      width: calc(100vw / 69 * 17); } }

.grid[data-grid-size="69"] .grid-item--height17 {
  height: calc(100vh / 69 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height17 {
      height: calc(100vw / 69 * 17); } }

.grid[data-grid-size="69"] .grid-item--width18 {
  width: 26.08696%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width18 {
      width: calc(100vw / 69 * 18); } }

.grid[data-grid-size="69"] .grid-item--height18 {
  height: calc(100vh / 69 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height18 {
      height: calc(100vw / 69 * 18); } }

.grid[data-grid-size="69"] .grid-item--width19 {
  width: 27.53623%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width19 {
      width: calc(100vw / 69 * 19); } }

.grid[data-grid-size="69"] .grid-item--height19 {
  height: calc(100vh / 69 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height19 {
      height: calc(100vw / 69 * 19); } }

.grid[data-grid-size="69"] .grid-item--width20 {
  width: 28.98551%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width20 {
      width: calc(100vw / 69 * 20); } }

.grid[data-grid-size="69"] .grid-item--height20 {
  height: calc(100vh / 69 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height20 {
      height: calc(100vw / 69 * 20); } }

.grid[data-grid-size="69"] .grid-item--width21 {
  width: 30.43478%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width21 {
      width: calc(100vw / 69 * 21); } }

.grid[data-grid-size="69"] .grid-item--height21 {
  height: calc(100vh / 69 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height21 {
      height: calc(100vw / 69 * 21); } }

.grid[data-grid-size="69"] .grid-item--width22 {
  width: 31.88406%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width22 {
      width: calc(100vw / 69 * 22); } }

.grid[data-grid-size="69"] .grid-item--height22 {
  height: calc(100vh / 69 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height22 {
      height: calc(100vw / 69 * 22); } }

.grid[data-grid-size="69"] .grid-item--width23 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width23 {
      width: calc(100vw / 69 * 23); } }

.grid[data-grid-size="69"] .grid-item--height23 {
  height: calc(100vh / 69 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height23 {
      height: calc(100vw / 69 * 23); } }

.grid[data-grid-size="69"] .grid-item--width24 {
  width: 34.78261%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width24 {
      width: calc(100vw / 69 * 24); } }

.grid[data-grid-size="69"] .grid-item--height24 {
  height: calc(100vh / 69 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height24 {
      height: calc(100vw / 69 * 24); } }

.grid[data-grid-size="69"] .grid-item--width25 {
  width: 36.23188%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width25 {
      width: calc(100vw / 69 * 25); } }

.grid[data-grid-size="69"] .grid-item--height25 {
  height: calc(100vh / 69 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height25 {
      height: calc(100vw / 69 * 25); } }

.grid[data-grid-size="69"] .grid-item--width26 {
  width: 37.68116%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width26 {
      width: calc(100vw / 69 * 26); } }

.grid[data-grid-size="69"] .grid-item--height26 {
  height: calc(100vh / 69 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height26 {
      height: calc(100vw / 69 * 26); } }

.grid[data-grid-size="69"] .grid-item--width27 {
  width: 39.13043%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width27 {
      width: calc(100vw / 69 * 27); } }

.grid[data-grid-size="69"] .grid-item--height27 {
  height: calc(100vh / 69 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height27 {
      height: calc(100vw / 69 * 27); } }

.grid[data-grid-size="69"] .grid-item--width28 {
  width: 40.57971%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width28 {
      width: calc(100vw / 69 * 28); } }

.grid[data-grid-size="69"] .grid-item--height28 {
  height: calc(100vh / 69 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height28 {
      height: calc(100vw / 69 * 28); } }

.grid[data-grid-size="69"] .grid-item--width29 {
  width: 42.02899%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width29 {
      width: calc(100vw / 69 * 29); } }

.grid[data-grid-size="69"] .grid-item--height29 {
  height: calc(100vh / 69 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height29 {
      height: calc(100vw / 69 * 29); } }

.grid[data-grid-size="69"] .grid-item--width30 {
  width: 43.47826%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width30 {
      width: calc(100vw / 69 * 30); } }

.grid[data-grid-size="69"] .grid-item--height30 {
  height: calc(100vh / 69 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height30 {
      height: calc(100vw / 69 * 30); } }

.grid[data-grid-size="69"] .grid-item--width31 {
  width: 44.92754%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width31 {
      width: calc(100vw / 69 * 31); } }

.grid[data-grid-size="69"] .grid-item--height31 {
  height: calc(100vh / 69 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height31 {
      height: calc(100vw / 69 * 31); } }

.grid[data-grid-size="69"] .grid-item--width32 {
  width: 46.37681%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width32 {
      width: calc(100vw / 69 * 32); } }

.grid[data-grid-size="69"] .grid-item--height32 {
  height: calc(100vh / 69 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height32 {
      height: calc(100vw / 69 * 32); } }

.grid[data-grid-size="69"] .grid-item--width33 {
  width: 47.82609%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width33 {
      width: calc(100vw / 69 * 33); } }

.grid[data-grid-size="69"] .grid-item--height33 {
  height: calc(100vh / 69 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height33 {
      height: calc(100vw / 69 * 33); } }

.grid[data-grid-size="69"] .grid-item--width34 {
  width: 49.27536%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width34 {
      width: calc(100vw / 69 * 34); } }

.grid[data-grid-size="69"] .grid-item--height34 {
  height: calc(100vh / 69 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height34 {
      height: calc(100vw / 69 * 34); } }

.grid[data-grid-size="69"] .grid-item--width35 {
  width: 50.72464%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width35 {
      width: calc(100vw / 69 * 35); } }

.grid[data-grid-size="69"] .grid-item--height35 {
  height: calc(100vh / 69 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height35 {
      height: calc(100vw / 69 * 35); } }

.grid[data-grid-size="69"] .grid-item--width36 {
  width: 52.17391%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width36 {
      width: calc(100vw / 69 * 36); } }

.grid[data-grid-size="69"] .grid-item--height36 {
  height: calc(100vh / 69 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height36 {
      height: calc(100vw / 69 * 36); } }

.grid[data-grid-size="69"] .grid-item--width37 {
  width: 53.62319%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width37 {
      width: calc(100vw / 69 * 37); } }

.grid[data-grid-size="69"] .grid-item--height37 {
  height: calc(100vh / 69 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height37 {
      height: calc(100vw / 69 * 37); } }

.grid[data-grid-size="69"] .grid-item--width38 {
  width: 55.07246%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width38 {
      width: calc(100vw / 69 * 38); } }

.grid[data-grid-size="69"] .grid-item--height38 {
  height: calc(100vh / 69 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height38 {
      height: calc(100vw / 69 * 38); } }

.grid[data-grid-size="69"] .grid-item--width39 {
  width: 56.52174%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width39 {
      width: calc(100vw / 69 * 39); } }

.grid[data-grid-size="69"] .grid-item--height39 {
  height: calc(100vh / 69 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height39 {
      height: calc(100vw / 69 * 39); } }

.grid[data-grid-size="69"] .grid-item--width40 {
  width: 57.97101%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width40 {
      width: calc(100vw / 69 * 40); } }

.grid[data-grid-size="69"] .grid-item--height40 {
  height: calc(100vh / 69 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height40 {
      height: calc(100vw / 69 * 40); } }

.grid[data-grid-size="69"] .grid-item--width41 {
  width: 59.42029%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width41 {
      width: calc(100vw / 69 * 41); } }

.grid[data-grid-size="69"] .grid-item--height41 {
  height: calc(100vh / 69 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height41 {
      height: calc(100vw / 69 * 41); } }

.grid[data-grid-size="69"] .grid-item--width42 {
  width: 60.86957%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width42 {
      width: calc(100vw / 69 * 42); } }

.grid[data-grid-size="69"] .grid-item--height42 {
  height: calc(100vh / 69 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height42 {
      height: calc(100vw / 69 * 42); } }

.grid[data-grid-size="69"] .grid-item--width43 {
  width: 62.31884%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width43 {
      width: calc(100vw / 69 * 43); } }

.grid[data-grid-size="69"] .grid-item--height43 {
  height: calc(100vh / 69 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height43 {
      height: calc(100vw / 69 * 43); } }

.grid[data-grid-size="69"] .grid-item--width44 {
  width: 63.76812%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width44 {
      width: calc(100vw / 69 * 44); } }

.grid[data-grid-size="69"] .grid-item--height44 {
  height: calc(100vh / 69 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height44 {
      height: calc(100vw / 69 * 44); } }

.grid[data-grid-size="69"] .grid-item--width45 {
  width: 65.21739%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width45 {
      width: calc(100vw / 69 * 45); } }

.grid[data-grid-size="69"] .grid-item--height45 {
  height: calc(100vh / 69 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height45 {
      height: calc(100vw / 69 * 45); } }

.grid[data-grid-size="69"] .grid-item--width46 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width46 {
      width: calc(100vw / 69 * 46); } }

.grid[data-grid-size="69"] .grid-item--height46 {
  height: calc(100vh / 69 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height46 {
      height: calc(100vw / 69 * 46); } }

.grid[data-grid-size="69"] .grid-item--width47 {
  width: 68.11594%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width47 {
      width: calc(100vw / 69 * 47); } }

.grid[data-grid-size="69"] .grid-item--height47 {
  height: calc(100vh / 69 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height47 {
      height: calc(100vw / 69 * 47); } }

.grid[data-grid-size="69"] .grid-item--width48 {
  width: 69.56522%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width48 {
      width: calc(100vw / 69 * 48); } }

.grid[data-grid-size="69"] .grid-item--height48 {
  height: calc(100vh / 69 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height48 {
      height: calc(100vw / 69 * 48); } }

.grid[data-grid-size="69"] .grid-item--width49 {
  width: 71.01449%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width49 {
      width: calc(100vw / 69 * 49); } }

.grid[data-grid-size="69"] .grid-item--height49 {
  height: calc(100vh / 69 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height49 {
      height: calc(100vw / 69 * 49); } }

.grid[data-grid-size="69"] .grid-item--width50 {
  width: 72.46377%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width50 {
      width: calc(100vw / 69 * 50); } }

.grid[data-grid-size="69"] .grid-item--height50 {
  height: calc(100vh / 69 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height50 {
      height: calc(100vw / 69 * 50); } }

.grid[data-grid-size="69"] .grid-item--width51 {
  width: 73.91304%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width51 {
      width: calc(100vw / 69 * 51); } }

.grid[data-grid-size="69"] .grid-item--height51 {
  height: calc(100vh / 69 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height51 {
      height: calc(100vw / 69 * 51); } }

.grid[data-grid-size="69"] .grid-item--width52 {
  width: 75.36232%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width52 {
      width: calc(100vw / 69 * 52); } }

.grid[data-grid-size="69"] .grid-item--height52 {
  height: calc(100vh / 69 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height52 {
      height: calc(100vw / 69 * 52); } }

.grid[data-grid-size="69"] .grid-item--width53 {
  width: 76.81159%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width53 {
      width: calc(100vw / 69 * 53); } }

.grid[data-grid-size="69"] .grid-item--height53 {
  height: calc(100vh / 69 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height53 {
      height: calc(100vw / 69 * 53); } }

.grid[data-grid-size="69"] .grid-item--width54 {
  width: 78.26087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width54 {
      width: calc(100vw / 69 * 54); } }

.grid[data-grid-size="69"] .grid-item--height54 {
  height: calc(100vh / 69 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height54 {
      height: calc(100vw / 69 * 54); } }

.grid[data-grid-size="69"] .grid-item--width55 {
  width: 79.71014%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width55 {
      width: calc(100vw / 69 * 55); } }

.grid[data-grid-size="69"] .grid-item--height55 {
  height: calc(100vh / 69 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height55 {
      height: calc(100vw / 69 * 55); } }

.grid[data-grid-size="69"] .grid-item--width56 {
  width: 81.15942%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width56 {
      width: calc(100vw / 69 * 56); } }

.grid[data-grid-size="69"] .grid-item--height56 {
  height: calc(100vh / 69 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height56 {
      height: calc(100vw / 69 * 56); } }

.grid[data-grid-size="69"] .grid-item--width57 {
  width: 82.6087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width57 {
      width: calc(100vw / 69 * 57); } }

.grid[data-grid-size="69"] .grid-item--height57 {
  height: calc(100vh / 69 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height57 {
      height: calc(100vw / 69 * 57); } }

.grid[data-grid-size="69"] .grid-item--width58 {
  width: 84.05797%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width58 {
      width: calc(100vw / 69 * 58); } }

.grid[data-grid-size="69"] .grid-item--height58 {
  height: calc(100vh / 69 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height58 {
      height: calc(100vw / 69 * 58); } }

.grid[data-grid-size="69"] .grid-item--width59 {
  width: 85.50725%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width59 {
      width: calc(100vw / 69 * 59); } }

.grid[data-grid-size="69"] .grid-item--height59 {
  height: calc(100vh / 69 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height59 {
      height: calc(100vw / 69 * 59); } }

.grid[data-grid-size="69"] .grid-item--width60 {
  width: 86.95652%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width60 {
      width: calc(100vw / 69 * 60); } }

.grid[data-grid-size="69"] .grid-item--height60 {
  height: calc(100vh / 69 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height60 {
      height: calc(100vw / 69 * 60); } }

.grid[data-grid-size="69"] .grid-item--width61 {
  width: 88.4058%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width61 {
      width: calc(100vw / 69 * 61); } }

.grid[data-grid-size="69"] .grid-item--height61 {
  height: calc(100vh / 69 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height61 {
      height: calc(100vw / 69 * 61); } }

.grid[data-grid-size="69"] .grid-item--width62 {
  width: 89.85507%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width62 {
      width: calc(100vw / 69 * 62); } }

.grid[data-grid-size="69"] .grid-item--height62 {
  height: calc(100vh / 69 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height62 {
      height: calc(100vw / 69 * 62); } }

.grid[data-grid-size="69"] .grid-item--width63 {
  width: 91.30435%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width63 {
      width: calc(100vw / 69 * 63); } }

.grid[data-grid-size="69"] .grid-item--height63 {
  height: calc(100vh / 69 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height63 {
      height: calc(100vw / 69 * 63); } }

.grid[data-grid-size="69"] .grid-item--width64 {
  width: 92.75362%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width64 {
      width: calc(100vw / 69 * 64); } }

.grid[data-grid-size="69"] .grid-item--height64 {
  height: calc(100vh / 69 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height64 {
      height: calc(100vw / 69 * 64); } }

.grid[data-grid-size="69"] .grid-item--width65 {
  width: 94.2029%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width65 {
      width: calc(100vw / 69 * 65); } }

.grid[data-grid-size="69"] .grid-item--height65 {
  height: calc(100vh / 69 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height65 {
      height: calc(100vw / 69 * 65); } }

.grid[data-grid-size="69"] .grid-item--width66 {
  width: 95.65217%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width66 {
      width: calc(100vw / 69 * 66); } }

.grid[data-grid-size="69"] .grid-item--height66 {
  height: calc(100vh / 69 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height66 {
      height: calc(100vw / 69 * 66); } }

.grid[data-grid-size="69"] .grid-item--width67 {
  width: 97.10145%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width67 {
      width: calc(100vw / 69 * 67); } }

.grid[data-grid-size="69"] .grid-item--height67 {
  height: calc(100vh / 69 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height67 {
      height: calc(100vw / 69 * 67); } }

.grid[data-grid-size="69"] .grid-item--width68 {
  width: 98.55072%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width68 {
      width: calc(100vw / 69 * 68); } }

.grid[data-grid-size="69"] .grid-item--height68 {
  height: calc(100vh / 69 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height68 {
      height: calc(100vw / 69 * 68); } }

.grid[data-grid-size="69"] .grid-item--width69 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--width69 {
      width: calc(100vw / 69 * 69); } }

.grid[data-grid-size="69"] .grid-item--height69 {
  height: calc(100vh / 69 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="69"] .grid-item--height69 {
      height: calc(100vw / 69 * 69); } }

.grid[data-grid-size="70"] .grid-sizer, .grid[data-grid-size="70"] .grid-item {
  width: 1.42857%; }

.grid[data-grid-size="70"] .grid-item--width1 {
  width: 1.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width1 {
      width: calc(100vw / 70 * 1); } }

.grid[data-grid-size="70"] .grid-item--height1 {
  height: calc(100vh / 70 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height1 {
      height: calc(100vw / 70 * 1); } }

.grid[data-grid-size="70"] .grid-item--width2 {
  width: 2.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width2 {
      width: calc(100vw / 70 * 2); } }

.grid[data-grid-size="70"] .grid-item--height2 {
  height: calc(100vh / 70 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height2 {
      height: calc(100vw / 70 * 2); } }

.grid[data-grid-size="70"] .grid-item--width3 {
  width: 4.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width3 {
      width: calc(100vw / 70 * 3); } }

.grid[data-grid-size="70"] .grid-item--height3 {
  height: calc(100vh / 70 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height3 {
      height: calc(100vw / 70 * 3); } }

.grid[data-grid-size="70"] .grid-item--width4 {
  width: 5.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width4 {
      width: calc(100vw / 70 * 4); } }

.grid[data-grid-size="70"] .grid-item--height4 {
  height: calc(100vh / 70 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height4 {
      height: calc(100vw / 70 * 4); } }

.grid[data-grid-size="70"] .grid-item--width5 {
  width: 7.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width5 {
      width: calc(100vw / 70 * 5); } }

.grid[data-grid-size="70"] .grid-item--height5 {
  height: calc(100vh / 70 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height5 {
      height: calc(100vw / 70 * 5); } }

.grid[data-grid-size="70"] .grid-item--width6 {
  width: 8.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width6 {
      width: calc(100vw / 70 * 6); } }

.grid[data-grid-size="70"] .grid-item--height6 {
  height: calc(100vh / 70 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height6 {
      height: calc(100vw / 70 * 6); } }

.grid[data-grid-size="70"] .grid-item--width7 {
  width: 10%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width7 {
      width: calc(100vw / 70 * 7); } }

.grid[data-grid-size="70"] .grid-item--height7 {
  height: calc(100vh / 70 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height7 {
      height: calc(100vw / 70 * 7); } }

.grid[data-grid-size="70"] .grid-item--width8 {
  width: 11.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width8 {
      width: calc(100vw / 70 * 8); } }

.grid[data-grid-size="70"] .grid-item--height8 {
  height: calc(100vh / 70 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height8 {
      height: calc(100vw / 70 * 8); } }

.grid[data-grid-size="70"] .grid-item--width9 {
  width: 12.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width9 {
      width: calc(100vw / 70 * 9); } }

.grid[data-grid-size="70"] .grid-item--height9 {
  height: calc(100vh / 70 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height9 {
      height: calc(100vw / 70 * 9); } }

.grid[data-grid-size="70"] .grid-item--width10 {
  width: 14.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width10 {
      width: calc(100vw / 70 * 10); } }

.grid[data-grid-size="70"] .grid-item--height10 {
  height: calc(100vh / 70 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height10 {
      height: calc(100vw / 70 * 10); } }

.grid[data-grid-size="70"] .grid-item--width11 {
  width: 15.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width11 {
      width: calc(100vw / 70 * 11); } }

.grid[data-grid-size="70"] .grid-item--height11 {
  height: calc(100vh / 70 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height11 {
      height: calc(100vw / 70 * 11); } }

.grid[data-grid-size="70"] .grid-item--width12 {
  width: 17.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width12 {
      width: calc(100vw / 70 * 12); } }

.grid[data-grid-size="70"] .grid-item--height12 {
  height: calc(100vh / 70 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height12 {
      height: calc(100vw / 70 * 12); } }

.grid[data-grid-size="70"] .grid-item--width13 {
  width: 18.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width13 {
      width: calc(100vw / 70 * 13); } }

.grid[data-grid-size="70"] .grid-item--height13 {
  height: calc(100vh / 70 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height13 {
      height: calc(100vw / 70 * 13); } }

.grid[data-grid-size="70"] .grid-item--width14 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width14 {
      width: calc(100vw / 70 * 14); } }

.grid[data-grid-size="70"] .grid-item--height14 {
  height: calc(100vh / 70 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height14 {
      height: calc(100vw / 70 * 14); } }

.grid[data-grid-size="70"] .grid-item--width15 {
  width: 21.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width15 {
      width: calc(100vw / 70 * 15); } }

.grid[data-grid-size="70"] .grid-item--height15 {
  height: calc(100vh / 70 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height15 {
      height: calc(100vw / 70 * 15); } }

.grid[data-grid-size="70"] .grid-item--width16 {
  width: 22.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width16 {
      width: calc(100vw / 70 * 16); } }

.grid[data-grid-size="70"] .grid-item--height16 {
  height: calc(100vh / 70 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height16 {
      height: calc(100vw / 70 * 16); } }

.grid[data-grid-size="70"] .grid-item--width17 {
  width: 24.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width17 {
      width: calc(100vw / 70 * 17); } }

.grid[data-grid-size="70"] .grid-item--height17 {
  height: calc(100vh / 70 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height17 {
      height: calc(100vw / 70 * 17); } }

.grid[data-grid-size="70"] .grid-item--width18 {
  width: 25.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width18 {
      width: calc(100vw / 70 * 18); } }

.grid[data-grid-size="70"] .grid-item--height18 {
  height: calc(100vh / 70 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height18 {
      height: calc(100vw / 70 * 18); } }

.grid[data-grid-size="70"] .grid-item--width19 {
  width: 27.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width19 {
      width: calc(100vw / 70 * 19); } }

.grid[data-grid-size="70"] .grid-item--height19 {
  height: calc(100vh / 70 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height19 {
      height: calc(100vw / 70 * 19); } }

.grid[data-grid-size="70"] .grid-item--width20 {
  width: 28.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width20 {
      width: calc(100vw / 70 * 20); } }

.grid[data-grid-size="70"] .grid-item--height20 {
  height: calc(100vh / 70 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height20 {
      height: calc(100vw / 70 * 20); } }

.grid[data-grid-size="70"] .grid-item--width21 {
  width: 30%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width21 {
      width: calc(100vw / 70 * 21); } }

.grid[data-grid-size="70"] .grid-item--height21 {
  height: calc(100vh / 70 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height21 {
      height: calc(100vw / 70 * 21); } }

.grid[data-grid-size="70"] .grid-item--width22 {
  width: 31.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width22 {
      width: calc(100vw / 70 * 22); } }

.grid[data-grid-size="70"] .grid-item--height22 {
  height: calc(100vh / 70 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height22 {
      height: calc(100vw / 70 * 22); } }

.grid[data-grid-size="70"] .grid-item--width23 {
  width: 32.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width23 {
      width: calc(100vw / 70 * 23); } }

.grid[data-grid-size="70"] .grid-item--height23 {
  height: calc(100vh / 70 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height23 {
      height: calc(100vw / 70 * 23); } }

.grid[data-grid-size="70"] .grid-item--width24 {
  width: 34.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width24 {
      width: calc(100vw / 70 * 24); } }

.grid[data-grid-size="70"] .grid-item--height24 {
  height: calc(100vh / 70 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height24 {
      height: calc(100vw / 70 * 24); } }

.grid[data-grid-size="70"] .grid-item--width25 {
  width: 35.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width25 {
      width: calc(100vw / 70 * 25); } }

.grid[data-grid-size="70"] .grid-item--height25 {
  height: calc(100vh / 70 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height25 {
      height: calc(100vw / 70 * 25); } }

.grid[data-grid-size="70"] .grid-item--width26 {
  width: 37.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width26 {
      width: calc(100vw / 70 * 26); } }

.grid[data-grid-size="70"] .grid-item--height26 {
  height: calc(100vh / 70 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height26 {
      height: calc(100vw / 70 * 26); } }

.grid[data-grid-size="70"] .grid-item--width27 {
  width: 38.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width27 {
      width: calc(100vw / 70 * 27); } }

.grid[data-grid-size="70"] .grid-item--height27 {
  height: calc(100vh / 70 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height27 {
      height: calc(100vw / 70 * 27); } }

.grid[data-grid-size="70"] .grid-item--width28 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width28 {
      width: calc(100vw / 70 * 28); } }

.grid[data-grid-size="70"] .grid-item--height28 {
  height: calc(100vh / 70 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height28 {
      height: calc(100vw / 70 * 28); } }

.grid[data-grid-size="70"] .grid-item--width29 {
  width: 41.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width29 {
      width: calc(100vw / 70 * 29); } }

.grid[data-grid-size="70"] .grid-item--height29 {
  height: calc(100vh / 70 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height29 {
      height: calc(100vw / 70 * 29); } }

.grid[data-grid-size="70"] .grid-item--width30 {
  width: 42.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width30 {
      width: calc(100vw / 70 * 30); } }

.grid[data-grid-size="70"] .grid-item--height30 {
  height: calc(100vh / 70 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height30 {
      height: calc(100vw / 70 * 30); } }

.grid[data-grid-size="70"] .grid-item--width31 {
  width: 44.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width31 {
      width: calc(100vw / 70 * 31); } }

.grid[data-grid-size="70"] .grid-item--height31 {
  height: calc(100vh / 70 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height31 {
      height: calc(100vw / 70 * 31); } }

.grid[data-grid-size="70"] .grid-item--width32 {
  width: 45.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width32 {
      width: calc(100vw / 70 * 32); } }

.grid[data-grid-size="70"] .grid-item--height32 {
  height: calc(100vh / 70 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height32 {
      height: calc(100vw / 70 * 32); } }

.grid[data-grid-size="70"] .grid-item--width33 {
  width: 47.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width33 {
      width: calc(100vw / 70 * 33); } }

.grid[data-grid-size="70"] .grid-item--height33 {
  height: calc(100vh / 70 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height33 {
      height: calc(100vw / 70 * 33); } }

.grid[data-grid-size="70"] .grid-item--width34 {
  width: 48.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width34 {
      width: calc(100vw / 70 * 34); } }

.grid[data-grid-size="70"] .grid-item--height34 {
  height: calc(100vh / 70 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height34 {
      height: calc(100vw / 70 * 34); } }

.grid[data-grid-size="70"] .grid-item--width35 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width35 {
      width: calc(100vw / 70 * 35); } }

.grid[data-grid-size="70"] .grid-item--height35 {
  height: calc(100vh / 70 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height35 {
      height: calc(100vw / 70 * 35); } }

.grid[data-grid-size="70"] .grid-item--width36 {
  width: 51.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width36 {
      width: calc(100vw / 70 * 36); } }

.grid[data-grid-size="70"] .grid-item--height36 {
  height: calc(100vh / 70 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height36 {
      height: calc(100vw / 70 * 36); } }

.grid[data-grid-size="70"] .grid-item--width37 {
  width: 52.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width37 {
      width: calc(100vw / 70 * 37); } }

.grid[data-grid-size="70"] .grid-item--height37 {
  height: calc(100vh / 70 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height37 {
      height: calc(100vw / 70 * 37); } }

.grid[data-grid-size="70"] .grid-item--width38 {
  width: 54.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width38 {
      width: calc(100vw / 70 * 38); } }

.grid[data-grid-size="70"] .grid-item--height38 {
  height: calc(100vh / 70 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height38 {
      height: calc(100vw / 70 * 38); } }

.grid[data-grid-size="70"] .grid-item--width39 {
  width: 55.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width39 {
      width: calc(100vw / 70 * 39); } }

.grid[data-grid-size="70"] .grid-item--height39 {
  height: calc(100vh / 70 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height39 {
      height: calc(100vw / 70 * 39); } }

.grid[data-grid-size="70"] .grid-item--width40 {
  width: 57.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width40 {
      width: calc(100vw / 70 * 40); } }

.grid[data-grid-size="70"] .grid-item--height40 {
  height: calc(100vh / 70 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height40 {
      height: calc(100vw / 70 * 40); } }

.grid[data-grid-size="70"] .grid-item--width41 {
  width: 58.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width41 {
      width: calc(100vw / 70 * 41); } }

.grid[data-grid-size="70"] .grid-item--height41 {
  height: calc(100vh / 70 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height41 {
      height: calc(100vw / 70 * 41); } }

.grid[data-grid-size="70"] .grid-item--width42 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width42 {
      width: calc(100vw / 70 * 42); } }

.grid[data-grid-size="70"] .grid-item--height42 {
  height: calc(100vh / 70 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height42 {
      height: calc(100vw / 70 * 42); } }

.grid[data-grid-size="70"] .grid-item--width43 {
  width: 61.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width43 {
      width: calc(100vw / 70 * 43); } }

.grid[data-grid-size="70"] .grid-item--height43 {
  height: calc(100vh / 70 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height43 {
      height: calc(100vw / 70 * 43); } }

.grid[data-grid-size="70"] .grid-item--width44 {
  width: 62.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width44 {
      width: calc(100vw / 70 * 44); } }

.grid[data-grid-size="70"] .grid-item--height44 {
  height: calc(100vh / 70 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height44 {
      height: calc(100vw / 70 * 44); } }

.grid[data-grid-size="70"] .grid-item--width45 {
  width: 64.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width45 {
      width: calc(100vw / 70 * 45); } }

.grid[data-grid-size="70"] .grid-item--height45 {
  height: calc(100vh / 70 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height45 {
      height: calc(100vw / 70 * 45); } }

.grid[data-grid-size="70"] .grid-item--width46 {
  width: 65.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width46 {
      width: calc(100vw / 70 * 46); } }

.grid[data-grid-size="70"] .grid-item--height46 {
  height: calc(100vh / 70 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height46 {
      height: calc(100vw / 70 * 46); } }

.grid[data-grid-size="70"] .grid-item--width47 {
  width: 67.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width47 {
      width: calc(100vw / 70 * 47); } }

.grid[data-grid-size="70"] .grid-item--height47 {
  height: calc(100vh / 70 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height47 {
      height: calc(100vw / 70 * 47); } }

.grid[data-grid-size="70"] .grid-item--width48 {
  width: 68.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width48 {
      width: calc(100vw / 70 * 48); } }

.grid[data-grid-size="70"] .grid-item--height48 {
  height: calc(100vh / 70 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height48 {
      height: calc(100vw / 70 * 48); } }

.grid[data-grid-size="70"] .grid-item--width49 {
  width: 70%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width49 {
      width: calc(100vw / 70 * 49); } }

.grid[data-grid-size="70"] .grid-item--height49 {
  height: calc(100vh / 70 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height49 {
      height: calc(100vw / 70 * 49); } }

.grid[data-grid-size="70"] .grid-item--width50 {
  width: 71.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width50 {
      width: calc(100vw / 70 * 50); } }

.grid[data-grid-size="70"] .grid-item--height50 {
  height: calc(100vh / 70 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height50 {
      height: calc(100vw / 70 * 50); } }

.grid[data-grid-size="70"] .grid-item--width51 {
  width: 72.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width51 {
      width: calc(100vw / 70 * 51); } }

.grid[data-grid-size="70"] .grid-item--height51 {
  height: calc(100vh / 70 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height51 {
      height: calc(100vw / 70 * 51); } }

.grid[data-grid-size="70"] .grid-item--width52 {
  width: 74.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width52 {
      width: calc(100vw / 70 * 52); } }

.grid[data-grid-size="70"] .grid-item--height52 {
  height: calc(100vh / 70 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height52 {
      height: calc(100vw / 70 * 52); } }

.grid[data-grid-size="70"] .grid-item--width53 {
  width: 75.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width53 {
      width: calc(100vw / 70 * 53); } }

.grid[data-grid-size="70"] .grid-item--height53 {
  height: calc(100vh / 70 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height53 {
      height: calc(100vw / 70 * 53); } }

.grid[data-grid-size="70"] .grid-item--width54 {
  width: 77.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width54 {
      width: calc(100vw / 70 * 54); } }

.grid[data-grid-size="70"] .grid-item--height54 {
  height: calc(100vh / 70 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height54 {
      height: calc(100vw / 70 * 54); } }

.grid[data-grid-size="70"] .grid-item--width55 {
  width: 78.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width55 {
      width: calc(100vw / 70 * 55); } }

.grid[data-grid-size="70"] .grid-item--height55 {
  height: calc(100vh / 70 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height55 {
      height: calc(100vw / 70 * 55); } }

.grid[data-grid-size="70"] .grid-item--width56 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width56 {
      width: calc(100vw / 70 * 56); } }

.grid[data-grid-size="70"] .grid-item--height56 {
  height: calc(100vh / 70 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height56 {
      height: calc(100vw / 70 * 56); } }

.grid[data-grid-size="70"] .grid-item--width57 {
  width: 81.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width57 {
      width: calc(100vw / 70 * 57); } }

.grid[data-grid-size="70"] .grid-item--height57 {
  height: calc(100vh / 70 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height57 {
      height: calc(100vw / 70 * 57); } }

.grid[data-grid-size="70"] .grid-item--width58 {
  width: 82.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width58 {
      width: calc(100vw / 70 * 58); } }

.grid[data-grid-size="70"] .grid-item--height58 {
  height: calc(100vh / 70 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height58 {
      height: calc(100vw / 70 * 58); } }

.grid[data-grid-size="70"] .grid-item--width59 {
  width: 84.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width59 {
      width: calc(100vw / 70 * 59); } }

.grid[data-grid-size="70"] .grid-item--height59 {
  height: calc(100vh / 70 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height59 {
      height: calc(100vw / 70 * 59); } }

.grid[data-grid-size="70"] .grid-item--width60 {
  width: 85.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width60 {
      width: calc(100vw / 70 * 60); } }

.grid[data-grid-size="70"] .grid-item--height60 {
  height: calc(100vh / 70 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height60 {
      height: calc(100vw / 70 * 60); } }

.grid[data-grid-size="70"] .grid-item--width61 {
  width: 87.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width61 {
      width: calc(100vw / 70 * 61); } }

.grid[data-grid-size="70"] .grid-item--height61 {
  height: calc(100vh / 70 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height61 {
      height: calc(100vw / 70 * 61); } }

.grid[data-grid-size="70"] .grid-item--width62 {
  width: 88.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width62 {
      width: calc(100vw / 70 * 62); } }

.grid[data-grid-size="70"] .grid-item--height62 {
  height: calc(100vh / 70 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height62 {
      height: calc(100vw / 70 * 62); } }

.grid[data-grid-size="70"] .grid-item--width63 {
  width: 90%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width63 {
      width: calc(100vw / 70 * 63); } }

.grid[data-grid-size="70"] .grid-item--height63 {
  height: calc(100vh / 70 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height63 {
      height: calc(100vw / 70 * 63); } }

.grid[data-grid-size="70"] .grid-item--width64 {
  width: 91.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width64 {
      width: calc(100vw / 70 * 64); } }

.grid[data-grid-size="70"] .grid-item--height64 {
  height: calc(100vh / 70 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height64 {
      height: calc(100vw / 70 * 64); } }

.grid[data-grid-size="70"] .grid-item--width65 {
  width: 92.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width65 {
      width: calc(100vw / 70 * 65); } }

.grid[data-grid-size="70"] .grid-item--height65 {
  height: calc(100vh / 70 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height65 {
      height: calc(100vw / 70 * 65); } }

.grid[data-grid-size="70"] .grid-item--width66 {
  width: 94.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width66 {
      width: calc(100vw / 70 * 66); } }

.grid[data-grid-size="70"] .grid-item--height66 {
  height: calc(100vh / 70 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height66 {
      height: calc(100vw / 70 * 66); } }

.grid[data-grid-size="70"] .grid-item--width67 {
  width: 95.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width67 {
      width: calc(100vw / 70 * 67); } }

.grid[data-grid-size="70"] .grid-item--height67 {
  height: calc(100vh / 70 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height67 {
      height: calc(100vw / 70 * 67); } }

.grid[data-grid-size="70"] .grid-item--width68 {
  width: 97.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width68 {
      width: calc(100vw / 70 * 68); } }

.grid[data-grid-size="70"] .grid-item--height68 {
  height: calc(100vh / 70 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height68 {
      height: calc(100vw / 70 * 68); } }

.grid[data-grid-size="70"] .grid-item--width69 {
  width: 98.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width69 {
      width: calc(100vw / 70 * 69); } }

.grid[data-grid-size="70"] .grid-item--height69 {
  height: calc(100vh / 70 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height69 {
      height: calc(100vw / 70 * 69); } }

.grid[data-grid-size="70"] .grid-item--width70 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--width70 {
      width: calc(100vw / 70 * 70); } }

.grid[data-grid-size="70"] .grid-item--height70 {
  height: calc(100vh / 70 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="70"] .grid-item--height70 {
      height: calc(100vw / 70 * 70); } }

.grid[data-grid-size="71"] .grid-sizer, .grid[data-grid-size="71"] .grid-item {
  width: 1.40845%; }

.grid[data-grid-size="71"] .grid-item--width1 {
  width: 1.40845%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width1 {
      width: calc(100vw / 71 * 1); } }

.grid[data-grid-size="71"] .grid-item--height1 {
  height: calc(100vh / 71 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height1 {
      height: calc(100vw / 71 * 1); } }

.grid[data-grid-size="71"] .grid-item--width2 {
  width: 2.8169%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width2 {
      width: calc(100vw / 71 * 2); } }

.grid[data-grid-size="71"] .grid-item--height2 {
  height: calc(100vh / 71 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height2 {
      height: calc(100vw / 71 * 2); } }

.grid[data-grid-size="71"] .grid-item--width3 {
  width: 4.22535%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width3 {
      width: calc(100vw / 71 * 3); } }

.grid[data-grid-size="71"] .grid-item--height3 {
  height: calc(100vh / 71 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height3 {
      height: calc(100vw / 71 * 3); } }

.grid[data-grid-size="71"] .grid-item--width4 {
  width: 5.6338%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width4 {
      width: calc(100vw / 71 * 4); } }

.grid[data-grid-size="71"] .grid-item--height4 {
  height: calc(100vh / 71 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height4 {
      height: calc(100vw / 71 * 4); } }

.grid[data-grid-size="71"] .grid-item--width5 {
  width: 7.04225%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width5 {
      width: calc(100vw / 71 * 5); } }

.grid[data-grid-size="71"] .grid-item--height5 {
  height: calc(100vh / 71 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height5 {
      height: calc(100vw / 71 * 5); } }

.grid[data-grid-size="71"] .grid-item--width6 {
  width: 8.4507%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width6 {
      width: calc(100vw / 71 * 6); } }

.grid[data-grid-size="71"] .grid-item--height6 {
  height: calc(100vh / 71 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height6 {
      height: calc(100vw / 71 * 6); } }

.grid[data-grid-size="71"] .grid-item--width7 {
  width: 9.85915%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width7 {
      width: calc(100vw / 71 * 7); } }

.grid[data-grid-size="71"] .grid-item--height7 {
  height: calc(100vh / 71 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height7 {
      height: calc(100vw / 71 * 7); } }

.grid[data-grid-size="71"] .grid-item--width8 {
  width: 11.26761%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width8 {
      width: calc(100vw / 71 * 8); } }

.grid[data-grid-size="71"] .grid-item--height8 {
  height: calc(100vh / 71 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height8 {
      height: calc(100vw / 71 * 8); } }

.grid[data-grid-size="71"] .grid-item--width9 {
  width: 12.67606%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width9 {
      width: calc(100vw / 71 * 9); } }

.grid[data-grid-size="71"] .grid-item--height9 {
  height: calc(100vh / 71 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height9 {
      height: calc(100vw / 71 * 9); } }

.grid[data-grid-size="71"] .grid-item--width10 {
  width: 14.08451%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width10 {
      width: calc(100vw / 71 * 10); } }

.grid[data-grid-size="71"] .grid-item--height10 {
  height: calc(100vh / 71 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height10 {
      height: calc(100vw / 71 * 10); } }

.grid[data-grid-size="71"] .grid-item--width11 {
  width: 15.49296%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width11 {
      width: calc(100vw / 71 * 11); } }

.grid[data-grid-size="71"] .grid-item--height11 {
  height: calc(100vh / 71 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height11 {
      height: calc(100vw / 71 * 11); } }

.grid[data-grid-size="71"] .grid-item--width12 {
  width: 16.90141%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width12 {
      width: calc(100vw / 71 * 12); } }

.grid[data-grid-size="71"] .grid-item--height12 {
  height: calc(100vh / 71 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height12 {
      height: calc(100vw / 71 * 12); } }

.grid[data-grid-size="71"] .grid-item--width13 {
  width: 18.30986%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width13 {
      width: calc(100vw / 71 * 13); } }

.grid[data-grid-size="71"] .grid-item--height13 {
  height: calc(100vh / 71 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height13 {
      height: calc(100vw / 71 * 13); } }

.grid[data-grid-size="71"] .grid-item--width14 {
  width: 19.71831%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width14 {
      width: calc(100vw / 71 * 14); } }

.grid[data-grid-size="71"] .grid-item--height14 {
  height: calc(100vh / 71 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height14 {
      height: calc(100vw / 71 * 14); } }

.grid[data-grid-size="71"] .grid-item--width15 {
  width: 21.12676%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width15 {
      width: calc(100vw / 71 * 15); } }

.grid[data-grid-size="71"] .grid-item--height15 {
  height: calc(100vh / 71 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height15 {
      height: calc(100vw / 71 * 15); } }

.grid[data-grid-size="71"] .grid-item--width16 {
  width: 22.53521%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width16 {
      width: calc(100vw / 71 * 16); } }

.grid[data-grid-size="71"] .grid-item--height16 {
  height: calc(100vh / 71 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height16 {
      height: calc(100vw / 71 * 16); } }

.grid[data-grid-size="71"] .grid-item--width17 {
  width: 23.94366%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width17 {
      width: calc(100vw / 71 * 17); } }

.grid[data-grid-size="71"] .grid-item--height17 {
  height: calc(100vh / 71 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height17 {
      height: calc(100vw / 71 * 17); } }

.grid[data-grid-size="71"] .grid-item--width18 {
  width: 25.35211%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width18 {
      width: calc(100vw / 71 * 18); } }

.grid[data-grid-size="71"] .grid-item--height18 {
  height: calc(100vh / 71 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height18 {
      height: calc(100vw / 71 * 18); } }

.grid[data-grid-size="71"] .grid-item--width19 {
  width: 26.76056%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width19 {
      width: calc(100vw / 71 * 19); } }

.grid[data-grid-size="71"] .grid-item--height19 {
  height: calc(100vh / 71 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height19 {
      height: calc(100vw / 71 * 19); } }

.grid[data-grid-size="71"] .grid-item--width20 {
  width: 28.16901%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width20 {
      width: calc(100vw / 71 * 20); } }

.grid[data-grid-size="71"] .grid-item--height20 {
  height: calc(100vh / 71 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height20 {
      height: calc(100vw / 71 * 20); } }

.grid[data-grid-size="71"] .grid-item--width21 {
  width: 29.57746%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width21 {
      width: calc(100vw / 71 * 21); } }

.grid[data-grid-size="71"] .grid-item--height21 {
  height: calc(100vh / 71 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height21 {
      height: calc(100vw / 71 * 21); } }

.grid[data-grid-size="71"] .grid-item--width22 {
  width: 30.98592%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width22 {
      width: calc(100vw / 71 * 22); } }

.grid[data-grid-size="71"] .grid-item--height22 {
  height: calc(100vh / 71 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height22 {
      height: calc(100vw / 71 * 22); } }

.grid[data-grid-size="71"] .grid-item--width23 {
  width: 32.39437%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width23 {
      width: calc(100vw / 71 * 23); } }

.grid[data-grid-size="71"] .grid-item--height23 {
  height: calc(100vh / 71 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height23 {
      height: calc(100vw / 71 * 23); } }

.grid[data-grid-size="71"] .grid-item--width24 {
  width: 33.80282%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width24 {
      width: calc(100vw / 71 * 24); } }

.grid[data-grid-size="71"] .grid-item--height24 {
  height: calc(100vh / 71 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height24 {
      height: calc(100vw / 71 * 24); } }

.grid[data-grid-size="71"] .grid-item--width25 {
  width: 35.21127%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width25 {
      width: calc(100vw / 71 * 25); } }

.grid[data-grid-size="71"] .grid-item--height25 {
  height: calc(100vh / 71 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height25 {
      height: calc(100vw / 71 * 25); } }

.grid[data-grid-size="71"] .grid-item--width26 {
  width: 36.61972%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width26 {
      width: calc(100vw / 71 * 26); } }

.grid[data-grid-size="71"] .grid-item--height26 {
  height: calc(100vh / 71 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height26 {
      height: calc(100vw / 71 * 26); } }

.grid[data-grid-size="71"] .grid-item--width27 {
  width: 38.02817%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width27 {
      width: calc(100vw / 71 * 27); } }

.grid[data-grid-size="71"] .grid-item--height27 {
  height: calc(100vh / 71 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height27 {
      height: calc(100vw / 71 * 27); } }

.grid[data-grid-size="71"] .grid-item--width28 {
  width: 39.43662%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width28 {
      width: calc(100vw / 71 * 28); } }

.grid[data-grid-size="71"] .grid-item--height28 {
  height: calc(100vh / 71 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height28 {
      height: calc(100vw / 71 * 28); } }

.grid[data-grid-size="71"] .grid-item--width29 {
  width: 40.84507%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width29 {
      width: calc(100vw / 71 * 29); } }

.grid[data-grid-size="71"] .grid-item--height29 {
  height: calc(100vh / 71 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height29 {
      height: calc(100vw / 71 * 29); } }

.grid[data-grid-size="71"] .grid-item--width30 {
  width: 42.25352%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width30 {
      width: calc(100vw / 71 * 30); } }

.grid[data-grid-size="71"] .grid-item--height30 {
  height: calc(100vh / 71 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height30 {
      height: calc(100vw / 71 * 30); } }

.grid[data-grid-size="71"] .grid-item--width31 {
  width: 43.66197%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width31 {
      width: calc(100vw / 71 * 31); } }

.grid[data-grid-size="71"] .grid-item--height31 {
  height: calc(100vh / 71 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height31 {
      height: calc(100vw / 71 * 31); } }

.grid[data-grid-size="71"] .grid-item--width32 {
  width: 45.07042%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width32 {
      width: calc(100vw / 71 * 32); } }

.grid[data-grid-size="71"] .grid-item--height32 {
  height: calc(100vh / 71 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height32 {
      height: calc(100vw / 71 * 32); } }

.grid[data-grid-size="71"] .grid-item--width33 {
  width: 46.47887%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width33 {
      width: calc(100vw / 71 * 33); } }

.grid[data-grid-size="71"] .grid-item--height33 {
  height: calc(100vh / 71 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height33 {
      height: calc(100vw / 71 * 33); } }

.grid[data-grid-size="71"] .grid-item--width34 {
  width: 47.88732%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width34 {
      width: calc(100vw / 71 * 34); } }

.grid[data-grid-size="71"] .grid-item--height34 {
  height: calc(100vh / 71 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height34 {
      height: calc(100vw / 71 * 34); } }

.grid[data-grid-size="71"] .grid-item--width35 {
  width: 49.29577%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width35 {
      width: calc(100vw / 71 * 35); } }

.grid[data-grid-size="71"] .grid-item--height35 {
  height: calc(100vh / 71 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height35 {
      height: calc(100vw / 71 * 35); } }

.grid[data-grid-size="71"] .grid-item--width36 {
  width: 50.70423%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width36 {
      width: calc(100vw / 71 * 36); } }

.grid[data-grid-size="71"] .grid-item--height36 {
  height: calc(100vh / 71 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height36 {
      height: calc(100vw / 71 * 36); } }

.grid[data-grid-size="71"] .grid-item--width37 {
  width: 52.11268%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width37 {
      width: calc(100vw / 71 * 37); } }

.grid[data-grid-size="71"] .grid-item--height37 {
  height: calc(100vh / 71 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height37 {
      height: calc(100vw / 71 * 37); } }

.grid[data-grid-size="71"] .grid-item--width38 {
  width: 53.52113%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width38 {
      width: calc(100vw / 71 * 38); } }

.grid[data-grid-size="71"] .grid-item--height38 {
  height: calc(100vh / 71 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height38 {
      height: calc(100vw / 71 * 38); } }

.grid[data-grid-size="71"] .grid-item--width39 {
  width: 54.92958%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width39 {
      width: calc(100vw / 71 * 39); } }

.grid[data-grid-size="71"] .grid-item--height39 {
  height: calc(100vh / 71 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height39 {
      height: calc(100vw / 71 * 39); } }

.grid[data-grid-size="71"] .grid-item--width40 {
  width: 56.33803%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width40 {
      width: calc(100vw / 71 * 40); } }

.grid[data-grid-size="71"] .grid-item--height40 {
  height: calc(100vh / 71 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height40 {
      height: calc(100vw / 71 * 40); } }

.grid[data-grid-size="71"] .grid-item--width41 {
  width: 57.74648%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width41 {
      width: calc(100vw / 71 * 41); } }

.grid[data-grid-size="71"] .grid-item--height41 {
  height: calc(100vh / 71 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height41 {
      height: calc(100vw / 71 * 41); } }

.grid[data-grid-size="71"] .grid-item--width42 {
  width: 59.15493%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width42 {
      width: calc(100vw / 71 * 42); } }

.grid[data-grid-size="71"] .grid-item--height42 {
  height: calc(100vh / 71 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height42 {
      height: calc(100vw / 71 * 42); } }

.grid[data-grid-size="71"] .grid-item--width43 {
  width: 60.56338%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width43 {
      width: calc(100vw / 71 * 43); } }

.grid[data-grid-size="71"] .grid-item--height43 {
  height: calc(100vh / 71 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height43 {
      height: calc(100vw / 71 * 43); } }

.grid[data-grid-size="71"] .grid-item--width44 {
  width: 61.97183%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width44 {
      width: calc(100vw / 71 * 44); } }

.grid[data-grid-size="71"] .grid-item--height44 {
  height: calc(100vh / 71 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height44 {
      height: calc(100vw / 71 * 44); } }

.grid[data-grid-size="71"] .grid-item--width45 {
  width: 63.38028%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width45 {
      width: calc(100vw / 71 * 45); } }

.grid[data-grid-size="71"] .grid-item--height45 {
  height: calc(100vh / 71 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height45 {
      height: calc(100vw / 71 * 45); } }

.grid[data-grid-size="71"] .grid-item--width46 {
  width: 64.78873%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width46 {
      width: calc(100vw / 71 * 46); } }

.grid[data-grid-size="71"] .grid-item--height46 {
  height: calc(100vh / 71 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height46 {
      height: calc(100vw / 71 * 46); } }

.grid[data-grid-size="71"] .grid-item--width47 {
  width: 66.19718%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width47 {
      width: calc(100vw / 71 * 47); } }

.grid[data-grid-size="71"] .grid-item--height47 {
  height: calc(100vh / 71 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height47 {
      height: calc(100vw / 71 * 47); } }

.grid[data-grid-size="71"] .grid-item--width48 {
  width: 67.60563%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width48 {
      width: calc(100vw / 71 * 48); } }

.grid[data-grid-size="71"] .grid-item--height48 {
  height: calc(100vh / 71 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height48 {
      height: calc(100vw / 71 * 48); } }

.grid[data-grid-size="71"] .grid-item--width49 {
  width: 69.01408%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width49 {
      width: calc(100vw / 71 * 49); } }

.grid[data-grid-size="71"] .grid-item--height49 {
  height: calc(100vh / 71 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height49 {
      height: calc(100vw / 71 * 49); } }

.grid[data-grid-size="71"] .grid-item--width50 {
  width: 70.42254%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width50 {
      width: calc(100vw / 71 * 50); } }

.grid[data-grid-size="71"] .grid-item--height50 {
  height: calc(100vh / 71 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height50 {
      height: calc(100vw / 71 * 50); } }

.grid[data-grid-size="71"] .grid-item--width51 {
  width: 71.83099%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width51 {
      width: calc(100vw / 71 * 51); } }

.grid[data-grid-size="71"] .grid-item--height51 {
  height: calc(100vh / 71 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height51 {
      height: calc(100vw / 71 * 51); } }

.grid[data-grid-size="71"] .grid-item--width52 {
  width: 73.23944%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width52 {
      width: calc(100vw / 71 * 52); } }

.grid[data-grid-size="71"] .grid-item--height52 {
  height: calc(100vh / 71 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height52 {
      height: calc(100vw / 71 * 52); } }

.grid[data-grid-size="71"] .grid-item--width53 {
  width: 74.64789%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width53 {
      width: calc(100vw / 71 * 53); } }

.grid[data-grid-size="71"] .grid-item--height53 {
  height: calc(100vh / 71 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height53 {
      height: calc(100vw / 71 * 53); } }

.grid[data-grid-size="71"] .grid-item--width54 {
  width: 76.05634%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width54 {
      width: calc(100vw / 71 * 54); } }

.grid[data-grid-size="71"] .grid-item--height54 {
  height: calc(100vh / 71 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height54 {
      height: calc(100vw / 71 * 54); } }

.grid[data-grid-size="71"] .grid-item--width55 {
  width: 77.46479%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width55 {
      width: calc(100vw / 71 * 55); } }

.grid[data-grid-size="71"] .grid-item--height55 {
  height: calc(100vh / 71 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height55 {
      height: calc(100vw / 71 * 55); } }

.grid[data-grid-size="71"] .grid-item--width56 {
  width: 78.87324%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width56 {
      width: calc(100vw / 71 * 56); } }

.grid[data-grid-size="71"] .grid-item--height56 {
  height: calc(100vh / 71 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height56 {
      height: calc(100vw / 71 * 56); } }

.grid[data-grid-size="71"] .grid-item--width57 {
  width: 80.28169%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width57 {
      width: calc(100vw / 71 * 57); } }

.grid[data-grid-size="71"] .grid-item--height57 {
  height: calc(100vh / 71 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height57 {
      height: calc(100vw / 71 * 57); } }

.grid[data-grid-size="71"] .grid-item--width58 {
  width: 81.69014%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width58 {
      width: calc(100vw / 71 * 58); } }

.grid[data-grid-size="71"] .grid-item--height58 {
  height: calc(100vh / 71 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height58 {
      height: calc(100vw / 71 * 58); } }

.grid[data-grid-size="71"] .grid-item--width59 {
  width: 83.09859%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width59 {
      width: calc(100vw / 71 * 59); } }

.grid[data-grid-size="71"] .grid-item--height59 {
  height: calc(100vh / 71 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height59 {
      height: calc(100vw / 71 * 59); } }

.grid[data-grid-size="71"] .grid-item--width60 {
  width: 84.50704%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width60 {
      width: calc(100vw / 71 * 60); } }

.grid[data-grid-size="71"] .grid-item--height60 {
  height: calc(100vh / 71 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height60 {
      height: calc(100vw / 71 * 60); } }

.grid[data-grid-size="71"] .grid-item--width61 {
  width: 85.91549%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width61 {
      width: calc(100vw / 71 * 61); } }

.grid[data-grid-size="71"] .grid-item--height61 {
  height: calc(100vh / 71 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height61 {
      height: calc(100vw / 71 * 61); } }

.grid[data-grid-size="71"] .grid-item--width62 {
  width: 87.32394%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width62 {
      width: calc(100vw / 71 * 62); } }

.grid[data-grid-size="71"] .grid-item--height62 {
  height: calc(100vh / 71 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height62 {
      height: calc(100vw / 71 * 62); } }

.grid[data-grid-size="71"] .grid-item--width63 {
  width: 88.73239%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width63 {
      width: calc(100vw / 71 * 63); } }

.grid[data-grid-size="71"] .grid-item--height63 {
  height: calc(100vh / 71 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height63 {
      height: calc(100vw / 71 * 63); } }

.grid[data-grid-size="71"] .grid-item--width64 {
  width: 90.14085%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width64 {
      width: calc(100vw / 71 * 64); } }

.grid[data-grid-size="71"] .grid-item--height64 {
  height: calc(100vh / 71 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height64 {
      height: calc(100vw / 71 * 64); } }

.grid[data-grid-size="71"] .grid-item--width65 {
  width: 91.5493%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width65 {
      width: calc(100vw / 71 * 65); } }

.grid[data-grid-size="71"] .grid-item--height65 {
  height: calc(100vh / 71 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height65 {
      height: calc(100vw / 71 * 65); } }

.grid[data-grid-size="71"] .grid-item--width66 {
  width: 92.95775%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width66 {
      width: calc(100vw / 71 * 66); } }

.grid[data-grid-size="71"] .grid-item--height66 {
  height: calc(100vh / 71 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height66 {
      height: calc(100vw / 71 * 66); } }

.grid[data-grid-size="71"] .grid-item--width67 {
  width: 94.3662%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width67 {
      width: calc(100vw / 71 * 67); } }

.grid[data-grid-size="71"] .grid-item--height67 {
  height: calc(100vh / 71 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height67 {
      height: calc(100vw / 71 * 67); } }

.grid[data-grid-size="71"] .grid-item--width68 {
  width: 95.77465%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width68 {
      width: calc(100vw / 71 * 68); } }

.grid[data-grid-size="71"] .grid-item--height68 {
  height: calc(100vh / 71 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height68 {
      height: calc(100vw / 71 * 68); } }

.grid[data-grid-size="71"] .grid-item--width69 {
  width: 97.1831%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width69 {
      width: calc(100vw / 71 * 69); } }

.grid[data-grid-size="71"] .grid-item--height69 {
  height: calc(100vh / 71 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height69 {
      height: calc(100vw / 71 * 69); } }

.grid[data-grid-size="71"] .grid-item--width70 {
  width: 98.59155%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width70 {
      width: calc(100vw / 71 * 70); } }

.grid[data-grid-size="71"] .grid-item--height70 {
  height: calc(100vh / 71 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height70 {
      height: calc(100vw / 71 * 70); } }

.grid[data-grid-size="71"] .grid-item--width71 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--width71 {
      width: calc(100vw / 71 * 71); } }

.grid[data-grid-size="71"] .grid-item--height71 {
  height: calc(100vh / 71 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="71"] .grid-item--height71 {
      height: calc(100vw / 71 * 71); } }

.grid[data-grid-size="72"] .grid-sizer, .grid[data-grid-size="72"] .grid-item {
  width: 1.38889%; }

.grid[data-grid-size="72"] .grid-item--width1 {
  width: 1.38889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width1 {
      width: calc(100vw / 72 * 1); } }

.grid[data-grid-size="72"] .grid-item--height1 {
  height: calc(100vh / 72 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height1 {
      height: calc(100vw / 72 * 1); } }

.grid[data-grid-size="72"] .grid-item--width2 {
  width: 2.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width2 {
      width: calc(100vw / 72 * 2); } }

.grid[data-grid-size="72"] .grid-item--height2 {
  height: calc(100vh / 72 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height2 {
      height: calc(100vw / 72 * 2); } }

.grid[data-grid-size="72"] .grid-item--width3 {
  width: 4.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width3 {
      width: calc(100vw / 72 * 3); } }

.grid[data-grid-size="72"] .grid-item--height3 {
  height: calc(100vh / 72 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height3 {
      height: calc(100vw / 72 * 3); } }

.grid[data-grid-size="72"] .grid-item--width4 {
  width: 5.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width4 {
      width: calc(100vw / 72 * 4); } }

.grid[data-grid-size="72"] .grid-item--height4 {
  height: calc(100vh / 72 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height4 {
      height: calc(100vw / 72 * 4); } }

.grid[data-grid-size="72"] .grid-item--width5 {
  width: 6.94444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width5 {
      width: calc(100vw / 72 * 5); } }

.grid[data-grid-size="72"] .grid-item--height5 {
  height: calc(100vh / 72 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height5 {
      height: calc(100vw / 72 * 5); } }

.grid[data-grid-size="72"] .grid-item--width6 {
  width: 8.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width6 {
      width: calc(100vw / 72 * 6); } }

.grid[data-grid-size="72"] .grid-item--height6 {
  height: calc(100vh / 72 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height6 {
      height: calc(100vw / 72 * 6); } }

.grid[data-grid-size="72"] .grid-item--width7 {
  width: 9.72222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width7 {
      width: calc(100vw / 72 * 7); } }

.grid[data-grid-size="72"] .grid-item--height7 {
  height: calc(100vh / 72 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height7 {
      height: calc(100vw / 72 * 7); } }

.grid[data-grid-size="72"] .grid-item--width8 {
  width: 11.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width8 {
      width: calc(100vw / 72 * 8); } }

.grid[data-grid-size="72"] .grid-item--height8 {
  height: calc(100vh / 72 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height8 {
      height: calc(100vw / 72 * 8); } }

.grid[data-grid-size="72"] .grid-item--width9 {
  width: 12.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width9 {
      width: calc(100vw / 72 * 9); } }

.grid[data-grid-size="72"] .grid-item--height9 {
  height: calc(100vh / 72 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height9 {
      height: calc(100vw / 72 * 9); } }

.grid[data-grid-size="72"] .grid-item--width10 {
  width: 13.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width10 {
      width: calc(100vw / 72 * 10); } }

.grid[data-grid-size="72"] .grid-item--height10 {
  height: calc(100vh / 72 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height10 {
      height: calc(100vw / 72 * 10); } }

.grid[data-grid-size="72"] .grid-item--width11 {
  width: 15.27778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width11 {
      width: calc(100vw / 72 * 11); } }

.grid[data-grid-size="72"] .grid-item--height11 {
  height: calc(100vh / 72 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height11 {
      height: calc(100vw / 72 * 11); } }

.grid[data-grid-size="72"] .grid-item--width12 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width12 {
      width: calc(100vw / 72 * 12); } }

.grid[data-grid-size="72"] .grid-item--height12 {
  height: calc(100vh / 72 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height12 {
      height: calc(100vw / 72 * 12); } }

.grid[data-grid-size="72"] .grid-item--width13 {
  width: 18.05556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width13 {
      width: calc(100vw / 72 * 13); } }

.grid[data-grid-size="72"] .grid-item--height13 {
  height: calc(100vh / 72 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height13 {
      height: calc(100vw / 72 * 13); } }

.grid[data-grid-size="72"] .grid-item--width14 {
  width: 19.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width14 {
      width: calc(100vw / 72 * 14); } }

.grid[data-grid-size="72"] .grid-item--height14 {
  height: calc(100vh / 72 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height14 {
      height: calc(100vw / 72 * 14); } }

.grid[data-grid-size="72"] .grid-item--width15 {
  width: 20.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width15 {
      width: calc(100vw / 72 * 15); } }

.grid[data-grid-size="72"] .grid-item--height15 {
  height: calc(100vh / 72 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height15 {
      height: calc(100vw / 72 * 15); } }

.grid[data-grid-size="72"] .grid-item--width16 {
  width: 22.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width16 {
      width: calc(100vw / 72 * 16); } }

.grid[data-grid-size="72"] .grid-item--height16 {
  height: calc(100vh / 72 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height16 {
      height: calc(100vw / 72 * 16); } }

.grid[data-grid-size="72"] .grid-item--width17 {
  width: 23.61111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width17 {
      width: calc(100vw / 72 * 17); } }

.grid[data-grid-size="72"] .grid-item--height17 {
  height: calc(100vh / 72 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height17 {
      height: calc(100vw / 72 * 17); } }

.grid[data-grid-size="72"] .grid-item--width18 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width18 {
      width: calc(100vw / 72 * 18); } }

.grid[data-grid-size="72"] .grid-item--height18 {
  height: calc(100vh / 72 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height18 {
      height: calc(100vw / 72 * 18); } }

.grid[data-grid-size="72"] .grid-item--width19 {
  width: 26.38889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width19 {
      width: calc(100vw / 72 * 19); } }

.grid[data-grid-size="72"] .grid-item--height19 {
  height: calc(100vh / 72 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height19 {
      height: calc(100vw / 72 * 19); } }

.grid[data-grid-size="72"] .grid-item--width20 {
  width: 27.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width20 {
      width: calc(100vw / 72 * 20); } }

.grid[data-grid-size="72"] .grid-item--height20 {
  height: calc(100vh / 72 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height20 {
      height: calc(100vw / 72 * 20); } }

.grid[data-grid-size="72"] .grid-item--width21 {
  width: 29.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width21 {
      width: calc(100vw / 72 * 21); } }

.grid[data-grid-size="72"] .grid-item--height21 {
  height: calc(100vh / 72 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height21 {
      height: calc(100vw / 72 * 21); } }

.grid[data-grid-size="72"] .grid-item--width22 {
  width: 30.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width22 {
      width: calc(100vw / 72 * 22); } }

.grid[data-grid-size="72"] .grid-item--height22 {
  height: calc(100vh / 72 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height22 {
      height: calc(100vw / 72 * 22); } }

.grid[data-grid-size="72"] .grid-item--width23 {
  width: 31.94444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width23 {
      width: calc(100vw / 72 * 23); } }

.grid[data-grid-size="72"] .grid-item--height23 {
  height: calc(100vh / 72 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height23 {
      height: calc(100vw / 72 * 23); } }

.grid[data-grid-size="72"] .grid-item--width24 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width24 {
      width: calc(100vw / 72 * 24); } }

.grid[data-grid-size="72"] .grid-item--height24 {
  height: calc(100vh / 72 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height24 {
      height: calc(100vw / 72 * 24); } }

.grid[data-grid-size="72"] .grid-item--width25 {
  width: 34.72222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width25 {
      width: calc(100vw / 72 * 25); } }

.grid[data-grid-size="72"] .grid-item--height25 {
  height: calc(100vh / 72 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height25 {
      height: calc(100vw / 72 * 25); } }

.grid[data-grid-size="72"] .grid-item--width26 {
  width: 36.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width26 {
      width: calc(100vw / 72 * 26); } }

.grid[data-grid-size="72"] .grid-item--height26 {
  height: calc(100vh / 72 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height26 {
      height: calc(100vw / 72 * 26); } }

.grid[data-grid-size="72"] .grid-item--width27 {
  width: 37.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width27 {
      width: calc(100vw / 72 * 27); } }

.grid[data-grid-size="72"] .grid-item--height27 {
  height: calc(100vh / 72 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height27 {
      height: calc(100vw / 72 * 27); } }

.grid[data-grid-size="72"] .grid-item--width28 {
  width: 38.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width28 {
      width: calc(100vw / 72 * 28); } }

.grid[data-grid-size="72"] .grid-item--height28 {
  height: calc(100vh / 72 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height28 {
      height: calc(100vw / 72 * 28); } }

.grid[data-grid-size="72"] .grid-item--width29 {
  width: 40.27778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width29 {
      width: calc(100vw / 72 * 29); } }

.grid[data-grid-size="72"] .grid-item--height29 {
  height: calc(100vh / 72 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height29 {
      height: calc(100vw / 72 * 29); } }

.grid[data-grid-size="72"] .grid-item--width30 {
  width: 41.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width30 {
      width: calc(100vw / 72 * 30); } }

.grid[data-grid-size="72"] .grid-item--height30 {
  height: calc(100vh / 72 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height30 {
      height: calc(100vw / 72 * 30); } }

.grid[data-grid-size="72"] .grid-item--width31 {
  width: 43.05556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width31 {
      width: calc(100vw / 72 * 31); } }

.grid[data-grid-size="72"] .grid-item--height31 {
  height: calc(100vh / 72 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height31 {
      height: calc(100vw / 72 * 31); } }

.grid[data-grid-size="72"] .grid-item--width32 {
  width: 44.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width32 {
      width: calc(100vw / 72 * 32); } }

.grid[data-grid-size="72"] .grid-item--height32 {
  height: calc(100vh / 72 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height32 {
      height: calc(100vw / 72 * 32); } }

.grid[data-grid-size="72"] .grid-item--width33 {
  width: 45.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width33 {
      width: calc(100vw / 72 * 33); } }

.grid[data-grid-size="72"] .grid-item--height33 {
  height: calc(100vh / 72 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height33 {
      height: calc(100vw / 72 * 33); } }

.grid[data-grid-size="72"] .grid-item--width34 {
  width: 47.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width34 {
      width: calc(100vw / 72 * 34); } }

.grid[data-grid-size="72"] .grid-item--height34 {
  height: calc(100vh / 72 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height34 {
      height: calc(100vw / 72 * 34); } }

.grid[data-grid-size="72"] .grid-item--width35 {
  width: 48.61111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width35 {
      width: calc(100vw / 72 * 35); } }

.grid[data-grid-size="72"] .grid-item--height35 {
  height: calc(100vh / 72 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height35 {
      height: calc(100vw / 72 * 35); } }

.grid[data-grid-size="72"] .grid-item--width36 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width36 {
      width: calc(100vw / 72 * 36); } }

.grid[data-grid-size="72"] .grid-item--height36 {
  height: calc(100vh / 72 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height36 {
      height: calc(100vw / 72 * 36); } }

.grid[data-grid-size="72"] .grid-item--width37 {
  width: 51.38889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width37 {
      width: calc(100vw / 72 * 37); } }

.grid[data-grid-size="72"] .grid-item--height37 {
  height: calc(100vh / 72 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height37 {
      height: calc(100vw / 72 * 37); } }

.grid[data-grid-size="72"] .grid-item--width38 {
  width: 52.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width38 {
      width: calc(100vw / 72 * 38); } }

.grid[data-grid-size="72"] .grid-item--height38 {
  height: calc(100vh / 72 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height38 {
      height: calc(100vw / 72 * 38); } }

.grid[data-grid-size="72"] .grid-item--width39 {
  width: 54.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width39 {
      width: calc(100vw / 72 * 39); } }

.grid[data-grid-size="72"] .grid-item--height39 {
  height: calc(100vh / 72 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height39 {
      height: calc(100vw / 72 * 39); } }

.grid[data-grid-size="72"] .grid-item--width40 {
  width: 55.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width40 {
      width: calc(100vw / 72 * 40); } }

.grid[data-grid-size="72"] .grid-item--height40 {
  height: calc(100vh / 72 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height40 {
      height: calc(100vw / 72 * 40); } }

.grid[data-grid-size="72"] .grid-item--width41 {
  width: 56.94444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width41 {
      width: calc(100vw / 72 * 41); } }

.grid[data-grid-size="72"] .grid-item--height41 {
  height: calc(100vh / 72 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height41 {
      height: calc(100vw / 72 * 41); } }

.grid[data-grid-size="72"] .grid-item--width42 {
  width: 58.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width42 {
      width: calc(100vw / 72 * 42); } }

.grid[data-grid-size="72"] .grid-item--height42 {
  height: calc(100vh / 72 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height42 {
      height: calc(100vw / 72 * 42); } }

.grid[data-grid-size="72"] .grid-item--width43 {
  width: 59.72222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width43 {
      width: calc(100vw / 72 * 43); } }

.grid[data-grid-size="72"] .grid-item--height43 {
  height: calc(100vh / 72 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height43 {
      height: calc(100vw / 72 * 43); } }

.grid[data-grid-size="72"] .grid-item--width44 {
  width: 61.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width44 {
      width: calc(100vw / 72 * 44); } }

.grid[data-grid-size="72"] .grid-item--height44 {
  height: calc(100vh / 72 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height44 {
      height: calc(100vw / 72 * 44); } }

.grid[data-grid-size="72"] .grid-item--width45 {
  width: 62.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width45 {
      width: calc(100vw / 72 * 45); } }

.grid[data-grid-size="72"] .grid-item--height45 {
  height: calc(100vh / 72 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height45 {
      height: calc(100vw / 72 * 45); } }

.grid[data-grid-size="72"] .grid-item--width46 {
  width: 63.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width46 {
      width: calc(100vw / 72 * 46); } }

.grid[data-grid-size="72"] .grid-item--height46 {
  height: calc(100vh / 72 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height46 {
      height: calc(100vw / 72 * 46); } }

.grid[data-grid-size="72"] .grid-item--width47 {
  width: 65.27778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width47 {
      width: calc(100vw / 72 * 47); } }

.grid[data-grid-size="72"] .grid-item--height47 {
  height: calc(100vh / 72 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height47 {
      height: calc(100vw / 72 * 47); } }

.grid[data-grid-size="72"] .grid-item--width48 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width48 {
      width: calc(100vw / 72 * 48); } }

.grid[data-grid-size="72"] .grid-item--height48 {
  height: calc(100vh / 72 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height48 {
      height: calc(100vw / 72 * 48); } }

.grid[data-grid-size="72"] .grid-item--width49 {
  width: 68.05556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width49 {
      width: calc(100vw / 72 * 49); } }

.grid[data-grid-size="72"] .grid-item--height49 {
  height: calc(100vh / 72 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height49 {
      height: calc(100vw / 72 * 49); } }

.grid[data-grid-size="72"] .grid-item--width50 {
  width: 69.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width50 {
      width: calc(100vw / 72 * 50); } }

.grid[data-grid-size="72"] .grid-item--height50 {
  height: calc(100vh / 72 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height50 {
      height: calc(100vw / 72 * 50); } }

.grid[data-grid-size="72"] .grid-item--width51 {
  width: 70.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width51 {
      width: calc(100vw / 72 * 51); } }

.grid[data-grid-size="72"] .grid-item--height51 {
  height: calc(100vh / 72 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height51 {
      height: calc(100vw / 72 * 51); } }

.grid[data-grid-size="72"] .grid-item--width52 {
  width: 72.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width52 {
      width: calc(100vw / 72 * 52); } }

.grid[data-grid-size="72"] .grid-item--height52 {
  height: calc(100vh / 72 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height52 {
      height: calc(100vw / 72 * 52); } }

.grid[data-grid-size="72"] .grid-item--width53 {
  width: 73.61111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width53 {
      width: calc(100vw / 72 * 53); } }

.grid[data-grid-size="72"] .grid-item--height53 {
  height: calc(100vh / 72 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height53 {
      height: calc(100vw / 72 * 53); } }

.grid[data-grid-size="72"] .grid-item--width54 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width54 {
      width: calc(100vw / 72 * 54); } }

.grid[data-grid-size="72"] .grid-item--height54 {
  height: calc(100vh / 72 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height54 {
      height: calc(100vw / 72 * 54); } }

.grid[data-grid-size="72"] .grid-item--width55 {
  width: 76.38889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width55 {
      width: calc(100vw / 72 * 55); } }

.grid[data-grid-size="72"] .grid-item--height55 {
  height: calc(100vh / 72 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height55 {
      height: calc(100vw / 72 * 55); } }

.grid[data-grid-size="72"] .grid-item--width56 {
  width: 77.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width56 {
      width: calc(100vw / 72 * 56); } }

.grid[data-grid-size="72"] .grid-item--height56 {
  height: calc(100vh / 72 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height56 {
      height: calc(100vw / 72 * 56); } }

.grid[data-grid-size="72"] .grid-item--width57 {
  width: 79.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width57 {
      width: calc(100vw / 72 * 57); } }

.grid[data-grid-size="72"] .grid-item--height57 {
  height: calc(100vh / 72 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height57 {
      height: calc(100vw / 72 * 57); } }

.grid[data-grid-size="72"] .grid-item--width58 {
  width: 80.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width58 {
      width: calc(100vw / 72 * 58); } }

.grid[data-grid-size="72"] .grid-item--height58 {
  height: calc(100vh / 72 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height58 {
      height: calc(100vw / 72 * 58); } }

.grid[data-grid-size="72"] .grid-item--width59 {
  width: 81.94444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width59 {
      width: calc(100vw / 72 * 59); } }

.grid[data-grid-size="72"] .grid-item--height59 {
  height: calc(100vh / 72 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height59 {
      height: calc(100vw / 72 * 59); } }

.grid[data-grid-size="72"] .grid-item--width60 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width60 {
      width: calc(100vw / 72 * 60); } }

.grid[data-grid-size="72"] .grid-item--height60 {
  height: calc(100vh / 72 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height60 {
      height: calc(100vw / 72 * 60); } }

.grid[data-grid-size="72"] .grid-item--width61 {
  width: 84.72222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width61 {
      width: calc(100vw / 72 * 61); } }

.grid[data-grid-size="72"] .grid-item--height61 {
  height: calc(100vh / 72 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height61 {
      height: calc(100vw / 72 * 61); } }

.grid[data-grid-size="72"] .grid-item--width62 {
  width: 86.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width62 {
      width: calc(100vw / 72 * 62); } }

.grid[data-grid-size="72"] .grid-item--height62 {
  height: calc(100vh / 72 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height62 {
      height: calc(100vw / 72 * 62); } }

.grid[data-grid-size="72"] .grid-item--width63 {
  width: 87.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width63 {
      width: calc(100vw / 72 * 63); } }

.grid[data-grid-size="72"] .grid-item--height63 {
  height: calc(100vh / 72 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height63 {
      height: calc(100vw / 72 * 63); } }

.grid[data-grid-size="72"] .grid-item--width64 {
  width: 88.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width64 {
      width: calc(100vw / 72 * 64); } }

.grid[data-grid-size="72"] .grid-item--height64 {
  height: calc(100vh / 72 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height64 {
      height: calc(100vw / 72 * 64); } }

.grid[data-grid-size="72"] .grid-item--width65 {
  width: 90.27778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width65 {
      width: calc(100vw / 72 * 65); } }

.grid[data-grid-size="72"] .grid-item--height65 {
  height: calc(100vh / 72 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height65 {
      height: calc(100vw / 72 * 65); } }

.grid[data-grid-size="72"] .grid-item--width66 {
  width: 91.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width66 {
      width: calc(100vw / 72 * 66); } }

.grid[data-grid-size="72"] .grid-item--height66 {
  height: calc(100vh / 72 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height66 {
      height: calc(100vw / 72 * 66); } }

.grid[data-grid-size="72"] .grid-item--width67 {
  width: 93.05556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width67 {
      width: calc(100vw / 72 * 67); } }

.grid[data-grid-size="72"] .grid-item--height67 {
  height: calc(100vh / 72 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height67 {
      height: calc(100vw / 72 * 67); } }

.grid[data-grid-size="72"] .grid-item--width68 {
  width: 94.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width68 {
      width: calc(100vw / 72 * 68); } }

.grid[data-grid-size="72"] .grid-item--height68 {
  height: calc(100vh / 72 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height68 {
      height: calc(100vw / 72 * 68); } }

.grid[data-grid-size="72"] .grid-item--width69 {
  width: 95.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width69 {
      width: calc(100vw / 72 * 69); } }

.grid[data-grid-size="72"] .grid-item--height69 {
  height: calc(100vh / 72 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height69 {
      height: calc(100vw / 72 * 69); } }

.grid[data-grid-size="72"] .grid-item--width70 {
  width: 97.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width70 {
      width: calc(100vw / 72 * 70); } }

.grid[data-grid-size="72"] .grid-item--height70 {
  height: calc(100vh / 72 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height70 {
      height: calc(100vw / 72 * 70); } }

.grid[data-grid-size="72"] .grid-item--width71 {
  width: 98.61111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width71 {
      width: calc(100vw / 72 * 71); } }

.grid[data-grid-size="72"] .grid-item--height71 {
  height: calc(100vh / 72 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height71 {
      height: calc(100vw / 72 * 71); } }

.grid[data-grid-size="72"] .grid-item--width72 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--width72 {
      width: calc(100vw / 72 * 72); } }

.grid[data-grid-size="72"] .grid-item--height72 {
  height: calc(100vh / 72 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="72"] .grid-item--height72 {
      height: calc(100vw / 72 * 72); } }

.grid[data-grid-size="73"] .grid-sizer, .grid[data-grid-size="73"] .grid-item {
  width: 1.36986%; }

.grid[data-grid-size="73"] .grid-item--width1 {
  width: 1.36986%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width1 {
      width: calc(100vw / 73 * 1); } }

.grid[data-grid-size="73"] .grid-item--height1 {
  height: calc(100vh / 73 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height1 {
      height: calc(100vw / 73 * 1); } }

.grid[data-grid-size="73"] .grid-item--width2 {
  width: 2.73973%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width2 {
      width: calc(100vw / 73 * 2); } }

.grid[data-grid-size="73"] .grid-item--height2 {
  height: calc(100vh / 73 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height2 {
      height: calc(100vw / 73 * 2); } }

.grid[data-grid-size="73"] .grid-item--width3 {
  width: 4.10959%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width3 {
      width: calc(100vw / 73 * 3); } }

.grid[data-grid-size="73"] .grid-item--height3 {
  height: calc(100vh / 73 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height3 {
      height: calc(100vw / 73 * 3); } }

.grid[data-grid-size="73"] .grid-item--width4 {
  width: 5.47945%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width4 {
      width: calc(100vw / 73 * 4); } }

.grid[data-grid-size="73"] .grid-item--height4 {
  height: calc(100vh / 73 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height4 {
      height: calc(100vw / 73 * 4); } }

.grid[data-grid-size="73"] .grid-item--width5 {
  width: 6.84932%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width5 {
      width: calc(100vw / 73 * 5); } }

.grid[data-grid-size="73"] .grid-item--height5 {
  height: calc(100vh / 73 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height5 {
      height: calc(100vw / 73 * 5); } }

.grid[data-grid-size="73"] .grid-item--width6 {
  width: 8.21918%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width6 {
      width: calc(100vw / 73 * 6); } }

.grid[data-grid-size="73"] .grid-item--height6 {
  height: calc(100vh / 73 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height6 {
      height: calc(100vw / 73 * 6); } }

.grid[data-grid-size="73"] .grid-item--width7 {
  width: 9.58904%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width7 {
      width: calc(100vw / 73 * 7); } }

.grid[data-grid-size="73"] .grid-item--height7 {
  height: calc(100vh / 73 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height7 {
      height: calc(100vw / 73 * 7); } }

.grid[data-grid-size="73"] .grid-item--width8 {
  width: 10.9589%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width8 {
      width: calc(100vw / 73 * 8); } }

.grid[data-grid-size="73"] .grid-item--height8 {
  height: calc(100vh / 73 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height8 {
      height: calc(100vw / 73 * 8); } }

.grid[data-grid-size="73"] .grid-item--width9 {
  width: 12.32877%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width9 {
      width: calc(100vw / 73 * 9); } }

.grid[data-grid-size="73"] .grid-item--height9 {
  height: calc(100vh / 73 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height9 {
      height: calc(100vw / 73 * 9); } }

.grid[data-grid-size="73"] .grid-item--width10 {
  width: 13.69863%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width10 {
      width: calc(100vw / 73 * 10); } }

.grid[data-grid-size="73"] .grid-item--height10 {
  height: calc(100vh / 73 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height10 {
      height: calc(100vw / 73 * 10); } }

.grid[data-grid-size="73"] .grid-item--width11 {
  width: 15.06849%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width11 {
      width: calc(100vw / 73 * 11); } }

.grid[data-grid-size="73"] .grid-item--height11 {
  height: calc(100vh / 73 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height11 {
      height: calc(100vw / 73 * 11); } }

.grid[data-grid-size="73"] .grid-item--width12 {
  width: 16.43836%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width12 {
      width: calc(100vw / 73 * 12); } }

.grid[data-grid-size="73"] .grid-item--height12 {
  height: calc(100vh / 73 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height12 {
      height: calc(100vw / 73 * 12); } }

.grid[data-grid-size="73"] .grid-item--width13 {
  width: 17.80822%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width13 {
      width: calc(100vw / 73 * 13); } }

.grid[data-grid-size="73"] .grid-item--height13 {
  height: calc(100vh / 73 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height13 {
      height: calc(100vw / 73 * 13); } }

.grid[data-grid-size="73"] .grid-item--width14 {
  width: 19.17808%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width14 {
      width: calc(100vw / 73 * 14); } }

.grid[data-grid-size="73"] .grid-item--height14 {
  height: calc(100vh / 73 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height14 {
      height: calc(100vw / 73 * 14); } }

.grid[data-grid-size="73"] .grid-item--width15 {
  width: 20.54795%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width15 {
      width: calc(100vw / 73 * 15); } }

.grid[data-grid-size="73"] .grid-item--height15 {
  height: calc(100vh / 73 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height15 {
      height: calc(100vw / 73 * 15); } }

.grid[data-grid-size="73"] .grid-item--width16 {
  width: 21.91781%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width16 {
      width: calc(100vw / 73 * 16); } }

.grid[data-grid-size="73"] .grid-item--height16 {
  height: calc(100vh / 73 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height16 {
      height: calc(100vw / 73 * 16); } }

.grid[data-grid-size="73"] .grid-item--width17 {
  width: 23.28767%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width17 {
      width: calc(100vw / 73 * 17); } }

.grid[data-grid-size="73"] .grid-item--height17 {
  height: calc(100vh / 73 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height17 {
      height: calc(100vw / 73 * 17); } }

.grid[data-grid-size="73"] .grid-item--width18 {
  width: 24.65753%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width18 {
      width: calc(100vw / 73 * 18); } }

.grid[data-grid-size="73"] .grid-item--height18 {
  height: calc(100vh / 73 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height18 {
      height: calc(100vw / 73 * 18); } }

.grid[data-grid-size="73"] .grid-item--width19 {
  width: 26.0274%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width19 {
      width: calc(100vw / 73 * 19); } }

.grid[data-grid-size="73"] .grid-item--height19 {
  height: calc(100vh / 73 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height19 {
      height: calc(100vw / 73 * 19); } }

.grid[data-grid-size="73"] .grid-item--width20 {
  width: 27.39726%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width20 {
      width: calc(100vw / 73 * 20); } }

.grid[data-grid-size="73"] .grid-item--height20 {
  height: calc(100vh / 73 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height20 {
      height: calc(100vw / 73 * 20); } }

.grid[data-grid-size="73"] .grid-item--width21 {
  width: 28.76712%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width21 {
      width: calc(100vw / 73 * 21); } }

.grid[data-grid-size="73"] .grid-item--height21 {
  height: calc(100vh / 73 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height21 {
      height: calc(100vw / 73 * 21); } }

.grid[data-grid-size="73"] .grid-item--width22 {
  width: 30.13699%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width22 {
      width: calc(100vw / 73 * 22); } }

.grid[data-grid-size="73"] .grid-item--height22 {
  height: calc(100vh / 73 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height22 {
      height: calc(100vw / 73 * 22); } }

.grid[data-grid-size="73"] .grid-item--width23 {
  width: 31.50685%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width23 {
      width: calc(100vw / 73 * 23); } }

.grid[data-grid-size="73"] .grid-item--height23 {
  height: calc(100vh / 73 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height23 {
      height: calc(100vw / 73 * 23); } }

.grid[data-grid-size="73"] .grid-item--width24 {
  width: 32.87671%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width24 {
      width: calc(100vw / 73 * 24); } }

.grid[data-grid-size="73"] .grid-item--height24 {
  height: calc(100vh / 73 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height24 {
      height: calc(100vw / 73 * 24); } }

.grid[data-grid-size="73"] .grid-item--width25 {
  width: 34.24658%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width25 {
      width: calc(100vw / 73 * 25); } }

.grid[data-grid-size="73"] .grid-item--height25 {
  height: calc(100vh / 73 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height25 {
      height: calc(100vw / 73 * 25); } }

.grid[data-grid-size="73"] .grid-item--width26 {
  width: 35.61644%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width26 {
      width: calc(100vw / 73 * 26); } }

.grid[data-grid-size="73"] .grid-item--height26 {
  height: calc(100vh / 73 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height26 {
      height: calc(100vw / 73 * 26); } }

.grid[data-grid-size="73"] .grid-item--width27 {
  width: 36.9863%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width27 {
      width: calc(100vw / 73 * 27); } }

.grid[data-grid-size="73"] .grid-item--height27 {
  height: calc(100vh / 73 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height27 {
      height: calc(100vw / 73 * 27); } }

.grid[data-grid-size="73"] .grid-item--width28 {
  width: 38.35616%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width28 {
      width: calc(100vw / 73 * 28); } }

.grid[data-grid-size="73"] .grid-item--height28 {
  height: calc(100vh / 73 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height28 {
      height: calc(100vw / 73 * 28); } }

.grid[data-grid-size="73"] .grid-item--width29 {
  width: 39.72603%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width29 {
      width: calc(100vw / 73 * 29); } }

.grid[data-grid-size="73"] .grid-item--height29 {
  height: calc(100vh / 73 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height29 {
      height: calc(100vw / 73 * 29); } }

.grid[data-grid-size="73"] .grid-item--width30 {
  width: 41.09589%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width30 {
      width: calc(100vw / 73 * 30); } }

.grid[data-grid-size="73"] .grid-item--height30 {
  height: calc(100vh / 73 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height30 {
      height: calc(100vw / 73 * 30); } }

.grid[data-grid-size="73"] .grid-item--width31 {
  width: 42.46575%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width31 {
      width: calc(100vw / 73 * 31); } }

.grid[data-grid-size="73"] .grid-item--height31 {
  height: calc(100vh / 73 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height31 {
      height: calc(100vw / 73 * 31); } }

.grid[data-grid-size="73"] .grid-item--width32 {
  width: 43.83562%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width32 {
      width: calc(100vw / 73 * 32); } }

.grid[data-grid-size="73"] .grid-item--height32 {
  height: calc(100vh / 73 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height32 {
      height: calc(100vw / 73 * 32); } }

.grid[data-grid-size="73"] .grid-item--width33 {
  width: 45.20548%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width33 {
      width: calc(100vw / 73 * 33); } }

.grid[data-grid-size="73"] .grid-item--height33 {
  height: calc(100vh / 73 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height33 {
      height: calc(100vw / 73 * 33); } }

.grid[data-grid-size="73"] .grid-item--width34 {
  width: 46.57534%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width34 {
      width: calc(100vw / 73 * 34); } }

.grid[data-grid-size="73"] .grid-item--height34 {
  height: calc(100vh / 73 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height34 {
      height: calc(100vw / 73 * 34); } }

.grid[data-grid-size="73"] .grid-item--width35 {
  width: 47.94521%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width35 {
      width: calc(100vw / 73 * 35); } }

.grid[data-grid-size="73"] .grid-item--height35 {
  height: calc(100vh / 73 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height35 {
      height: calc(100vw / 73 * 35); } }

.grid[data-grid-size="73"] .grid-item--width36 {
  width: 49.31507%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width36 {
      width: calc(100vw / 73 * 36); } }

.grid[data-grid-size="73"] .grid-item--height36 {
  height: calc(100vh / 73 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height36 {
      height: calc(100vw / 73 * 36); } }

.grid[data-grid-size="73"] .grid-item--width37 {
  width: 50.68493%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width37 {
      width: calc(100vw / 73 * 37); } }

.grid[data-grid-size="73"] .grid-item--height37 {
  height: calc(100vh / 73 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height37 {
      height: calc(100vw / 73 * 37); } }

.grid[data-grid-size="73"] .grid-item--width38 {
  width: 52.05479%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width38 {
      width: calc(100vw / 73 * 38); } }

.grid[data-grid-size="73"] .grid-item--height38 {
  height: calc(100vh / 73 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height38 {
      height: calc(100vw / 73 * 38); } }

.grid[data-grid-size="73"] .grid-item--width39 {
  width: 53.42466%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width39 {
      width: calc(100vw / 73 * 39); } }

.grid[data-grid-size="73"] .grid-item--height39 {
  height: calc(100vh / 73 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height39 {
      height: calc(100vw / 73 * 39); } }

.grid[data-grid-size="73"] .grid-item--width40 {
  width: 54.79452%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width40 {
      width: calc(100vw / 73 * 40); } }

.grid[data-grid-size="73"] .grid-item--height40 {
  height: calc(100vh / 73 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height40 {
      height: calc(100vw / 73 * 40); } }

.grid[data-grid-size="73"] .grid-item--width41 {
  width: 56.16438%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width41 {
      width: calc(100vw / 73 * 41); } }

.grid[data-grid-size="73"] .grid-item--height41 {
  height: calc(100vh / 73 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height41 {
      height: calc(100vw / 73 * 41); } }

.grid[data-grid-size="73"] .grid-item--width42 {
  width: 57.53425%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width42 {
      width: calc(100vw / 73 * 42); } }

.grid[data-grid-size="73"] .grid-item--height42 {
  height: calc(100vh / 73 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height42 {
      height: calc(100vw / 73 * 42); } }

.grid[data-grid-size="73"] .grid-item--width43 {
  width: 58.90411%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width43 {
      width: calc(100vw / 73 * 43); } }

.grid[data-grid-size="73"] .grid-item--height43 {
  height: calc(100vh / 73 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height43 {
      height: calc(100vw / 73 * 43); } }

.grid[data-grid-size="73"] .grid-item--width44 {
  width: 60.27397%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width44 {
      width: calc(100vw / 73 * 44); } }

.grid[data-grid-size="73"] .grid-item--height44 {
  height: calc(100vh / 73 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height44 {
      height: calc(100vw / 73 * 44); } }

.grid[data-grid-size="73"] .grid-item--width45 {
  width: 61.64384%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width45 {
      width: calc(100vw / 73 * 45); } }

.grid[data-grid-size="73"] .grid-item--height45 {
  height: calc(100vh / 73 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height45 {
      height: calc(100vw / 73 * 45); } }

.grid[data-grid-size="73"] .grid-item--width46 {
  width: 63.0137%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width46 {
      width: calc(100vw / 73 * 46); } }

.grid[data-grid-size="73"] .grid-item--height46 {
  height: calc(100vh / 73 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height46 {
      height: calc(100vw / 73 * 46); } }

.grid[data-grid-size="73"] .grid-item--width47 {
  width: 64.38356%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width47 {
      width: calc(100vw / 73 * 47); } }

.grid[data-grid-size="73"] .grid-item--height47 {
  height: calc(100vh / 73 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height47 {
      height: calc(100vw / 73 * 47); } }

.grid[data-grid-size="73"] .grid-item--width48 {
  width: 65.75342%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width48 {
      width: calc(100vw / 73 * 48); } }

.grid[data-grid-size="73"] .grid-item--height48 {
  height: calc(100vh / 73 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height48 {
      height: calc(100vw / 73 * 48); } }

.grid[data-grid-size="73"] .grid-item--width49 {
  width: 67.12329%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width49 {
      width: calc(100vw / 73 * 49); } }

.grid[data-grid-size="73"] .grid-item--height49 {
  height: calc(100vh / 73 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height49 {
      height: calc(100vw / 73 * 49); } }

.grid[data-grid-size="73"] .grid-item--width50 {
  width: 68.49315%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width50 {
      width: calc(100vw / 73 * 50); } }

.grid[data-grid-size="73"] .grid-item--height50 {
  height: calc(100vh / 73 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height50 {
      height: calc(100vw / 73 * 50); } }

.grid[data-grid-size="73"] .grid-item--width51 {
  width: 69.86301%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width51 {
      width: calc(100vw / 73 * 51); } }

.grid[data-grid-size="73"] .grid-item--height51 {
  height: calc(100vh / 73 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height51 {
      height: calc(100vw / 73 * 51); } }

.grid[data-grid-size="73"] .grid-item--width52 {
  width: 71.23288%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width52 {
      width: calc(100vw / 73 * 52); } }

.grid[data-grid-size="73"] .grid-item--height52 {
  height: calc(100vh / 73 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height52 {
      height: calc(100vw / 73 * 52); } }

.grid[data-grid-size="73"] .grid-item--width53 {
  width: 72.60274%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width53 {
      width: calc(100vw / 73 * 53); } }

.grid[data-grid-size="73"] .grid-item--height53 {
  height: calc(100vh / 73 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height53 {
      height: calc(100vw / 73 * 53); } }

.grid[data-grid-size="73"] .grid-item--width54 {
  width: 73.9726%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width54 {
      width: calc(100vw / 73 * 54); } }

.grid[data-grid-size="73"] .grid-item--height54 {
  height: calc(100vh / 73 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height54 {
      height: calc(100vw / 73 * 54); } }

.grid[data-grid-size="73"] .grid-item--width55 {
  width: 75.34247%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width55 {
      width: calc(100vw / 73 * 55); } }

.grid[data-grid-size="73"] .grid-item--height55 {
  height: calc(100vh / 73 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height55 {
      height: calc(100vw / 73 * 55); } }

.grid[data-grid-size="73"] .grid-item--width56 {
  width: 76.71233%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width56 {
      width: calc(100vw / 73 * 56); } }

.grid[data-grid-size="73"] .grid-item--height56 {
  height: calc(100vh / 73 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height56 {
      height: calc(100vw / 73 * 56); } }

.grid[data-grid-size="73"] .grid-item--width57 {
  width: 78.08219%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width57 {
      width: calc(100vw / 73 * 57); } }

.grid[data-grid-size="73"] .grid-item--height57 {
  height: calc(100vh / 73 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height57 {
      height: calc(100vw / 73 * 57); } }

.grid[data-grid-size="73"] .grid-item--width58 {
  width: 79.45205%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width58 {
      width: calc(100vw / 73 * 58); } }

.grid[data-grid-size="73"] .grid-item--height58 {
  height: calc(100vh / 73 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height58 {
      height: calc(100vw / 73 * 58); } }

.grid[data-grid-size="73"] .grid-item--width59 {
  width: 80.82192%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width59 {
      width: calc(100vw / 73 * 59); } }

.grid[data-grid-size="73"] .grid-item--height59 {
  height: calc(100vh / 73 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height59 {
      height: calc(100vw / 73 * 59); } }

.grid[data-grid-size="73"] .grid-item--width60 {
  width: 82.19178%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width60 {
      width: calc(100vw / 73 * 60); } }

.grid[data-grid-size="73"] .grid-item--height60 {
  height: calc(100vh / 73 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height60 {
      height: calc(100vw / 73 * 60); } }

.grid[data-grid-size="73"] .grid-item--width61 {
  width: 83.56164%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width61 {
      width: calc(100vw / 73 * 61); } }

.grid[data-grid-size="73"] .grid-item--height61 {
  height: calc(100vh / 73 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height61 {
      height: calc(100vw / 73 * 61); } }

.grid[data-grid-size="73"] .grid-item--width62 {
  width: 84.93151%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width62 {
      width: calc(100vw / 73 * 62); } }

.grid[data-grid-size="73"] .grid-item--height62 {
  height: calc(100vh / 73 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height62 {
      height: calc(100vw / 73 * 62); } }

.grid[data-grid-size="73"] .grid-item--width63 {
  width: 86.30137%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width63 {
      width: calc(100vw / 73 * 63); } }

.grid[data-grid-size="73"] .grid-item--height63 {
  height: calc(100vh / 73 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height63 {
      height: calc(100vw / 73 * 63); } }

.grid[data-grid-size="73"] .grid-item--width64 {
  width: 87.67123%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width64 {
      width: calc(100vw / 73 * 64); } }

.grid[data-grid-size="73"] .grid-item--height64 {
  height: calc(100vh / 73 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height64 {
      height: calc(100vw / 73 * 64); } }

.grid[data-grid-size="73"] .grid-item--width65 {
  width: 89.0411%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width65 {
      width: calc(100vw / 73 * 65); } }

.grid[data-grid-size="73"] .grid-item--height65 {
  height: calc(100vh / 73 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height65 {
      height: calc(100vw / 73 * 65); } }

.grid[data-grid-size="73"] .grid-item--width66 {
  width: 90.41096%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width66 {
      width: calc(100vw / 73 * 66); } }

.grid[data-grid-size="73"] .grid-item--height66 {
  height: calc(100vh / 73 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height66 {
      height: calc(100vw / 73 * 66); } }

.grid[data-grid-size="73"] .grid-item--width67 {
  width: 91.78082%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width67 {
      width: calc(100vw / 73 * 67); } }

.grid[data-grid-size="73"] .grid-item--height67 {
  height: calc(100vh / 73 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height67 {
      height: calc(100vw / 73 * 67); } }

.grid[data-grid-size="73"] .grid-item--width68 {
  width: 93.15068%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width68 {
      width: calc(100vw / 73 * 68); } }

.grid[data-grid-size="73"] .grid-item--height68 {
  height: calc(100vh / 73 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height68 {
      height: calc(100vw / 73 * 68); } }

.grid[data-grid-size="73"] .grid-item--width69 {
  width: 94.52055%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width69 {
      width: calc(100vw / 73 * 69); } }

.grid[data-grid-size="73"] .grid-item--height69 {
  height: calc(100vh / 73 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height69 {
      height: calc(100vw / 73 * 69); } }

.grid[data-grid-size="73"] .grid-item--width70 {
  width: 95.89041%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width70 {
      width: calc(100vw / 73 * 70); } }

.grid[data-grid-size="73"] .grid-item--height70 {
  height: calc(100vh / 73 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height70 {
      height: calc(100vw / 73 * 70); } }

.grid[data-grid-size="73"] .grid-item--width71 {
  width: 97.26027%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width71 {
      width: calc(100vw / 73 * 71); } }

.grid[data-grid-size="73"] .grid-item--height71 {
  height: calc(100vh / 73 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height71 {
      height: calc(100vw / 73 * 71); } }

.grid[data-grid-size="73"] .grid-item--width72 {
  width: 98.63014%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width72 {
      width: calc(100vw / 73 * 72); } }

.grid[data-grid-size="73"] .grid-item--height72 {
  height: calc(100vh / 73 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height72 {
      height: calc(100vw / 73 * 72); } }

.grid[data-grid-size="73"] .grid-item--width73 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--width73 {
      width: calc(100vw / 73 * 73); } }

.grid[data-grid-size="73"] .grid-item--height73 {
  height: calc(100vh / 73 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="73"] .grid-item--height73 {
      height: calc(100vw / 73 * 73); } }

.grid[data-grid-size="74"] .grid-sizer, .grid[data-grid-size="74"] .grid-item {
  width: 1.35135%; }

.grid[data-grid-size="74"] .grid-item--width1 {
  width: 1.35135%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width1 {
      width: calc(100vw / 74 * 1); } }

.grid[data-grid-size="74"] .grid-item--height1 {
  height: calc(100vh / 74 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height1 {
      height: calc(100vw / 74 * 1); } }

.grid[data-grid-size="74"] .grid-item--width2 {
  width: 2.7027%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width2 {
      width: calc(100vw / 74 * 2); } }

.grid[data-grid-size="74"] .grid-item--height2 {
  height: calc(100vh / 74 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height2 {
      height: calc(100vw / 74 * 2); } }

.grid[data-grid-size="74"] .grid-item--width3 {
  width: 4.05405%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width3 {
      width: calc(100vw / 74 * 3); } }

.grid[data-grid-size="74"] .grid-item--height3 {
  height: calc(100vh / 74 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height3 {
      height: calc(100vw / 74 * 3); } }

.grid[data-grid-size="74"] .grid-item--width4 {
  width: 5.40541%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width4 {
      width: calc(100vw / 74 * 4); } }

.grid[data-grid-size="74"] .grid-item--height4 {
  height: calc(100vh / 74 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height4 {
      height: calc(100vw / 74 * 4); } }

.grid[data-grid-size="74"] .grid-item--width5 {
  width: 6.75676%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width5 {
      width: calc(100vw / 74 * 5); } }

.grid[data-grid-size="74"] .grid-item--height5 {
  height: calc(100vh / 74 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height5 {
      height: calc(100vw / 74 * 5); } }

.grid[data-grid-size="74"] .grid-item--width6 {
  width: 8.10811%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width6 {
      width: calc(100vw / 74 * 6); } }

.grid[data-grid-size="74"] .grid-item--height6 {
  height: calc(100vh / 74 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height6 {
      height: calc(100vw / 74 * 6); } }

.grid[data-grid-size="74"] .grid-item--width7 {
  width: 9.45946%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width7 {
      width: calc(100vw / 74 * 7); } }

.grid[data-grid-size="74"] .grid-item--height7 {
  height: calc(100vh / 74 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height7 {
      height: calc(100vw / 74 * 7); } }

.grid[data-grid-size="74"] .grid-item--width8 {
  width: 10.81081%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width8 {
      width: calc(100vw / 74 * 8); } }

.grid[data-grid-size="74"] .grid-item--height8 {
  height: calc(100vh / 74 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height8 {
      height: calc(100vw / 74 * 8); } }

.grid[data-grid-size="74"] .grid-item--width9 {
  width: 12.16216%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width9 {
      width: calc(100vw / 74 * 9); } }

.grid[data-grid-size="74"] .grid-item--height9 {
  height: calc(100vh / 74 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height9 {
      height: calc(100vw / 74 * 9); } }

.grid[data-grid-size="74"] .grid-item--width10 {
  width: 13.51351%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width10 {
      width: calc(100vw / 74 * 10); } }

.grid[data-grid-size="74"] .grid-item--height10 {
  height: calc(100vh / 74 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height10 {
      height: calc(100vw / 74 * 10); } }

.grid[data-grid-size="74"] .grid-item--width11 {
  width: 14.86486%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width11 {
      width: calc(100vw / 74 * 11); } }

.grid[data-grid-size="74"] .grid-item--height11 {
  height: calc(100vh / 74 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height11 {
      height: calc(100vw / 74 * 11); } }

.grid[data-grid-size="74"] .grid-item--width12 {
  width: 16.21622%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width12 {
      width: calc(100vw / 74 * 12); } }

.grid[data-grid-size="74"] .grid-item--height12 {
  height: calc(100vh / 74 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height12 {
      height: calc(100vw / 74 * 12); } }

.grid[data-grid-size="74"] .grid-item--width13 {
  width: 17.56757%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width13 {
      width: calc(100vw / 74 * 13); } }

.grid[data-grid-size="74"] .grid-item--height13 {
  height: calc(100vh / 74 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height13 {
      height: calc(100vw / 74 * 13); } }

.grid[data-grid-size="74"] .grid-item--width14 {
  width: 18.91892%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width14 {
      width: calc(100vw / 74 * 14); } }

.grid[data-grid-size="74"] .grid-item--height14 {
  height: calc(100vh / 74 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height14 {
      height: calc(100vw / 74 * 14); } }

.grid[data-grid-size="74"] .grid-item--width15 {
  width: 20.27027%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width15 {
      width: calc(100vw / 74 * 15); } }

.grid[data-grid-size="74"] .grid-item--height15 {
  height: calc(100vh / 74 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height15 {
      height: calc(100vw / 74 * 15); } }

.grid[data-grid-size="74"] .grid-item--width16 {
  width: 21.62162%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width16 {
      width: calc(100vw / 74 * 16); } }

.grid[data-grid-size="74"] .grid-item--height16 {
  height: calc(100vh / 74 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height16 {
      height: calc(100vw / 74 * 16); } }

.grid[data-grid-size="74"] .grid-item--width17 {
  width: 22.97297%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width17 {
      width: calc(100vw / 74 * 17); } }

.grid[data-grid-size="74"] .grid-item--height17 {
  height: calc(100vh / 74 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height17 {
      height: calc(100vw / 74 * 17); } }

.grid[data-grid-size="74"] .grid-item--width18 {
  width: 24.32432%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width18 {
      width: calc(100vw / 74 * 18); } }

.grid[data-grid-size="74"] .grid-item--height18 {
  height: calc(100vh / 74 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height18 {
      height: calc(100vw / 74 * 18); } }

.grid[data-grid-size="74"] .grid-item--width19 {
  width: 25.67568%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width19 {
      width: calc(100vw / 74 * 19); } }

.grid[data-grid-size="74"] .grid-item--height19 {
  height: calc(100vh / 74 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height19 {
      height: calc(100vw / 74 * 19); } }

.grid[data-grid-size="74"] .grid-item--width20 {
  width: 27.02703%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width20 {
      width: calc(100vw / 74 * 20); } }

.grid[data-grid-size="74"] .grid-item--height20 {
  height: calc(100vh / 74 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height20 {
      height: calc(100vw / 74 * 20); } }

.grid[data-grid-size="74"] .grid-item--width21 {
  width: 28.37838%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width21 {
      width: calc(100vw / 74 * 21); } }

.grid[data-grid-size="74"] .grid-item--height21 {
  height: calc(100vh / 74 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height21 {
      height: calc(100vw / 74 * 21); } }

.grid[data-grid-size="74"] .grid-item--width22 {
  width: 29.72973%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width22 {
      width: calc(100vw / 74 * 22); } }

.grid[data-grid-size="74"] .grid-item--height22 {
  height: calc(100vh / 74 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height22 {
      height: calc(100vw / 74 * 22); } }

.grid[data-grid-size="74"] .grid-item--width23 {
  width: 31.08108%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width23 {
      width: calc(100vw / 74 * 23); } }

.grid[data-grid-size="74"] .grid-item--height23 {
  height: calc(100vh / 74 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height23 {
      height: calc(100vw / 74 * 23); } }

.grid[data-grid-size="74"] .grid-item--width24 {
  width: 32.43243%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width24 {
      width: calc(100vw / 74 * 24); } }

.grid[data-grid-size="74"] .grid-item--height24 {
  height: calc(100vh / 74 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height24 {
      height: calc(100vw / 74 * 24); } }

.grid[data-grid-size="74"] .grid-item--width25 {
  width: 33.78378%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width25 {
      width: calc(100vw / 74 * 25); } }

.grid[data-grid-size="74"] .grid-item--height25 {
  height: calc(100vh / 74 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height25 {
      height: calc(100vw / 74 * 25); } }

.grid[data-grid-size="74"] .grid-item--width26 {
  width: 35.13514%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width26 {
      width: calc(100vw / 74 * 26); } }

.grid[data-grid-size="74"] .grid-item--height26 {
  height: calc(100vh / 74 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height26 {
      height: calc(100vw / 74 * 26); } }

.grid[data-grid-size="74"] .grid-item--width27 {
  width: 36.48649%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width27 {
      width: calc(100vw / 74 * 27); } }

.grid[data-grid-size="74"] .grid-item--height27 {
  height: calc(100vh / 74 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height27 {
      height: calc(100vw / 74 * 27); } }

.grid[data-grid-size="74"] .grid-item--width28 {
  width: 37.83784%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width28 {
      width: calc(100vw / 74 * 28); } }

.grid[data-grid-size="74"] .grid-item--height28 {
  height: calc(100vh / 74 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height28 {
      height: calc(100vw / 74 * 28); } }

.grid[data-grid-size="74"] .grid-item--width29 {
  width: 39.18919%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width29 {
      width: calc(100vw / 74 * 29); } }

.grid[data-grid-size="74"] .grid-item--height29 {
  height: calc(100vh / 74 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height29 {
      height: calc(100vw / 74 * 29); } }

.grid[data-grid-size="74"] .grid-item--width30 {
  width: 40.54054%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width30 {
      width: calc(100vw / 74 * 30); } }

.grid[data-grid-size="74"] .grid-item--height30 {
  height: calc(100vh / 74 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height30 {
      height: calc(100vw / 74 * 30); } }

.grid[data-grid-size="74"] .grid-item--width31 {
  width: 41.89189%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width31 {
      width: calc(100vw / 74 * 31); } }

.grid[data-grid-size="74"] .grid-item--height31 {
  height: calc(100vh / 74 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height31 {
      height: calc(100vw / 74 * 31); } }

.grid[data-grid-size="74"] .grid-item--width32 {
  width: 43.24324%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width32 {
      width: calc(100vw / 74 * 32); } }

.grid[data-grid-size="74"] .grid-item--height32 {
  height: calc(100vh / 74 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height32 {
      height: calc(100vw / 74 * 32); } }

.grid[data-grid-size="74"] .grid-item--width33 {
  width: 44.59459%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width33 {
      width: calc(100vw / 74 * 33); } }

.grid[data-grid-size="74"] .grid-item--height33 {
  height: calc(100vh / 74 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height33 {
      height: calc(100vw / 74 * 33); } }

.grid[data-grid-size="74"] .grid-item--width34 {
  width: 45.94595%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width34 {
      width: calc(100vw / 74 * 34); } }

.grid[data-grid-size="74"] .grid-item--height34 {
  height: calc(100vh / 74 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height34 {
      height: calc(100vw / 74 * 34); } }

.grid[data-grid-size="74"] .grid-item--width35 {
  width: 47.2973%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width35 {
      width: calc(100vw / 74 * 35); } }

.grid[data-grid-size="74"] .grid-item--height35 {
  height: calc(100vh / 74 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height35 {
      height: calc(100vw / 74 * 35); } }

.grid[data-grid-size="74"] .grid-item--width36 {
  width: 48.64865%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width36 {
      width: calc(100vw / 74 * 36); } }

.grid[data-grid-size="74"] .grid-item--height36 {
  height: calc(100vh / 74 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height36 {
      height: calc(100vw / 74 * 36); } }

.grid[data-grid-size="74"] .grid-item--width37 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width37 {
      width: calc(100vw / 74 * 37); } }

.grid[data-grid-size="74"] .grid-item--height37 {
  height: calc(100vh / 74 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height37 {
      height: calc(100vw / 74 * 37); } }

.grid[data-grid-size="74"] .grid-item--width38 {
  width: 51.35135%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width38 {
      width: calc(100vw / 74 * 38); } }

.grid[data-grid-size="74"] .grid-item--height38 {
  height: calc(100vh / 74 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height38 {
      height: calc(100vw / 74 * 38); } }

.grid[data-grid-size="74"] .grid-item--width39 {
  width: 52.7027%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width39 {
      width: calc(100vw / 74 * 39); } }

.grid[data-grid-size="74"] .grid-item--height39 {
  height: calc(100vh / 74 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height39 {
      height: calc(100vw / 74 * 39); } }

.grid[data-grid-size="74"] .grid-item--width40 {
  width: 54.05405%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width40 {
      width: calc(100vw / 74 * 40); } }

.grid[data-grid-size="74"] .grid-item--height40 {
  height: calc(100vh / 74 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height40 {
      height: calc(100vw / 74 * 40); } }

.grid[data-grid-size="74"] .grid-item--width41 {
  width: 55.40541%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width41 {
      width: calc(100vw / 74 * 41); } }

.grid[data-grid-size="74"] .grid-item--height41 {
  height: calc(100vh / 74 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height41 {
      height: calc(100vw / 74 * 41); } }

.grid[data-grid-size="74"] .grid-item--width42 {
  width: 56.75676%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width42 {
      width: calc(100vw / 74 * 42); } }

.grid[data-grid-size="74"] .grid-item--height42 {
  height: calc(100vh / 74 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height42 {
      height: calc(100vw / 74 * 42); } }

.grid[data-grid-size="74"] .grid-item--width43 {
  width: 58.10811%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width43 {
      width: calc(100vw / 74 * 43); } }

.grid[data-grid-size="74"] .grid-item--height43 {
  height: calc(100vh / 74 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height43 {
      height: calc(100vw / 74 * 43); } }

.grid[data-grid-size="74"] .grid-item--width44 {
  width: 59.45946%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width44 {
      width: calc(100vw / 74 * 44); } }

.grid[data-grid-size="74"] .grid-item--height44 {
  height: calc(100vh / 74 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height44 {
      height: calc(100vw / 74 * 44); } }

.grid[data-grid-size="74"] .grid-item--width45 {
  width: 60.81081%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width45 {
      width: calc(100vw / 74 * 45); } }

.grid[data-grid-size="74"] .grid-item--height45 {
  height: calc(100vh / 74 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height45 {
      height: calc(100vw / 74 * 45); } }

.grid[data-grid-size="74"] .grid-item--width46 {
  width: 62.16216%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width46 {
      width: calc(100vw / 74 * 46); } }

.grid[data-grid-size="74"] .grid-item--height46 {
  height: calc(100vh / 74 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height46 {
      height: calc(100vw / 74 * 46); } }

.grid[data-grid-size="74"] .grid-item--width47 {
  width: 63.51351%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width47 {
      width: calc(100vw / 74 * 47); } }

.grid[data-grid-size="74"] .grid-item--height47 {
  height: calc(100vh / 74 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height47 {
      height: calc(100vw / 74 * 47); } }

.grid[data-grid-size="74"] .grid-item--width48 {
  width: 64.86486%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width48 {
      width: calc(100vw / 74 * 48); } }

.grid[data-grid-size="74"] .grid-item--height48 {
  height: calc(100vh / 74 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height48 {
      height: calc(100vw / 74 * 48); } }

.grid[data-grid-size="74"] .grid-item--width49 {
  width: 66.21622%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width49 {
      width: calc(100vw / 74 * 49); } }

.grid[data-grid-size="74"] .grid-item--height49 {
  height: calc(100vh / 74 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height49 {
      height: calc(100vw / 74 * 49); } }

.grid[data-grid-size="74"] .grid-item--width50 {
  width: 67.56757%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width50 {
      width: calc(100vw / 74 * 50); } }

.grid[data-grid-size="74"] .grid-item--height50 {
  height: calc(100vh / 74 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height50 {
      height: calc(100vw / 74 * 50); } }

.grid[data-grid-size="74"] .grid-item--width51 {
  width: 68.91892%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width51 {
      width: calc(100vw / 74 * 51); } }

.grid[data-grid-size="74"] .grid-item--height51 {
  height: calc(100vh / 74 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height51 {
      height: calc(100vw / 74 * 51); } }

.grid[data-grid-size="74"] .grid-item--width52 {
  width: 70.27027%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width52 {
      width: calc(100vw / 74 * 52); } }

.grid[data-grid-size="74"] .grid-item--height52 {
  height: calc(100vh / 74 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height52 {
      height: calc(100vw / 74 * 52); } }

.grid[data-grid-size="74"] .grid-item--width53 {
  width: 71.62162%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width53 {
      width: calc(100vw / 74 * 53); } }

.grid[data-grid-size="74"] .grid-item--height53 {
  height: calc(100vh / 74 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height53 {
      height: calc(100vw / 74 * 53); } }

.grid[data-grid-size="74"] .grid-item--width54 {
  width: 72.97297%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width54 {
      width: calc(100vw / 74 * 54); } }

.grid[data-grid-size="74"] .grid-item--height54 {
  height: calc(100vh / 74 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height54 {
      height: calc(100vw / 74 * 54); } }

.grid[data-grid-size="74"] .grid-item--width55 {
  width: 74.32432%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width55 {
      width: calc(100vw / 74 * 55); } }

.grid[data-grid-size="74"] .grid-item--height55 {
  height: calc(100vh / 74 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height55 {
      height: calc(100vw / 74 * 55); } }

.grid[data-grid-size="74"] .grid-item--width56 {
  width: 75.67568%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width56 {
      width: calc(100vw / 74 * 56); } }

.grid[data-grid-size="74"] .grid-item--height56 {
  height: calc(100vh / 74 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height56 {
      height: calc(100vw / 74 * 56); } }

.grid[data-grid-size="74"] .grid-item--width57 {
  width: 77.02703%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width57 {
      width: calc(100vw / 74 * 57); } }

.grid[data-grid-size="74"] .grid-item--height57 {
  height: calc(100vh / 74 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height57 {
      height: calc(100vw / 74 * 57); } }

.grid[data-grid-size="74"] .grid-item--width58 {
  width: 78.37838%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width58 {
      width: calc(100vw / 74 * 58); } }

.grid[data-grid-size="74"] .grid-item--height58 {
  height: calc(100vh / 74 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height58 {
      height: calc(100vw / 74 * 58); } }

.grid[data-grid-size="74"] .grid-item--width59 {
  width: 79.72973%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width59 {
      width: calc(100vw / 74 * 59); } }

.grid[data-grid-size="74"] .grid-item--height59 {
  height: calc(100vh / 74 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height59 {
      height: calc(100vw / 74 * 59); } }

.grid[data-grid-size="74"] .grid-item--width60 {
  width: 81.08108%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width60 {
      width: calc(100vw / 74 * 60); } }

.grid[data-grid-size="74"] .grid-item--height60 {
  height: calc(100vh / 74 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height60 {
      height: calc(100vw / 74 * 60); } }

.grid[data-grid-size="74"] .grid-item--width61 {
  width: 82.43243%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width61 {
      width: calc(100vw / 74 * 61); } }

.grid[data-grid-size="74"] .grid-item--height61 {
  height: calc(100vh / 74 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height61 {
      height: calc(100vw / 74 * 61); } }

.grid[data-grid-size="74"] .grid-item--width62 {
  width: 83.78378%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width62 {
      width: calc(100vw / 74 * 62); } }

.grid[data-grid-size="74"] .grid-item--height62 {
  height: calc(100vh / 74 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height62 {
      height: calc(100vw / 74 * 62); } }

.grid[data-grid-size="74"] .grid-item--width63 {
  width: 85.13514%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width63 {
      width: calc(100vw / 74 * 63); } }

.grid[data-grid-size="74"] .grid-item--height63 {
  height: calc(100vh / 74 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height63 {
      height: calc(100vw / 74 * 63); } }

.grid[data-grid-size="74"] .grid-item--width64 {
  width: 86.48649%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width64 {
      width: calc(100vw / 74 * 64); } }

.grid[data-grid-size="74"] .grid-item--height64 {
  height: calc(100vh / 74 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height64 {
      height: calc(100vw / 74 * 64); } }

.grid[data-grid-size="74"] .grid-item--width65 {
  width: 87.83784%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width65 {
      width: calc(100vw / 74 * 65); } }

.grid[data-grid-size="74"] .grid-item--height65 {
  height: calc(100vh / 74 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height65 {
      height: calc(100vw / 74 * 65); } }

.grid[data-grid-size="74"] .grid-item--width66 {
  width: 89.18919%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width66 {
      width: calc(100vw / 74 * 66); } }

.grid[data-grid-size="74"] .grid-item--height66 {
  height: calc(100vh / 74 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height66 {
      height: calc(100vw / 74 * 66); } }

.grid[data-grid-size="74"] .grid-item--width67 {
  width: 90.54054%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width67 {
      width: calc(100vw / 74 * 67); } }

.grid[data-grid-size="74"] .grid-item--height67 {
  height: calc(100vh / 74 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height67 {
      height: calc(100vw / 74 * 67); } }

.grid[data-grid-size="74"] .grid-item--width68 {
  width: 91.89189%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width68 {
      width: calc(100vw / 74 * 68); } }

.grid[data-grid-size="74"] .grid-item--height68 {
  height: calc(100vh / 74 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height68 {
      height: calc(100vw / 74 * 68); } }

.grid[data-grid-size="74"] .grid-item--width69 {
  width: 93.24324%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width69 {
      width: calc(100vw / 74 * 69); } }

.grid[data-grid-size="74"] .grid-item--height69 {
  height: calc(100vh / 74 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height69 {
      height: calc(100vw / 74 * 69); } }

.grid[data-grid-size="74"] .grid-item--width70 {
  width: 94.59459%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width70 {
      width: calc(100vw / 74 * 70); } }

.grid[data-grid-size="74"] .grid-item--height70 {
  height: calc(100vh / 74 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height70 {
      height: calc(100vw / 74 * 70); } }

.grid[data-grid-size="74"] .grid-item--width71 {
  width: 95.94595%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width71 {
      width: calc(100vw / 74 * 71); } }

.grid[data-grid-size="74"] .grid-item--height71 {
  height: calc(100vh / 74 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height71 {
      height: calc(100vw / 74 * 71); } }

.grid[data-grid-size="74"] .grid-item--width72 {
  width: 97.2973%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width72 {
      width: calc(100vw / 74 * 72); } }

.grid[data-grid-size="74"] .grid-item--height72 {
  height: calc(100vh / 74 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height72 {
      height: calc(100vw / 74 * 72); } }

.grid[data-grid-size="74"] .grid-item--width73 {
  width: 98.64865%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width73 {
      width: calc(100vw / 74 * 73); } }

.grid[data-grid-size="74"] .grid-item--height73 {
  height: calc(100vh / 74 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height73 {
      height: calc(100vw / 74 * 73); } }

.grid[data-grid-size="74"] .grid-item--width74 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--width74 {
      width: calc(100vw / 74 * 74); } }

.grid[data-grid-size="74"] .grid-item--height74 {
  height: calc(100vh / 74 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="74"] .grid-item--height74 {
      height: calc(100vw / 74 * 74); } }

.grid[data-grid-size="75"] .grid-sizer, .grid[data-grid-size="75"] .grid-item {
  width: 1.33333%; }

.grid[data-grid-size="75"] .grid-item--width1 {
  width: 1.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width1 {
      width: calc(100vw / 75 * 1); } }

.grid[data-grid-size="75"] .grid-item--height1 {
  height: calc(100vh / 75 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height1 {
      height: calc(100vw / 75 * 1); } }

.grid[data-grid-size="75"] .grid-item--width2 {
  width: 2.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width2 {
      width: calc(100vw / 75 * 2); } }

.grid[data-grid-size="75"] .grid-item--height2 {
  height: calc(100vh / 75 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height2 {
      height: calc(100vw / 75 * 2); } }

.grid[data-grid-size="75"] .grid-item--width3 {
  width: 4%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width3 {
      width: calc(100vw / 75 * 3); } }

.grid[data-grid-size="75"] .grid-item--height3 {
  height: calc(100vh / 75 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height3 {
      height: calc(100vw / 75 * 3); } }

.grid[data-grid-size="75"] .grid-item--width4 {
  width: 5.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width4 {
      width: calc(100vw / 75 * 4); } }

.grid[data-grid-size="75"] .grid-item--height4 {
  height: calc(100vh / 75 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height4 {
      height: calc(100vw / 75 * 4); } }

.grid[data-grid-size="75"] .grid-item--width5 {
  width: 6.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width5 {
      width: calc(100vw / 75 * 5); } }

.grid[data-grid-size="75"] .grid-item--height5 {
  height: calc(100vh / 75 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height5 {
      height: calc(100vw / 75 * 5); } }

.grid[data-grid-size="75"] .grid-item--width6 {
  width: 8%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width6 {
      width: calc(100vw / 75 * 6); } }

.grid[data-grid-size="75"] .grid-item--height6 {
  height: calc(100vh / 75 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height6 {
      height: calc(100vw / 75 * 6); } }

.grid[data-grid-size="75"] .grid-item--width7 {
  width: 9.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width7 {
      width: calc(100vw / 75 * 7); } }

.grid[data-grid-size="75"] .grid-item--height7 {
  height: calc(100vh / 75 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height7 {
      height: calc(100vw / 75 * 7); } }

.grid[data-grid-size="75"] .grid-item--width8 {
  width: 10.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width8 {
      width: calc(100vw / 75 * 8); } }

.grid[data-grid-size="75"] .grid-item--height8 {
  height: calc(100vh / 75 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height8 {
      height: calc(100vw / 75 * 8); } }

.grid[data-grid-size="75"] .grid-item--width9 {
  width: 12%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width9 {
      width: calc(100vw / 75 * 9); } }

.grid[data-grid-size="75"] .grid-item--height9 {
  height: calc(100vh / 75 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height9 {
      height: calc(100vw / 75 * 9); } }

.grid[data-grid-size="75"] .grid-item--width10 {
  width: 13.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width10 {
      width: calc(100vw / 75 * 10); } }

.grid[data-grid-size="75"] .grid-item--height10 {
  height: calc(100vh / 75 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height10 {
      height: calc(100vw / 75 * 10); } }

.grid[data-grid-size="75"] .grid-item--width11 {
  width: 14.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width11 {
      width: calc(100vw / 75 * 11); } }

.grid[data-grid-size="75"] .grid-item--height11 {
  height: calc(100vh / 75 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height11 {
      height: calc(100vw / 75 * 11); } }

.grid[data-grid-size="75"] .grid-item--width12 {
  width: 16%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width12 {
      width: calc(100vw / 75 * 12); } }

.grid[data-grid-size="75"] .grid-item--height12 {
  height: calc(100vh / 75 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height12 {
      height: calc(100vw / 75 * 12); } }

.grid[data-grid-size="75"] .grid-item--width13 {
  width: 17.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width13 {
      width: calc(100vw / 75 * 13); } }

.grid[data-grid-size="75"] .grid-item--height13 {
  height: calc(100vh / 75 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height13 {
      height: calc(100vw / 75 * 13); } }

.grid[data-grid-size="75"] .grid-item--width14 {
  width: 18.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width14 {
      width: calc(100vw / 75 * 14); } }

.grid[data-grid-size="75"] .grid-item--height14 {
  height: calc(100vh / 75 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height14 {
      height: calc(100vw / 75 * 14); } }

.grid[data-grid-size="75"] .grid-item--width15 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width15 {
      width: calc(100vw / 75 * 15); } }

.grid[data-grid-size="75"] .grid-item--height15 {
  height: calc(100vh / 75 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height15 {
      height: calc(100vw / 75 * 15); } }

.grid[data-grid-size="75"] .grid-item--width16 {
  width: 21.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width16 {
      width: calc(100vw / 75 * 16); } }

.grid[data-grid-size="75"] .grid-item--height16 {
  height: calc(100vh / 75 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height16 {
      height: calc(100vw / 75 * 16); } }

.grid[data-grid-size="75"] .grid-item--width17 {
  width: 22.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width17 {
      width: calc(100vw / 75 * 17); } }

.grid[data-grid-size="75"] .grid-item--height17 {
  height: calc(100vh / 75 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height17 {
      height: calc(100vw / 75 * 17); } }

.grid[data-grid-size="75"] .grid-item--width18 {
  width: 24%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width18 {
      width: calc(100vw / 75 * 18); } }

.grid[data-grid-size="75"] .grid-item--height18 {
  height: calc(100vh / 75 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height18 {
      height: calc(100vw / 75 * 18); } }

.grid[data-grid-size="75"] .grid-item--width19 {
  width: 25.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width19 {
      width: calc(100vw / 75 * 19); } }

.grid[data-grid-size="75"] .grid-item--height19 {
  height: calc(100vh / 75 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height19 {
      height: calc(100vw / 75 * 19); } }

.grid[data-grid-size="75"] .grid-item--width20 {
  width: 26.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width20 {
      width: calc(100vw / 75 * 20); } }

.grid[data-grid-size="75"] .grid-item--height20 {
  height: calc(100vh / 75 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height20 {
      height: calc(100vw / 75 * 20); } }

.grid[data-grid-size="75"] .grid-item--width21 {
  width: 28%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width21 {
      width: calc(100vw / 75 * 21); } }

.grid[data-grid-size="75"] .grid-item--height21 {
  height: calc(100vh / 75 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height21 {
      height: calc(100vw / 75 * 21); } }

.grid[data-grid-size="75"] .grid-item--width22 {
  width: 29.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width22 {
      width: calc(100vw / 75 * 22); } }

.grid[data-grid-size="75"] .grid-item--height22 {
  height: calc(100vh / 75 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height22 {
      height: calc(100vw / 75 * 22); } }

.grid[data-grid-size="75"] .grid-item--width23 {
  width: 30.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width23 {
      width: calc(100vw / 75 * 23); } }

.grid[data-grid-size="75"] .grid-item--height23 {
  height: calc(100vh / 75 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height23 {
      height: calc(100vw / 75 * 23); } }

.grid[data-grid-size="75"] .grid-item--width24 {
  width: 32%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width24 {
      width: calc(100vw / 75 * 24); } }

.grid[data-grid-size="75"] .grid-item--height24 {
  height: calc(100vh / 75 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height24 {
      height: calc(100vw / 75 * 24); } }

.grid[data-grid-size="75"] .grid-item--width25 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width25 {
      width: calc(100vw / 75 * 25); } }

.grid[data-grid-size="75"] .grid-item--height25 {
  height: calc(100vh / 75 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height25 {
      height: calc(100vw / 75 * 25); } }

.grid[data-grid-size="75"] .grid-item--width26 {
  width: 34.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width26 {
      width: calc(100vw / 75 * 26); } }

.grid[data-grid-size="75"] .grid-item--height26 {
  height: calc(100vh / 75 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height26 {
      height: calc(100vw / 75 * 26); } }

.grid[data-grid-size="75"] .grid-item--width27 {
  width: 36%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width27 {
      width: calc(100vw / 75 * 27); } }

.grid[data-grid-size="75"] .grid-item--height27 {
  height: calc(100vh / 75 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height27 {
      height: calc(100vw / 75 * 27); } }

.grid[data-grid-size="75"] .grid-item--width28 {
  width: 37.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width28 {
      width: calc(100vw / 75 * 28); } }

.grid[data-grid-size="75"] .grid-item--height28 {
  height: calc(100vh / 75 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height28 {
      height: calc(100vw / 75 * 28); } }

.grid[data-grid-size="75"] .grid-item--width29 {
  width: 38.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width29 {
      width: calc(100vw / 75 * 29); } }

.grid[data-grid-size="75"] .grid-item--height29 {
  height: calc(100vh / 75 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height29 {
      height: calc(100vw / 75 * 29); } }

.grid[data-grid-size="75"] .grid-item--width30 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width30 {
      width: calc(100vw / 75 * 30); } }

.grid[data-grid-size="75"] .grid-item--height30 {
  height: calc(100vh / 75 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height30 {
      height: calc(100vw / 75 * 30); } }

.grid[data-grid-size="75"] .grid-item--width31 {
  width: 41.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width31 {
      width: calc(100vw / 75 * 31); } }

.grid[data-grid-size="75"] .grid-item--height31 {
  height: calc(100vh / 75 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height31 {
      height: calc(100vw / 75 * 31); } }

.grid[data-grid-size="75"] .grid-item--width32 {
  width: 42.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width32 {
      width: calc(100vw / 75 * 32); } }

.grid[data-grid-size="75"] .grid-item--height32 {
  height: calc(100vh / 75 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height32 {
      height: calc(100vw / 75 * 32); } }

.grid[data-grid-size="75"] .grid-item--width33 {
  width: 44%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width33 {
      width: calc(100vw / 75 * 33); } }

.grid[data-grid-size="75"] .grid-item--height33 {
  height: calc(100vh / 75 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height33 {
      height: calc(100vw / 75 * 33); } }

.grid[data-grid-size="75"] .grid-item--width34 {
  width: 45.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width34 {
      width: calc(100vw / 75 * 34); } }

.grid[data-grid-size="75"] .grid-item--height34 {
  height: calc(100vh / 75 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height34 {
      height: calc(100vw / 75 * 34); } }

.grid[data-grid-size="75"] .grid-item--width35 {
  width: 46.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width35 {
      width: calc(100vw / 75 * 35); } }

.grid[data-grid-size="75"] .grid-item--height35 {
  height: calc(100vh / 75 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height35 {
      height: calc(100vw / 75 * 35); } }

.grid[data-grid-size="75"] .grid-item--width36 {
  width: 48%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width36 {
      width: calc(100vw / 75 * 36); } }

.grid[data-grid-size="75"] .grid-item--height36 {
  height: calc(100vh / 75 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height36 {
      height: calc(100vw / 75 * 36); } }

.grid[data-grid-size="75"] .grid-item--width37 {
  width: 49.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width37 {
      width: calc(100vw / 75 * 37); } }

.grid[data-grid-size="75"] .grid-item--height37 {
  height: calc(100vh / 75 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height37 {
      height: calc(100vw / 75 * 37); } }

.grid[data-grid-size="75"] .grid-item--width38 {
  width: 50.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width38 {
      width: calc(100vw / 75 * 38); } }

.grid[data-grid-size="75"] .grid-item--height38 {
  height: calc(100vh / 75 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height38 {
      height: calc(100vw / 75 * 38); } }

.grid[data-grid-size="75"] .grid-item--width39 {
  width: 52%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width39 {
      width: calc(100vw / 75 * 39); } }

.grid[data-grid-size="75"] .grid-item--height39 {
  height: calc(100vh / 75 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height39 {
      height: calc(100vw / 75 * 39); } }

.grid[data-grid-size="75"] .grid-item--width40 {
  width: 53.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width40 {
      width: calc(100vw / 75 * 40); } }

.grid[data-grid-size="75"] .grid-item--height40 {
  height: calc(100vh / 75 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height40 {
      height: calc(100vw / 75 * 40); } }

.grid[data-grid-size="75"] .grid-item--width41 {
  width: 54.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width41 {
      width: calc(100vw / 75 * 41); } }

.grid[data-grid-size="75"] .grid-item--height41 {
  height: calc(100vh / 75 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height41 {
      height: calc(100vw / 75 * 41); } }

.grid[data-grid-size="75"] .grid-item--width42 {
  width: 56%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width42 {
      width: calc(100vw / 75 * 42); } }

.grid[data-grid-size="75"] .grid-item--height42 {
  height: calc(100vh / 75 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height42 {
      height: calc(100vw / 75 * 42); } }

.grid[data-grid-size="75"] .grid-item--width43 {
  width: 57.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width43 {
      width: calc(100vw / 75 * 43); } }

.grid[data-grid-size="75"] .grid-item--height43 {
  height: calc(100vh / 75 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height43 {
      height: calc(100vw / 75 * 43); } }

.grid[data-grid-size="75"] .grid-item--width44 {
  width: 58.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width44 {
      width: calc(100vw / 75 * 44); } }

.grid[data-grid-size="75"] .grid-item--height44 {
  height: calc(100vh / 75 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height44 {
      height: calc(100vw / 75 * 44); } }

.grid[data-grid-size="75"] .grid-item--width45 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width45 {
      width: calc(100vw / 75 * 45); } }

.grid[data-grid-size="75"] .grid-item--height45 {
  height: calc(100vh / 75 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height45 {
      height: calc(100vw / 75 * 45); } }

.grid[data-grid-size="75"] .grid-item--width46 {
  width: 61.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width46 {
      width: calc(100vw / 75 * 46); } }

.grid[data-grid-size="75"] .grid-item--height46 {
  height: calc(100vh / 75 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height46 {
      height: calc(100vw / 75 * 46); } }

.grid[data-grid-size="75"] .grid-item--width47 {
  width: 62.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width47 {
      width: calc(100vw / 75 * 47); } }

.grid[data-grid-size="75"] .grid-item--height47 {
  height: calc(100vh / 75 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height47 {
      height: calc(100vw / 75 * 47); } }

.grid[data-grid-size="75"] .grid-item--width48 {
  width: 64%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width48 {
      width: calc(100vw / 75 * 48); } }

.grid[data-grid-size="75"] .grid-item--height48 {
  height: calc(100vh / 75 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height48 {
      height: calc(100vw / 75 * 48); } }

.grid[data-grid-size="75"] .grid-item--width49 {
  width: 65.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width49 {
      width: calc(100vw / 75 * 49); } }

.grid[data-grid-size="75"] .grid-item--height49 {
  height: calc(100vh / 75 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height49 {
      height: calc(100vw / 75 * 49); } }

.grid[data-grid-size="75"] .grid-item--width50 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width50 {
      width: calc(100vw / 75 * 50); } }

.grid[data-grid-size="75"] .grid-item--height50 {
  height: calc(100vh / 75 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height50 {
      height: calc(100vw / 75 * 50); } }

.grid[data-grid-size="75"] .grid-item--width51 {
  width: 68%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width51 {
      width: calc(100vw / 75 * 51); } }

.grid[data-grid-size="75"] .grid-item--height51 {
  height: calc(100vh / 75 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height51 {
      height: calc(100vw / 75 * 51); } }

.grid[data-grid-size="75"] .grid-item--width52 {
  width: 69.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width52 {
      width: calc(100vw / 75 * 52); } }

.grid[data-grid-size="75"] .grid-item--height52 {
  height: calc(100vh / 75 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height52 {
      height: calc(100vw / 75 * 52); } }

.grid[data-grid-size="75"] .grid-item--width53 {
  width: 70.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width53 {
      width: calc(100vw / 75 * 53); } }

.grid[data-grid-size="75"] .grid-item--height53 {
  height: calc(100vh / 75 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height53 {
      height: calc(100vw / 75 * 53); } }

.grid[data-grid-size="75"] .grid-item--width54 {
  width: 72%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width54 {
      width: calc(100vw / 75 * 54); } }

.grid[data-grid-size="75"] .grid-item--height54 {
  height: calc(100vh / 75 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height54 {
      height: calc(100vw / 75 * 54); } }

.grid[data-grid-size="75"] .grid-item--width55 {
  width: 73.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width55 {
      width: calc(100vw / 75 * 55); } }

.grid[data-grid-size="75"] .grid-item--height55 {
  height: calc(100vh / 75 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height55 {
      height: calc(100vw / 75 * 55); } }

.grid[data-grid-size="75"] .grid-item--width56 {
  width: 74.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width56 {
      width: calc(100vw / 75 * 56); } }

.grid[data-grid-size="75"] .grid-item--height56 {
  height: calc(100vh / 75 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height56 {
      height: calc(100vw / 75 * 56); } }

.grid[data-grid-size="75"] .grid-item--width57 {
  width: 76%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width57 {
      width: calc(100vw / 75 * 57); } }

.grid[data-grid-size="75"] .grid-item--height57 {
  height: calc(100vh / 75 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height57 {
      height: calc(100vw / 75 * 57); } }

.grid[data-grid-size="75"] .grid-item--width58 {
  width: 77.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width58 {
      width: calc(100vw / 75 * 58); } }

.grid[data-grid-size="75"] .grid-item--height58 {
  height: calc(100vh / 75 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height58 {
      height: calc(100vw / 75 * 58); } }

.grid[data-grid-size="75"] .grid-item--width59 {
  width: 78.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width59 {
      width: calc(100vw / 75 * 59); } }

.grid[data-grid-size="75"] .grid-item--height59 {
  height: calc(100vh / 75 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height59 {
      height: calc(100vw / 75 * 59); } }

.grid[data-grid-size="75"] .grid-item--width60 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width60 {
      width: calc(100vw / 75 * 60); } }

.grid[data-grid-size="75"] .grid-item--height60 {
  height: calc(100vh / 75 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height60 {
      height: calc(100vw / 75 * 60); } }

.grid[data-grid-size="75"] .grid-item--width61 {
  width: 81.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width61 {
      width: calc(100vw / 75 * 61); } }

.grid[data-grid-size="75"] .grid-item--height61 {
  height: calc(100vh / 75 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height61 {
      height: calc(100vw / 75 * 61); } }

.grid[data-grid-size="75"] .grid-item--width62 {
  width: 82.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width62 {
      width: calc(100vw / 75 * 62); } }

.grid[data-grid-size="75"] .grid-item--height62 {
  height: calc(100vh / 75 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height62 {
      height: calc(100vw / 75 * 62); } }

.grid[data-grid-size="75"] .grid-item--width63 {
  width: 84%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width63 {
      width: calc(100vw / 75 * 63); } }

.grid[data-grid-size="75"] .grid-item--height63 {
  height: calc(100vh / 75 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height63 {
      height: calc(100vw / 75 * 63); } }

.grid[data-grid-size="75"] .grid-item--width64 {
  width: 85.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width64 {
      width: calc(100vw / 75 * 64); } }

.grid[data-grid-size="75"] .grid-item--height64 {
  height: calc(100vh / 75 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height64 {
      height: calc(100vw / 75 * 64); } }

.grid[data-grid-size="75"] .grid-item--width65 {
  width: 86.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width65 {
      width: calc(100vw / 75 * 65); } }

.grid[data-grid-size="75"] .grid-item--height65 {
  height: calc(100vh / 75 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height65 {
      height: calc(100vw / 75 * 65); } }

.grid[data-grid-size="75"] .grid-item--width66 {
  width: 88%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width66 {
      width: calc(100vw / 75 * 66); } }

.grid[data-grid-size="75"] .grid-item--height66 {
  height: calc(100vh / 75 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height66 {
      height: calc(100vw / 75 * 66); } }

.grid[data-grid-size="75"] .grid-item--width67 {
  width: 89.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width67 {
      width: calc(100vw / 75 * 67); } }

.grid[data-grid-size="75"] .grid-item--height67 {
  height: calc(100vh / 75 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height67 {
      height: calc(100vw / 75 * 67); } }

.grid[data-grid-size="75"] .grid-item--width68 {
  width: 90.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width68 {
      width: calc(100vw / 75 * 68); } }

.grid[data-grid-size="75"] .grid-item--height68 {
  height: calc(100vh / 75 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height68 {
      height: calc(100vw / 75 * 68); } }

.grid[data-grid-size="75"] .grid-item--width69 {
  width: 92%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width69 {
      width: calc(100vw / 75 * 69); } }

.grid[data-grid-size="75"] .grid-item--height69 {
  height: calc(100vh / 75 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height69 {
      height: calc(100vw / 75 * 69); } }

.grid[data-grid-size="75"] .grid-item--width70 {
  width: 93.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width70 {
      width: calc(100vw / 75 * 70); } }

.grid[data-grid-size="75"] .grid-item--height70 {
  height: calc(100vh / 75 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height70 {
      height: calc(100vw / 75 * 70); } }

.grid[data-grid-size="75"] .grid-item--width71 {
  width: 94.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width71 {
      width: calc(100vw / 75 * 71); } }

.grid[data-grid-size="75"] .grid-item--height71 {
  height: calc(100vh / 75 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height71 {
      height: calc(100vw / 75 * 71); } }

.grid[data-grid-size="75"] .grid-item--width72 {
  width: 96%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width72 {
      width: calc(100vw / 75 * 72); } }

.grid[data-grid-size="75"] .grid-item--height72 {
  height: calc(100vh / 75 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height72 {
      height: calc(100vw / 75 * 72); } }

.grid[data-grid-size="75"] .grid-item--width73 {
  width: 97.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width73 {
      width: calc(100vw / 75 * 73); } }

.grid[data-grid-size="75"] .grid-item--height73 {
  height: calc(100vh / 75 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height73 {
      height: calc(100vw / 75 * 73); } }

.grid[data-grid-size="75"] .grid-item--width74 {
  width: 98.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width74 {
      width: calc(100vw / 75 * 74); } }

.grid[data-grid-size="75"] .grid-item--height74 {
  height: calc(100vh / 75 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height74 {
      height: calc(100vw / 75 * 74); } }

.grid[data-grid-size="75"] .grid-item--width75 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--width75 {
      width: calc(100vw / 75 * 75); } }

.grid[data-grid-size="75"] .grid-item--height75 {
  height: calc(100vh / 75 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="75"] .grid-item--height75 {
      height: calc(100vw / 75 * 75); } }

.grid[data-grid-size="76"] .grid-sizer, .grid[data-grid-size="76"] .grid-item {
  width: 1.31579%; }

.grid[data-grid-size="76"] .grid-item--width1 {
  width: 1.31579%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width1 {
      width: calc(100vw / 76 * 1); } }

.grid[data-grid-size="76"] .grid-item--height1 {
  height: calc(100vh / 76 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height1 {
      height: calc(100vw / 76 * 1); } }

.grid[data-grid-size="76"] .grid-item--width2 {
  width: 2.63158%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width2 {
      width: calc(100vw / 76 * 2); } }

.grid[data-grid-size="76"] .grid-item--height2 {
  height: calc(100vh / 76 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height2 {
      height: calc(100vw / 76 * 2); } }

.grid[data-grid-size="76"] .grid-item--width3 {
  width: 3.94737%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width3 {
      width: calc(100vw / 76 * 3); } }

.grid[data-grid-size="76"] .grid-item--height3 {
  height: calc(100vh / 76 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height3 {
      height: calc(100vw / 76 * 3); } }

.grid[data-grid-size="76"] .grid-item--width4 {
  width: 5.26316%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width4 {
      width: calc(100vw / 76 * 4); } }

.grid[data-grid-size="76"] .grid-item--height4 {
  height: calc(100vh / 76 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height4 {
      height: calc(100vw / 76 * 4); } }

.grid[data-grid-size="76"] .grid-item--width5 {
  width: 6.57895%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width5 {
      width: calc(100vw / 76 * 5); } }

.grid[data-grid-size="76"] .grid-item--height5 {
  height: calc(100vh / 76 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height5 {
      height: calc(100vw / 76 * 5); } }

.grid[data-grid-size="76"] .grid-item--width6 {
  width: 7.89474%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width6 {
      width: calc(100vw / 76 * 6); } }

.grid[data-grid-size="76"] .grid-item--height6 {
  height: calc(100vh / 76 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height6 {
      height: calc(100vw / 76 * 6); } }

.grid[data-grid-size="76"] .grid-item--width7 {
  width: 9.21053%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width7 {
      width: calc(100vw / 76 * 7); } }

.grid[data-grid-size="76"] .grid-item--height7 {
  height: calc(100vh / 76 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height7 {
      height: calc(100vw / 76 * 7); } }

.grid[data-grid-size="76"] .grid-item--width8 {
  width: 10.52632%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width8 {
      width: calc(100vw / 76 * 8); } }

.grid[data-grid-size="76"] .grid-item--height8 {
  height: calc(100vh / 76 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height8 {
      height: calc(100vw / 76 * 8); } }

.grid[data-grid-size="76"] .grid-item--width9 {
  width: 11.84211%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width9 {
      width: calc(100vw / 76 * 9); } }

.grid[data-grid-size="76"] .grid-item--height9 {
  height: calc(100vh / 76 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height9 {
      height: calc(100vw / 76 * 9); } }

.grid[data-grid-size="76"] .grid-item--width10 {
  width: 13.15789%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width10 {
      width: calc(100vw / 76 * 10); } }

.grid[data-grid-size="76"] .grid-item--height10 {
  height: calc(100vh / 76 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height10 {
      height: calc(100vw / 76 * 10); } }

.grid[data-grid-size="76"] .grid-item--width11 {
  width: 14.47368%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width11 {
      width: calc(100vw / 76 * 11); } }

.grid[data-grid-size="76"] .grid-item--height11 {
  height: calc(100vh / 76 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height11 {
      height: calc(100vw / 76 * 11); } }

.grid[data-grid-size="76"] .grid-item--width12 {
  width: 15.78947%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width12 {
      width: calc(100vw / 76 * 12); } }

.grid[data-grid-size="76"] .grid-item--height12 {
  height: calc(100vh / 76 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height12 {
      height: calc(100vw / 76 * 12); } }

.grid[data-grid-size="76"] .grid-item--width13 {
  width: 17.10526%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width13 {
      width: calc(100vw / 76 * 13); } }

.grid[data-grid-size="76"] .grid-item--height13 {
  height: calc(100vh / 76 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height13 {
      height: calc(100vw / 76 * 13); } }

.grid[data-grid-size="76"] .grid-item--width14 {
  width: 18.42105%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width14 {
      width: calc(100vw / 76 * 14); } }

.grid[data-grid-size="76"] .grid-item--height14 {
  height: calc(100vh / 76 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height14 {
      height: calc(100vw / 76 * 14); } }

.grid[data-grid-size="76"] .grid-item--width15 {
  width: 19.73684%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width15 {
      width: calc(100vw / 76 * 15); } }

.grid[data-grid-size="76"] .grid-item--height15 {
  height: calc(100vh / 76 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height15 {
      height: calc(100vw / 76 * 15); } }

.grid[data-grid-size="76"] .grid-item--width16 {
  width: 21.05263%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width16 {
      width: calc(100vw / 76 * 16); } }

.grid[data-grid-size="76"] .grid-item--height16 {
  height: calc(100vh / 76 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height16 {
      height: calc(100vw / 76 * 16); } }

.grid[data-grid-size="76"] .grid-item--width17 {
  width: 22.36842%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width17 {
      width: calc(100vw / 76 * 17); } }

.grid[data-grid-size="76"] .grid-item--height17 {
  height: calc(100vh / 76 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height17 {
      height: calc(100vw / 76 * 17); } }

.grid[data-grid-size="76"] .grid-item--width18 {
  width: 23.68421%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width18 {
      width: calc(100vw / 76 * 18); } }

.grid[data-grid-size="76"] .grid-item--height18 {
  height: calc(100vh / 76 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height18 {
      height: calc(100vw / 76 * 18); } }

.grid[data-grid-size="76"] .grid-item--width19 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width19 {
      width: calc(100vw / 76 * 19); } }

.grid[data-grid-size="76"] .grid-item--height19 {
  height: calc(100vh / 76 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height19 {
      height: calc(100vw / 76 * 19); } }

.grid[data-grid-size="76"] .grid-item--width20 {
  width: 26.31579%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width20 {
      width: calc(100vw / 76 * 20); } }

.grid[data-grid-size="76"] .grid-item--height20 {
  height: calc(100vh / 76 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height20 {
      height: calc(100vw / 76 * 20); } }

.grid[data-grid-size="76"] .grid-item--width21 {
  width: 27.63158%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width21 {
      width: calc(100vw / 76 * 21); } }

.grid[data-grid-size="76"] .grid-item--height21 {
  height: calc(100vh / 76 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height21 {
      height: calc(100vw / 76 * 21); } }

.grid[data-grid-size="76"] .grid-item--width22 {
  width: 28.94737%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width22 {
      width: calc(100vw / 76 * 22); } }

.grid[data-grid-size="76"] .grid-item--height22 {
  height: calc(100vh / 76 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height22 {
      height: calc(100vw / 76 * 22); } }

.grid[data-grid-size="76"] .grid-item--width23 {
  width: 30.26316%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width23 {
      width: calc(100vw / 76 * 23); } }

.grid[data-grid-size="76"] .grid-item--height23 {
  height: calc(100vh / 76 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height23 {
      height: calc(100vw / 76 * 23); } }

.grid[data-grid-size="76"] .grid-item--width24 {
  width: 31.57895%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width24 {
      width: calc(100vw / 76 * 24); } }

.grid[data-grid-size="76"] .grid-item--height24 {
  height: calc(100vh / 76 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height24 {
      height: calc(100vw / 76 * 24); } }

.grid[data-grid-size="76"] .grid-item--width25 {
  width: 32.89474%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width25 {
      width: calc(100vw / 76 * 25); } }

.grid[data-grid-size="76"] .grid-item--height25 {
  height: calc(100vh / 76 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height25 {
      height: calc(100vw / 76 * 25); } }

.grid[data-grid-size="76"] .grid-item--width26 {
  width: 34.21053%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width26 {
      width: calc(100vw / 76 * 26); } }

.grid[data-grid-size="76"] .grid-item--height26 {
  height: calc(100vh / 76 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height26 {
      height: calc(100vw / 76 * 26); } }

.grid[data-grid-size="76"] .grid-item--width27 {
  width: 35.52632%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width27 {
      width: calc(100vw / 76 * 27); } }

.grid[data-grid-size="76"] .grid-item--height27 {
  height: calc(100vh / 76 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height27 {
      height: calc(100vw / 76 * 27); } }

.grid[data-grid-size="76"] .grid-item--width28 {
  width: 36.84211%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width28 {
      width: calc(100vw / 76 * 28); } }

.grid[data-grid-size="76"] .grid-item--height28 {
  height: calc(100vh / 76 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height28 {
      height: calc(100vw / 76 * 28); } }

.grid[data-grid-size="76"] .grid-item--width29 {
  width: 38.15789%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width29 {
      width: calc(100vw / 76 * 29); } }

.grid[data-grid-size="76"] .grid-item--height29 {
  height: calc(100vh / 76 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height29 {
      height: calc(100vw / 76 * 29); } }

.grid[data-grid-size="76"] .grid-item--width30 {
  width: 39.47368%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width30 {
      width: calc(100vw / 76 * 30); } }

.grid[data-grid-size="76"] .grid-item--height30 {
  height: calc(100vh / 76 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height30 {
      height: calc(100vw / 76 * 30); } }

.grid[data-grid-size="76"] .grid-item--width31 {
  width: 40.78947%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width31 {
      width: calc(100vw / 76 * 31); } }

.grid[data-grid-size="76"] .grid-item--height31 {
  height: calc(100vh / 76 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height31 {
      height: calc(100vw / 76 * 31); } }

.grid[data-grid-size="76"] .grid-item--width32 {
  width: 42.10526%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width32 {
      width: calc(100vw / 76 * 32); } }

.grid[data-grid-size="76"] .grid-item--height32 {
  height: calc(100vh / 76 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height32 {
      height: calc(100vw / 76 * 32); } }

.grid[data-grid-size="76"] .grid-item--width33 {
  width: 43.42105%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width33 {
      width: calc(100vw / 76 * 33); } }

.grid[data-grid-size="76"] .grid-item--height33 {
  height: calc(100vh / 76 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height33 {
      height: calc(100vw / 76 * 33); } }

.grid[data-grid-size="76"] .grid-item--width34 {
  width: 44.73684%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width34 {
      width: calc(100vw / 76 * 34); } }

.grid[data-grid-size="76"] .grid-item--height34 {
  height: calc(100vh / 76 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height34 {
      height: calc(100vw / 76 * 34); } }

.grid[data-grid-size="76"] .grid-item--width35 {
  width: 46.05263%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width35 {
      width: calc(100vw / 76 * 35); } }

.grid[data-grid-size="76"] .grid-item--height35 {
  height: calc(100vh / 76 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height35 {
      height: calc(100vw / 76 * 35); } }

.grid[data-grid-size="76"] .grid-item--width36 {
  width: 47.36842%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width36 {
      width: calc(100vw / 76 * 36); } }

.grid[data-grid-size="76"] .grid-item--height36 {
  height: calc(100vh / 76 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height36 {
      height: calc(100vw / 76 * 36); } }

.grid[data-grid-size="76"] .grid-item--width37 {
  width: 48.68421%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width37 {
      width: calc(100vw / 76 * 37); } }

.grid[data-grid-size="76"] .grid-item--height37 {
  height: calc(100vh / 76 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height37 {
      height: calc(100vw / 76 * 37); } }

.grid[data-grid-size="76"] .grid-item--width38 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width38 {
      width: calc(100vw / 76 * 38); } }

.grid[data-grid-size="76"] .grid-item--height38 {
  height: calc(100vh / 76 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height38 {
      height: calc(100vw / 76 * 38); } }

.grid[data-grid-size="76"] .grid-item--width39 {
  width: 51.31579%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width39 {
      width: calc(100vw / 76 * 39); } }

.grid[data-grid-size="76"] .grid-item--height39 {
  height: calc(100vh / 76 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height39 {
      height: calc(100vw / 76 * 39); } }

.grid[data-grid-size="76"] .grid-item--width40 {
  width: 52.63158%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width40 {
      width: calc(100vw / 76 * 40); } }

.grid[data-grid-size="76"] .grid-item--height40 {
  height: calc(100vh / 76 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height40 {
      height: calc(100vw / 76 * 40); } }

.grid[data-grid-size="76"] .grid-item--width41 {
  width: 53.94737%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width41 {
      width: calc(100vw / 76 * 41); } }

.grid[data-grid-size="76"] .grid-item--height41 {
  height: calc(100vh / 76 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height41 {
      height: calc(100vw / 76 * 41); } }

.grid[data-grid-size="76"] .grid-item--width42 {
  width: 55.26316%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width42 {
      width: calc(100vw / 76 * 42); } }

.grid[data-grid-size="76"] .grid-item--height42 {
  height: calc(100vh / 76 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height42 {
      height: calc(100vw / 76 * 42); } }

.grid[data-grid-size="76"] .grid-item--width43 {
  width: 56.57895%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width43 {
      width: calc(100vw / 76 * 43); } }

.grid[data-grid-size="76"] .grid-item--height43 {
  height: calc(100vh / 76 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height43 {
      height: calc(100vw / 76 * 43); } }

.grid[data-grid-size="76"] .grid-item--width44 {
  width: 57.89474%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width44 {
      width: calc(100vw / 76 * 44); } }

.grid[data-grid-size="76"] .grid-item--height44 {
  height: calc(100vh / 76 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height44 {
      height: calc(100vw / 76 * 44); } }

.grid[data-grid-size="76"] .grid-item--width45 {
  width: 59.21053%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width45 {
      width: calc(100vw / 76 * 45); } }

.grid[data-grid-size="76"] .grid-item--height45 {
  height: calc(100vh / 76 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height45 {
      height: calc(100vw / 76 * 45); } }

.grid[data-grid-size="76"] .grid-item--width46 {
  width: 60.52632%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width46 {
      width: calc(100vw / 76 * 46); } }

.grid[data-grid-size="76"] .grid-item--height46 {
  height: calc(100vh / 76 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height46 {
      height: calc(100vw / 76 * 46); } }

.grid[data-grid-size="76"] .grid-item--width47 {
  width: 61.84211%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width47 {
      width: calc(100vw / 76 * 47); } }

.grid[data-grid-size="76"] .grid-item--height47 {
  height: calc(100vh / 76 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height47 {
      height: calc(100vw / 76 * 47); } }

.grid[data-grid-size="76"] .grid-item--width48 {
  width: 63.15789%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width48 {
      width: calc(100vw / 76 * 48); } }

.grid[data-grid-size="76"] .grid-item--height48 {
  height: calc(100vh / 76 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height48 {
      height: calc(100vw / 76 * 48); } }

.grid[data-grid-size="76"] .grid-item--width49 {
  width: 64.47368%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width49 {
      width: calc(100vw / 76 * 49); } }

.grid[data-grid-size="76"] .grid-item--height49 {
  height: calc(100vh / 76 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height49 {
      height: calc(100vw / 76 * 49); } }

.grid[data-grid-size="76"] .grid-item--width50 {
  width: 65.78947%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width50 {
      width: calc(100vw / 76 * 50); } }

.grid[data-grid-size="76"] .grid-item--height50 {
  height: calc(100vh / 76 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height50 {
      height: calc(100vw / 76 * 50); } }

.grid[data-grid-size="76"] .grid-item--width51 {
  width: 67.10526%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width51 {
      width: calc(100vw / 76 * 51); } }

.grid[data-grid-size="76"] .grid-item--height51 {
  height: calc(100vh / 76 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height51 {
      height: calc(100vw / 76 * 51); } }

.grid[data-grid-size="76"] .grid-item--width52 {
  width: 68.42105%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width52 {
      width: calc(100vw / 76 * 52); } }

.grid[data-grid-size="76"] .grid-item--height52 {
  height: calc(100vh / 76 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height52 {
      height: calc(100vw / 76 * 52); } }

.grid[data-grid-size="76"] .grid-item--width53 {
  width: 69.73684%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width53 {
      width: calc(100vw / 76 * 53); } }

.grid[data-grid-size="76"] .grid-item--height53 {
  height: calc(100vh / 76 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height53 {
      height: calc(100vw / 76 * 53); } }

.grid[data-grid-size="76"] .grid-item--width54 {
  width: 71.05263%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width54 {
      width: calc(100vw / 76 * 54); } }

.grid[data-grid-size="76"] .grid-item--height54 {
  height: calc(100vh / 76 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height54 {
      height: calc(100vw / 76 * 54); } }

.grid[data-grid-size="76"] .grid-item--width55 {
  width: 72.36842%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width55 {
      width: calc(100vw / 76 * 55); } }

.grid[data-grid-size="76"] .grid-item--height55 {
  height: calc(100vh / 76 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height55 {
      height: calc(100vw / 76 * 55); } }

.grid[data-grid-size="76"] .grid-item--width56 {
  width: 73.68421%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width56 {
      width: calc(100vw / 76 * 56); } }

.grid[data-grid-size="76"] .grid-item--height56 {
  height: calc(100vh / 76 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height56 {
      height: calc(100vw / 76 * 56); } }

.grid[data-grid-size="76"] .grid-item--width57 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width57 {
      width: calc(100vw / 76 * 57); } }

.grid[data-grid-size="76"] .grid-item--height57 {
  height: calc(100vh / 76 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height57 {
      height: calc(100vw / 76 * 57); } }

.grid[data-grid-size="76"] .grid-item--width58 {
  width: 76.31579%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width58 {
      width: calc(100vw / 76 * 58); } }

.grid[data-grid-size="76"] .grid-item--height58 {
  height: calc(100vh / 76 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height58 {
      height: calc(100vw / 76 * 58); } }

.grid[data-grid-size="76"] .grid-item--width59 {
  width: 77.63158%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width59 {
      width: calc(100vw / 76 * 59); } }

.grid[data-grid-size="76"] .grid-item--height59 {
  height: calc(100vh / 76 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height59 {
      height: calc(100vw / 76 * 59); } }

.grid[data-grid-size="76"] .grid-item--width60 {
  width: 78.94737%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width60 {
      width: calc(100vw / 76 * 60); } }

.grid[data-grid-size="76"] .grid-item--height60 {
  height: calc(100vh / 76 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height60 {
      height: calc(100vw / 76 * 60); } }

.grid[data-grid-size="76"] .grid-item--width61 {
  width: 80.26316%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width61 {
      width: calc(100vw / 76 * 61); } }

.grid[data-grid-size="76"] .grid-item--height61 {
  height: calc(100vh / 76 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height61 {
      height: calc(100vw / 76 * 61); } }

.grid[data-grid-size="76"] .grid-item--width62 {
  width: 81.57895%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width62 {
      width: calc(100vw / 76 * 62); } }

.grid[data-grid-size="76"] .grid-item--height62 {
  height: calc(100vh / 76 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height62 {
      height: calc(100vw / 76 * 62); } }

.grid[data-grid-size="76"] .grid-item--width63 {
  width: 82.89474%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width63 {
      width: calc(100vw / 76 * 63); } }

.grid[data-grid-size="76"] .grid-item--height63 {
  height: calc(100vh / 76 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height63 {
      height: calc(100vw / 76 * 63); } }

.grid[data-grid-size="76"] .grid-item--width64 {
  width: 84.21053%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width64 {
      width: calc(100vw / 76 * 64); } }

.grid[data-grid-size="76"] .grid-item--height64 {
  height: calc(100vh / 76 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height64 {
      height: calc(100vw / 76 * 64); } }

.grid[data-grid-size="76"] .grid-item--width65 {
  width: 85.52632%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width65 {
      width: calc(100vw / 76 * 65); } }

.grid[data-grid-size="76"] .grid-item--height65 {
  height: calc(100vh / 76 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height65 {
      height: calc(100vw / 76 * 65); } }

.grid[data-grid-size="76"] .grid-item--width66 {
  width: 86.84211%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width66 {
      width: calc(100vw / 76 * 66); } }

.grid[data-grid-size="76"] .grid-item--height66 {
  height: calc(100vh / 76 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height66 {
      height: calc(100vw / 76 * 66); } }

.grid[data-grid-size="76"] .grid-item--width67 {
  width: 88.15789%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width67 {
      width: calc(100vw / 76 * 67); } }

.grid[data-grid-size="76"] .grid-item--height67 {
  height: calc(100vh / 76 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height67 {
      height: calc(100vw / 76 * 67); } }

.grid[data-grid-size="76"] .grid-item--width68 {
  width: 89.47368%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width68 {
      width: calc(100vw / 76 * 68); } }

.grid[data-grid-size="76"] .grid-item--height68 {
  height: calc(100vh / 76 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height68 {
      height: calc(100vw / 76 * 68); } }

.grid[data-grid-size="76"] .grid-item--width69 {
  width: 90.78947%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width69 {
      width: calc(100vw / 76 * 69); } }

.grid[data-grid-size="76"] .grid-item--height69 {
  height: calc(100vh / 76 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height69 {
      height: calc(100vw / 76 * 69); } }

.grid[data-grid-size="76"] .grid-item--width70 {
  width: 92.10526%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width70 {
      width: calc(100vw / 76 * 70); } }

.grid[data-grid-size="76"] .grid-item--height70 {
  height: calc(100vh / 76 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height70 {
      height: calc(100vw / 76 * 70); } }

.grid[data-grid-size="76"] .grid-item--width71 {
  width: 93.42105%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width71 {
      width: calc(100vw / 76 * 71); } }

.grid[data-grid-size="76"] .grid-item--height71 {
  height: calc(100vh / 76 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height71 {
      height: calc(100vw / 76 * 71); } }

.grid[data-grid-size="76"] .grid-item--width72 {
  width: 94.73684%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width72 {
      width: calc(100vw / 76 * 72); } }

.grid[data-grid-size="76"] .grid-item--height72 {
  height: calc(100vh / 76 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height72 {
      height: calc(100vw / 76 * 72); } }

.grid[data-grid-size="76"] .grid-item--width73 {
  width: 96.05263%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width73 {
      width: calc(100vw / 76 * 73); } }

.grid[data-grid-size="76"] .grid-item--height73 {
  height: calc(100vh / 76 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height73 {
      height: calc(100vw / 76 * 73); } }

.grid[data-grid-size="76"] .grid-item--width74 {
  width: 97.36842%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width74 {
      width: calc(100vw / 76 * 74); } }

.grid[data-grid-size="76"] .grid-item--height74 {
  height: calc(100vh / 76 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height74 {
      height: calc(100vw / 76 * 74); } }

.grid[data-grid-size="76"] .grid-item--width75 {
  width: 98.68421%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width75 {
      width: calc(100vw / 76 * 75); } }

.grid[data-grid-size="76"] .grid-item--height75 {
  height: calc(100vh / 76 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height75 {
      height: calc(100vw / 76 * 75); } }

.grid[data-grid-size="76"] .grid-item--width76 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--width76 {
      width: calc(100vw / 76 * 76); } }

.grid[data-grid-size="76"] .grid-item--height76 {
  height: calc(100vh / 76 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="76"] .grid-item--height76 {
      height: calc(100vw / 76 * 76); } }

.grid[data-grid-size="77"] .grid-sizer, .grid[data-grid-size="77"] .grid-item {
  width: 1.2987%; }

.grid[data-grid-size="77"] .grid-item--width1 {
  width: 1.2987%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width1 {
      width: calc(100vw / 77 * 1); } }

.grid[data-grid-size="77"] .grid-item--height1 {
  height: calc(100vh / 77 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height1 {
      height: calc(100vw / 77 * 1); } }

.grid[data-grid-size="77"] .grid-item--width2 {
  width: 2.5974%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width2 {
      width: calc(100vw / 77 * 2); } }

.grid[data-grid-size="77"] .grid-item--height2 {
  height: calc(100vh / 77 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height2 {
      height: calc(100vw / 77 * 2); } }

.grid[data-grid-size="77"] .grid-item--width3 {
  width: 3.8961%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width3 {
      width: calc(100vw / 77 * 3); } }

.grid[data-grid-size="77"] .grid-item--height3 {
  height: calc(100vh / 77 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height3 {
      height: calc(100vw / 77 * 3); } }

.grid[data-grid-size="77"] .grid-item--width4 {
  width: 5.19481%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width4 {
      width: calc(100vw / 77 * 4); } }

.grid[data-grid-size="77"] .grid-item--height4 {
  height: calc(100vh / 77 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height4 {
      height: calc(100vw / 77 * 4); } }

.grid[data-grid-size="77"] .grid-item--width5 {
  width: 6.49351%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width5 {
      width: calc(100vw / 77 * 5); } }

.grid[data-grid-size="77"] .grid-item--height5 {
  height: calc(100vh / 77 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height5 {
      height: calc(100vw / 77 * 5); } }

.grid[data-grid-size="77"] .grid-item--width6 {
  width: 7.79221%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width6 {
      width: calc(100vw / 77 * 6); } }

.grid[data-grid-size="77"] .grid-item--height6 {
  height: calc(100vh / 77 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height6 {
      height: calc(100vw / 77 * 6); } }

.grid[data-grid-size="77"] .grid-item--width7 {
  width: 9.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width7 {
      width: calc(100vw / 77 * 7); } }

.grid[data-grid-size="77"] .grid-item--height7 {
  height: calc(100vh / 77 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height7 {
      height: calc(100vw / 77 * 7); } }

.grid[data-grid-size="77"] .grid-item--width8 {
  width: 10.38961%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width8 {
      width: calc(100vw / 77 * 8); } }

.grid[data-grid-size="77"] .grid-item--height8 {
  height: calc(100vh / 77 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height8 {
      height: calc(100vw / 77 * 8); } }

.grid[data-grid-size="77"] .grid-item--width9 {
  width: 11.68831%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width9 {
      width: calc(100vw / 77 * 9); } }

.grid[data-grid-size="77"] .grid-item--height9 {
  height: calc(100vh / 77 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height9 {
      height: calc(100vw / 77 * 9); } }

.grid[data-grid-size="77"] .grid-item--width10 {
  width: 12.98701%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width10 {
      width: calc(100vw / 77 * 10); } }

.grid[data-grid-size="77"] .grid-item--height10 {
  height: calc(100vh / 77 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height10 {
      height: calc(100vw / 77 * 10); } }

.grid[data-grid-size="77"] .grid-item--width11 {
  width: 14.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width11 {
      width: calc(100vw / 77 * 11); } }

.grid[data-grid-size="77"] .grid-item--height11 {
  height: calc(100vh / 77 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height11 {
      height: calc(100vw / 77 * 11); } }

.grid[data-grid-size="77"] .grid-item--width12 {
  width: 15.58442%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width12 {
      width: calc(100vw / 77 * 12); } }

.grid[data-grid-size="77"] .grid-item--height12 {
  height: calc(100vh / 77 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height12 {
      height: calc(100vw / 77 * 12); } }

.grid[data-grid-size="77"] .grid-item--width13 {
  width: 16.88312%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width13 {
      width: calc(100vw / 77 * 13); } }

.grid[data-grid-size="77"] .grid-item--height13 {
  height: calc(100vh / 77 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height13 {
      height: calc(100vw / 77 * 13); } }

.grid[data-grid-size="77"] .grid-item--width14 {
  width: 18.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width14 {
      width: calc(100vw / 77 * 14); } }

.grid[data-grid-size="77"] .grid-item--height14 {
  height: calc(100vh / 77 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height14 {
      height: calc(100vw / 77 * 14); } }

.grid[data-grid-size="77"] .grid-item--width15 {
  width: 19.48052%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width15 {
      width: calc(100vw / 77 * 15); } }

.grid[data-grid-size="77"] .grid-item--height15 {
  height: calc(100vh / 77 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height15 {
      height: calc(100vw / 77 * 15); } }

.grid[data-grid-size="77"] .grid-item--width16 {
  width: 20.77922%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width16 {
      width: calc(100vw / 77 * 16); } }

.grid[data-grid-size="77"] .grid-item--height16 {
  height: calc(100vh / 77 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height16 {
      height: calc(100vw / 77 * 16); } }

.grid[data-grid-size="77"] .grid-item--width17 {
  width: 22.07792%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width17 {
      width: calc(100vw / 77 * 17); } }

.grid[data-grid-size="77"] .grid-item--height17 {
  height: calc(100vh / 77 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height17 {
      height: calc(100vw / 77 * 17); } }

.grid[data-grid-size="77"] .grid-item--width18 {
  width: 23.37662%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width18 {
      width: calc(100vw / 77 * 18); } }

.grid[data-grid-size="77"] .grid-item--height18 {
  height: calc(100vh / 77 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height18 {
      height: calc(100vw / 77 * 18); } }

.grid[data-grid-size="77"] .grid-item--width19 {
  width: 24.67532%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width19 {
      width: calc(100vw / 77 * 19); } }

.grid[data-grid-size="77"] .grid-item--height19 {
  height: calc(100vh / 77 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height19 {
      height: calc(100vw / 77 * 19); } }

.grid[data-grid-size="77"] .grid-item--width20 {
  width: 25.97403%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width20 {
      width: calc(100vw / 77 * 20); } }

.grid[data-grid-size="77"] .grid-item--height20 {
  height: calc(100vh / 77 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height20 {
      height: calc(100vw / 77 * 20); } }

.grid[data-grid-size="77"] .grid-item--width21 {
  width: 27.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width21 {
      width: calc(100vw / 77 * 21); } }

.grid[data-grid-size="77"] .grid-item--height21 {
  height: calc(100vh / 77 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height21 {
      height: calc(100vw / 77 * 21); } }

.grid[data-grid-size="77"] .grid-item--width22 {
  width: 28.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width22 {
      width: calc(100vw / 77 * 22); } }

.grid[data-grid-size="77"] .grid-item--height22 {
  height: calc(100vh / 77 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height22 {
      height: calc(100vw / 77 * 22); } }

.grid[data-grid-size="77"] .grid-item--width23 {
  width: 29.87013%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width23 {
      width: calc(100vw / 77 * 23); } }

.grid[data-grid-size="77"] .grid-item--height23 {
  height: calc(100vh / 77 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height23 {
      height: calc(100vw / 77 * 23); } }

.grid[data-grid-size="77"] .grid-item--width24 {
  width: 31.16883%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width24 {
      width: calc(100vw / 77 * 24); } }

.grid[data-grid-size="77"] .grid-item--height24 {
  height: calc(100vh / 77 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height24 {
      height: calc(100vw / 77 * 24); } }

.grid[data-grid-size="77"] .grid-item--width25 {
  width: 32.46753%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width25 {
      width: calc(100vw / 77 * 25); } }

.grid[data-grid-size="77"] .grid-item--height25 {
  height: calc(100vh / 77 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height25 {
      height: calc(100vw / 77 * 25); } }

.grid[data-grid-size="77"] .grid-item--width26 {
  width: 33.76623%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width26 {
      width: calc(100vw / 77 * 26); } }

.grid[data-grid-size="77"] .grid-item--height26 {
  height: calc(100vh / 77 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height26 {
      height: calc(100vw / 77 * 26); } }

.grid[data-grid-size="77"] .grid-item--width27 {
  width: 35.06494%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width27 {
      width: calc(100vw / 77 * 27); } }

.grid[data-grid-size="77"] .grid-item--height27 {
  height: calc(100vh / 77 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height27 {
      height: calc(100vw / 77 * 27); } }

.grid[data-grid-size="77"] .grid-item--width28 {
  width: 36.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width28 {
      width: calc(100vw / 77 * 28); } }

.grid[data-grid-size="77"] .grid-item--height28 {
  height: calc(100vh / 77 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height28 {
      height: calc(100vw / 77 * 28); } }

.grid[data-grid-size="77"] .grid-item--width29 {
  width: 37.66234%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width29 {
      width: calc(100vw / 77 * 29); } }

.grid[data-grid-size="77"] .grid-item--height29 {
  height: calc(100vh / 77 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height29 {
      height: calc(100vw / 77 * 29); } }

.grid[data-grid-size="77"] .grid-item--width30 {
  width: 38.96104%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width30 {
      width: calc(100vw / 77 * 30); } }

.grid[data-grid-size="77"] .grid-item--height30 {
  height: calc(100vh / 77 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height30 {
      height: calc(100vw / 77 * 30); } }

.grid[data-grid-size="77"] .grid-item--width31 {
  width: 40.25974%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width31 {
      width: calc(100vw / 77 * 31); } }

.grid[data-grid-size="77"] .grid-item--height31 {
  height: calc(100vh / 77 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height31 {
      height: calc(100vw / 77 * 31); } }

.grid[data-grid-size="77"] .grid-item--width32 {
  width: 41.55844%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width32 {
      width: calc(100vw / 77 * 32); } }

.grid[data-grid-size="77"] .grid-item--height32 {
  height: calc(100vh / 77 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height32 {
      height: calc(100vw / 77 * 32); } }

.grid[data-grid-size="77"] .grid-item--width33 {
  width: 42.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width33 {
      width: calc(100vw / 77 * 33); } }

.grid[data-grid-size="77"] .grid-item--height33 {
  height: calc(100vh / 77 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height33 {
      height: calc(100vw / 77 * 33); } }

.grid[data-grid-size="77"] .grid-item--width34 {
  width: 44.15584%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width34 {
      width: calc(100vw / 77 * 34); } }

.grid[data-grid-size="77"] .grid-item--height34 {
  height: calc(100vh / 77 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height34 {
      height: calc(100vw / 77 * 34); } }

.grid[data-grid-size="77"] .grid-item--width35 {
  width: 45.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width35 {
      width: calc(100vw / 77 * 35); } }

.grid[data-grid-size="77"] .grid-item--height35 {
  height: calc(100vh / 77 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height35 {
      height: calc(100vw / 77 * 35); } }

.grid[data-grid-size="77"] .grid-item--width36 {
  width: 46.75325%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width36 {
      width: calc(100vw / 77 * 36); } }

.grid[data-grid-size="77"] .grid-item--height36 {
  height: calc(100vh / 77 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height36 {
      height: calc(100vw / 77 * 36); } }

.grid[data-grid-size="77"] .grid-item--width37 {
  width: 48.05195%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width37 {
      width: calc(100vw / 77 * 37); } }

.grid[data-grid-size="77"] .grid-item--height37 {
  height: calc(100vh / 77 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height37 {
      height: calc(100vw / 77 * 37); } }

.grid[data-grid-size="77"] .grid-item--width38 {
  width: 49.35065%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width38 {
      width: calc(100vw / 77 * 38); } }

.grid[data-grid-size="77"] .grid-item--height38 {
  height: calc(100vh / 77 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height38 {
      height: calc(100vw / 77 * 38); } }

.grid[data-grid-size="77"] .grid-item--width39 {
  width: 50.64935%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width39 {
      width: calc(100vw / 77 * 39); } }

.grid[data-grid-size="77"] .grid-item--height39 {
  height: calc(100vh / 77 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height39 {
      height: calc(100vw / 77 * 39); } }

.grid[data-grid-size="77"] .grid-item--width40 {
  width: 51.94805%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width40 {
      width: calc(100vw / 77 * 40); } }

.grid[data-grid-size="77"] .grid-item--height40 {
  height: calc(100vh / 77 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height40 {
      height: calc(100vw / 77 * 40); } }

.grid[data-grid-size="77"] .grid-item--width41 {
  width: 53.24675%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width41 {
      width: calc(100vw / 77 * 41); } }

.grid[data-grid-size="77"] .grid-item--height41 {
  height: calc(100vh / 77 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height41 {
      height: calc(100vw / 77 * 41); } }

.grid[data-grid-size="77"] .grid-item--width42 {
  width: 54.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width42 {
      width: calc(100vw / 77 * 42); } }

.grid[data-grid-size="77"] .grid-item--height42 {
  height: calc(100vh / 77 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height42 {
      height: calc(100vw / 77 * 42); } }

.grid[data-grid-size="77"] .grid-item--width43 {
  width: 55.84416%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width43 {
      width: calc(100vw / 77 * 43); } }

.grid[data-grid-size="77"] .grid-item--height43 {
  height: calc(100vh / 77 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height43 {
      height: calc(100vw / 77 * 43); } }

.grid[data-grid-size="77"] .grid-item--width44 {
  width: 57.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width44 {
      width: calc(100vw / 77 * 44); } }

.grid[data-grid-size="77"] .grid-item--height44 {
  height: calc(100vh / 77 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height44 {
      height: calc(100vw / 77 * 44); } }

.grid[data-grid-size="77"] .grid-item--width45 {
  width: 58.44156%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width45 {
      width: calc(100vw / 77 * 45); } }

.grid[data-grid-size="77"] .grid-item--height45 {
  height: calc(100vh / 77 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height45 {
      height: calc(100vw / 77 * 45); } }

.grid[data-grid-size="77"] .grid-item--width46 {
  width: 59.74026%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width46 {
      width: calc(100vw / 77 * 46); } }

.grid[data-grid-size="77"] .grid-item--height46 {
  height: calc(100vh / 77 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height46 {
      height: calc(100vw / 77 * 46); } }

.grid[data-grid-size="77"] .grid-item--width47 {
  width: 61.03896%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width47 {
      width: calc(100vw / 77 * 47); } }

.grid[data-grid-size="77"] .grid-item--height47 {
  height: calc(100vh / 77 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height47 {
      height: calc(100vw / 77 * 47); } }

.grid[data-grid-size="77"] .grid-item--width48 {
  width: 62.33766%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width48 {
      width: calc(100vw / 77 * 48); } }

.grid[data-grid-size="77"] .grid-item--height48 {
  height: calc(100vh / 77 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height48 {
      height: calc(100vw / 77 * 48); } }

.grid[data-grid-size="77"] .grid-item--width49 {
  width: 63.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width49 {
      width: calc(100vw / 77 * 49); } }

.grid[data-grid-size="77"] .grid-item--height49 {
  height: calc(100vh / 77 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height49 {
      height: calc(100vw / 77 * 49); } }

.grid[data-grid-size="77"] .grid-item--width50 {
  width: 64.93506%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width50 {
      width: calc(100vw / 77 * 50); } }

.grid[data-grid-size="77"] .grid-item--height50 {
  height: calc(100vh / 77 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height50 {
      height: calc(100vw / 77 * 50); } }

.grid[data-grid-size="77"] .grid-item--width51 {
  width: 66.23377%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width51 {
      width: calc(100vw / 77 * 51); } }

.grid[data-grid-size="77"] .grid-item--height51 {
  height: calc(100vh / 77 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height51 {
      height: calc(100vw / 77 * 51); } }

.grid[data-grid-size="77"] .grid-item--width52 {
  width: 67.53247%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width52 {
      width: calc(100vw / 77 * 52); } }

.grid[data-grid-size="77"] .grid-item--height52 {
  height: calc(100vh / 77 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height52 {
      height: calc(100vw / 77 * 52); } }

.grid[data-grid-size="77"] .grid-item--width53 {
  width: 68.83117%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width53 {
      width: calc(100vw / 77 * 53); } }

.grid[data-grid-size="77"] .grid-item--height53 {
  height: calc(100vh / 77 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height53 {
      height: calc(100vw / 77 * 53); } }

.grid[data-grid-size="77"] .grid-item--width54 {
  width: 70.12987%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width54 {
      width: calc(100vw / 77 * 54); } }

.grid[data-grid-size="77"] .grid-item--height54 {
  height: calc(100vh / 77 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height54 {
      height: calc(100vw / 77 * 54); } }

.grid[data-grid-size="77"] .grid-item--width55 {
  width: 71.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width55 {
      width: calc(100vw / 77 * 55); } }

.grid[data-grid-size="77"] .grid-item--height55 {
  height: calc(100vh / 77 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height55 {
      height: calc(100vw / 77 * 55); } }

.grid[data-grid-size="77"] .grid-item--width56 {
  width: 72.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width56 {
      width: calc(100vw / 77 * 56); } }

.grid[data-grid-size="77"] .grid-item--height56 {
  height: calc(100vh / 77 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height56 {
      height: calc(100vw / 77 * 56); } }

.grid[data-grid-size="77"] .grid-item--width57 {
  width: 74.02597%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width57 {
      width: calc(100vw / 77 * 57); } }

.grid[data-grid-size="77"] .grid-item--height57 {
  height: calc(100vh / 77 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height57 {
      height: calc(100vw / 77 * 57); } }

.grid[data-grid-size="77"] .grid-item--width58 {
  width: 75.32468%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width58 {
      width: calc(100vw / 77 * 58); } }

.grid[data-grid-size="77"] .grid-item--height58 {
  height: calc(100vh / 77 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height58 {
      height: calc(100vw / 77 * 58); } }

.grid[data-grid-size="77"] .grid-item--width59 {
  width: 76.62338%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width59 {
      width: calc(100vw / 77 * 59); } }

.grid[data-grid-size="77"] .grid-item--height59 {
  height: calc(100vh / 77 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height59 {
      height: calc(100vw / 77 * 59); } }

.grid[data-grid-size="77"] .grid-item--width60 {
  width: 77.92208%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width60 {
      width: calc(100vw / 77 * 60); } }

.grid[data-grid-size="77"] .grid-item--height60 {
  height: calc(100vh / 77 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height60 {
      height: calc(100vw / 77 * 60); } }

.grid[data-grid-size="77"] .grid-item--width61 {
  width: 79.22078%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width61 {
      width: calc(100vw / 77 * 61); } }

.grid[data-grid-size="77"] .grid-item--height61 {
  height: calc(100vh / 77 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height61 {
      height: calc(100vw / 77 * 61); } }

.grid[data-grid-size="77"] .grid-item--width62 {
  width: 80.51948%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width62 {
      width: calc(100vw / 77 * 62); } }

.grid[data-grid-size="77"] .grid-item--height62 {
  height: calc(100vh / 77 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height62 {
      height: calc(100vw / 77 * 62); } }

.grid[data-grid-size="77"] .grid-item--width63 {
  width: 81.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width63 {
      width: calc(100vw / 77 * 63); } }

.grid[data-grid-size="77"] .grid-item--height63 {
  height: calc(100vh / 77 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height63 {
      height: calc(100vw / 77 * 63); } }

.grid[data-grid-size="77"] .grid-item--width64 {
  width: 83.11688%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width64 {
      width: calc(100vw / 77 * 64); } }

.grid[data-grid-size="77"] .grid-item--height64 {
  height: calc(100vh / 77 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height64 {
      height: calc(100vw / 77 * 64); } }

.grid[data-grid-size="77"] .grid-item--width65 {
  width: 84.41558%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width65 {
      width: calc(100vw / 77 * 65); } }

.grid[data-grid-size="77"] .grid-item--height65 {
  height: calc(100vh / 77 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height65 {
      height: calc(100vw / 77 * 65); } }

.grid[data-grid-size="77"] .grid-item--width66 {
  width: 85.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width66 {
      width: calc(100vw / 77 * 66); } }

.grid[data-grid-size="77"] .grid-item--height66 {
  height: calc(100vh / 77 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height66 {
      height: calc(100vw / 77 * 66); } }

.grid[data-grid-size="77"] .grid-item--width67 {
  width: 87.01299%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width67 {
      width: calc(100vw / 77 * 67); } }

.grid[data-grid-size="77"] .grid-item--height67 {
  height: calc(100vh / 77 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height67 {
      height: calc(100vw / 77 * 67); } }

.grid[data-grid-size="77"] .grid-item--width68 {
  width: 88.31169%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width68 {
      width: calc(100vw / 77 * 68); } }

.grid[data-grid-size="77"] .grid-item--height68 {
  height: calc(100vh / 77 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height68 {
      height: calc(100vw / 77 * 68); } }

.grid[data-grid-size="77"] .grid-item--width69 {
  width: 89.61039%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width69 {
      width: calc(100vw / 77 * 69); } }

.grid[data-grid-size="77"] .grid-item--height69 {
  height: calc(100vh / 77 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height69 {
      height: calc(100vw / 77 * 69); } }

.grid[data-grid-size="77"] .grid-item--width70 {
  width: 90.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width70 {
      width: calc(100vw / 77 * 70); } }

.grid[data-grid-size="77"] .grid-item--height70 {
  height: calc(100vh / 77 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height70 {
      height: calc(100vw / 77 * 70); } }

.grid[data-grid-size="77"] .grid-item--width71 {
  width: 92.20779%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width71 {
      width: calc(100vw / 77 * 71); } }

.grid[data-grid-size="77"] .grid-item--height71 {
  height: calc(100vh / 77 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height71 {
      height: calc(100vw / 77 * 71); } }

.grid[data-grid-size="77"] .grid-item--width72 {
  width: 93.50649%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width72 {
      width: calc(100vw / 77 * 72); } }

.grid[data-grid-size="77"] .grid-item--height72 {
  height: calc(100vh / 77 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height72 {
      height: calc(100vw / 77 * 72); } }

.grid[data-grid-size="77"] .grid-item--width73 {
  width: 94.80519%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width73 {
      width: calc(100vw / 77 * 73); } }

.grid[data-grid-size="77"] .grid-item--height73 {
  height: calc(100vh / 77 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height73 {
      height: calc(100vw / 77 * 73); } }

.grid[data-grid-size="77"] .grid-item--width74 {
  width: 96.1039%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width74 {
      width: calc(100vw / 77 * 74); } }

.grid[data-grid-size="77"] .grid-item--height74 {
  height: calc(100vh / 77 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height74 {
      height: calc(100vw / 77 * 74); } }

.grid[data-grid-size="77"] .grid-item--width75 {
  width: 97.4026%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width75 {
      width: calc(100vw / 77 * 75); } }

.grid[data-grid-size="77"] .grid-item--height75 {
  height: calc(100vh / 77 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height75 {
      height: calc(100vw / 77 * 75); } }

.grid[data-grid-size="77"] .grid-item--width76 {
  width: 98.7013%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width76 {
      width: calc(100vw / 77 * 76); } }

.grid[data-grid-size="77"] .grid-item--height76 {
  height: calc(100vh / 77 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height76 {
      height: calc(100vw / 77 * 76); } }

.grid[data-grid-size="77"] .grid-item--width77 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--width77 {
      width: calc(100vw / 77 * 77); } }

.grid[data-grid-size="77"] .grid-item--height77 {
  height: calc(100vh / 77 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="77"] .grid-item--height77 {
      height: calc(100vw / 77 * 77); } }

.grid[data-grid-size="78"] .grid-sizer, .grid[data-grid-size="78"] .grid-item {
  width: 1.28205%; }

.grid[data-grid-size="78"] .grid-item--width1 {
  width: 1.28205%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width1 {
      width: calc(100vw / 78 * 1); } }

.grid[data-grid-size="78"] .grid-item--height1 {
  height: calc(100vh / 78 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height1 {
      height: calc(100vw / 78 * 1); } }

.grid[data-grid-size="78"] .grid-item--width2 {
  width: 2.5641%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width2 {
      width: calc(100vw / 78 * 2); } }

.grid[data-grid-size="78"] .grid-item--height2 {
  height: calc(100vh / 78 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height2 {
      height: calc(100vw / 78 * 2); } }

.grid[data-grid-size="78"] .grid-item--width3 {
  width: 3.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width3 {
      width: calc(100vw / 78 * 3); } }

.grid[data-grid-size="78"] .grid-item--height3 {
  height: calc(100vh / 78 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height3 {
      height: calc(100vw / 78 * 3); } }

.grid[data-grid-size="78"] .grid-item--width4 {
  width: 5.12821%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width4 {
      width: calc(100vw / 78 * 4); } }

.grid[data-grid-size="78"] .grid-item--height4 {
  height: calc(100vh / 78 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height4 {
      height: calc(100vw / 78 * 4); } }

.grid[data-grid-size="78"] .grid-item--width5 {
  width: 6.41026%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width5 {
      width: calc(100vw / 78 * 5); } }

.grid[data-grid-size="78"] .grid-item--height5 {
  height: calc(100vh / 78 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height5 {
      height: calc(100vw / 78 * 5); } }

.grid[data-grid-size="78"] .grid-item--width6 {
  width: 7.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width6 {
      width: calc(100vw / 78 * 6); } }

.grid[data-grid-size="78"] .grid-item--height6 {
  height: calc(100vh / 78 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height6 {
      height: calc(100vw / 78 * 6); } }

.grid[data-grid-size="78"] .grid-item--width7 {
  width: 8.97436%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width7 {
      width: calc(100vw / 78 * 7); } }

.grid[data-grid-size="78"] .grid-item--height7 {
  height: calc(100vh / 78 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height7 {
      height: calc(100vw / 78 * 7); } }

.grid[data-grid-size="78"] .grid-item--width8 {
  width: 10.25641%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width8 {
      width: calc(100vw / 78 * 8); } }

.grid[data-grid-size="78"] .grid-item--height8 {
  height: calc(100vh / 78 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height8 {
      height: calc(100vw / 78 * 8); } }

.grid[data-grid-size="78"] .grid-item--width9 {
  width: 11.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width9 {
      width: calc(100vw / 78 * 9); } }

.grid[data-grid-size="78"] .grid-item--height9 {
  height: calc(100vh / 78 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height9 {
      height: calc(100vw / 78 * 9); } }

.grid[data-grid-size="78"] .grid-item--width10 {
  width: 12.82051%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width10 {
      width: calc(100vw / 78 * 10); } }

.grid[data-grid-size="78"] .grid-item--height10 {
  height: calc(100vh / 78 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height10 {
      height: calc(100vw / 78 * 10); } }

.grid[data-grid-size="78"] .grid-item--width11 {
  width: 14.10256%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width11 {
      width: calc(100vw / 78 * 11); } }

.grid[data-grid-size="78"] .grid-item--height11 {
  height: calc(100vh / 78 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height11 {
      height: calc(100vw / 78 * 11); } }

.grid[data-grid-size="78"] .grid-item--width12 {
  width: 15.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width12 {
      width: calc(100vw / 78 * 12); } }

.grid[data-grid-size="78"] .grid-item--height12 {
  height: calc(100vh / 78 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height12 {
      height: calc(100vw / 78 * 12); } }

.grid[data-grid-size="78"] .grid-item--width13 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width13 {
      width: calc(100vw / 78 * 13); } }

.grid[data-grid-size="78"] .grid-item--height13 {
  height: calc(100vh / 78 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height13 {
      height: calc(100vw / 78 * 13); } }

.grid[data-grid-size="78"] .grid-item--width14 {
  width: 17.94872%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width14 {
      width: calc(100vw / 78 * 14); } }

.grid[data-grid-size="78"] .grid-item--height14 {
  height: calc(100vh / 78 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height14 {
      height: calc(100vw / 78 * 14); } }

.grid[data-grid-size="78"] .grid-item--width15 {
  width: 19.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width15 {
      width: calc(100vw / 78 * 15); } }

.grid[data-grid-size="78"] .grid-item--height15 {
  height: calc(100vh / 78 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height15 {
      height: calc(100vw / 78 * 15); } }

.grid[data-grid-size="78"] .grid-item--width16 {
  width: 20.51282%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width16 {
      width: calc(100vw / 78 * 16); } }

.grid[data-grid-size="78"] .grid-item--height16 {
  height: calc(100vh / 78 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height16 {
      height: calc(100vw / 78 * 16); } }

.grid[data-grid-size="78"] .grid-item--width17 {
  width: 21.79487%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width17 {
      width: calc(100vw / 78 * 17); } }

.grid[data-grid-size="78"] .grid-item--height17 {
  height: calc(100vh / 78 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height17 {
      height: calc(100vw / 78 * 17); } }

.grid[data-grid-size="78"] .grid-item--width18 {
  width: 23.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width18 {
      width: calc(100vw / 78 * 18); } }

.grid[data-grid-size="78"] .grid-item--height18 {
  height: calc(100vh / 78 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height18 {
      height: calc(100vw / 78 * 18); } }

.grid[data-grid-size="78"] .grid-item--width19 {
  width: 24.35897%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width19 {
      width: calc(100vw / 78 * 19); } }

.grid[data-grid-size="78"] .grid-item--height19 {
  height: calc(100vh / 78 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height19 {
      height: calc(100vw / 78 * 19); } }

.grid[data-grid-size="78"] .grid-item--width20 {
  width: 25.64103%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width20 {
      width: calc(100vw / 78 * 20); } }

.grid[data-grid-size="78"] .grid-item--height20 {
  height: calc(100vh / 78 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height20 {
      height: calc(100vw / 78 * 20); } }

.grid[data-grid-size="78"] .grid-item--width21 {
  width: 26.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width21 {
      width: calc(100vw / 78 * 21); } }

.grid[data-grid-size="78"] .grid-item--height21 {
  height: calc(100vh / 78 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height21 {
      height: calc(100vw / 78 * 21); } }

.grid[data-grid-size="78"] .grid-item--width22 {
  width: 28.20513%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width22 {
      width: calc(100vw / 78 * 22); } }

.grid[data-grid-size="78"] .grid-item--height22 {
  height: calc(100vh / 78 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height22 {
      height: calc(100vw / 78 * 22); } }

.grid[data-grid-size="78"] .grid-item--width23 {
  width: 29.48718%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width23 {
      width: calc(100vw / 78 * 23); } }

.grid[data-grid-size="78"] .grid-item--height23 {
  height: calc(100vh / 78 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height23 {
      height: calc(100vw / 78 * 23); } }

.grid[data-grid-size="78"] .grid-item--width24 {
  width: 30.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width24 {
      width: calc(100vw / 78 * 24); } }

.grid[data-grid-size="78"] .grid-item--height24 {
  height: calc(100vh / 78 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height24 {
      height: calc(100vw / 78 * 24); } }

.grid[data-grid-size="78"] .grid-item--width25 {
  width: 32.05128%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width25 {
      width: calc(100vw / 78 * 25); } }

.grid[data-grid-size="78"] .grid-item--height25 {
  height: calc(100vh / 78 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height25 {
      height: calc(100vw / 78 * 25); } }

.grid[data-grid-size="78"] .grid-item--width26 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width26 {
      width: calc(100vw / 78 * 26); } }

.grid[data-grid-size="78"] .grid-item--height26 {
  height: calc(100vh / 78 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height26 {
      height: calc(100vw / 78 * 26); } }

.grid[data-grid-size="78"] .grid-item--width27 {
  width: 34.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width27 {
      width: calc(100vw / 78 * 27); } }

.grid[data-grid-size="78"] .grid-item--height27 {
  height: calc(100vh / 78 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height27 {
      height: calc(100vw / 78 * 27); } }

.grid[data-grid-size="78"] .grid-item--width28 {
  width: 35.89744%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width28 {
      width: calc(100vw / 78 * 28); } }

.grid[data-grid-size="78"] .grid-item--height28 {
  height: calc(100vh / 78 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height28 {
      height: calc(100vw / 78 * 28); } }

.grid[data-grid-size="78"] .grid-item--width29 {
  width: 37.17949%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width29 {
      width: calc(100vw / 78 * 29); } }

.grid[data-grid-size="78"] .grid-item--height29 {
  height: calc(100vh / 78 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height29 {
      height: calc(100vw / 78 * 29); } }

.grid[data-grid-size="78"] .grid-item--width30 {
  width: 38.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width30 {
      width: calc(100vw / 78 * 30); } }

.grid[data-grid-size="78"] .grid-item--height30 {
  height: calc(100vh / 78 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height30 {
      height: calc(100vw / 78 * 30); } }

.grid[data-grid-size="78"] .grid-item--width31 {
  width: 39.74359%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width31 {
      width: calc(100vw / 78 * 31); } }

.grid[data-grid-size="78"] .grid-item--height31 {
  height: calc(100vh / 78 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height31 {
      height: calc(100vw / 78 * 31); } }

.grid[data-grid-size="78"] .grid-item--width32 {
  width: 41.02564%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width32 {
      width: calc(100vw / 78 * 32); } }

.grid[data-grid-size="78"] .grid-item--height32 {
  height: calc(100vh / 78 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height32 {
      height: calc(100vw / 78 * 32); } }

.grid[data-grid-size="78"] .grid-item--width33 {
  width: 42.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width33 {
      width: calc(100vw / 78 * 33); } }

.grid[data-grid-size="78"] .grid-item--height33 {
  height: calc(100vh / 78 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height33 {
      height: calc(100vw / 78 * 33); } }

.grid[data-grid-size="78"] .grid-item--width34 {
  width: 43.58974%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width34 {
      width: calc(100vw / 78 * 34); } }

.grid[data-grid-size="78"] .grid-item--height34 {
  height: calc(100vh / 78 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height34 {
      height: calc(100vw / 78 * 34); } }

.grid[data-grid-size="78"] .grid-item--width35 {
  width: 44.87179%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width35 {
      width: calc(100vw / 78 * 35); } }

.grid[data-grid-size="78"] .grid-item--height35 {
  height: calc(100vh / 78 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height35 {
      height: calc(100vw / 78 * 35); } }

.grid[data-grid-size="78"] .grid-item--width36 {
  width: 46.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width36 {
      width: calc(100vw / 78 * 36); } }

.grid[data-grid-size="78"] .grid-item--height36 {
  height: calc(100vh / 78 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height36 {
      height: calc(100vw / 78 * 36); } }

.grid[data-grid-size="78"] .grid-item--width37 {
  width: 47.4359%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width37 {
      width: calc(100vw / 78 * 37); } }

.grid[data-grid-size="78"] .grid-item--height37 {
  height: calc(100vh / 78 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height37 {
      height: calc(100vw / 78 * 37); } }

.grid[data-grid-size="78"] .grid-item--width38 {
  width: 48.71795%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width38 {
      width: calc(100vw / 78 * 38); } }

.grid[data-grid-size="78"] .grid-item--height38 {
  height: calc(100vh / 78 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height38 {
      height: calc(100vw / 78 * 38); } }

.grid[data-grid-size="78"] .grid-item--width39 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width39 {
      width: calc(100vw / 78 * 39); } }

.grid[data-grid-size="78"] .grid-item--height39 {
  height: calc(100vh / 78 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height39 {
      height: calc(100vw / 78 * 39); } }

.grid[data-grid-size="78"] .grid-item--width40 {
  width: 51.28205%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width40 {
      width: calc(100vw / 78 * 40); } }

.grid[data-grid-size="78"] .grid-item--height40 {
  height: calc(100vh / 78 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height40 {
      height: calc(100vw / 78 * 40); } }

.grid[data-grid-size="78"] .grid-item--width41 {
  width: 52.5641%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width41 {
      width: calc(100vw / 78 * 41); } }

.grid[data-grid-size="78"] .grid-item--height41 {
  height: calc(100vh / 78 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height41 {
      height: calc(100vw / 78 * 41); } }

.grid[data-grid-size="78"] .grid-item--width42 {
  width: 53.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width42 {
      width: calc(100vw / 78 * 42); } }

.grid[data-grid-size="78"] .grid-item--height42 {
  height: calc(100vh / 78 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height42 {
      height: calc(100vw / 78 * 42); } }

.grid[data-grid-size="78"] .grid-item--width43 {
  width: 55.12821%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width43 {
      width: calc(100vw / 78 * 43); } }

.grid[data-grid-size="78"] .grid-item--height43 {
  height: calc(100vh / 78 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height43 {
      height: calc(100vw / 78 * 43); } }

.grid[data-grid-size="78"] .grid-item--width44 {
  width: 56.41026%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width44 {
      width: calc(100vw / 78 * 44); } }

.grid[data-grid-size="78"] .grid-item--height44 {
  height: calc(100vh / 78 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height44 {
      height: calc(100vw / 78 * 44); } }

.grid[data-grid-size="78"] .grid-item--width45 {
  width: 57.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width45 {
      width: calc(100vw / 78 * 45); } }

.grid[data-grid-size="78"] .grid-item--height45 {
  height: calc(100vh / 78 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height45 {
      height: calc(100vw / 78 * 45); } }

.grid[data-grid-size="78"] .grid-item--width46 {
  width: 58.97436%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width46 {
      width: calc(100vw / 78 * 46); } }

.grid[data-grid-size="78"] .grid-item--height46 {
  height: calc(100vh / 78 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height46 {
      height: calc(100vw / 78 * 46); } }

.grid[data-grid-size="78"] .grid-item--width47 {
  width: 60.25641%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width47 {
      width: calc(100vw / 78 * 47); } }

.grid[data-grid-size="78"] .grid-item--height47 {
  height: calc(100vh / 78 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height47 {
      height: calc(100vw / 78 * 47); } }

.grid[data-grid-size="78"] .grid-item--width48 {
  width: 61.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width48 {
      width: calc(100vw / 78 * 48); } }

.grid[data-grid-size="78"] .grid-item--height48 {
  height: calc(100vh / 78 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height48 {
      height: calc(100vw / 78 * 48); } }

.grid[data-grid-size="78"] .grid-item--width49 {
  width: 62.82051%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width49 {
      width: calc(100vw / 78 * 49); } }

.grid[data-grid-size="78"] .grid-item--height49 {
  height: calc(100vh / 78 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height49 {
      height: calc(100vw / 78 * 49); } }

.grid[data-grid-size="78"] .grid-item--width50 {
  width: 64.10256%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width50 {
      width: calc(100vw / 78 * 50); } }

.grid[data-grid-size="78"] .grid-item--height50 {
  height: calc(100vh / 78 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height50 {
      height: calc(100vw / 78 * 50); } }

.grid[data-grid-size="78"] .grid-item--width51 {
  width: 65.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width51 {
      width: calc(100vw / 78 * 51); } }

.grid[data-grid-size="78"] .grid-item--height51 {
  height: calc(100vh / 78 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height51 {
      height: calc(100vw / 78 * 51); } }

.grid[data-grid-size="78"] .grid-item--width52 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width52 {
      width: calc(100vw / 78 * 52); } }

.grid[data-grid-size="78"] .grid-item--height52 {
  height: calc(100vh / 78 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height52 {
      height: calc(100vw / 78 * 52); } }

.grid[data-grid-size="78"] .grid-item--width53 {
  width: 67.94872%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width53 {
      width: calc(100vw / 78 * 53); } }

.grid[data-grid-size="78"] .grid-item--height53 {
  height: calc(100vh / 78 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height53 {
      height: calc(100vw / 78 * 53); } }

.grid[data-grid-size="78"] .grid-item--width54 {
  width: 69.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width54 {
      width: calc(100vw / 78 * 54); } }

.grid[data-grid-size="78"] .grid-item--height54 {
  height: calc(100vh / 78 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height54 {
      height: calc(100vw / 78 * 54); } }

.grid[data-grid-size="78"] .grid-item--width55 {
  width: 70.51282%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width55 {
      width: calc(100vw / 78 * 55); } }

.grid[data-grid-size="78"] .grid-item--height55 {
  height: calc(100vh / 78 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height55 {
      height: calc(100vw / 78 * 55); } }

.grid[data-grid-size="78"] .grid-item--width56 {
  width: 71.79487%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width56 {
      width: calc(100vw / 78 * 56); } }

.grid[data-grid-size="78"] .grid-item--height56 {
  height: calc(100vh / 78 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height56 {
      height: calc(100vw / 78 * 56); } }

.grid[data-grid-size="78"] .grid-item--width57 {
  width: 73.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width57 {
      width: calc(100vw / 78 * 57); } }

.grid[data-grid-size="78"] .grid-item--height57 {
  height: calc(100vh / 78 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height57 {
      height: calc(100vw / 78 * 57); } }

.grid[data-grid-size="78"] .grid-item--width58 {
  width: 74.35897%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width58 {
      width: calc(100vw / 78 * 58); } }

.grid[data-grid-size="78"] .grid-item--height58 {
  height: calc(100vh / 78 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height58 {
      height: calc(100vw / 78 * 58); } }

.grid[data-grid-size="78"] .grid-item--width59 {
  width: 75.64103%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width59 {
      width: calc(100vw / 78 * 59); } }

.grid[data-grid-size="78"] .grid-item--height59 {
  height: calc(100vh / 78 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height59 {
      height: calc(100vw / 78 * 59); } }

.grid[data-grid-size="78"] .grid-item--width60 {
  width: 76.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width60 {
      width: calc(100vw / 78 * 60); } }

.grid[data-grid-size="78"] .grid-item--height60 {
  height: calc(100vh / 78 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height60 {
      height: calc(100vw / 78 * 60); } }

.grid[data-grid-size="78"] .grid-item--width61 {
  width: 78.20513%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width61 {
      width: calc(100vw / 78 * 61); } }

.grid[data-grid-size="78"] .grid-item--height61 {
  height: calc(100vh / 78 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height61 {
      height: calc(100vw / 78 * 61); } }

.grid[data-grid-size="78"] .grid-item--width62 {
  width: 79.48718%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width62 {
      width: calc(100vw / 78 * 62); } }

.grid[data-grid-size="78"] .grid-item--height62 {
  height: calc(100vh / 78 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height62 {
      height: calc(100vw / 78 * 62); } }

.grid[data-grid-size="78"] .grid-item--width63 {
  width: 80.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width63 {
      width: calc(100vw / 78 * 63); } }

.grid[data-grid-size="78"] .grid-item--height63 {
  height: calc(100vh / 78 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height63 {
      height: calc(100vw / 78 * 63); } }

.grid[data-grid-size="78"] .grid-item--width64 {
  width: 82.05128%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width64 {
      width: calc(100vw / 78 * 64); } }

.grid[data-grid-size="78"] .grid-item--height64 {
  height: calc(100vh / 78 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height64 {
      height: calc(100vw / 78 * 64); } }

.grid[data-grid-size="78"] .grid-item--width65 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width65 {
      width: calc(100vw / 78 * 65); } }

.grid[data-grid-size="78"] .grid-item--height65 {
  height: calc(100vh / 78 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height65 {
      height: calc(100vw / 78 * 65); } }

.grid[data-grid-size="78"] .grid-item--width66 {
  width: 84.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width66 {
      width: calc(100vw / 78 * 66); } }

.grid[data-grid-size="78"] .grid-item--height66 {
  height: calc(100vh / 78 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height66 {
      height: calc(100vw / 78 * 66); } }

.grid[data-grid-size="78"] .grid-item--width67 {
  width: 85.89744%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width67 {
      width: calc(100vw / 78 * 67); } }

.grid[data-grid-size="78"] .grid-item--height67 {
  height: calc(100vh / 78 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height67 {
      height: calc(100vw / 78 * 67); } }

.grid[data-grid-size="78"] .grid-item--width68 {
  width: 87.17949%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width68 {
      width: calc(100vw / 78 * 68); } }

.grid[data-grid-size="78"] .grid-item--height68 {
  height: calc(100vh / 78 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height68 {
      height: calc(100vw / 78 * 68); } }

.grid[data-grid-size="78"] .grid-item--width69 {
  width: 88.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width69 {
      width: calc(100vw / 78 * 69); } }

.grid[data-grid-size="78"] .grid-item--height69 {
  height: calc(100vh / 78 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height69 {
      height: calc(100vw / 78 * 69); } }

.grid[data-grid-size="78"] .grid-item--width70 {
  width: 89.74359%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width70 {
      width: calc(100vw / 78 * 70); } }

.grid[data-grid-size="78"] .grid-item--height70 {
  height: calc(100vh / 78 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height70 {
      height: calc(100vw / 78 * 70); } }

.grid[data-grid-size="78"] .grid-item--width71 {
  width: 91.02564%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width71 {
      width: calc(100vw / 78 * 71); } }

.grid[data-grid-size="78"] .grid-item--height71 {
  height: calc(100vh / 78 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height71 {
      height: calc(100vw / 78 * 71); } }

.grid[data-grid-size="78"] .grid-item--width72 {
  width: 92.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width72 {
      width: calc(100vw / 78 * 72); } }

.grid[data-grid-size="78"] .grid-item--height72 {
  height: calc(100vh / 78 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height72 {
      height: calc(100vw / 78 * 72); } }

.grid[data-grid-size="78"] .grid-item--width73 {
  width: 93.58974%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width73 {
      width: calc(100vw / 78 * 73); } }

.grid[data-grid-size="78"] .grid-item--height73 {
  height: calc(100vh / 78 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height73 {
      height: calc(100vw / 78 * 73); } }

.grid[data-grid-size="78"] .grid-item--width74 {
  width: 94.87179%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width74 {
      width: calc(100vw / 78 * 74); } }

.grid[data-grid-size="78"] .grid-item--height74 {
  height: calc(100vh / 78 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height74 {
      height: calc(100vw / 78 * 74); } }

.grid[data-grid-size="78"] .grid-item--width75 {
  width: 96.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width75 {
      width: calc(100vw / 78 * 75); } }

.grid[data-grid-size="78"] .grid-item--height75 {
  height: calc(100vh / 78 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height75 {
      height: calc(100vw / 78 * 75); } }

.grid[data-grid-size="78"] .grid-item--width76 {
  width: 97.4359%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width76 {
      width: calc(100vw / 78 * 76); } }

.grid[data-grid-size="78"] .grid-item--height76 {
  height: calc(100vh / 78 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height76 {
      height: calc(100vw / 78 * 76); } }

.grid[data-grid-size="78"] .grid-item--width77 {
  width: 98.71795%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width77 {
      width: calc(100vw / 78 * 77); } }

.grid[data-grid-size="78"] .grid-item--height77 {
  height: calc(100vh / 78 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height77 {
      height: calc(100vw / 78 * 77); } }

.grid[data-grid-size="78"] .grid-item--width78 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--width78 {
      width: calc(100vw / 78 * 78); } }

.grid[data-grid-size="78"] .grid-item--height78 {
  height: calc(100vh / 78 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="78"] .grid-item--height78 {
      height: calc(100vw / 78 * 78); } }

.grid[data-grid-size="79"] .grid-sizer, .grid[data-grid-size="79"] .grid-item {
  width: 1.26582%; }

.grid[data-grid-size="79"] .grid-item--width1 {
  width: 1.26582%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width1 {
      width: calc(100vw / 79 * 1); } }

.grid[data-grid-size="79"] .grid-item--height1 {
  height: calc(100vh / 79 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height1 {
      height: calc(100vw / 79 * 1); } }

.grid[data-grid-size="79"] .grid-item--width2 {
  width: 2.53165%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width2 {
      width: calc(100vw / 79 * 2); } }

.grid[data-grid-size="79"] .grid-item--height2 {
  height: calc(100vh / 79 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height2 {
      height: calc(100vw / 79 * 2); } }

.grid[data-grid-size="79"] .grid-item--width3 {
  width: 3.79747%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width3 {
      width: calc(100vw / 79 * 3); } }

.grid[data-grid-size="79"] .grid-item--height3 {
  height: calc(100vh / 79 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height3 {
      height: calc(100vw / 79 * 3); } }

.grid[data-grid-size="79"] .grid-item--width4 {
  width: 5.06329%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width4 {
      width: calc(100vw / 79 * 4); } }

.grid[data-grid-size="79"] .grid-item--height4 {
  height: calc(100vh / 79 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height4 {
      height: calc(100vw / 79 * 4); } }

.grid[data-grid-size="79"] .grid-item--width5 {
  width: 6.32911%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width5 {
      width: calc(100vw / 79 * 5); } }

.grid[data-grid-size="79"] .grid-item--height5 {
  height: calc(100vh / 79 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height5 {
      height: calc(100vw / 79 * 5); } }

.grid[data-grid-size="79"] .grid-item--width6 {
  width: 7.59494%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width6 {
      width: calc(100vw / 79 * 6); } }

.grid[data-grid-size="79"] .grid-item--height6 {
  height: calc(100vh / 79 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height6 {
      height: calc(100vw / 79 * 6); } }

.grid[data-grid-size="79"] .grid-item--width7 {
  width: 8.86076%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width7 {
      width: calc(100vw / 79 * 7); } }

.grid[data-grid-size="79"] .grid-item--height7 {
  height: calc(100vh / 79 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height7 {
      height: calc(100vw / 79 * 7); } }

.grid[data-grid-size="79"] .grid-item--width8 {
  width: 10.12658%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width8 {
      width: calc(100vw / 79 * 8); } }

.grid[data-grid-size="79"] .grid-item--height8 {
  height: calc(100vh / 79 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height8 {
      height: calc(100vw / 79 * 8); } }

.grid[data-grid-size="79"] .grid-item--width9 {
  width: 11.39241%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width9 {
      width: calc(100vw / 79 * 9); } }

.grid[data-grid-size="79"] .grid-item--height9 {
  height: calc(100vh / 79 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height9 {
      height: calc(100vw / 79 * 9); } }

.grid[data-grid-size="79"] .grid-item--width10 {
  width: 12.65823%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width10 {
      width: calc(100vw / 79 * 10); } }

.grid[data-grid-size="79"] .grid-item--height10 {
  height: calc(100vh / 79 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height10 {
      height: calc(100vw / 79 * 10); } }

.grid[data-grid-size="79"] .grid-item--width11 {
  width: 13.92405%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width11 {
      width: calc(100vw / 79 * 11); } }

.grid[data-grid-size="79"] .grid-item--height11 {
  height: calc(100vh / 79 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height11 {
      height: calc(100vw / 79 * 11); } }

.grid[data-grid-size="79"] .grid-item--width12 {
  width: 15.18987%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width12 {
      width: calc(100vw / 79 * 12); } }

.grid[data-grid-size="79"] .grid-item--height12 {
  height: calc(100vh / 79 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height12 {
      height: calc(100vw / 79 * 12); } }

.grid[data-grid-size="79"] .grid-item--width13 {
  width: 16.4557%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width13 {
      width: calc(100vw / 79 * 13); } }

.grid[data-grid-size="79"] .grid-item--height13 {
  height: calc(100vh / 79 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height13 {
      height: calc(100vw / 79 * 13); } }

.grid[data-grid-size="79"] .grid-item--width14 {
  width: 17.72152%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width14 {
      width: calc(100vw / 79 * 14); } }

.grid[data-grid-size="79"] .grid-item--height14 {
  height: calc(100vh / 79 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height14 {
      height: calc(100vw / 79 * 14); } }

.grid[data-grid-size="79"] .grid-item--width15 {
  width: 18.98734%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width15 {
      width: calc(100vw / 79 * 15); } }

.grid[data-grid-size="79"] .grid-item--height15 {
  height: calc(100vh / 79 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height15 {
      height: calc(100vw / 79 * 15); } }

.grid[data-grid-size="79"] .grid-item--width16 {
  width: 20.25316%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width16 {
      width: calc(100vw / 79 * 16); } }

.grid[data-grid-size="79"] .grid-item--height16 {
  height: calc(100vh / 79 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height16 {
      height: calc(100vw / 79 * 16); } }

.grid[data-grid-size="79"] .grid-item--width17 {
  width: 21.51899%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width17 {
      width: calc(100vw / 79 * 17); } }

.grid[data-grid-size="79"] .grid-item--height17 {
  height: calc(100vh / 79 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height17 {
      height: calc(100vw / 79 * 17); } }

.grid[data-grid-size="79"] .grid-item--width18 {
  width: 22.78481%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width18 {
      width: calc(100vw / 79 * 18); } }

.grid[data-grid-size="79"] .grid-item--height18 {
  height: calc(100vh / 79 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height18 {
      height: calc(100vw / 79 * 18); } }

.grid[data-grid-size="79"] .grid-item--width19 {
  width: 24.05063%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width19 {
      width: calc(100vw / 79 * 19); } }

.grid[data-grid-size="79"] .grid-item--height19 {
  height: calc(100vh / 79 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height19 {
      height: calc(100vw / 79 * 19); } }

.grid[data-grid-size="79"] .grid-item--width20 {
  width: 25.31646%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width20 {
      width: calc(100vw / 79 * 20); } }

.grid[data-grid-size="79"] .grid-item--height20 {
  height: calc(100vh / 79 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height20 {
      height: calc(100vw / 79 * 20); } }

.grid[data-grid-size="79"] .grid-item--width21 {
  width: 26.58228%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width21 {
      width: calc(100vw / 79 * 21); } }

.grid[data-grid-size="79"] .grid-item--height21 {
  height: calc(100vh / 79 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height21 {
      height: calc(100vw / 79 * 21); } }

.grid[data-grid-size="79"] .grid-item--width22 {
  width: 27.8481%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width22 {
      width: calc(100vw / 79 * 22); } }

.grid[data-grid-size="79"] .grid-item--height22 {
  height: calc(100vh / 79 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height22 {
      height: calc(100vw / 79 * 22); } }

.grid[data-grid-size="79"] .grid-item--width23 {
  width: 29.11392%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width23 {
      width: calc(100vw / 79 * 23); } }

.grid[data-grid-size="79"] .grid-item--height23 {
  height: calc(100vh / 79 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height23 {
      height: calc(100vw / 79 * 23); } }

.grid[data-grid-size="79"] .grid-item--width24 {
  width: 30.37975%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width24 {
      width: calc(100vw / 79 * 24); } }

.grid[data-grid-size="79"] .grid-item--height24 {
  height: calc(100vh / 79 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height24 {
      height: calc(100vw / 79 * 24); } }

.grid[data-grid-size="79"] .grid-item--width25 {
  width: 31.64557%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width25 {
      width: calc(100vw / 79 * 25); } }

.grid[data-grid-size="79"] .grid-item--height25 {
  height: calc(100vh / 79 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height25 {
      height: calc(100vw / 79 * 25); } }

.grid[data-grid-size="79"] .grid-item--width26 {
  width: 32.91139%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width26 {
      width: calc(100vw / 79 * 26); } }

.grid[data-grid-size="79"] .grid-item--height26 {
  height: calc(100vh / 79 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height26 {
      height: calc(100vw / 79 * 26); } }

.grid[data-grid-size="79"] .grid-item--width27 {
  width: 34.17722%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width27 {
      width: calc(100vw / 79 * 27); } }

.grid[data-grid-size="79"] .grid-item--height27 {
  height: calc(100vh / 79 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height27 {
      height: calc(100vw / 79 * 27); } }

.grid[data-grid-size="79"] .grid-item--width28 {
  width: 35.44304%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width28 {
      width: calc(100vw / 79 * 28); } }

.grid[data-grid-size="79"] .grid-item--height28 {
  height: calc(100vh / 79 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height28 {
      height: calc(100vw / 79 * 28); } }

.grid[data-grid-size="79"] .grid-item--width29 {
  width: 36.70886%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width29 {
      width: calc(100vw / 79 * 29); } }

.grid[data-grid-size="79"] .grid-item--height29 {
  height: calc(100vh / 79 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height29 {
      height: calc(100vw / 79 * 29); } }

.grid[data-grid-size="79"] .grid-item--width30 {
  width: 37.97468%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width30 {
      width: calc(100vw / 79 * 30); } }

.grid[data-grid-size="79"] .grid-item--height30 {
  height: calc(100vh / 79 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height30 {
      height: calc(100vw / 79 * 30); } }

.grid[data-grid-size="79"] .grid-item--width31 {
  width: 39.24051%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width31 {
      width: calc(100vw / 79 * 31); } }

.grid[data-grid-size="79"] .grid-item--height31 {
  height: calc(100vh / 79 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height31 {
      height: calc(100vw / 79 * 31); } }

.grid[data-grid-size="79"] .grid-item--width32 {
  width: 40.50633%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width32 {
      width: calc(100vw / 79 * 32); } }

.grid[data-grid-size="79"] .grid-item--height32 {
  height: calc(100vh / 79 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height32 {
      height: calc(100vw / 79 * 32); } }

.grid[data-grid-size="79"] .grid-item--width33 {
  width: 41.77215%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width33 {
      width: calc(100vw / 79 * 33); } }

.grid[data-grid-size="79"] .grid-item--height33 {
  height: calc(100vh / 79 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height33 {
      height: calc(100vw / 79 * 33); } }

.grid[data-grid-size="79"] .grid-item--width34 {
  width: 43.03797%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width34 {
      width: calc(100vw / 79 * 34); } }

.grid[data-grid-size="79"] .grid-item--height34 {
  height: calc(100vh / 79 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height34 {
      height: calc(100vw / 79 * 34); } }

.grid[data-grid-size="79"] .grid-item--width35 {
  width: 44.3038%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width35 {
      width: calc(100vw / 79 * 35); } }

.grid[data-grid-size="79"] .grid-item--height35 {
  height: calc(100vh / 79 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height35 {
      height: calc(100vw / 79 * 35); } }

.grid[data-grid-size="79"] .grid-item--width36 {
  width: 45.56962%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width36 {
      width: calc(100vw / 79 * 36); } }

.grid[data-grid-size="79"] .grid-item--height36 {
  height: calc(100vh / 79 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height36 {
      height: calc(100vw / 79 * 36); } }

.grid[data-grid-size="79"] .grid-item--width37 {
  width: 46.83544%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width37 {
      width: calc(100vw / 79 * 37); } }

.grid[data-grid-size="79"] .grid-item--height37 {
  height: calc(100vh / 79 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height37 {
      height: calc(100vw / 79 * 37); } }

.grid[data-grid-size="79"] .grid-item--width38 {
  width: 48.10127%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width38 {
      width: calc(100vw / 79 * 38); } }

.grid[data-grid-size="79"] .grid-item--height38 {
  height: calc(100vh / 79 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height38 {
      height: calc(100vw / 79 * 38); } }

.grid[data-grid-size="79"] .grid-item--width39 {
  width: 49.36709%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width39 {
      width: calc(100vw / 79 * 39); } }

.grid[data-grid-size="79"] .grid-item--height39 {
  height: calc(100vh / 79 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height39 {
      height: calc(100vw / 79 * 39); } }

.grid[data-grid-size="79"] .grid-item--width40 {
  width: 50.63291%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width40 {
      width: calc(100vw / 79 * 40); } }

.grid[data-grid-size="79"] .grid-item--height40 {
  height: calc(100vh / 79 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height40 {
      height: calc(100vw / 79 * 40); } }

.grid[data-grid-size="79"] .grid-item--width41 {
  width: 51.89873%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width41 {
      width: calc(100vw / 79 * 41); } }

.grid[data-grid-size="79"] .grid-item--height41 {
  height: calc(100vh / 79 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height41 {
      height: calc(100vw / 79 * 41); } }

.grid[data-grid-size="79"] .grid-item--width42 {
  width: 53.16456%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width42 {
      width: calc(100vw / 79 * 42); } }

.grid[data-grid-size="79"] .grid-item--height42 {
  height: calc(100vh / 79 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height42 {
      height: calc(100vw / 79 * 42); } }

.grid[data-grid-size="79"] .grid-item--width43 {
  width: 54.43038%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width43 {
      width: calc(100vw / 79 * 43); } }

.grid[data-grid-size="79"] .grid-item--height43 {
  height: calc(100vh / 79 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height43 {
      height: calc(100vw / 79 * 43); } }

.grid[data-grid-size="79"] .grid-item--width44 {
  width: 55.6962%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width44 {
      width: calc(100vw / 79 * 44); } }

.grid[data-grid-size="79"] .grid-item--height44 {
  height: calc(100vh / 79 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height44 {
      height: calc(100vw / 79 * 44); } }

.grid[data-grid-size="79"] .grid-item--width45 {
  width: 56.96203%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width45 {
      width: calc(100vw / 79 * 45); } }

.grid[data-grid-size="79"] .grid-item--height45 {
  height: calc(100vh / 79 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height45 {
      height: calc(100vw / 79 * 45); } }

.grid[data-grid-size="79"] .grid-item--width46 {
  width: 58.22785%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width46 {
      width: calc(100vw / 79 * 46); } }

.grid[data-grid-size="79"] .grid-item--height46 {
  height: calc(100vh / 79 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height46 {
      height: calc(100vw / 79 * 46); } }

.grid[data-grid-size="79"] .grid-item--width47 {
  width: 59.49367%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width47 {
      width: calc(100vw / 79 * 47); } }

.grid[data-grid-size="79"] .grid-item--height47 {
  height: calc(100vh / 79 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height47 {
      height: calc(100vw / 79 * 47); } }

.grid[data-grid-size="79"] .grid-item--width48 {
  width: 60.75949%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width48 {
      width: calc(100vw / 79 * 48); } }

.grid[data-grid-size="79"] .grid-item--height48 {
  height: calc(100vh / 79 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height48 {
      height: calc(100vw / 79 * 48); } }

.grid[data-grid-size="79"] .grid-item--width49 {
  width: 62.02532%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width49 {
      width: calc(100vw / 79 * 49); } }

.grid[data-grid-size="79"] .grid-item--height49 {
  height: calc(100vh / 79 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height49 {
      height: calc(100vw / 79 * 49); } }

.grid[data-grid-size="79"] .grid-item--width50 {
  width: 63.29114%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width50 {
      width: calc(100vw / 79 * 50); } }

.grid[data-grid-size="79"] .grid-item--height50 {
  height: calc(100vh / 79 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height50 {
      height: calc(100vw / 79 * 50); } }

.grid[data-grid-size="79"] .grid-item--width51 {
  width: 64.55696%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width51 {
      width: calc(100vw / 79 * 51); } }

.grid[data-grid-size="79"] .grid-item--height51 {
  height: calc(100vh / 79 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height51 {
      height: calc(100vw / 79 * 51); } }

.grid[data-grid-size="79"] .grid-item--width52 {
  width: 65.82278%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width52 {
      width: calc(100vw / 79 * 52); } }

.grid[data-grid-size="79"] .grid-item--height52 {
  height: calc(100vh / 79 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height52 {
      height: calc(100vw / 79 * 52); } }

.grid[data-grid-size="79"] .grid-item--width53 {
  width: 67.08861%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width53 {
      width: calc(100vw / 79 * 53); } }

.grid[data-grid-size="79"] .grid-item--height53 {
  height: calc(100vh / 79 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height53 {
      height: calc(100vw / 79 * 53); } }

.grid[data-grid-size="79"] .grid-item--width54 {
  width: 68.35443%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width54 {
      width: calc(100vw / 79 * 54); } }

.grid[data-grid-size="79"] .grid-item--height54 {
  height: calc(100vh / 79 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height54 {
      height: calc(100vw / 79 * 54); } }

.grid[data-grid-size="79"] .grid-item--width55 {
  width: 69.62025%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width55 {
      width: calc(100vw / 79 * 55); } }

.grid[data-grid-size="79"] .grid-item--height55 {
  height: calc(100vh / 79 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height55 {
      height: calc(100vw / 79 * 55); } }

.grid[data-grid-size="79"] .grid-item--width56 {
  width: 70.88608%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width56 {
      width: calc(100vw / 79 * 56); } }

.grid[data-grid-size="79"] .grid-item--height56 {
  height: calc(100vh / 79 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height56 {
      height: calc(100vw / 79 * 56); } }

.grid[data-grid-size="79"] .grid-item--width57 {
  width: 72.1519%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width57 {
      width: calc(100vw / 79 * 57); } }

.grid[data-grid-size="79"] .grid-item--height57 {
  height: calc(100vh / 79 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height57 {
      height: calc(100vw / 79 * 57); } }

.grid[data-grid-size="79"] .grid-item--width58 {
  width: 73.41772%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width58 {
      width: calc(100vw / 79 * 58); } }

.grid[data-grid-size="79"] .grid-item--height58 {
  height: calc(100vh / 79 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height58 {
      height: calc(100vw / 79 * 58); } }

.grid[data-grid-size="79"] .grid-item--width59 {
  width: 74.68354%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width59 {
      width: calc(100vw / 79 * 59); } }

.grid[data-grid-size="79"] .grid-item--height59 {
  height: calc(100vh / 79 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height59 {
      height: calc(100vw / 79 * 59); } }

.grid[data-grid-size="79"] .grid-item--width60 {
  width: 75.94937%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width60 {
      width: calc(100vw / 79 * 60); } }

.grid[data-grid-size="79"] .grid-item--height60 {
  height: calc(100vh / 79 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height60 {
      height: calc(100vw / 79 * 60); } }

.grid[data-grid-size="79"] .grid-item--width61 {
  width: 77.21519%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width61 {
      width: calc(100vw / 79 * 61); } }

.grid[data-grid-size="79"] .grid-item--height61 {
  height: calc(100vh / 79 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height61 {
      height: calc(100vw / 79 * 61); } }

.grid[data-grid-size="79"] .grid-item--width62 {
  width: 78.48101%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width62 {
      width: calc(100vw / 79 * 62); } }

.grid[data-grid-size="79"] .grid-item--height62 {
  height: calc(100vh / 79 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height62 {
      height: calc(100vw / 79 * 62); } }

.grid[data-grid-size="79"] .grid-item--width63 {
  width: 79.74684%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width63 {
      width: calc(100vw / 79 * 63); } }

.grid[data-grid-size="79"] .grid-item--height63 {
  height: calc(100vh / 79 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height63 {
      height: calc(100vw / 79 * 63); } }

.grid[data-grid-size="79"] .grid-item--width64 {
  width: 81.01266%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width64 {
      width: calc(100vw / 79 * 64); } }

.grid[data-grid-size="79"] .grid-item--height64 {
  height: calc(100vh / 79 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height64 {
      height: calc(100vw / 79 * 64); } }

.grid[data-grid-size="79"] .grid-item--width65 {
  width: 82.27848%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width65 {
      width: calc(100vw / 79 * 65); } }

.grid[data-grid-size="79"] .grid-item--height65 {
  height: calc(100vh / 79 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height65 {
      height: calc(100vw / 79 * 65); } }

.grid[data-grid-size="79"] .grid-item--width66 {
  width: 83.5443%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width66 {
      width: calc(100vw / 79 * 66); } }

.grid[data-grid-size="79"] .grid-item--height66 {
  height: calc(100vh / 79 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height66 {
      height: calc(100vw / 79 * 66); } }

.grid[data-grid-size="79"] .grid-item--width67 {
  width: 84.81013%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width67 {
      width: calc(100vw / 79 * 67); } }

.grid[data-grid-size="79"] .grid-item--height67 {
  height: calc(100vh / 79 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height67 {
      height: calc(100vw / 79 * 67); } }

.grid[data-grid-size="79"] .grid-item--width68 {
  width: 86.07595%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width68 {
      width: calc(100vw / 79 * 68); } }

.grid[data-grid-size="79"] .grid-item--height68 {
  height: calc(100vh / 79 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height68 {
      height: calc(100vw / 79 * 68); } }

.grid[data-grid-size="79"] .grid-item--width69 {
  width: 87.34177%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width69 {
      width: calc(100vw / 79 * 69); } }

.grid[data-grid-size="79"] .grid-item--height69 {
  height: calc(100vh / 79 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height69 {
      height: calc(100vw / 79 * 69); } }

.grid[data-grid-size="79"] .grid-item--width70 {
  width: 88.60759%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width70 {
      width: calc(100vw / 79 * 70); } }

.grid[data-grid-size="79"] .grid-item--height70 {
  height: calc(100vh / 79 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height70 {
      height: calc(100vw / 79 * 70); } }

.grid[data-grid-size="79"] .grid-item--width71 {
  width: 89.87342%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width71 {
      width: calc(100vw / 79 * 71); } }

.grid[data-grid-size="79"] .grid-item--height71 {
  height: calc(100vh / 79 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height71 {
      height: calc(100vw / 79 * 71); } }

.grid[data-grid-size="79"] .grid-item--width72 {
  width: 91.13924%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width72 {
      width: calc(100vw / 79 * 72); } }

.grid[data-grid-size="79"] .grid-item--height72 {
  height: calc(100vh / 79 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height72 {
      height: calc(100vw / 79 * 72); } }

.grid[data-grid-size="79"] .grid-item--width73 {
  width: 92.40506%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width73 {
      width: calc(100vw / 79 * 73); } }

.grid[data-grid-size="79"] .grid-item--height73 {
  height: calc(100vh / 79 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height73 {
      height: calc(100vw / 79 * 73); } }

.grid[data-grid-size="79"] .grid-item--width74 {
  width: 93.67089%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width74 {
      width: calc(100vw / 79 * 74); } }

.grid[data-grid-size="79"] .grid-item--height74 {
  height: calc(100vh / 79 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height74 {
      height: calc(100vw / 79 * 74); } }

.grid[data-grid-size="79"] .grid-item--width75 {
  width: 94.93671%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width75 {
      width: calc(100vw / 79 * 75); } }

.grid[data-grid-size="79"] .grid-item--height75 {
  height: calc(100vh / 79 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height75 {
      height: calc(100vw / 79 * 75); } }

.grid[data-grid-size="79"] .grid-item--width76 {
  width: 96.20253%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width76 {
      width: calc(100vw / 79 * 76); } }

.grid[data-grid-size="79"] .grid-item--height76 {
  height: calc(100vh / 79 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height76 {
      height: calc(100vw / 79 * 76); } }

.grid[data-grid-size="79"] .grid-item--width77 {
  width: 97.46835%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width77 {
      width: calc(100vw / 79 * 77); } }

.grid[data-grid-size="79"] .grid-item--height77 {
  height: calc(100vh / 79 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height77 {
      height: calc(100vw / 79 * 77); } }

.grid[data-grid-size="79"] .grid-item--width78 {
  width: 98.73418%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width78 {
      width: calc(100vw / 79 * 78); } }

.grid[data-grid-size="79"] .grid-item--height78 {
  height: calc(100vh / 79 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height78 {
      height: calc(100vw / 79 * 78); } }

.grid[data-grid-size="79"] .grid-item--width79 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--width79 {
      width: calc(100vw / 79 * 79); } }

.grid[data-grid-size="79"] .grid-item--height79 {
  height: calc(100vh / 79 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="79"] .grid-item--height79 {
      height: calc(100vw / 79 * 79); } }

.grid[data-grid-size="80"] .grid-sizer, .grid[data-grid-size="80"] .grid-item {
  width: 1.25%; }

.grid[data-grid-size="80"] .grid-item--width1 {
  width: 1.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width1 {
      width: calc(100vw / 80 * 1); } }

.grid[data-grid-size="80"] .grid-item--height1 {
  height: calc(100vh / 80 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height1 {
      height: calc(100vw / 80 * 1); } }

.grid[data-grid-size="80"] .grid-item--width2 {
  width: 2.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width2 {
      width: calc(100vw / 80 * 2); } }

.grid[data-grid-size="80"] .grid-item--height2 {
  height: calc(100vh / 80 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height2 {
      height: calc(100vw / 80 * 2); } }

.grid[data-grid-size="80"] .grid-item--width3 {
  width: 3.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width3 {
      width: calc(100vw / 80 * 3); } }

.grid[data-grid-size="80"] .grid-item--height3 {
  height: calc(100vh / 80 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height3 {
      height: calc(100vw / 80 * 3); } }

.grid[data-grid-size="80"] .grid-item--width4 {
  width: 5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width4 {
      width: calc(100vw / 80 * 4); } }

.grid[data-grid-size="80"] .grid-item--height4 {
  height: calc(100vh / 80 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height4 {
      height: calc(100vw / 80 * 4); } }

.grid[data-grid-size="80"] .grid-item--width5 {
  width: 6.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width5 {
      width: calc(100vw / 80 * 5); } }

.grid[data-grid-size="80"] .grid-item--height5 {
  height: calc(100vh / 80 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height5 {
      height: calc(100vw / 80 * 5); } }

.grid[data-grid-size="80"] .grid-item--width6 {
  width: 7.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width6 {
      width: calc(100vw / 80 * 6); } }

.grid[data-grid-size="80"] .grid-item--height6 {
  height: calc(100vh / 80 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height6 {
      height: calc(100vw / 80 * 6); } }

.grid[data-grid-size="80"] .grid-item--width7 {
  width: 8.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width7 {
      width: calc(100vw / 80 * 7); } }

.grid[data-grid-size="80"] .grid-item--height7 {
  height: calc(100vh / 80 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height7 {
      height: calc(100vw / 80 * 7); } }

.grid[data-grid-size="80"] .grid-item--width8 {
  width: 10%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width8 {
      width: calc(100vw / 80 * 8); } }

.grid[data-grid-size="80"] .grid-item--height8 {
  height: calc(100vh / 80 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height8 {
      height: calc(100vw / 80 * 8); } }

.grid[data-grid-size="80"] .grid-item--width9 {
  width: 11.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width9 {
      width: calc(100vw / 80 * 9); } }

.grid[data-grid-size="80"] .grid-item--height9 {
  height: calc(100vh / 80 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height9 {
      height: calc(100vw / 80 * 9); } }

.grid[data-grid-size="80"] .grid-item--width10 {
  width: 12.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width10 {
      width: calc(100vw / 80 * 10); } }

.grid[data-grid-size="80"] .grid-item--height10 {
  height: calc(100vh / 80 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height10 {
      height: calc(100vw / 80 * 10); } }

.grid[data-grid-size="80"] .grid-item--width11 {
  width: 13.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width11 {
      width: calc(100vw / 80 * 11); } }

.grid[data-grid-size="80"] .grid-item--height11 {
  height: calc(100vh / 80 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height11 {
      height: calc(100vw / 80 * 11); } }

.grid[data-grid-size="80"] .grid-item--width12 {
  width: 15%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width12 {
      width: calc(100vw / 80 * 12); } }

.grid[data-grid-size="80"] .grid-item--height12 {
  height: calc(100vh / 80 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height12 {
      height: calc(100vw / 80 * 12); } }

.grid[data-grid-size="80"] .grid-item--width13 {
  width: 16.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width13 {
      width: calc(100vw / 80 * 13); } }

.grid[data-grid-size="80"] .grid-item--height13 {
  height: calc(100vh / 80 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height13 {
      height: calc(100vw / 80 * 13); } }

.grid[data-grid-size="80"] .grid-item--width14 {
  width: 17.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width14 {
      width: calc(100vw / 80 * 14); } }

.grid[data-grid-size="80"] .grid-item--height14 {
  height: calc(100vh / 80 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height14 {
      height: calc(100vw / 80 * 14); } }

.grid[data-grid-size="80"] .grid-item--width15 {
  width: 18.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width15 {
      width: calc(100vw / 80 * 15); } }

.grid[data-grid-size="80"] .grid-item--height15 {
  height: calc(100vh / 80 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height15 {
      height: calc(100vw / 80 * 15); } }

.grid[data-grid-size="80"] .grid-item--width16 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width16 {
      width: calc(100vw / 80 * 16); } }

.grid[data-grid-size="80"] .grid-item--height16 {
  height: calc(100vh / 80 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height16 {
      height: calc(100vw / 80 * 16); } }

.grid[data-grid-size="80"] .grid-item--width17 {
  width: 21.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width17 {
      width: calc(100vw / 80 * 17); } }

.grid[data-grid-size="80"] .grid-item--height17 {
  height: calc(100vh / 80 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height17 {
      height: calc(100vw / 80 * 17); } }

.grid[data-grid-size="80"] .grid-item--width18 {
  width: 22.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width18 {
      width: calc(100vw / 80 * 18); } }

.grid[data-grid-size="80"] .grid-item--height18 {
  height: calc(100vh / 80 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height18 {
      height: calc(100vw / 80 * 18); } }

.grid[data-grid-size="80"] .grid-item--width19 {
  width: 23.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width19 {
      width: calc(100vw / 80 * 19); } }

.grid[data-grid-size="80"] .grid-item--height19 {
  height: calc(100vh / 80 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height19 {
      height: calc(100vw / 80 * 19); } }

.grid[data-grid-size="80"] .grid-item--width20 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width20 {
      width: calc(100vw / 80 * 20); } }

.grid[data-grid-size="80"] .grid-item--height20 {
  height: calc(100vh / 80 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height20 {
      height: calc(100vw / 80 * 20); } }

.grid[data-grid-size="80"] .grid-item--width21 {
  width: 26.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width21 {
      width: calc(100vw / 80 * 21); } }

.grid[data-grid-size="80"] .grid-item--height21 {
  height: calc(100vh / 80 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height21 {
      height: calc(100vw / 80 * 21); } }

.grid[data-grid-size="80"] .grid-item--width22 {
  width: 27.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width22 {
      width: calc(100vw / 80 * 22); } }

.grid[data-grid-size="80"] .grid-item--height22 {
  height: calc(100vh / 80 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height22 {
      height: calc(100vw / 80 * 22); } }

.grid[data-grid-size="80"] .grid-item--width23 {
  width: 28.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width23 {
      width: calc(100vw / 80 * 23); } }

.grid[data-grid-size="80"] .grid-item--height23 {
  height: calc(100vh / 80 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height23 {
      height: calc(100vw / 80 * 23); } }

.grid[data-grid-size="80"] .grid-item--width24 {
  width: 30%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width24 {
      width: calc(100vw / 80 * 24); } }

.grid[data-grid-size="80"] .grid-item--height24 {
  height: calc(100vh / 80 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height24 {
      height: calc(100vw / 80 * 24); } }

.grid[data-grid-size="80"] .grid-item--width25 {
  width: 31.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width25 {
      width: calc(100vw / 80 * 25); } }

.grid[data-grid-size="80"] .grid-item--height25 {
  height: calc(100vh / 80 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height25 {
      height: calc(100vw / 80 * 25); } }

.grid[data-grid-size="80"] .grid-item--width26 {
  width: 32.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width26 {
      width: calc(100vw / 80 * 26); } }

.grid[data-grid-size="80"] .grid-item--height26 {
  height: calc(100vh / 80 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height26 {
      height: calc(100vw / 80 * 26); } }

.grid[data-grid-size="80"] .grid-item--width27 {
  width: 33.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width27 {
      width: calc(100vw / 80 * 27); } }

.grid[data-grid-size="80"] .grid-item--height27 {
  height: calc(100vh / 80 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height27 {
      height: calc(100vw / 80 * 27); } }

.grid[data-grid-size="80"] .grid-item--width28 {
  width: 35%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width28 {
      width: calc(100vw / 80 * 28); } }

.grid[data-grid-size="80"] .grid-item--height28 {
  height: calc(100vh / 80 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height28 {
      height: calc(100vw / 80 * 28); } }

.grid[data-grid-size="80"] .grid-item--width29 {
  width: 36.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width29 {
      width: calc(100vw / 80 * 29); } }

.grid[data-grid-size="80"] .grid-item--height29 {
  height: calc(100vh / 80 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height29 {
      height: calc(100vw / 80 * 29); } }

.grid[data-grid-size="80"] .grid-item--width30 {
  width: 37.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width30 {
      width: calc(100vw / 80 * 30); } }

.grid[data-grid-size="80"] .grid-item--height30 {
  height: calc(100vh / 80 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height30 {
      height: calc(100vw / 80 * 30); } }

.grid[data-grid-size="80"] .grid-item--width31 {
  width: 38.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width31 {
      width: calc(100vw / 80 * 31); } }

.grid[data-grid-size="80"] .grid-item--height31 {
  height: calc(100vh / 80 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height31 {
      height: calc(100vw / 80 * 31); } }

.grid[data-grid-size="80"] .grid-item--width32 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width32 {
      width: calc(100vw / 80 * 32); } }

.grid[data-grid-size="80"] .grid-item--height32 {
  height: calc(100vh / 80 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height32 {
      height: calc(100vw / 80 * 32); } }

.grid[data-grid-size="80"] .grid-item--width33 {
  width: 41.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width33 {
      width: calc(100vw / 80 * 33); } }

.grid[data-grid-size="80"] .grid-item--height33 {
  height: calc(100vh / 80 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height33 {
      height: calc(100vw / 80 * 33); } }

.grid[data-grid-size="80"] .grid-item--width34 {
  width: 42.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width34 {
      width: calc(100vw / 80 * 34); } }

.grid[data-grid-size="80"] .grid-item--height34 {
  height: calc(100vh / 80 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height34 {
      height: calc(100vw / 80 * 34); } }

.grid[data-grid-size="80"] .grid-item--width35 {
  width: 43.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width35 {
      width: calc(100vw / 80 * 35); } }

.grid[data-grid-size="80"] .grid-item--height35 {
  height: calc(100vh / 80 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height35 {
      height: calc(100vw / 80 * 35); } }

.grid[data-grid-size="80"] .grid-item--width36 {
  width: 45%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width36 {
      width: calc(100vw / 80 * 36); } }

.grid[data-grid-size="80"] .grid-item--height36 {
  height: calc(100vh / 80 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height36 {
      height: calc(100vw / 80 * 36); } }

.grid[data-grid-size="80"] .grid-item--width37 {
  width: 46.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width37 {
      width: calc(100vw / 80 * 37); } }

.grid[data-grid-size="80"] .grid-item--height37 {
  height: calc(100vh / 80 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height37 {
      height: calc(100vw / 80 * 37); } }

.grid[data-grid-size="80"] .grid-item--width38 {
  width: 47.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width38 {
      width: calc(100vw / 80 * 38); } }

.grid[data-grid-size="80"] .grid-item--height38 {
  height: calc(100vh / 80 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height38 {
      height: calc(100vw / 80 * 38); } }

.grid[data-grid-size="80"] .grid-item--width39 {
  width: 48.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width39 {
      width: calc(100vw / 80 * 39); } }

.grid[data-grid-size="80"] .grid-item--height39 {
  height: calc(100vh / 80 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height39 {
      height: calc(100vw / 80 * 39); } }

.grid[data-grid-size="80"] .grid-item--width40 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width40 {
      width: calc(100vw / 80 * 40); } }

.grid[data-grid-size="80"] .grid-item--height40 {
  height: calc(100vh / 80 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height40 {
      height: calc(100vw / 80 * 40); } }

.grid[data-grid-size="80"] .grid-item--width41 {
  width: 51.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width41 {
      width: calc(100vw / 80 * 41); } }

.grid[data-grid-size="80"] .grid-item--height41 {
  height: calc(100vh / 80 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height41 {
      height: calc(100vw / 80 * 41); } }

.grid[data-grid-size="80"] .grid-item--width42 {
  width: 52.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width42 {
      width: calc(100vw / 80 * 42); } }

.grid[data-grid-size="80"] .grid-item--height42 {
  height: calc(100vh / 80 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height42 {
      height: calc(100vw / 80 * 42); } }

.grid[data-grid-size="80"] .grid-item--width43 {
  width: 53.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width43 {
      width: calc(100vw / 80 * 43); } }

.grid[data-grid-size="80"] .grid-item--height43 {
  height: calc(100vh / 80 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height43 {
      height: calc(100vw / 80 * 43); } }

.grid[data-grid-size="80"] .grid-item--width44 {
  width: 55%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width44 {
      width: calc(100vw / 80 * 44); } }

.grid[data-grid-size="80"] .grid-item--height44 {
  height: calc(100vh / 80 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height44 {
      height: calc(100vw / 80 * 44); } }

.grid[data-grid-size="80"] .grid-item--width45 {
  width: 56.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width45 {
      width: calc(100vw / 80 * 45); } }

.grid[data-grid-size="80"] .grid-item--height45 {
  height: calc(100vh / 80 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height45 {
      height: calc(100vw / 80 * 45); } }

.grid[data-grid-size="80"] .grid-item--width46 {
  width: 57.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width46 {
      width: calc(100vw / 80 * 46); } }

.grid[data-grid-size="80"] .grid-item--height46 {
  height: calc(100vh / 80 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height46 {
      height: calc(100vw / 80 * 46); } }

.grid[data-grid-size="80"] .grid-item--width47 {
  width: 58.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width47 {
      width: calc(100vw / 80 * 47); } }

.grid[data-grid-size="80"] .grid-item--height47 {
  height: calc(100vh / 80 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height47 {
      height: calc(100vw / 80 * 47); } }

.grid[data-grid-size="80"] .grid-item--width48 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width48 {
      width: calc(100vw / 80 * 48); } }

.grid[data-grid-size="80"] .grid-item--height48 {
  height: calc(100vh / 80 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height48 {
      height: calc(100vw / 80 * 48); } }

.grid[data-grid-size="80"] .grid-item--width49 {
  width: 61.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width49 {
      width: calc(100vw / 80 * 49); } }

.grid[data-grid-size="80"] .grid-item--height49 {
  height: calc(100vh / 80 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height49 {
      height: calc(100vw / 80 * 49); } }

.grid[data-grid-size="80"] .grid-item--width50 {
  width: 62.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width50 {
      width: calc(100vw / 80 * 50); } }

.grid[data-grid-size="80"] .grid-item--height50 {
  height: calc(100vh / 80 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height50 {
      height: calc(100vw / 80 * 50); } }

.grid[data-grid-size="80"] .grid-item--width51 {
  width: 63.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width51 {
      width: calc(100vw / 80 * 51); } }

.grid[data-grid-size="80"] .grid-item--height51 {
  height: calc(100vh / 80 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height51 {
      height: calc(100vw / 80 * 51); } }

.grid[data-grid-size="80"] .grid-item--width52 {
  width: 65%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width52 {
      width: calc(100vw / 80 * 52); } }

.grid[data-grid-size="80"] .grid-item--height52 {
  height: calc(100vh / 80 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height52 {
      height: calc(100vw / 80 * 52); } }

.grid[data-grid-size="80"] .grid-item--width53 {
  width: 66.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width53 {
      width: calc(100vw / 80 * 53); } }

.grid[data-grid-size="80"] .grid-item--height53 {
  height: calc(100vh / 80 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height53 {
      height: calc(100vw / 80 * 53); } }

.grid[data-grid-size="80"] .grid-item--width54 {
  width: 67.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width54 {
      width: calc(100vw / 80 * 54); } }

.grid[data-grid-size="80"] .grid-item--height54 {
  height: calc(100vh / 80 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height54 {
      height: calc(100vw / 80 * 54); } }

.grid[data-grid-size="80"] .grid-item--width55 {
  width: 68.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width55 {
      width: calc(100vw / 80 * 55); } }

.grid[data-grid-size="80"] .grid-item--height55 {
  height: calc(100vh / 80 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height55 {
      height: calc(100vw / 80 * 55); } }

.grid[data-grid-size="80"] .grid-item--width56 {
  width: 70%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width56 {
      width: calc(100vw / 80 * 56); } }

.grid[data-grid-size="80"] .grid-item--height56 {
  height: calc(100vh / 80 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height56 {
      height: calc(100vw / 80 * 56); } }

.grid[data-grid-size="80"] .grid-item--width57 {
  width: 71.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width57 {
      width: calc(100vw / 80 * 57); } }

.grid[data-grid-size="80"] .grid-item--height57 {
  height: calc(100vh / 80 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height57 {
      height: calc(100vw / 80 * 57); } }

.grid[data-grid-size="80"] .grid-item--width58 {
  width: 72.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width58 {
      width: calc(100vw / 80 * 58); } }

.grid[data-grid-size="80"] .grid-item--height58 {
  height: calc(100vh / 80 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height58 {
      height: calc(100vw / 80 * 58); } }

.grid[data-grid-size="80"] .grid-item--width59 {
  width: 73.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width59 {
      width: calc(100vw / 80 * 59); } }

.grid[data-grid-size="80"] .grid-item--height59 {
  height: calc(100vh / 80 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height59 {
      height: calc(100vw / 80 * 59); } }

.grid[data-grid-size="80"] .grid-item--width60 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width60 {
      width: calc(100vw / 80 * 60); } }

.grid[data-grid-size="80"] .grid-item--height60 {
  height: calc(100vh / 80 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height60 {
      height: calc(100vw / 80 * 60); } }

.grid[data-grid-size="80"] .grid-item--width61 {
  width: 76.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width61 {
      width: calc(100vw / 80 * 61); } }

.grid[data-grid-size="80"] .grid-item--height61 {
  height: calc(100vh / 80 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height61 {
      height: calc(100vw / 80 * 61); } }

.grid[data-grid-size="80"] .grid-item--width62 {
  width: 77.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width62 {
      width: calc(100vw / 80 * 62); } }

.grid[data-grid-size="80"] .grid-item--height62 {
  height: calc(100vh / 80 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height62 {
      height: calc(100vw / 80 * 62); } }

.grid[data-grid-size="80"] .grid-item--width63 {
  width: 78.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width63 {
      width: calc(100vw / 80 * 63); } }

.grid[data-grid-size="80"] .grid-item--height63 {
  height: calc(100vh / 80 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height63 {
      height: calc(100vw / 80 * 63); } }

.grid[data-grid-size="80"] .grid-item--width64 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width64 {
      width: calc(100vw / 80 * 64); } }

.grid[data-grid-size="80"] .grid-item--height64 {
  height: calc(100vh / 80 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height64 {
      height: calc(100vw / 80 * 64); } }

.grid[data-grid-size="80"] .grid-item--width65 {
  width: 81.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width65 {
      width: calc(100vw / 80 * 65); } }

.grid[data-grid-size="80"] .grid-item--height65 {
  height: calc(100vh / 80 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height65 {
      height: calc(100vw / 80 * 65); } }

.grid[data-grid-size="80"] .grid-item--width66 {
  width: 82.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width66 {
      width: calc(100vw / 80 * 66); } }

.grid[data-grid-size="80"] .grid-item--height66 {
  height: calc(100vh / 80 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height66 {
      height: calc(100vw / 80 * 66); } }

.grid[data-grid-size="80"] .grid-item--width67 {
  width: 83.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width67 {
      width: calc(100vw / 80 * 67); } }

.grid[data-grid-size="80"] .grid-item--height67 {
  height: calc(100vh / 80 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height67 {
      height: calc(100vw / 80 * 67); } }

.grid[data-grid-size="80"] .grid-item--width68 {
  width: 85%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width68 {
      width: calc(100vw / 80 * 68); } }

.grid[data-grid-size="80"] .grid-item--height68 {
  height: calc(100vh / 80 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height68 {
      height: calc(100vw / 80 * 68); } }

.grid[data-grid-size="80"] .grid-item--width69 {
  width: 86.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width69 {
      width: calc(100vw / 80 * 69); } }

.grid[data-grid-size="80"] .grid-item--height69 {
  height: calc(100vh / 80 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height69 {
      height: calc(100vw / 80 * 69); } }

.grid[data-grid-size="80"] .grid-item--width70 {
  width: 87.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width70 {
      width: calc(100vw / 80 * 70); } }

.grid[data-grid-size="80"] .grid-item--height70 {
  height: calc(100vh / 80 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height70 {
      height: calc(100vw / 80 * 70); } }

.grid[data-grid-size="80"] .grid-item--width71 {
  width: 88.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width71 {
      width: calc(100vw / 80 * 71); } }

.grid[data-grid-size="80"] .grid-item--height71 {
  height: calc(100vh / 80 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height71 {
      height: calc(100vw / 80 * 71); } }

.grid[data-grid-size="80"] .grid-item--width72 {
  width: 90%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width72 {
      width: calc(100vw / 80 * 72); } }

.grid[data-grid-size="80"] .grid-item--height72 {
  height: calc(100vh / 80 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height72 {
      height: calc(100vw / 80 * 72); } }

.grid[data-grid-size="80"] .grid-item--width73 {
  width: 91.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width73 {
      width: calc(100vw / 80 * 73); } }

.grid[data-grid-size="80"] .grid-item--height73 {
  height: calc(100vh / 80 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height73 {
      height: calc(100vw / 80 * 73); } }

.grid[data-grid-size="80"] .grid-item--width74 {
  width: 92.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width74 {
      width: calc(100vw / 80 * 74); } }

.grid[data-grid-size="80"] .grid-item--height74 {
  height: calc(100vh / 80 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height74 {
      height: calc(100vw / 80 * 74); } }

.grid[data-grid-size="80"] .grid-item--width75 {
  width: 93.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width75 {
      width: calc(100vw / 80 * 75); } }

.grid[data-grid-size="80"] .grid-item--height75 {
  height: calc(100vh / 80 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height75 {
      height: calc(100vw / 80 * 75); } }

.grid[data-grid-size="80"] .grid-item--width76 {
  width: 95%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width76 {
      width: calc(100vw / 80 * 76); } }

.grid[data-grid-size="80"] .grid-item--height76 {
  height: calc(100vh / 80 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height76 {
      height: calc(100vw / 80 * 76); } }

.grid[data-grid-size="80"] .grid-item--width77 {
  width: 96.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width77 {
      width: calc(100vw / 80 * 77); } }

.grid[data-grid-size="80"] .grid-item--height77 {
  height: calc(100vh / 80 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height77 {
      height: calc(100vw / 80 * 77); } }

.grid[data-grid-size="80"] .grid-item--width78 {
  width: 97.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width78 {
      width: calc(100vw / 80 * 78); } }

.grid[data-grid-size="80"] .grid-item--height78 {
  height: calc(100vh / 80 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height78 {
      height: calc(100vw / 80 * 78); } }

.grid[data-grid-size="80"] .grid-item--width79 {
  width: 98.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width79 {
      width: calc(100vw / 80 * 79); } }

.grid[data-grid-size="80"] .grid-item--height79 {
  height: calc(100vh / 80 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height79 {
      height: calc(100vw / 80 * 79); } }

.grid[data-grid-size="80"] .grid-item--width80 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--width80 {
      width: calc(100vw / 80 * 80); } }

.grid[data-grid-size="80"] .grid-item--height80 {
  height: calc(100vh / 80 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="80"] .grid-item--height80 {
      height: calc(100vw / 80 * 80); } }

.grid[data-grid-size="81"] .grid-sizer, .grid[data-grid-size="81"] .grid-item {
  width: 1.23457%; }

.grid[data-grid-size="81"] .grid-item--width1 {
  width: 1.23457%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width1 {
      width: calc(100vw / 81 * 1); } }

.grid[data-grid-size="81"] .grid-item--height1 {
  height: calc(100vh / 81 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height1 {
      height: calc(100vw / 81 * 1); } }

.grid[data-grid-size="81"] .grid-item--width2 {
  width: 2.46914%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width2 {
      width: calc(100vw / 81 * 2); } }

.grid[data-grid-size="81"] .grid-item--height2 {
  height: calc(100vh / 81 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height2 {
      height: calc(100vw / 81 * 2); } }

.grid[data-grid-size="81"] .grid-item--width3 {
  width: 3.7037%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width3 {
      width: calc(100vw / 81 * 3); } }

.grid[data-grid-size="81"] .grid-item--height3 {
  height: calc(100vh / 81 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height3 {
      height: calc(100vw / 81 * 3); } }

.grid[data-grid-size="81"] .grid-item--width4 {
  width: 4.93827%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width4 {
      width: calc(100vw / 81 * 4); } }

.grid[data-grid-size="81"] .grid-item--height4 {
  height: calc(100vh / 81 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height4 {
      height: calc(100vw / 81 * 4); } }

.grid[data-grid-size="81"] .grid-item--width5 {
  width: 6.17284%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width5 {
      width: calc(100vw / 81 * 5); } }

.grid[data-grid-size="81"] .grid-item--height5 {
  height: calc(100vh / 81 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height5 {
      height: calc(100vw / 81 * 5); } }

.grid[data-grid-size="81"] .grid-item--width6 {
  width: 7.40741%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width6 {
      width: calc(100vw / 81 * 6); } }

.grid[data-grid-size="81"] .grid-item--height6 {
  height: calc(100vh / 81 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height6 {
      height: calc(100vw / 81 * 6); } }

.grid[data-grid-size="81"] .grid-item--width7 {
  width: 8.64198%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width7 {
      width: calc(100vw / 81 * 7); } }

.grid[data-grid-size="81"] .grid-item--height7 {
  height: calc(100vh / 81 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height7 {
      height: calc(100vw / 81 * 7); } }

.grid[data-grid-size="81"] .grid-item--width8 {
  width: 9.87654%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width8 {
      width: calc(100vw / 81 * 8); } }

.grid[data-grid-size="81"] .grid-item--height8 {
  height: calc(100vh / 81 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height8 {
      height: calc(100vw / 81 * 8); } }

.grid[data-grid-size="81"] .grid-item--width9 {
  width: 11.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width9 {
      width: calc(100vw / 81 * 9); } }

.grid[data-grid-size="81"] .grid-item--height9 {
  height: calc(100vh / 81 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height9 {
      height: calc(100vw / 81 * 9); } }

.grid[data-grid-size="81"] .grid-item--width10 {
  width: 12.34568%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width10 {
      width: calc(100vw / 81 * 10); } }

.grid[data-grid-size="81"] .grid-item--height10 {
  height: calc(100vh / 81 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height10 {
      height: calc(100vw / 81 * 10); } }

.grid[data-grid-size="81"] .grid-item--width11 {
  width: 13.58025%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width11 {
      width: calc(100vw / 81 * 11); } }

.grid[data-grid-size="81"] .grid-item--height11 {
  height: calc(100vh / 81 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height11 {
      height: calc(100vw / 81 * 11); } }

.grid[data-grid-size="81"] .grid-item--width12 {
  width: 14.81481%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width12 {
      width: calc(100vw / 81 * 12); } }

.grid[data-grid-size="81"] .grid-item--height12 {
  height: calc(100vh / 81 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height12 {
      height: calc(100vw / 81 * 12); } }

.grid[data-grid-size="81"] .grid-item--width13 {
  width: 16.04938%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width13 {
      width: calc(100vw / 81 * 13); } }

.grid[data-grid-size="81"] .grid-item--height13 {
  height: calc(100vh / 81 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height13 {
      height: calc(100vw / 81 * 13); } }

.grid[data-grid-size="81"] .grid-item--width14 {
  width: 17.28395%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width14 {
      width: calc(100vw / 81 * 14); } }

.grid[data-grid-size="81"] .grid-item--height14 {
  height: calc(100vh / 81 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height14 {
      height: calc(100vw / 81 * 14); } }

.grid[data-grid-size="81"] .grid-item--width15 {
  width: 18.51852%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width15 {
      width: calc(100vw / 81 * 15); } }

.grid[data-grid-size="81"] .grid-item--height15 {
  height: calc(100vh / 81 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height15 {
      height: calc(100vw / 81 * 15); } }

.grid[data-grid-size="81"] .grid-item--width16 {
  width: 19.75309%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width16 {
      width: calc(100vw / 81 * 16); } }

.grid[data-grid-size="81"] .grid-item--height16 {
  height: calc(100vh / 81 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height16 {
      height: calc(100vw / 81 * 16); } }

.grid[data-grid-size="81"] .grid-item--width17 {
  width: 20.98765%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width17 {
      width: calc(100vw / 81 * 17); } }

.grid[data-grid-size="81"] .grid-item--height17 {
  height: calc(100vh / 81 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height17 {
      height: calc(100vw / 81 * 17); } }

.grid[data-grid-size="81"] .grid-item--width18 {
  width: 22.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width18 {
      width: calc(100vw / 81 * 18); } }

.grid[data-grid-size="81"] .grid-item--height18 {
  height: calc(100vh / 81 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height18 {
      height: calc(100vw / 81 * 18); } }

.grid[data-grid-size="81"] .grid-item--width19 {
  width: 23.45679%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width19 {
      width: calc(100vw / 81 * 19); } }

.grid[data-grid-size="81"] .grid-item--height19 {
  height: calc(100vh / 81 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height19 {
      height: calc(100vw / 81 * 19); } }

.grid[data-grid-size="81"] .grid-item--width20 {
  width: 24.69136%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width20 {
      width: calc(100vw / 81 * 20); } }

.grid[data-grid-size="81"] .grid-item--height20 {
  height: calc(100vh / 81 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height20 {
      height: calc(100vw / 81 * 20); } }

.grid[data-grid-size="81"] .grid-item--width21 {
  width: 25.92593%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width21 {
      width: calc(100vw / 81 * 21); } }

.grid[data-grid-size="81"] .grid-item--height21 {
  height: calc(100vh / 81 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height21 {
      height: calc(100vw / 81 * 21); } }

.grid[data-grid-size="81"] .grid-item--width22 {
  width: 27.16049%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width22 {
      width: calc(100vw / 81 * 22); } }

.grid[data-grid-size="81"] .grid-item--height22 {
  height: calc(100vh / 81 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height22 {
      height: calc(100vw / 81 * 22); } }

.grid[data-grid-size="81"] .grid-item--width23 {
  width: 28.39506%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width23 {
      width: calc(100vw / 81 * 23); } }

.grid[data-grid-size="81"] .grid-item--height23 {
  height: calc(100vh / 81 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height23 {
      height: calc(100vw / 81 * 23); } }

.grid[data-grid-size="81"] .grid-item--width24 {
  width: 29.62963%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width24 {
      width: calc(100vw / 81 * 24); } }

.grid[data-grid-size="81"] .grid-item--height24 {
  height: calc(100vh / 81 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height24 {
      height: calc(100vw / 81 * 24); } }

.grid[data-grid-size="81"] .grid-item--width25 {
  width: 30.8642%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width25 {
      width: calc(100vw / 81 * 25); } }

.grid[data-grid-size="81"] .grid-item--height25 {
  height: calc(100vh / 81 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height25 {
      height: calc(100vw / 81 * 25); } }

.grid[data-grid-size="81"] .grid-item--width26 {
  width: 32.09877%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width26 {
      width: calc(100vw / 81 * 26); } }

.grid[data-grid-size="81"] .grid-item--height26 {
  height: calc(100vh / 81 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height26 {
      height: calc(100vw / 81 * 26); } }

.grid[data-grid-size="81"] .grid-item--width27 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width27 {
      width: calc(100vw / 81 * 27); } }

.grid[data-grid-size="81"] .grid-item--height27 {
  height: calc(100vh / 81 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height27 {
      height: calc(100vw / 81 * 27); } }

.grid[data-grid-size="81"] .grid-item--width28 {
  width: 34.5679%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width28 {
      width: calc(100vw / 81 * 28); } }

.grid[data-grid-size="81"] .grid-item--height28 {
  height: calc(100vh / 81 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height28 {
      height: calc(100vw / 81 * 28); } }

.grid[data-grid-size="81"] .grid-item--width29 {
  width: 35.80247%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width29 {
      width: calc(100vw / 81 * 29); } }

.grid[data-grid-size="81"] .grid-item--height29 {
  height: calc(100vh / 81 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height29 {
      height: calc(100vw / 81 * 29); } }

.grid[data-grid-size="81"] .grid-item--width30 {
  width: 37.03704%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width30 {
      width: calc(100vw / 81 * 30); } }

.grid[data-grid-size="81"] .grid-item--height30 {
  height: calc(100vh / 81 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height30 {
      height: calc(100vw / 81 * 30); } }

.grid[data-grid-size="81"] .grid-item--width31 {
  width: 38.2716%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width31 {
      width: calc(100vw / 81 * 31); } }

.grid[data-grid-size="81"] .grid-item--height31 {
  height: calc(100vh / 81 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height31 {
      height: calc(100vw / 81 * 31); } }

.grid[data-grid-size="81"] .grid-item--width32 {
  width: 39.50617%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width32 {
      width: calc(100vw / 81 * 32); } }

.grid[data-grid-size="81"] .grid-item--height32 {
  height: calc(100vh / 81 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height32 {
      height: calc(100vw / 81 * 32); } }

.grid[data-grid-size="81"] .grid-item--width33 {
  width: 40.74074%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width33 {
      width: calc(100vw / 81 * 33); } }

.grid[data-grid-size="81"] .grid-item--height33 {
  height: calc(100vh / 81 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height33 {
      height: calc(100vw / 81 * 33); } }

.grid[data-grid-size="81"] .grid-item--width34 {
  width: 41.97531%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width34 {
      width: calc(100vw / 81 * 34); } }

.grid[data-grid-size="81"] .grid-item--height34 {
  height: calc(100vh / 81 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height34 {
      height: calc(100vw / 81 * 34); } }

.grid[data-grid-size="81"] .grid-item--width35 {
  width: 43.20988%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width35 {
      width: calc(100vw / 81 * 35); } }

.grid[data-grid-size="81"] .grid-item--height35 {
  height: calc(100vh / 81 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height35 {
      height: calc(100vw / 81 * 35); } }

.grid[data-grid-size="81"] .grid-item--width36 {
  width: 44.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width36 {
      width: calc(100vw / 81 * 36); } }

.grid[data-grid-size="81"] .grid-item--height36 {
  height: calc(100vh / 81 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height36 {
      height: calc(100vw / 81 * 36); } }

.grid[data-grid-size="81"] .grid-item--width37 {
  width: 45.67901%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width37 {
      width: calc(100vw / 81 * 37); } }

.grid[data-grid-size="81"] .grid-item--height37 {
  height: calc(100vh / 81 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height37 {
      height: calc(100vw / 81 * 37); } }

.grid[data-grid-size="81"] .grid-item--width38 {
  width: 46.91358%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width38 {
      width: calc(100vw / 81 * 38); } }

.grid[data-grid-size="81"] .grid-item--height38 {
  height: calc(100vh / 81 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height38 {
      height: calc(100vw / 81 * 38); } }

.grid[data-grid-size="81"] .grid-item--width39 {
  width: 48.14815%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width39 {
      width: calc(100vw / 81 * 39); } }

.grid[data-grid-size="81"] .grid-item--height39 {
  height: calc(100vh / 81 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height39 {
      height: calc(100vw / 81 * 39); } }

.grid[data-grid-size="81"] .grid-item--width40 {
  width: 49.38272%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width40 {
      width: calc(100vw / 81 * 40); } }

.grid[data-grid-size="81"] .grid-item--height40 {
  height: calc(100vh / 81 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height40 {
      height: calc(100vw / 81 * 40); } }

.grid[data-grid-size="81"] .grid-item--width41 {
  width: 50.61728%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width41 {
      width: calc(100vw / 81 * 41); } }

.grid[data-grid-size="81"] .grid-item--height41 {
  height: calc(100vh / 81 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height41 {
      height: calc(100vw / 81 * 41); } }

.grid[data-grid-size="81"] .grid-item--width42 {
  width: 51.85185%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width42 {
      width: calc(100vw / 81 * 42); } }

.grid[data-grid-size="81"] .grid-item--height42 {
  height: calc(100vh / 81 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height42 {
      height: calc(100vw / 81 * 42); } }

.grid[data-grid-size="81"] .grid-item--width43 {
  width: 53.08642%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width43 {
      width: calc(100vw / 81 * 43); } }

.grid[data-grid-size="81"] .grid-item--height43 {
  height: calc(100vh / 81 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height43 {
      height: calc(100vw / 81 * 43); } }

.grid[data-grid-size="81"] .grid-item--width44 {
  width: 54.32099%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width44 {
      width: calc(100vw / 81 * 44); } }

.grid[data-grid-size="81"] .grid-item--height44 {
  height: calc(100vh / 81 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height44 {
      height: calc(100vw / 81 * 44); } }

.grid[data-grid-size="81"] .grid-item--width45 {
  width: 55.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width45 {
      width: calc(100vw / 81 * 45); } }

.grid[data-grid-size="81"] .grid-item--height45 {
  height: calc(100vh / 81 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height45 {
      height: calc(100vw / 81 * 45); } }

.grid[data-grid-size="81"] .grid-item--width46 {
  width: 56.79012%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width46 {
      width: calc(100vw / 81 * 46); } }

.grid[data-grid-size="81"] .grid-item--height46 {
  height: calc(100vh / 81 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height46 {
      height: calc(100vw / 81 * 46); } }

.grid[data-grid-size="81"] .grid-item--width47 {
  width: 58.02469%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width47 {
      width: calc(100vw / 81 * 47); } }

.grid[data-grid-size="81"] .grid-item--height47 {
  height: calc(100vh / 81 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height47 {
      height: calc(100vw / 81 * 47); } }

.grid[data-grid-size="81"] .grid-item--width48 {
  width: 59.25926%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width48 {
      width: calc(100vw / 81 * 48); } }

.grid[data-grid-size="81"] .grid-item--height48 {
  height: calc(100vh / 81 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height48 {
      height: calc(100vw / 81 * 48); } }

.grid[data-grid-size="81"] .grid-item--width49 {
  width: 60.49383%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width49 {
      width: calc(100vw / 81 * 49); } }

.grid[data-grid-size="81"] .grid-item--height49 {
  height: calc(100vh / 81 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height49 {
      height: calc(100vw / 81 * 49); } }

.grid[data-grid-size="81"] .grid-item--width50 {
  width: 61.7284%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width50 {
      width: calc(100vw / 81 * 50); } }

.grid[data-grid-size="81"] .grid-item--height50 {
  height: calc(100vh / 81 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height50 {
      height: calc(100vw / 81 * 50); } }

.grid[data-grid-size="81"] .grid-item--width51 {
  width: 62.96296%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width51 {
      width: calc(100vw / 81 * 51); } }

.grid[data-grid-size="81"] .grid-item--height51 {
  height: calc(100vh / 81 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height51 {
      height: calc(100vw / 81 * 51); } }

.grid[data-grid-size="81"] .grid-item--width52 {
  width: 64.19753%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width52 {
      width: calc(100vw / 81 * 52); } }

.grid[data-grid-size="81"] .grid-item--height52 {
  height: calc(100vh / 81 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height52 {
      height: calc(100vw / 81 * 52); } }

.grid[data-grid-size="81"] .grid-item--width53 {
  width: 65.4321%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width53 {
      width: calc(100vw / 81 * 53); } }

.grid[data-grid-size="81"] .grid-item--height53 {
  height: calc(100vh / 81 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height53 {
      height: calc(100vw / 81 * 53); } }

.grid[data-grid-size="81"] .grid-item--width54 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width54 {
      width: calc(100vw / 81 * 54); } }

.grid[data-grid-size="81"] .grid-item--height54 {
  height: calc(100vh / 81 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height54 {
      height: calc(100vw / 81 * 54); } }

.grid[data-grid-size="81"] .grid-item--width55 {
  width: 67.90123%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width55 {
      width: calc(100vw / 81 * 55); } }

.grid[data-grid-size="81"] .grid-item--height55 {
  height: calc(100vh / 81 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height55 {
      height: calc(100vw / 81 * 55); } }

.grid[data-grid-size="81"] .grid-item--width56 {
  width: 69.1358%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width56 {
      width: calc(100vw / 81 * 56); } }

.grid[data-grid-size="81"] .grid-item--height56 {
  height: calc(100vh / 81 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height56 {
      height: calc(100vw / 81 * 56); } }

.grid[data-grid-size="81"] .grid-item--width57 {
  width: 70.37037%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width57 {
      width: calc(100vw / 81 * 57); } }

.grid[data-grid-size="81"] .grid-item--height57 {
  height: calc(100vh / 81 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height57 {
      height: calc(100vw / 81 * 57); } }

.grid[data-grid-size="81"] .grid-item--width58 {
  width: 71.60494%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width58 {
      width: calc(100vw / 81 * 58); } }

.grid[data-grid-size="81"] .grid-item--height58 {
  height: calc(100vh / 81 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height58 {
      height: calc(100vw / 81 * 58); } }

.grid[data-grid-size="81"] .grid-item--width59 {
  width: 72.83951%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width59 {
      width: calc(100vw / 81 * 59); } }

.grid[data-grid-size="81"] .grid-item--height59 {
  height: calc(100vh / 81 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height59 {
      height: calc(100vw / 81 * 59); } }

.grid[data-grid-size="81"] .grid-item--width60 {
  width: 74.07407%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width60 {
      width: calc(100vw / 81 * 60); } }

.grid[data-grid-size="81"] .grid-item--height60 {
  height: calc(100vh / 81 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height60 {
      height: calc(100vw / 81 * 60); } }

.grid[data-grid-size="81"] .grid-item--width61 {
  width: 75.30864%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width61 {
      width: calc(100vw / 81 * 61); } }

.grid[data-grid-size="81"] .grid-item--height61 {
  height: calc(100vh / 81 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height61 {
      height: calc(100vw / 81 * 61); } }

.grid[data-grid-size="81"] .grid-item--width62 {
  width: 76.54321%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width62 {
      width: calc(100vw / 81 * 62); } }

.grid[data-grid-size="81"] .grid-item--height62 {
  height: calc(100vh / 81 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height62 {
      height: calc(100vw / 81 * 62); } }

.grid[data-grid-size="81"] .grid-item--width63 {
  width: 77.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width63 {
      width: calc(100vw / 81 * 63); } }

.grid[data-grid-size="81"] .grid-item--height63 {
  height: calc(100vh / 81 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height63 {
      height: calc(100vw / 81 * 63); } }

.grid[data-grid-size="81"] .grid-item--width64 {
  width: 79.01235%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width64 {
      width: calc(100vw / 81 * 64); } }

.grid[data-grid-size="81"] .grid-item--height64 {
  height: calc(100vh / 81 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height64 {
      height: calc(100vw / 81 * 64); } }

.grid[data-grid-size="81"] .grid-item--width65 {
  width: 80.24691%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width65 {
      width: calc(100vw / 81 * 65); } }

.grid[data-grid-size="81"] .grid-item--height65 {
  height: calc(100vh / 81 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height65 {
      height: calc(100vw / 81 * 65); } }

.grid[data-grid-size="81"] .grid-item--width66 {
  width: 81.48148%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width66 {
      width: calc(100vw / 81 * 66); } }

.grid[data-grid-size="81"] .grid-item--height66 {
  height: calc(100vh / 81 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height66 {
      height: calc(100vw / 81 * 66); } }

.grid[data-grid-size="81"] .grid-item--width67 {
  width: 82.71605%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width67 {
      width: calc(100vw / 81 * 67); } }

.grid[data-grid-size="81"] .grid-item--height67 {
  height: calc(100vh / 81 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height67 {
      height: calc(100vw / 81 * 67); } }

.grid[data-grid-size="81"] .grid-item--width68 {
  width: 83.95062%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width68 {
      width: calc(100vw / 81 * 68); } }

.grid[data-grid-size="81"] .grid-item--height68 {
  height: calc(100vh / 81 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height68 {
      height: calc(100vw / 81 * 68); } }

.grid[data-grid-size="81"] .grid-item--width69 {
  width: 85.18519%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width69 {
      width: calc(100vw / 81 * 69); } }

.grid[data-grid-size="81"] .grid-item--height69 {
  height: calc(100vh / 81 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height69 {
      height: calc(100vw / 81 * 69); } }

.grid[data-grid-size="81"] .grid-item--width70 {
  width: 86.41975%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width70 {
      width: calc(100vw / 81 * 70); } }

.grid[data-grid-size="81"] .grid-item--height70 {
  height: calc(100vh / 81 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height70 {
      height: calc(100vw / 81 * 70); } }

.grid[data-grid-size="81"] .grid-item--width71 {
  width: 87.65432%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width71 {
      width: calc(100vw / 81 * 71); } }

.grid[data-grid-size="81"] .grid-item--height71 {
  height: calc(100vh / 81 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height71 {
      height: calc(100vw / 81 * 71); } }

.grid[data-grid-size="81"] .grid-item--width72 {
  width: 88.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width72 {
      width: calc(100vw / 81 * 72); } }

.grid[data-grid-size="81"] .grid-item--height72 {
  height: calc(100vh / 81 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height72 {
      height: calc(100vw / 81 * 72); } }

.grid[data-grid-size="81"] .grid-item--width73 {
  width: 90.12346%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width73 {
      width: calc(100vw / 81 * 73); } }

.grid[data-grid-size="81"] .grid-item--height73 {
  height: calc(100vh / 81 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height73 {
      height: calc(100vw / 81 * 73); } }

.grid[data-grid-size="81"] .grid-item--width74 {
  width: 91.35802%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width74 {
      width: calc(100vw / 81 * 74); } }

.grid[data-grid-size="81"] .grid-item--height74 {
  height: calc(100vh / 81 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height74 {
      height: calc(100vw / 81 * 74); } }

.grid[data-grid-size="81"] .grid-item--width75 {
  width: 92.59259%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width75 {
      width: calc(100vw / 81 * 75); } }

.grid[data-grid-size="81"] .grid-item--height75 {
  height: calc(100vh / 81 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height75 {
      height: calc(100vw / 81 * 75); } }

.grid[data-grid-size="81"] .grid-item--width76 {
  width: 93.82716%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width76 {
      width: calc(100vw / 81 * 76); } }

.grid[data-grid-size="81"] .grid-item--height76 {
  height: calc(100vh / 81 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height76 {
      height: calc(100vw / 81 * 76); } }

.grid[data-grid-size="81"] .grid-item--width77 {
  width: 95.06173%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width77 {
      width: calc(100vw / 81 * 77); } }

.grid[data-grid-size="81"] .grid-item--height77 {
  height: calc(100vh / 81 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height77 {
      height: calc(100vw / 81 * 77); } }

.grid[data-grid-size="81"] .grid-item--width78 {
  width: 96.2963%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width78 {
      width: calc(100vw / 81 * 78); } }

.grid[data-grid-size="81"] .grid-item--height78 {
  height: calc(100vh / 81 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height78 {
      height: calc(100vw / 81 * 78); } }

.grid[data-grid-size="81"] .grid-item--width79 {
  width: 97.53086%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width79 {
      width: calc(100vw / 81 * 79); } }

.grid[data-grid-size="81"] .grid-item--height79 {
  height: calc(100vh / 81 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height79 {
      height: calc(100vw / 81 * 79); } }

.grid[data-grid-size="81"] .grid-item--width80 {
  width: 98.76543%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width80 {
      width: calc(100vw / 81 * 80); } }

.grid[data-grid-size="81"] .grid-item--height80 {
  height: calc(100vh / 81 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height80 {
      height: calc(100vw / 81 * 80); } }

.grid[data-grid-size="81"] .grid-item--width81 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--width81 {
      width: calc(100vw / 81 * 81); } }

.grid[data-grid-size="81"] .grid-item--height81 {
  height: calc(100vh / 81 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="81"] .grid-item--height81 {
      height: calc(100vw / 81 * 81); } }

.grid[data-grid-size="82"] .grid-sizer, .grid[data-grid-size="82"] .grid-item {
  width: 1.21951%; }

.grid[data-grid-size="82"] .grid-item--width1 {
  width: 1.21951%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width1 {
      width: calc(100vw / 82 * 1); } }

.grid[data-grid-size="82"] .grid-item--height1 {
  height: calc(100vh / 82 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height1 {
      height: calc(100vw / 82 * 1); } }

.grid[data-grid-size="82"] .grid-item--width2 {
  width: 2.43902%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width2 {
      width: calc(100vw / 82 * 2); } }

.grid[data-grid-size="82"] .grid-item--height2 {
  height: calc(100vh / 82 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height2 {
      height: calc(100vw / 82 * 2); } }

.grid[data-grid-size="82"] .grid-item--width3 {
  width: 3.65854%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width3 {
      width: calc(100vw / 82 * 3); } }

.grid[data-grid-size="82"] .grid-item--height3 {
  height: calc(100vh / 82 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height3 {
      height: calc(100vw / 82 * 3); } }

.grid[data-grid-size="82"] .grid-item--width4 {
  width: 4.87805%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width4 {
      width: calc(100vw / 82 * 4); } }

.grid[data-grid-size="82"] .grid-item--height4 {
  height: calc(100vh / 82 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height4 {
      height: calc(100vw / 82 * 4); } }

.grid[data-grid-size="82"] .grid-item--width5 {
  width: 6.09756%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width5 {
      width: calc(100vw / 82 * 5); } }

.grid[data-grid-size="82"] .grid-item--height5 {
  height: calc(100vh / 82 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height5 {
      height: calc(100vw / 82 * 5); } }

.grid[data-grid-size="82"] .grid-item--width6 {
  width: 7.31707%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width6 {
      width: calc(100vw / 82 * 6); } }

.grid[data-grid-size="82"] .grid-item--height6 {
  height: calc(100vh / 82 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height6 {
      height: calc(100vw / 82 * 6); } }

.grid[data-grid-size="82"] .grid-item--width7 {
  width: 8.53659%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width7 {
      width: calc(100vw / 82 * 7); } }

.grid[data-grid-size="82"] .grid-item--height7 {
  height: calc(100vh / 82 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height7 {
      height: calc(100vw / 82 * 7); } }

.grid[data-grid-size="82"] .grid-item--width8 {
  width: 9.7561%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width8 {
      width: calc(100vw / 82 * 8); } }

.grid[data-grid-size="82"] .grid-item--height8 {
  height: calc(100vh / 82 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height8 {
      height: calc(100vw / 82 * 8); } }

.grid[data-grid-size="82"] .grid-item--width9 {
  width: 10.97561%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width9 {
      width: calc(100vw / 82 * 9); } }

.grid[data-grid-size="82"] .grid-item--height9 {
  height: calc(100vh / 82 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height9 {
      height: calc(100vw / 82 * 9); } }

.grid[data-grid-size="82"] .grid-item--width10 {
  width: 12.19512%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width10 {
      width: calc(100vw / 82 * 10); } }

.grid[data-grid-size="82"] .grid-item--height10 {
  height: calc(100vh / 82 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height10 {
      height: calc(100vw / 82 * 10); } }

.grid[data-grid-size="82"] .grid-item--width11 {
  width: 13.41463%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width11 {
      width: calc(100vw / 82 * 11); } }

.grid[data-grid-size="82"] .grid-item--height11 {
  height: calc(100vh / 82 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height11 {
      height: calc(100vw / 82 * 11); } }

.grid[data-grid-size="82"] .grid-item--width12 {
  width: 14.63415%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width12 {
      width: calc(100vw / 82 * 12); } }

.grid[data-grid-size="82"] .grid-item--height12 {
  height: calc(100vh / 82 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height12 {
      height: calc(100vw / 82 * 12); } }

.grid[data-grid-size="82"] .grid-item--width13 {
  width: 15.85366%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width13 {
      width: calc(100vw / 82 * 13); } }

.grid[data-grid-size="82"] .grid-item--height13 {
  height: calc(100vh / 82 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height13 {
      height: calc(100vw / 82 * 13); } }

.grid[data-grid-size="82"] .grid-item--width14 {
  width: 17.07317%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width14 {
      width: calc(100vw / 82 * 14); } }

.grid[data-grid-size="82"] .grid-item--height14 {
  height: calc(100vh / 82 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height14 {
      height: calc(100vw / 82 * 14); } }

.grid[data-grid-size="82"] .grid-item--width15 {
  width: 18.29268%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width15 {
      width: calc(100vw / 82 * 15); } }

.grid[data-grid-size="82"] .grid-item--height15 {
  height: calc(100vh / 82 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height15 {
      height: calc(100vw / 82 * 15); } }

.grid[data-grid-size="82"] .grid-item--width16 {
  width: 19.5122%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width16 {
      width: calc(100vw / 82 * 16); } }

.grid[data-grid-size="82"] .grid-item--height16 {
  height: calc(100vh / 82 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height16 {
      height: calc(100vw / 82 * 16); } }

.grid[data-grid-size="82"] .grid-item--width17 {
  width: 20.73171%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width17 {
      width: calc(100vw / 82 * 17); } }

.grid[data-grid-size="82"] .grid-item--height17 {
  height: calc(100vh / 82 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height17 {
      height: calc(100vw / 82 * 17); } }

.grid[data-grid-size="82"] .grid-item--width18 {
  width: 21.95122%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width18 {
      width: calc(100vw / 82 * 18); } }

.grid[data-grid-size="82"] .grid-item--height18 {
  height: calc(100vh / 82 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height18 {
      height: calc(100vw / 82 * 18); } }

.grid[data-grid-size="82"] .grid-item--width19 {
  width: 23.17073%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width19 {
      width: calc(100vw / 82 * 19); } }

.grid[data-grid-size="82"] .grid-item--height19 {
  height: calc(100vh / 82 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height19 {
      height: calc(100vw / 82 * 19); } }

.grid[data-grid-size="82"] .grid-item--width20 {
  width: 24.39024%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width20 {
      width: calc(100vw / 82 * 20); } }

.grid[data-grid-size="82"] .grid-item--height20 {
  height: calc(100vh / 82 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height20 {
      height: calc(100vw / 82 * 20); } }

.grid[data-grid-size="82"] .grid-item--width21 {
  width: 25.60976%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width21 {
      width: calc(100vw / 82 * 21); } }

.grid[data-grid-size="82"] .grid-item--height21 {
  height: calc(100vh / 82 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height21 {
      height: calc(100vw / 82 * 21); } }

.grid[data-grid-size="82"] .grid-item--width22 {
  width: 26.82927%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width22 {
      width: calc(100vw / 82 * 22); } }

.grid[data-grid-size="82"] .grid-item--height22 {
  height: calc(100vh / 82 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height22 {
      height: calc(100vw / 82 * 22); } }

.grid[data-grid-size="82"] .grid-item--width23 {
  width: 28.04878%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width23 {
      width: calc(100vw / 82 * 23); } }

.grid[data-grid-size="82"] .grid-item--height23 {
  height: calc(100vh / 82 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height23 {
      height: calc(100vw / 82 * 23); } }

.grid[data-grid-size="82"] .grid-item--width24 {
  width: 29.26829%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width24 {
      width: calc(100vw / 82 * 24); } }

.grid[data-grid-size="82"] .grid-item--height24 {
  height: calc(100vh / 82 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height24 {
      height: calc(100vw / 82 * 24); } }

.grid[data-grid-size="82"] .grid-item--width25 {
  width: 30.4878%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width25 {
      width: calc(100vw / 82 * 25); } }

.grid[data-grid-size="82"] .grid-item--height25 {
  height: calc(100vh / 82 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height25 {
      height: calc(100vw / 82 * 25); } }

.grid[data-grid-size="82"] .grid-item--width26 {
  width: 31.70732%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width26 {
      width: calc(100vw / 82 * 26); } }

.grid[data-grid-size="82"] .grid-item--height26 {
  height: calc(100vh / 82 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height26 {
      height: calc(100vw / 82 * 26); } }

.grid[data-grid-size="82"] .grid-item--width27 {
  width: 32.92683%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width27 {
      width: calc(100vw / 82 * 27); } }

.grid[data-grid-size="82"] .grid-item--height27 {
  height: calc(100vh / 82 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height27 {
      height: calc(100vw / 82 * 27); } }

.grid[data-grid-size="82"] .grid-item--width28 {
  width: 34.14634%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width28 {
      width: calc(100vw / 82 * 28); } }

.grid[data-grid-size="82"] .grid-item--height28 {
  height: calc(100vh / 82 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height28 {
      height: calc(100vw / 82 * 28); } }

.grid[data-grid-size="82"] .grid-item--width29 {
  width: 35.36585%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width29 {
      width: calc(100vw / 82 * 29); } }

.grid[data-grid-size="82"] .grid-item--height29 {
  height: calc(100vh / 82 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height29 {
      height: calc(100vw / 82 * 29); } }

.grid[data-grid-size="82"] .grid-item--width30 {
  width: 36.58537%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width30 {
      width: calc(100vw / 82 * 30); } }

.grid[data-grid-size="82"] .grid-item--height30 {
  height: calc(100vh / 82 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height30 {
      height: calc(100vw / 82 * 30); } }

.grid[data-grid-size="82"] .grid-item--width31 {
  width: 37.80488%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width31 {
      width: calc(100vw / 82 * 31); } }

.grid[data-grid-size="82"] .grid-item--height31 {
  height: calc(100vh / 82 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height31 {
      height: calc(100vw / 82 * 31); } }

.grid[data-grid-size="82"] .grid-item--width32 {
  width: 39.02439%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width32 {
      width: calc(100vw / 82 * 32); } }

.grid[data-grid-size="82"] .grid-item--height32 {
  height: calc(100vh / 82 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height32 {
      height: calc(100vw / 82 * 32); } }

.grid[data-grid-size="82"] .grid-item--width33 {
  width: 40.2439%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width33 {
      width: calc(100vw / 82 * 33); } }

.grid[data-grid-size="82"] .grid-item--height33 {
  height: calc(100vh / 82 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height33 {
      height: calc(100vw / 82 * 33); } }

.grid[data-grid-size="82"] .grid-item--width34 {
  width: 41.46341%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width34 {
      width: calc(100vw / 82 * 34); } }

.grid[data-grid-size="82"] .grid-item--height34 {
  height: calc(100vh / 82 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height34 {
      height: calc(100vw / 82 * 34); } }

.grid[data-grid-size="82"] .grid-item--width35 {
  width: 42.68293%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width35 {
      width: calc(100vw / 82 * 35); } }

.grid[data-grid-size="82"] .grid-item--height35 {
  height: calc(100vh / 82 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height35 {
      height: calc(100vw / 82 * 35); } }

.grid[data-grid-size="82"] .grid-item--width36 {
  width: 43.90244%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width36 {
      width: calc(100vw / 82 * 36); } }

.grid[data-grid-size="82"] .grid-item--height36 {
  height: calc(100vh / 82 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height36 {
      height: calc(100vw / 82 * 36); } }

.grid[data-grid-size="82"] .grid-item--width37 {
  width: 45.12195%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width37 {
      width: calc(100vw / 82 * 37); } }

.grid[data-grid-size="82"] .grid-item--height37 {
  height: calc(100vh / 82 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height37 {
      height: calc(100vw / 82 * 37); } }

.grid[data-grid-size="82"] .grid-item--width38 {
  width: 46.34146%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width38 {
      width: calc(100vw / 82 * 38); } }

.grid[data-grid-size="82"] .grid-item--height38 {
  height: calc(100vh / 82 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height38 {
      height: calc(100vw / 82 * 38); } }

.grid[data-grid-size="82"] .grid-item--width39 {
  width: 47.56098%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width39 {
      width: calc(100vw / 82 * 39); } }

.grid[data-grid-size="82"] .grid-item--height39 {
  height: calc(100vh / 82 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height39 {
      height: calc(100vw / 82 * 39); } }

.grid[data-grid-size="82"] .grid-item--width40 {
  width: 48.78049%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width40 {
      width: calc(100vw / 82 * 40); } }

.grid[data-grid-size="82"] .grid-item--height40 {
  height: calc(100vh / 82 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height40 {
      height: calc(100vw / 82 * 40); } }

.grid[data-grid-size="82"] .grid-item--width41 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width41 {
      width: calc(100vw / 82 * 41); } }

.grid[data-grid-size="82"] .grid-item--height41 {
  height: calc(100vh / 82 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height41 {
      height: calc(100vw / 82 * 41); } }

.grid[data-grid-size="82"] .grid-item--width42 {
  width: 51.21951%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width42 {
      width: calc(100vw / 82 * 42); } }

.grid[data-grid-size="82"] .grid-item--height42 {
  height: calc(100vh / 82 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height42 {
      height: calc(100vw / 82 * 42); } }

.grid[data-grid-size="82"] .grid-item--width43 {
  width: 52.43902%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width43 {
      width: calc(100vw / 82 * 43); } }

.grid[data-grid-size="82"] .grid-item--height43 {
  height: calc(100vh / 82 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height43 {
      height: calc(100vw / 82 * 43); } }

.grid[data-grid-size="82"] .grid-item--width44 {
  width: 53.65854%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width44 {
      width: calc(100vw / 82 * 44); } }

.grid[data-grid-size="82"] .grid-item--height44 {
  height: calc(100vh / 82 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height44 {
      height: calc(100vw / 82 * 44); } }

.grid[data-grid-size="82"] .grid-item--width45 {
  width: 54.87805%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width45 {
      width: calc(100vw / 82 * 45); } }

.grid[data-grid-size="82"] .grid-item--height45 {
  height: calc(100vh / 82 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height45 {
      height: calc(100vw / 82 * 45); } }

.grid[data-grid-size="82"] .grid-item--width46 {
  width: 56.09756%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width46 {
      width: calc(100vw / 82 * 46); } }

.grid[data-grid-size="82"] .grid-item--height46 {
  height: calc(100vh / 82 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height46 {
      height: calc(100vw / 82 * 46); } }

.grid[data-grid-size="82"] .grid-item--width47 {
  width: 57.31707%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width47 {
      width: calc(100vw / 82 * 47); } }

.grid[data-grid-size="82"] .grid-item--height47 {
  height: calc(100vh / 82 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height47 {
      height: calc(100vw / 82 * 47); } }

.grid[data-grid-size="82"] .grid-item--width48 {
  width: 58.53659%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width48 {
      width: calc(100vw / 82 * 48); } }

.grid[data-grid-size="82"] .grid-item--height48 {
  height: calc(100vh / 82 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height48 {
      height: calc(100vw / 82 * 48); } }

.grid[data-grid-size="82"] .grid-item--width49 {
  width: 59.7561%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width49 {
      width: calc(100vw / 82 * 49); } }

.grid[data-grid-size="82"] .grid-item--height49 {
  height: calc(100vh / 82 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height49 {
      height: calc(100vw / 82 * 49); } }

.grid[data-grid-size="82"] .grid-item--width50 {
  width: 60.97561%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width50 {
      width: calc(100vw / 82 * 50); } }

.grid[data-grid-size="82"] .grid-item--height50 {
  height: calc(100vh / 82 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height50 {
      height: calc(100vw / 82 * 50); } }

.grid[data-grid-size="82"] .grid-item--width51 {
  width: 62.19512%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width51 {
      width: calc(100vw / 82 * 51); } }

.grid[data-grid-size="82"] .grid-item--height51 {
  height: calc(100vh / 82 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height51 {
      height: calc(100vw / 82 * 51); } }

.grid[data-grid-size="82"] .grid-item--width52 {
  width: 63.41463%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width52 {
      width: calc(100vw / 82 * 52); } }

.grid[data-grid-size="82"] .grid-item--height52 {
  height: calc(100vh / 82 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height52 {
      height: calc(100vw / 82 * 52); } }

.grid[data-grid-size="82"] .grid-item--width53 {
  width: 64.63415%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width53 {
      width: calc(100vw / 82 * 53); } }

.grid[data-grid-size="82"] .grid-item--height53 {
  height: calc(100vh / 82 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height53 {
      height: calc(100vw / 82 * 53); } }

.grid[data-grid-size="82"] .grid-item--width54 {
  width: 65.85366%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width54 {
      width: calc(100vw / 82 * 54); } }

.grid[data-grid-size="82"] .grid-item--height54 {
  height: calc(100vh / 82 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height54 {
      height: calc(100vw / 82 * 54); } }

.grid[data-grid-size="82"] .grid-item--width55 {
  width: 67.07317%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width55 {
      width: calc(100vw / 82 * 55); } }

.grid[data-grid-size="82"] .grid-item--height55 {
  height: calc(100vh / 82 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height55 {
      height: calc(100vw / 82 * 55); } }

.grid[data-grid-size="82"] .grid-item--width56 {
  width: 68.29268%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width56 {
      width: calc(100vw / 82 * 56); } }

.grid[data-grid-size="82"] .grid-item--height56 {
  height: calc(100vh / 82 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height56 {
      height: calc(100vw / 82 * 56); } }

.grid[data-grid-size="82"] .grid-item--width57 {
  width: 69.5122%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width57 {
      width: calc(100vw / 82 * 57); } }

.grid[data-grid-size="82"] .grid-item--height57 {
  height: calc(100vh / 82 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height57 {
      height: calc(100vw / 82 * 57); } }

.grid[data-grid-size="82"] .grid-item--width58 {
  width: 70.73171%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width58 {
      width: calc(100vw / 82 * 58); } }

.grid[data-grid-size="82"] .grid-item--height58 {
  height: calc(100vh / 82 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height58 {
      height: calc(100vw / 82 * 58); } }

.grid[data-grid-size="82"] .grid-item--width59 {
  width: 71.95122%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width59 {
      width: calc(100vw / 82 * 59); } }

.grid[data-grid-size="82"] .grid-item--height59 {
  height: calc(100vh / 82 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height59 {
      height: calc(100vw / 82 * 59); } }

.grid[data-grid-size="82"] .grid-item--width60 {
  width: 73.17073%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width60 {
      width: calc(100vw / 82 * 60); } }

.grid[data-grid-size="82"] .grid-item--height60 {
  height: calc(100vh / 82 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height60 {
      height: calc(100vw / 82 * 60); } }

.grid[data-grid-size="82"] .grid-item--width61 {
  width: 74.39024%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width61 {
      width: calc(100vw / 82 * 61); } }

.grid[data-grid-size="82"] .grid-item--height61 {
  height: calc(100vh / 82 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height61 {
      height: calc(100vw / 82 * 61); } }

.grid[data-grid-size="82"] .grid-item--width62 {
  width: 75.60976%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width62 {
      width: calc(100vw / 82 * 62); } }

.grid[data-grid-size="82"] .grid-item--height62 {
  height: calc(100vh / 82 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height62 {
      height: calc(100vw / 82 * 62); } }

.grid[data-grid-size="82"] .grid-item--width63 {
  width: 76.82927%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width63 {
      width: calc(100vw / 82 * 63); } }

.grid[data-grid-size="82"] .grid-item--height63 {
  height: calc(100vh / 82 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height63 {
      height: calc(100vw / 82 * 63); } }

.grid[data-grid-size="82"] .grid-item--width64 {
  width: 78.04878%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width64 {
      width: calc(100vw / 82 * 64); } }

.grid[data-grid-size="82"] .grid-item--height64 {
  height: calc(100vh / 82 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height64 {
      height: calc(100vw / 82 * 64); } }

.grid[data-grid-size="82"] .grid-item--width65 {
  width: 79.26829%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width65 {
      width: calc(100vw / 82 * 65); } }

.grid[data-grid-size="82"] .grid-item--height65 {
  height: calc(100vh / 82 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height65 {
      height: calc(100vw / 82 * 65); } }

.grid[data-grid-size="82"] .grid-item--width66 {
  width: 80.4878%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width66 {
      width: calc(100vw / 82 * 66); } }

.grid[data-grid-size="82"] .grid-item--height66 {
  height: calc(100vh / 82 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height66 {
      height: calc(100vw / 82 * 66); } }

.grid[data-grid-size="82"] .grid-item--width67 {
  width: 81.70732%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width67 {
      width: calc(100vw / 82 * 67); } }

.grid[data-grid-size="82"] .grid-item--height67 {
  height: calc(100vh / 82 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height67 {
      height: calc(100vw / 82 * 67); } }

.grid[data-grid-size="82"] .grid-item--width68 {
  width: 82.92683%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width68 {
      width: calc(100vw / 82 * 68); } }

.grid[data-grid-size="82"] .grid-item--height68 {
  height: calc(100vh / 82 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height68 {
      height: calc(100vw / 82 * 68); } }

.grid[data-grid-size="82"] .grid-item--width69 {
  width: 84.14634%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width69 {
      width: calc(100vw / 82 * 69); } }

.grid[data-grid-size="82"] .grid-item--height69 {
  height: calc(100vh / 82 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height69 {
      height: calc(100vw / 82 * 69); } }

.grid[data-grid-size="82"] .grid-item--width70 {
  width: 85.36585%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width70 {
      width: calc(100vw / 82 * 70); } }

.grid[data-grid-size="82"] .grid-item--height70 {
  height: calc(100vh / 82 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height70 {
      height: calc(100vw / 82 * 70); } }

.grid[data-grid-size="82"] .grid-item--width71 {
  width: 86.58537%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width71 {
      width: calc(100vw / 82 * 71); } }

.grid[data-grid-size="82"] .grid-item--height71 {
  height: calc(100vh / 82 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height71 {
      height: calc(100vw / 82 * 71); } }

.grid[data-grid-size="82"] .grid-item--width72 {
  width: 87.80488%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width72 {
      width: calc(100vw / 82 * 72); } }

.grid[data-grid-size="82"] .grid-item--height72 {
  height: calc(100vh / 82 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height72 {
      height: calc(100vw / 82 * 72); } }

.grid[data-grid-size="82"] .grid-item--width73 {
  width: 89.02439%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width73 {
      width: calc(100vw / 82 * 73); } }

.grid[data-grid-size="82"] .grid-item--height73 {
  height: calc(100vh / 82 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height73 {
      height: calc(100vw / 82 * 73); } }

.grid[data-grid-size="82"] .grid-item--width74 {
  width: 90.2439%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width74 {
      width: calc(100vw / 82 * 74); } }

.grid[data-grid-size="82"] .grid-item--height74 {
  height: calc(100vh / 82 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height74 {
      height: calc(100vw / 82 * 74); } }

.grid[data-grid-size="82"] .grid-item--width75 {
  width: 91.46341%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width75 {
      width: calc(100vw / 82 * 75); } }

.grid[data-grid-size="82"] .grid-item--height75 {
  height: calc(100vh / 82 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height75 {
      height: calc(100vw / 82 * 75); } }

.grid[data-grid-size="82"] .grid-item--width76 {
  width: 92.68293%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width76 {
      width: calc(100vw / 82 * 76); } }

.grid[data-grid-size="82"] .grid-item--height76 {
  height: calc(100vh / 82 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height76 {
      height: calc(100vw / 82 * 76); } }

.grid[data-grid-size="82"] .grid-item--width77 {
  width: 93.90244%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width77 {
      width: calc(100vw / 82 * 77); } }

.grid[data-grid-size="82"] .grid-item--height77 {
  height: calc(100vh / 82 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height77 {
      height: calc(100vw / 82 * 77); } }

.grid[data-grid-size="82"] .grid-item--width78 {
  width: 95.12195%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width78 {
      width: calc(100vw / 82 * 78); } }

.grid[data-grid-size="82"] .grid-item--height78 {
  height: calc(100vh / 82 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height78 {
      height: calc(100vw / 82 * 78); } }

.grid[data-grid-size="82"] .grid-item--width79 {
  width: 96.34146%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width79 {
      width: calc(100vw / 82 * 79); } }

.grid[data-grid-size="82"] .grid-item--height79 {
  height: calc(100vh / 82 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height79 {
      height: calc(100vw / 82 * 79); } }

.grid[data-grid-size="82"] .grid-item--width80 {
  width: 97.56098%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width80 {
      width: calc(100vw / 82 * 80); } }

.grid[data-grid-size="82"] .grid-item--height80 {
  height: calc(100vh / 82 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height80 {
      height: calc(100vw / 82 * 80); } }

.grid[data-grid-size="82"] .grid-item--width81 {
  width: 98.78049%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width81 {
      width: calc(100vw / 82 * 81); } }

.grid[data-grid-size="82"] .grid-item--height81 {
  height: calc(100vh / 82 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height81 {
      height: calc(100vw / 82 * 81); } }

.grid[data-grid-size="82"] .grid-item--width82 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--width82 {
      width: calc(100vw / 82 * 82); } }

.grid[data-grid-size="82"] .grid-item--height82 {
  height: calc(100vh / 82 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="82"] .grid-item--height82 {
      height: calc(100vw / 82 * 82); } }

.grid[data-grid-size="83"] .grid-sizer, .grid[data-grid-size="83"] .grid-item {
  width: 1.20482%; }

.grid[data-grid-size="83"] .grid-item--width1 {
  width: 1.20482%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width1 {
      width: calc(100vw / 83 * 1); } }

.grid[data-grid-size="83"] .grid-item--height1 {
  height: calc(100vh / 83 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height1 {
      height: calc(100vw / 83 * 1); } }

.grid[data-grid-size="83"] .grid-item--width2 {
  width: 2.40964%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width2 {
      width: calc(100vw / 83 * 2); } }

.grid[data-grid-size="83"] .grid-item--height2 {
  height: calc(100vh / 83 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height2 {
      height: calc(100vw / 83 * 2); } }

.grid[data-grid-size="83"] .grid-item--width3 {
  width: 3.61446%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width3 {
      width: calc(100vw / 83 * 3); } }

.grid[data-grid-size="83"] .grid-item--height3 {
  height: calc(100vh / 83 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height3 {
      height: calc(100vw / 83 * 3); } }

.grid[data-grid-size="83"] .grid-item--width4 {
  width: 4.81928%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width4 {
      width: calc(100vw / 83 * 4); } }

.grid[data-grid-size="83"] .grid-item--height4 {
  height: calc(100vh / 83 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height4 {
      height: calc(100vw / 83 * 4); } }

.grid[data-grid-size="83"] .grid-item--width5 {
  width: 6.0241%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width5 {
      width: calc(100vw / 83 * 5); } }

.grid[data-grid-size="83"] .grid-item--height5 {
  height: calc(100vh / 83 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height5 {
      height: calc(100vw / 83 * 5); } }

.grid[data-grid-size="83"] .grid-item--width6 {
  width: 7.22892%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width6 {
      width: calc(100vw / 83 * 6); } }

.grid[data-grid-size="83"] .grid-item--height6 {
  height: calc(100vh / 83 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height6 {
      height: calc(100vw / 83 * 6); } }

.grid[data-grid-size="83"] .grid-item--width7 {
  width: 8.43373%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width7 {
      width: calc(100vw / 83 * 7); } }

.grid[data-grid-size="83"] .grid-item--height7 {
  height: calc(100vh / 83 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height7 {
      height: calc(100vw / 83 * 7); } }

.grid[data-grid-size="83"] .grid-item--width8 {
  width: 9.63855%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width8 {
      width: calc(100vw / 83 * 8); } }

.grid[data-grid-size="83"] .grid-item--height8 {
  height: calc(100vh / 83 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height8 {
      height: calc(100vw / 83 * 8); } }

.grid[data-grid-size="83"] .grid-item--width9 {
  width: 10.84337%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width9 {
      width: calc(100vw / 83 * 9); } }

.grid[data-grid-size="83"] .grid-item--height9 {
  height: calc(100vh / 83 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height9 {
      height: calc(100vw / 83 * 9); } }

.grid[data-grid-size="83"] .grid-item--width10 {
  width: 12.04819%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width10 {
      width: calc(100vw / 83 * 10); } }

.grid[data-grid-size="83"] .grid-item--height10 {
  height: calc(100vh / 83 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height10 {
      height: calc(100vw / 83 * 10); } }

.grid[data-grid-size="83"] .grid-item--width11 {
  width: 13.25301%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width11 {
      width: calc(100vw / 83 * 11); } }

.grid[data-grid-size="83"] .grid-item--height11 {
  height: calc(100vh / 83 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height11 {
      height: calc(100vw / 83 * 11); } }

.grid[data-grid-size="83"] .grid-item--width12 {
  width: 14.45783%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width12 {
      width: calc(100vw / 83 * 12); } }

.grid[data-grid-size="83"] .grid-item--height12 {
  height: calc(100vh / 83 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height12 {
      height: calc(100vw / 83 * 12); } }

.grid[data-grid-size="83"] .grid-item--width13 {
  width: 15.66265%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width13 {
      width: calc(100vw / 83 * 13); } }

.grid[data-grid-size="83"] .grid-item--height13 {
  height: calc(100vh / 83 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height13 {
      height: calc(100vw / 83 * 13); } }

.grid[data-grid-size="83"] .grid-item--width14 {
  width: 16.86747%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width14 {
      width: calc(100vw / 83 * 14); } }

.grid[data-grid-size="83"] .grid-item--height14 {
  height: calc(100vh / 83 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height14 {
      height: calc(100vw / 83 * 14); } }

.grid[data-grid-size="83"] .grid-item--width15 {
  width: 18.07229%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width15 {
      width: calc(100vw / 83 * 15); } }

.grid[data-grid-size="83"] .grid-item--height15 {
  height: calc(100vh / 83 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height15 {
      height: calc(100vw / 83 * 15); } }

.grid[data-grid-size="83"] .grid-item--width16 {
  width: 19.27711%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width16 {
      width: calc(100vw / 83 * 16); } }

.grid[data-grid-size="83"] .grid-item--height16 {
  height: calc(100vh / 83 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height16 {
      height: calc(100vw / 83 * 16); } }

.grid[data-grid-size="83"] .grid-item--width17 {
  width: 20.48193%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width17 {
      width: calc(100vw / 83 * 17); } }

.grid[data-grid-size="83"] .grid-item--height17 {
  height: calc(100vh / 83 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height17 {
      height: calc(100vw / 83 * 17); } }

.grid[data-grid-size="83"] .grid-item--width18 {
  width: 21.68675%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width18 {
      width: calc(100vw / 83 * 18); } }

.grid[data-grid-size="83"] .grid-item--height18 {
  height: calc(100vh / 83 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height18 {
      height: calc(100vw / 83 * 18); } }

.grid[data-grid-size="83"] .grid-item--width19 {
  width: 22.89157%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width19 {
      width: calc(100vw / 83 * 19); } }

.grid[data-grid-size="83"] .grid-item--height19 {
  height: calc(100vh / 83 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height19 {
      height: calc(100vw / 83 * 19); } }

.grid[data-grid-size="83"] .grid-item--width20 {
  width: 24.09639%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width20 {
      width: calc(100vw / 83 * 20); } }

.grid[data-grid-size="83"] .grid-item--height20 {
  height: calc(100vh / 83 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height20 {
      height: calc(100vw / 83 * 20); } }

.grid[data-grid-size="83"] .grid-item--width21 {
  width: 25.3012%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width21 {
      width: calc(100vw / 83 * 21); } }

.grid[data-grid-size="83"] .grid-item--height21 {
  height: calc(100vh / 83 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height21 {
      height: calc(100vw / 83 * 21); } }

.grid[data-grid-size="83"] .grid-item--width22 {
  width: 26.50602%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width22 {
      width: calc(100vw / 83 * 22); } }

.grid[data-grid-size="83"] .grid-item--height22 {
  height: calc(100vh / 83 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height22 {
      height: calc(100vw / 83 * 22); } }

.grid[data-grid-size="83"] .grid-item--width23 {
  width: 27.71084%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width23 {
      width: calc(100vw / 83 * 23); } }

.grid[data-grid-size="83"] .grid-item--height23 {
  height: calc(100vh / 83 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height23 {
      height: calc(100vw / 83 * 23); } }

.grid[data-grid-size="83"] .grid-item--width24 {
  width: 28.91566%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width24 {
      width: calc(100vw / 83 * 24); } }

.grid[data-grid-size="83"] .grid-item--height24 {
  height: calc(100vh / 83 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height24 {
      height: calc(100vw / 83 * 24); } }

.grid[data-grid-size="83"] .grid-item--width25 {
  width: 30.12048%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width25 {
      width: calc(100vw / 83 * 25); } }

.grid[data-grid-size="83"] .grid-item--height25 {
  height: calc(100vh / 83 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height25 {
      height: calc(100vw / 83 * 25); } }

.grid[data-grid-size="83"] .grid-item--width26 {
  width: 31.3253%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width26 {
      width: calc(100vw / 83 * 26); } }

.grid[data-grid-size="83"] .grid-item--height26 {
  height: calc(100vh / 83 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height26 {
      height: calc(100vw / 83 * 26); } }

.grid[data-grid-size="83"] .grid-item--width27 {
  width: 32.53012%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width27 {
      width: calc(100vw / 83 * 27); } }

.grid[data-grid-size="83"] .grid-item--height27 {
  height: calc(100vh / 83 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height27 {
      height: calc(100vw / 83 * 27); } }

.grid[data-grid-size="83"] .grid-item--width28 {
  width: 33.73494%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width28 {
      width: calc(100vw / 83 * 28); } }

.grid[data-grid-size="83"] .grid-item--height28 {
  height: calc(100vh / 83 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height28 {
      height: calc(100vw / 83 * 28); } }

.grid[data-grid-size="83"] .grid-item--width29 {
  width: 34.93976%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width29 {
      width: calc(100vw / 83 * 29); } }

.grid[data-grid-size="83"] .grid-item--height29 {
  height: calc(100vh / 83 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height29 {
      height: calc(100vw / 83 * 29); } }

.grid[data-grid-size="83"] .grid-item--width30 {
  width: 36.14458%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width30 {
      width: calc(100vw / 83 * 30); } }

.grid[data-grid-size="83"] .grid-item--height30 {
  height: calc(100vh / 83 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height30 {
      height: calc(100vw / 83 * 30); } }

.grid[data-grid-size="83"] .grid-item--width31 {
  width: 37.3494%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width31 {
      width: calc(100vw / 83 * 31); } }

.grid[data-grid-size="83"] .grid-item--height31 {
  height: calc(100vh / 83 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height31 {
      height: calc(100vw / 83 * 31); } }

.grid[data-grid-size="83"] .grid-item--width32 {
  width: 38.55422%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width32 {
      width: calc(100vw / 83 * 32); } }

.grid[data-grid-size="83"] .grid-item--height32 {
  height: calc(100vh / 83 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height32 {
      height: calc(100vw / 83 * 32); } }

.grid[data-grid-size="83"] .grid-item--width33 {
  width: 39.75904%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width33 {
      width: calc(100vw / 83 * 33); } }

.grid[data-grid-size="83"] .grid-item--height33 {
  height: calc(100vh / 83 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height33 {
      height: calc(100vw / 83 * 33); } }

.grid[data-grid-size="83"] .grid-item--width34 {
  width: 40.96386%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width34 {
      width: calc(100vw / 83 * 34); } }

.grid[data-grid-size="83"] .grid-item--height34 {
  height: calc(100vh / 83 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height34 {
      height: calc(100vw / 83 * 34); } }

.grid[data-grid-size="83"] .grid-item--width35 {
  width: 42.16867%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width35 {
      width: calc(100vw / 83 * 35); } }

.grid[data-grid-size="83"] .grid-item--height35 {
  height: calc(100vh / 83 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height35 {
      height: calc(100vw / 83 * 35); } }

.grid[data-grid-size="83"] .grid-item--width36 {
  width: 43.37349%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width36 {
      width: calc(100vw / 83 * 36); } }

.grid[data-grid-size="83"] .grid-item--height36 {
  height: calc(100vh / 83 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height36 {
      height: calc(100vw / 83 * 36); } }

.grid[data-grid-size="83"] .grid-item--width37 {
  width: 44.57831%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width37 {
      width: calc(100vw / 83 * 37); } }

.grid[data-grid-size="83"] .grid-item--height37 {
  height: calc(100vh / 83 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height37 {
      height: calc(100vw / 83 * 37); } }

.grid[data-grid-size="83"] .grid-item--width38 {
  width: 45.78313%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width38 {
      width: calc(100vw / 83 * 38); } }

.grid[data-grid-size="83"] .grid-item--height38 {
  height: calc(100vh / 83 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height38 {
      height: calc(100vw / 83 * 38); } }

.grid[data-grid-size="83"] .grid-item--width39 {
  width: 46.98795%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width39 {
      width: calc(100vw / 83 * 39); } }

.grid[data-grid-size="83"] .grid-item--height39 {
  height: calc(100vh / 83 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height39 {
      height: calc(100vw / 83 * 39); } }

.grid[data-grid-size="83"] .grid-item--width40 {
  width: 48.19277%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width40 {
      width: calc(100vw / 83 * 40); } }

.grid[data-grid-size="83"] .grid-item--height40 {
  height: calc(100vh / 83 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height40 {
      height: calc(100vw / 83 * 40); } }

.grid[data-grid-size="83"] .grid-item--width41 {
  width: 49.39759%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width41 {
      width: calc(100vw / 83 * 41); } }

.grid[data-grid-size="83"] .grid-item--height41 {
  height: calc(100vh / 83 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height41 {
      height: calc(100vw / 83 * 41); } }

.grid[data-grid-size="83"] .grid-item--width42 {
  width: 50.60241%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width42 {
      width: calc(100vw / 83 * 42); } }

.grid[data-grid-size="83"] .grid-item--height42 {
  height: calc(100vh / 83 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height42 {
      height: calc(100vw / 83 * 42); } }

.grid[data-grid-size="83"] .grid-item--width43 {
  width: 51.80723%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width43 {
      width: calc(100vw / 83 * 43); } }

.grid[data-grid-size="83"] .grid-item--height43 {
  height: calc(100vh / 83 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height43 {
      height: calc(100vw / 83 * 43); } }

.grid[data-grid-size="83"] .grid-item--width44 {
  width: 53.01205%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width44 {
      width: calc(100vw / 83 * 44); } }

.grid[data-grid-size="83"] .grid-item--height44 {
  height: calc(100vh / 83 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height44 {
      height: calc(100vw / 83 * 44); } }

.grid[data-grid-size="83"] .grid-item--width45 {
  width: 54.21687%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width45 {
      width: calc(100vw / 83 * 45); } }

.grid[data-grid-size="83"] .grid-item--height45 {
  height: calc(100vh / 83 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height45 {
      height: calc(100vw / 83 * 45); } }

.grid[data-grid-size="83"] .grid-item--width46 {
  width: 55.42169%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width46 {
      width: calc(100vw / 83 * 46); } }

.grid[data-grid-size="83"] .grid-item--height46 {
  height: calc(100vh / 83 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height46 {
      height: calc(100vw / 83 * 46); } }

.grid[data-grid-size="83"] .grid-item--width47 {
  width: 56.62651%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width47 {
      width: calc(100vw / 83 * 47); } }

.grid[data-grid-size="83"] .grid-item--height47 {
  height: calc(100vh / 83 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height47 {
      height: calc(100vw / 83 * 47); } }

.grid[data-grid-size="83"] .grid-item--width48 {
  width: 57.83133%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width48 {
      width: calc(100vw / 83 * 48); } }

.grid[data-grid-size="83"] .grid-item--height48 {
  height: calc(100vh / 83 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height48 {
      height: calc(100vw / 83 * 48); } }

.grid[data-grid-size="83"] .grid-item--width49 {
  width: 59.03614%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width49 {
      width: calc(100vw / 83 * 49); } }

.grid[data-grid-size="83"] .grid-item--height49 {
  height: calc(100vh / 83 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height49 {
      height: calc(100vw / 83 * 49); } }

.grid[data-grid-size="83"] .grid-item--width50 {
  width: 60.24096%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width50 {
      width: calc(100vw / 83 * 50); } }

.grid[data-grid-size="83"] .grid-item--height50 {
  height: calc(100vh / 83 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height50 {
      height: calc(100vw / 83 * 50); } }

.grid[data-grid-size="83"] .grid-item--width51 {
  width: 61.44578%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width51 {
      width: calc(100vw / 83 * 51); } }

.grid[data-grid-size="83"] .grid-item--height51 {
  height: calc(100vh / 83 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height51 {
      height: calc(100vw / 83 * 51); } }

.grid[data-grid-size="83"] .grid-item--width52 {
  width: 62.6506%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width52 {
      width: calc(100vw / 83 * 52); } }

.grid[data-grid-size="83"] .grid-item--height52 {
  height: calc(100vh / 83 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height52 {
      height: calc(100vw / 83 * 52); } }

.grid[data-grid-size="83"] .grid-item--width53 {
  width: 63.85542%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width53 {
      width: calc(100vw / 83 * 53); } }

.grid[data-grid-size="83"] .grid-item--height53 {
  height: calc(100vh / 83 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height53 {
      height: calc(100vw / 83 * 53); } }

.grid[data-grid-size="83"] .grid-item--width54 {
  width: 65.06024%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width54 {
      width: calc(100vw / 83 * 54); } }

.grid[data-grid-size="83"] .grid-item--height54 {
  height: calc(100vh / 83 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height54 {
      height: calc(100vw / 83 * 54); } }

.grid[data-grid-size="83"] .grid-item--width55 {
  width: 66.26506%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width55 {
      width: calc(100vw / 83 * 55); } }

.grid[data-grid-size="83"] .grid-item--height55 {
  height: calc(100vh / 83 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height55 {
      height: calc(100vw / 83 * 55); } }

.grid[data-grid-size="83"] .grid-item--width56 {
  width: 67.46988%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width56 {
      width: calc(100vw / 83 * 56); } }

.grid[data-grid-size="83"] .grid-item--height56 {
  height: calc(100vh / 83 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height56 {
      height: calc(100vw / 83 * 56); } }

.grid[data-grid-size="83"] .grid-item--width57 {
  width: 68.6747%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width57 {
      width: calc(100vw / 83 * 57); } }

.grid[data-grid-size="83"] .grid-item--height57 {
  height: calc(100vh / 83 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height57 {
      height: calc(100vw / 83 * 57); } }

.grid[data-grid-size="83"] .grid-item--width58 {
  width: 69.87952%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width58 {
      width: calc(100vw / 83 * 58); } }

.grid[data-grid-size="83"] .grid-item--height58 {
  height: calc(100vh / 83 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height58 {
      height: calc(100vw / 83 * 58); } }

.grid[data-grid-size="83"] .grid-item--width59 {
  width: 71.08434%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width59 {
      width: calc(100vw / 83 * 59); } }

.grid[data-grid-size="83"] .grid-item--height59 {
  height: calc(100vh / 83 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height59 {
      height: calc(100vw / 83 * 59); } }

.grid[data-grid-size="83"] .grid-item--width60 {
  width: 72.28916%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width60 {
      width: calc(100vw / 83 * 60); } }

.grid[data-grid-size="83"] .grid-item--height60 {
  height: calc(100vh / 83 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height60 {
      height: calc(100vw / 83 * 60); } }

.grid[data-grid-size="83"] .grid-item--width61 {
  width: 73.49398%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width61 {
      width: calc(100vw / 83 * 61); } }

.grid[data-grid-size="83"] .grid-item--height61 {
  height: calc(100vh / 83 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height61 {
      height: calc(100vw / 83 * 61); } }

.grid[data-grid-size="83"] .grid-item--width62 {
  width: 74.6988%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width62 {
      width: calc(100vw / 83 * 62); } }

.grid[data-grid-size="83"] .grid-item--height62 {
  height: calc(100vh / 83 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height62 {
      height: calc(100vw / 83 * 62); } }

.grid[data-grid-size="83"] .grid-item--width63 {
  width: 75.90361%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width63 {
      width: calc(100vw / 83 * 63); } }

.grid[data-grid-size="83"] .grid-item--height63 {
  height: calc(100vh / 83 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height63 {
      height: calc(100vw / 83 * 63); } }

.grid[data-grid-size="83"] .grid-item--width64 {
  width: 77.10843%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width64 {
      width: calc(100vw / 83 * 64); } }

.grid[data-grid-size="83"] .grid-item--height64 {
  height: calc(100vh / 83 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height64 {
      height: calc(100vw / 83 * 64); } }

.grid[data-grid-size="83"] .grid-item--width65 {
  width: 78.31325%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width65 {
      width: calc(100vw / 83 * 65); } }

.grid[data-grid-size="83"] .grid-item--height65 {
  height: calc(100vh / 83 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height65 {
      height: calc(100vw / 83 * 65); } }

.grid[data-grid-size="83"] .grid-item--width66 {
  width: 79.51807%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width66 {
      width: calc(100vw / 83 * 66); } }

.grid[data-grid-size="83"] .grid-item--height66 {
  height: calc(100vh / 83 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height66 {
      height: calc(100vw / 83 * 66); } }

.grid[data-grid-size="83"] .grid-item--width67 {
  width: 80.72289%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width67 {
      width: calc(100vw / 83 * 67); } }

.grid[data-grid-size="83"] .grid-item--height67 {
  height: calc(100vh / 83 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height67 {
      height: calc(100vw / 83 * 67); } }

.grid[data-grid-size="83"] .grid-item--width68 {
  width: 81.92771%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width68 {
      width: calc(100vw / 83 * 68); } }

.grid[data-grid-size="83"] .grid-item--height68 {
  height: calc(100vh / 83 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height68 {
      height: calc(100vw / 83 * 68); } }

.grid[data-grid-size="83"] .grid-item--width69 {
  width: 83.13253%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width69 {
      width: calc(100vw / 83 * 69); } }

.grid[data-grid-size="83"] .grid-item--height69 {
  height: calc(100vh / 83 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height69 {
      height: calc(100vw / 83 * 69); } }

.grid[data-grid-size="83"] .grid-item--width70 {
  width: 84.33735%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width70 {
      width: calc(100vw / 83 * 70); } }

.grid[data-grid-size="83"] .grid-item--height70 {
  height: calc(100vh / 83 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height70 {
      height: calc(100vw / 83 * 70); } }

.grid[data-grid-size="83"] .grid-item--width71 {
  width: 85.54217%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width71 {
      width: calc(100vw / 83 * 71); } }

.grid[data-grid-size="83"] .grid-item--height71 {
  height: calc(100vh / 83 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height71 {
      height: calc(100vw / 83 * 71); } }

.grid[data-grid-size="83"] .grid-item--width72 {
  width: 86.74699%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width72 {
      width: calc(100vw / 83 * 72); } }

.grid[data-grid-size="83"] .grid-item--height72 {
  height: calc(100vh / 83 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height72 {
      height: calc(100vw / 83 * 72); } }

.grid[data-grid-size="83"] .grid-item--width73 {
  width: 87.95181%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width73 {
      width: calc(100vw / 83 * 73); } }

.grid[data-grid-size="83"] .grid-item--height73 {
  height: calc(100vh / 83 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height73 {
      height: calc(100vw / 83 * 73); } }

.grid[data-grid-size="83"] .grid-item--width74 {
  width: 89.15663%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width74 {
      width: calc(100vw / 83 * 74); } }

.grid[data-grid-size="83"] .grid-item--height74 {
  height: calc(100vh / 83 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height74 {
      height: calc(100vw / 83 * 74); } }

.grid[data-grid-size="83"] .grid-item--width75 {
  width: 90.36145%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width75 {
      width: calc(100vw / 83 * 75); } }

.grid[data-grid-size="83"] .grid-item--height75 {
  height: calc(100vh / 83 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height75 {
      height: calc(100vw / 83 * 75); } }

.grid[data-grid-size="83"] .grid-item--width76 {
  width: 91.56627%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width76 {
      width: calc(100vw / 83 * 76); } }

.grid[data-grid-size="83"] .grid-item--height76 {
  height: calc(100vh / 83 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height76 {
      height: calc(100vw / 83 * 76); } }

.grid[data-grid-size="83"] .grid-item--width77 {
  width: 92.77108%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width77 {
      width: calc(100vw / 83 * 77); } }

.grid[data-grid-size="83"] .grid-item--height77 {
  height: calc(100vh / 83 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height77 {
      height: calc(100vw / 83 * 77); } }

.grid[data-grid-size="83"] .grid-item--width78 {
  width: 93.9759%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width78 {
      width: calc(100vw / 83 * 78); } }

.grid[data-grid-size="83"] .grid-item--height78 {
  height: calc(100vh / 83 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height78 {
      height: calc(100vw / 83 * 78); } }

.grid[data-grid-size="83"] .grid-item--width79 {
  width: 95.18072%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width79 {
      width: calc(100vw / 83 * 79); } }

.grid[data-grid-size="83"] .grid-item--height79 {
  height: calc(100vh / 83 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height79 {
      height: calc(100vw / 83 * 79); } }

.grid[data-grid-size="83"] .grid-item--width80 {
  width: 96.38554%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width80 {
      width: calc(100vw / 83 * 80); } }

.grid[data-grid-size="83"] .grid-item--height80 {
  height: calc(100vh / 83 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height80 {
      height: calc(100vw / 83 * 80); } }

.grid[data-grid-size="83"] .grid-item--width81 {
  width: 97.59036%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width81 {
      width: calc(100vw / 83 * 81); } }

.grid[data-grid-size="83"] .grid-item--height81 {
  height: calc(100vh / 83 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height81 {
      height: calc(100vw / 83 * 81); } }

.grid[data-grid-size="83"] .grid-item--width82 {
  width: 98.79518%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width82 {
      width: calc(100vw / 83 * 82); } }

.grid[data-grid-size="83"] .grid-item--height82 {
  height: calc(100vh / 83 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height82 {
      height: calc(100vw / 83 * 82); } }

.grid[data-grid-size="83"] .grid-item--width83 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--width83 {
      width: calc(100vw / 83 * 83); } }

.grid[data-grid-size="83"] .grid-item--height83 {
  height: calc(100vh / 83 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="83"] .grid-item--height83 {
      height: calc(100vw / 83 * 83); } }

.grid[data-grid-size="84"] .grid-sizer, .grid[data-grid-size="84"] .grid-item {
  width: 1.19048%; }

.grid[data-grid-size="84"] .grid-item--width1 {
  width: 1.19048%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width1 {
      width: calc(100vw / 84 * 1); } }

.grid[data-grid-size="84"] .grid-item--height1 {
  height: calc(100vh / 84 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height1 {
      height: calc(100vw / 84 * 1); } }

.grid[data-grid-size="84"] .grid-item--width2 {
  width: 2.38095%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width2 {
      width: calc(100vw / 84 * 2); } }

.grid[data-grid-size="84"] .grid-item--height2 {
  height: calc(100vh / 84 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height2 {
      height: calc(100vw / 84 * 2); } }

.grid[data-grid-size="84"] .grid-item--width3 {
  width: 3.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width3 {
      width: calc(100vw / 84 * 3); } }

.grid[data-grid-size="84"] .grid-item--height3 {
  height: calc(100vh / 84 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height3 {
      height: calc(100vw / 84 * 3); } }

.grid[data-grid-size="84"] .grid-item--width4 {
  width: 4.7619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width4 {
      width: calc(100vw / 84 * 4); } }

.grid[data-grid-size="84"] .grid-item--height4 {
  height: calc(100vh / 84 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height4 {
      height: calc(100vw / 84 * 4); } }

.grid[data-grid-size="84"] .grid-item--width5 {
  width: 5.95238%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width5 {
      width: calc(100vw / 84 * 5); } }

.grid[data-grid-size="84"] .grid-item--height5 {
  height: calc(100vh / 84 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height5 {
      height: calc(100vw / 84 * 5); } }

.grid[data-grid-size="84"] .grid-item--width6 {
  width: 7.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width6 {
      width: calc(100vw / 84 * 6); } }

.grid[data-grid-size="84"] .grid-item--height6 {
  height: calc(100vh / 84 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height6 {
      height: calc(100vw / 84 * 6); } }

.grid[data-grid-size="84"] .grid-item--width7 {
  width: 8.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width7 {
      width: calc(100vw / 84 * 7); } }

.grid[data-grid-size="84"] .grid-item--height7 {
  height: calc(100vh / 84 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height7 {
      height: calc(100vw / 84 * 7); } }

.grid[data-grid-size="84"] .grid-item--width8 {
  width: 9.52381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width8 {
      width: calc(100vw / 84 * 8); } }

.grid[data-grid-size="84"] .grid-item--height8 {
  height: calc(100vh / 84 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height8 {
      height: calc(100vw / 84 * 8); } }

.grid[data-grid-size="84"] .grid-item--width9 {
  width: 10.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width9 {
      width: calc(100vw / 84 * 9); } }

.grid[data-grid-size="84"] .grid-item--height9 {
  height: calc(100vh / 84 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height9 {
      height: calc(100vw / 84 * 9); } }

.grid[data-grid-size="84"] .grid-item--width10 {
  width: 11.90476%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width10 {
      width: calc(100vw / 84 * 10); } }

.grid[data-grid-size="84"] .grid-item--height10 {
  height: calc(100vh / 84 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height10 {
      height: calc(100vw / 84 * 10); } }

.grid[data-grid-size="84"] .grid-item--width11 {
  width: 13.09524%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width11 {
      width: calc(100vw / 84 * 11); } }

.grid[data-grid-size="84"] .grid-item--height11 {
  height: calc(100vh / 84 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height11 {
      height: calc(100vw / 84 * 11); } }

.grid[data-grid-size="84"] .grid-item--width12 {
  width: 14.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width12 {
      width: calc(100vw / 84 * 12); } }

.grid[data-grid-size="84"] .grid-item--height12 {
  height: calc(100vh / 84 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height12 {
      height: calc(100vw / 84 * 12); } }

.grid[data-grid-size="84"] .grid-item--width13 {
  width: 15.47619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width13 {
      width: calc(100vw / 84 * 13); } }

.grid[data-grid-size="84"] .grid-item--height13 {
  height: calc(100vh / 84 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height13 {
      height: calc(100vw / 84 * 13); } }

.grid[data-grid-size="84"] .grid-item--width14 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width14 {
      width: calc(100vw / 84 * 14); } }

.grid[data-grid-size="84"] .grid-item--height14 {
  height: calc(100vh / 84 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height14 {
      height: calc(100vw / 84 * 14); } }

.grid[data-grid-size="84"] .grid-item--width15 {
  width: 17.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width15 {
      width: calc(100vw / 84 * 15); } }

.grid[data-grid-size="84"] .grid-item--height15 {
  height: calc(100vh / 84 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height15 {
      height: calc(100vw / 84 * 15); } }

.grid[data-grid-size="84"] .grid-item--width16 {
  width: 19.04762%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width16 {
      width: calc(100vw / 84 * 16); } }

.grid[data-grid-size="84"] .grid-item--height16 {
  height: calc(100vh / 84 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height16 {
      height: calc(100vw / 84 * 16); } }

.grid[data-grid-size="84"] .grid-item--width17 {
  width: 20.2381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width17 {
      width: calc(100vw / 84 * 17); } }

.grid[data-grid-size="84"] .grid-item--height17 {
  height: calc(100vh / 84 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height17 {
      height: calc(100vw / 84 * 17); } }

.grid[data-grid-size="84"] .grid-item--width18 {
  width: 21.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width18 {
      width: calc(100vw / 84 * 18); } }

.grid[data-grid-size="84"] .grid-item--height18 {
  height: calc(100vh / 84 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height18 {
      height: calc(100vw / 84 * 18); } }

.grid[data-grid-size="84"] .grid-item--width19 {
  width: 22.61905%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width19 {
      width: calc(100vw / 84 * 19); } }

.grid[data-grid-size="84"] .grid-item--height19 {
  height: calc(100vh / 84 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height19 {
      height: calc(100vw / 84 * 19); } }

.grid[data-grid-size="84"] .grid-item--width20 {
  width: 23.80952%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width20 {
      width: calc(100vw / 84 * 20); } }

.grid[data-grid-size="84"] .grid-item--height20 {
  height: calc(100vh / 84 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height20 {
      height: calc(100vw / 84 * 20); } }

.grid[data-grid-size="84"] .grid-item--width21 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width21 {
      width: calc(100vw / 84 * 21); } }

.grid[data-grid-size="84"] .grid-item--height21 {
  height: calc(100vh / 84 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height21 {
      height: calc(100vw / 84 * 21); } }

.grid[data-grid-size="84"] .grid-item--width22 {
  width: 26.19048%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width22 {
      width: calc(100vw / 84 * 22); } }

.grid[data-grid-size="84"] .grid-item--height22 {
  height: calc(100vh / 84 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height22 {
      height: calc(100vw / 84 * 22); } }

.grid[data-grid-size="84"] .grid-item--width23 {
  width: 27.38095%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width23 {
      width: calc(100vw / 84 * 23); } }

.grid[data-grid-size="84"] .grid-item--height23 {
  height: calc(100vh / 84 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height23 {
      height: calc(100vw / 84 * 23); } }

.grid[data-grid-size="84"] .grid-item--width24 {
  width: 28.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width24 {
      width: calc(100vw / 84 * 24); } }

.grid[data-grid-size="84"] .grid-item--height24 {
  height: calc(100vh / 84 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height24 {
      height: calc(100vw / 84 * 24); } }

.grid[data-grid-size="84"] .grid-item--width25 {
  width: 29.7619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width25 {
      width: calc(100vw / 84 * 25); } }

.grid[data-grid-size="84"] .grid-item--height25 {
  height: calc(100vh / 84 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height25 {
      height: calc(100vw / 84 * 25); } }

.grid[data-grid-size="84"] .grid-item--width26 {
  width: 30.95238%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width26 {
      width: calc(100vw / 84 * 26); } }

.grid[data-grid-size="84"] .grid-item--height26 {
  height: calc(100vh / 84 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height26 {
      height: calc(100vw / 84 * 26); } }

.grid[data-grid-size="84"] .grid-item--width27 {
  width: 32.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width27 {
      width: calc(100vw / 84 * 27); } }

.grid[data-grid-size="84"] .grid-item--height27 {
  height: calc(100vh / 84 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height27 {
      height: calc(100vw / 84 * 27); } }

.grid[data-grid-size="84"] .grid-item--width28 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width28 {
      width: calc(100vw / 84 * 28); } }

.grid[data-grid-size="84"] .grid-item--height28 {
  height: calc(100vh / 84 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height28 {
      height: calc(100vw / 84 * 28); } }

.grid[data-grid-size="84"] .grid-item--width29 {
  width: 34.52381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width29 {
      width: calc(100vw / 84 * 29); } }

.grid[data-grid-size="84"] .grid-item--height29 {
  height: calc(100vh / 84 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height29 {
      height: calc(100vw / 84 * 29); } }

.grid[data-grid-size="84"] .grid-item--width30 {
  width: 35.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width30 {
      width: calc(100vw / 84 * 30); } }

.grid[data-grid-size="84"] .grid-item--height30 {
  height: calc(100vh / 84 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height30 {
      height: calc(100vw / 84 * 30); } }

.grid[data-grid-size="84"] .grid-item--width31 {
  width: 36.90476%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width31 {
      width: calc(100vw / 84 * 31); } }

.grid[data-grid-size="84"] .grid-item--height31 {
  height: calc(100vh / 84 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height31 {
      height: calc(100vw / 84 * 31); } }

.grid[data-grid-size="84"] .grid-item--width32 {
  width: 38.09524%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width32 {
      width: calc(100vw / 84 * 32); } }

.grid[data-grid-size="84"] .grid-item--height32 {
  height: calc(100vh / 84 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height32 {
      height: calc(100vw / 84 * 32); } }

.grid[data-grid-size="84"] .grid-item--width33 {
  width: 39.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width33 {
      width: calc(100vw / 84 * 33); } }

.grid[data-grid-size="84"] .grid-item--height33 {
  height: calc(100vh / 84 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height33 {
      height: calc(100vw / 84 * 33); } }

.grid[data-grid-size="84"] .grid-item--width34 {
  width: 40.47619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width34 {
      width: calc(100vw / 84 * 34); } }

.grid[data-grid-size="84"] .grid-item--height34 {
  height: calc(100vh / 84 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height34 {
      height: calc(100vw / 84 * 34); } }

.grid[data-grid-size="84"] .grid-item--width35 {
  width: 41.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width35 {
      width: calc(100vw / 84 * 35); } }

.grid[data-grid-size="84"] .grid-item--height35 {
  height: calc(100vh / 84 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height35 {
      height: calc(100vw / 84 * 35); } }

.grid[data-grid-size="84"] .grid-item--width36 {
  width: 42.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width36 {
      width: calc(100vw / 84 * 36); } }

.grid[data-grid-size="84"] .grid-item--height36 {
  height: calc(100vh / 84 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height36 {
      height: calc(100vw / 84 * 36); } }

.grid[data-grid-size="84"] .grid-item--width37 {
  width: 44.04762%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width37 {
      width: calc(100vw / 84 * 37); } }

.grid[data-grid-size="84"] .grid-item--height37 {
  height: calc(100vh / 84 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height37 {
      height: calc(100vw / 84 * 37); } }

.grid[data-grid-size="84"] .grid-item--width38 {
  width: 45.2381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width38 {
      width: calc(100vw / 84 * 38); } }

.grid[data-grid-size="84"] .grid-item--height38 {
  height: calc(100vh / 84 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height38 {
      height: calc(100vw / 84 * 38); } }

.grid[data-grid-size="84"] .grid-item--width39 {
  width: 46.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width39 {
      width: calc(100vw / 84 * 39); } }

.grid[data-grid-size="84"] .grid-item--height39 {
  height: calc(100vh / 84 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height39 {
      height: calc(100vw / 84 * 39); } }

.grid[data-grid-size="84"] .grid-item--width40 {
  width: 47.61905%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width40 {
      width: calc(100vw / 84 * 40); } }

.grid[data-grid-size="84"] .grid-item--height40 {
  height: calc(100vh / 84 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height40 {
      height: calc(100vw / 84 * 40); } }

.grid[data-grid-size="84"] .grid-item--width41 {
  width: 48.80952%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width41 {
      width: calc(100vw / 84 * 41); } }

.grid[data-grid-size="84"] .grid-item--height41 {
  height: calc(100vh / 84 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height41 {
      height: calc(100vw / 84 * 41); } }

.grid[data-grid-size="84"] .grid-item--width42 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width42 {
      width: calc(100vw / 84 * 42); } }

.grid[data-grid-size="84"] .grid-item--height42 {
  height: calc(100vh / 84 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height42 {
      height: calc(100vw / 84 * 42); } }

.grid[data-grid-size="84"] .grid-item--width43 {
  width: 51.19048%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width43 {
      width: calc(100vw / 84 * 43); } }

.grid[data-grid-size="84"] .grid-item--height43 {
  height: calc(100vh / 84 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height43 {
      height: calc(100vw / 84 * 43); } }

.grid[data-grid-size="84"] .grid-item--width44 {
  width: 52.38095%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width44 {
      width: calc(100vw / 84 * 44); } }

.grid[data-grid-size="84"] .grid-item--height44 {
  height: calc(100vh / 84 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height44 {
      height: calc(100vw / 84 * 44); } }

.grid[data-grid-size="84"] .grid-item--width45 {
  width: 53.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width45 {
      width: calc(100vw / 84 * 45); } }

.grid[data-grid-size="84"] .grid-item--height45 {
  height: calc(100vh / 84 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height45 {
      height: calc(100vw / 84 * 45); } }

.grid[data-grid-size="84"] .grid-item--width46 {
  width: 54.7619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width46 {
      width: calc(100vw / 84 * 46); } }

.grid[data-grid-size="84"] .grid-item--height46 {
  height: calc(100vh / 84 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height46 {
      height: calc(100vw / 84 * 46); } }

.grid[data-grid-size="84"] .grid-item--width47 {
  width: 55.95238%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width47 {
      width: calc(100vw / 84 * 47); } }

.grid[data-grid-size="84"] .grid-item--height47 {
  height: calc(100vh / 84 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height47 {
      height: calc(100vw / 84 * 47); } }

.grid[data-grid-size="84"] .grid-item--width48 {
  width: 57.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width48 {
      width: calc(100vw / 84 * 48); } }

.grid[data-grid-size="84"] .grid-item--height48 {
  height: calc(100vh / 84 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height48 {
      height: calc(100vw / 84 * 48); } }

.grid[data-grid-size="84"] .grid-item--width49 {
  width: 58.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width49 {
      width: calc(100vw / 84 * 49); } }

.grid[data-grid-size="84"] .grid-item--height49 {
  height: calc(100vh / 84 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height49 {
      height: calc(100vw / 84 * 49); } }

.grid[data-grid-size="84"] .grid-item--width50 {
  width: 59.52381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width50 {
      width: calc(100vw / 84 * 50); } }

.grid[data-grid-size="84"] .grid-item--height50 {
  height: calc(100vh / 84 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height50 {
      height: calc(100vw / 84 * 50); } }

.grid[data-grid-size="84"] .grid-item--width51 {
  width: 60.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width51 {
      width: calc(100vw / 84 * 51); } }

.grid[data-grid-size="84"] .grid-item--height51 {
  height: calc(100vh / 84 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height51 {
      height: calc(100vw / 84 * 51); } }

.grid[data-grid-size="84"] .grid-item--width52 {
  width: 61.90476%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width52 {
      width: calc(100vw / 84 * 52); } }

.grid[data-grid-size="84"] .grid-item--height52 {
  height: calc(100vh / 84 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height52 {
      height: calc(100vw / 84 * 52); } }

.grid[data-grid-size="84"] .grid-item--width53 {
  width: 63.09524%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width53 {
      width: calc(100vw / 84 * 53); } }

.grid[data-grid-size="84"] .grid-item--height53 {
  height: calc(100vh / 84 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height53 {
      height: calc(100vw / 84 * 53); } }

.grid[data-grid-size="84"] .grid-item--width54 {
  width: 64.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width54 {
      width: calc(100vw / 84 * 54); } }

.grid[data-grid-size="84"] .grid-item--height54 {
  height: calc(100vh / 84 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height54 {
      height: calc(100vw / 84 * 54); } }

.grid[data-grid-size="84"] .grid-item--width55 {
  width: 65.47619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width55 {
      width: calc(100vw / 84 * 55); } }

.grid[data-grid-size="84"] .grid-item--height55 {
  height: calc(100vh / 84 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height55 {
      height: calc(100vw / 84 * 55); } }

.grid[data-grid-size="84"] .grid-item--width56 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width56 {
      width: calc(100vw / 84 * 56); } }

.grid[data-grid-size="84"] .grid-item--height56 {
  height: calc(100vh / 84 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height56 {
      height: calc(100vw / 84 * 56); } }

.grid[data-grid-size="84"] .grid-item--width57 {
  width: 67.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width57 {
      width: calc(100vw / 84 * 57); } }

.grid[data-grid-size="84"] .grid-item--height57 {
  height: calc(100vh / 84 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height57 {
      height: calc(100vw / 84 * 57); } }

.grid[data-grid-size="84"] .grid-item--width58 {
  width: 69.04762%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width58 {
      width: calc(100vw / 84 * 58); } }

.grid[data-grid-size="84"] .grid-item--height58 {
  height: calc(100vh / 84 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height58 {
      height: calc(100vw / 84 * 58); } }

.grid[data-grid-size="84"] .grid-item--width59 {
  width: 70.2381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width59 {
      width: calc(100vw / 84 * 59); } }

.grid[data-grid-size="84"] .grid-item--height59 {
  height: calc(100vh / 84 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height59 {
      height: calc(100vw / 84 * 59); } }

.grid[data-grid-size="84"] .grid-item--width60 {
  width: 71.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width60 {
      width: calc(100vw / 84 * 60); } }

.grid[data-grid-size="84"] .grid-item--height60 {
  height: calc(100vh / 84 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height60 {
      height: calc(100vw / 84 * 60); } }

.grid[data-grid-size="84"] .grid-item--width61 {
  width: 72.61905%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width61 {
      width: calc(100vw / 84 * 61); } }

.grid[data-grid-size="84"] .grid-item--height61 {
  height: calc(100vh / 84 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height61 {
      height: calc(100vw / 84 * 61); } }

.grid[data-grid-size="84"] .grid-item--width62 {
  width: 73.80952%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width62 {
      width: calc(100vw / 84 * 62); } }

.grid[data-grid-size="84"] .grid-item--height62 {
  height: calc(100vh / 84 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height62 {
      height: calc(100vw / 84 * 62); } }

.grid[data-grid-size="84"] .grid-item--width63 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width63 {
      width: calc(100vw / 84 * 63); } }

.grid[data-grid-size="84"] .grid-item--height63 {
  height: calc(100vh / 84 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height63 {
      height: calc(100vw / 84 * 63); } }

.grid[data-grid-size="84"] .grid-item--width64 {
  width: 76.19048%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width64 {
      width: calc(100vw / 84 * 64); } }

.grid[data-grid-size="84"] .grid-item--height64 {
  height: calc(100vh / 84 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height64 {
      height: calc(100vw / 84 * 64); } }

.grid[data-grid-size="84"] .grid-item--width65 {
  width: 77.38095%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width65 {
      width: calc(100vw / 84 * 65); } }

.grid[data-grid-size="84"] .grid-item--height65 {
  height: calc(100vh / 84 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height65 {
      height: calc(100vw / 84 * 65); } }

.grid[data-grid-size="84"] .grid-item--width66 {
  width: 78.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width66 {
      width: calc(100vw / 84 * 66); } }

.grid[data-grid-size="84"] .grid-item--height66 {
  height: calc(100vh / 84 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height66 {
      height: calc(100vw / 84 * 66); } }

.grid[data-grid-size="84"] .grid-item--width67 {
  width: 79.7619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width67 {
      width: calc(100vw / 84 * 67); } }

.grid[data-grid-size="84"] .grid-item--height67 {
  height: calc(100vh / 84 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height67 {
      height: calc(100vw / 84 * 67); } }

.grid[data-grid-size="84"] .grid-item--width68 {
  width: 80.95238%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width68 {
      width: calc(100vw / 84 * 68); } }

.grid[data-grid-size="84"] .grid-item--height68 {
  height: calc(100vh / 84 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height68 {
      height: calc(100vw / 84 * 68); } }

.grid[data-grid-size="84"] .grid-item--width69 {
  width: 82.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width69 {
      width: calc(100vw / 84 * 69); } }

.grid[data-grid-size="84"] .grid-item--height69 {
  height: calc(100vh / 84 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height69 {
      height: calc(100vw / 84 * 69); } }

.grid[data-grid-size="84"] .grid-item--width70 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width70 {
      width: calc(100vw / 84 * 70); } }

.grid[data-grid-size="84"] .grid-item--height70 {
  height: calc(100vh / 84 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height70 {
      height: calc(100vw / 84 * 70); } }

.grid[data-grid-size="84"] .grid-item--width71 {
  width: 84.52381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width71 {
      width: calc(100vw / 84 * 71); } }

.grid[data-grid-size="84"] .grid-item--height71 {
  height: calc(100vh / 84 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height71 {
      height: calc(100vw / 84 * 71); } }

.grid[data-grid-size="84"] .grid-item--width72 {
  width: 85.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width72 {
      width: calc(100vw / 84 * 72); } }

.grid[data-grid-size="84"] .grid-item--height72 {
  height: calc(100vh / 84 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height72 {
      height: calc(100vw / 84 * 72); } }

.grid[data-grid-size="84"] .grid-item--width73 {
  width: 86.90476%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width73 {
      width: calc(100vw / 84 * 73); } }

.grid[data-grid-size="84"] .grid-item--height73 {
  height: calc(100vh / 84 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height73 {
      height: calc(100vw / 84 * 73); } }

.grid[data-grid-size="84"] .grid-item--width74 {
  width: 88.09524%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width74 {
      width: calc(100vw / 84 * 74); } }

.grid[data-grid-size="84"] .grid-item--height74 {
  height: calc(100vh / 84 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height74 {
      height: calc(100vw / 84 * 74); } }

.grid[data-grid-size="84"] .grid-item--width75 {
  width: 89.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width75 {
      width: calc(100vw / 84 * 75); } }

.grid[data-grid-size="84"] .grid-item--height75 {
  height: calc(100vh / 84 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height75 {
      height: calc(100vw / 84 * 75); } }

.grid[data-grid-size="84"] .grid-item--width76 {
  width: 90.47619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width76 {
      width: calc(100vw / 84 * 76); } }

.grid[data-grid-size="84"] .grid-item--height76 {
  height: calc(100vh / 84 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height76 {
      height: calc(100vw / 84 * 76); } }

.grid[data-grid-size="84"] .grid-item--width77 {
  width: 91.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width77 {
      width: calc(100vw / 84 * 77); } }

.grid[data-grid-size="84"] .grid-item--height77 {
  height: calc(100vh / 84 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height77 {
      height: calc(100vw / 84 * 77); } }

.grid[data-grid-size="84"] .grid-item--width78 {
  width: 92.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width78 {
      width: calc(100vw / 84 * 78); } }

.grid[data-grid-size="84"] .grid-item--height78 {
  height: calc(100vh / 84 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height78 {
      height: calc(100vw / 84 * 78); } }

.grid[data-grid-size="84"] .grid-item--width79 {
  width: 94.04762%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width79 {
      width: calc(100vw / 84 * 79); } }

.grid[data-grid-size="84"] .grid-item--height79 {
  height: calc(100vh / 84 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height79 {
      height: calc(100vw / 84 * 79); } }

.grid[data-grid-size="84"] .grid-item--width80 {
  width: 95.2381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width80 {
      width: calc(100vw / 84 * 80); } }

.grid[data-grid-size="84"] .grid-item--height80 {
  height: calc(100vh / 84 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height80 {
      height: calc(100vw / 84 * 80); } }

.grid[data-grid-size="84"] .grid-item--width81 {
  width: 96.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width81 {
      width: calc(100vw / 84 * 81); } }

.grid[data-grid-size="84"] .grid-item--height81 {
  height: calc(100vh / 84 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height81 {
      height: calc(100vw / 84 * 81); } }

.grid[data-grid-size="84"] .grid-item--width82 {
  width: 97.61905%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width82 {
      width: calc(100vw / 84 * 82); } }

.grid[data-grid-size="84"] .grid-item--height82 {
  height: calc(100vh / 84 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height82 {
      height: calc(100vw / 84 * 82); } }

.grid[data-grid-size="84"] .grid-item--width83 {
  width: 98.80952%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width83 {
      width: calc(100vw / 84 * 83); } }

.grid[data-grid-size="84"] .grid-item--height83 {
  height: calc(100vh / 84 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height83 {
      height: calc(100vw / 84 * 83); } }

.grid[data-grid-size="84"] .grid-item--width84 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--width84 {
      width: calc(100vw / 84 * 84); } }

.grid[data-grid-size="84"] .grid-item--height84 {
  height: calc(100vh / 84 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="84"] .grid-item--height84 {
      height: calc(100vw / 84 * 84); } }

.grid[data-grid-size="85"] .grid-sizer, .grid[data-grid-size="85"] .grid-item {
  width: 1.17647%; }

.grid[data-grid-size="85"] .grid-item--width1 {
  width: 1.17647%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width1 {
      width: calc(100vw / 85 * 1); } }

.grid[data-grid-size="85"] .grid-item--height1 {
  height: calc(100vh / 85 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height1 {
      height: calc(100vw / 85 * 1); } }

.grid[data-grid-size="85"] .grid-item--width2 {
  width: 2.35294%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width2 {
      width: calc(100vw / 85 * 2); } }

.grid[data-grid-size="85"] .grid-item--height2 {
  height: calc(100vh / 85 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height2 {
      height: calc(100vw / 85 * 2); } }

.grid[data-grid-size="85"] .grid-item--width3 {
  width: 3.52941%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width3 {
      width: calc(100vw / 85 * 3); } }

.grid[data-grid-size="85"] .grid-item--height3 {
  height: calc(100vh / 85 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height3 {
      height: calc(100vw / 85 * 3); } }

.grid[data-grid-size="85"] .grid-item--width4 {
  width: 4.70588%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width4 {
      width: calc(100vw / 85 * 4); } }

.grid[data-grid-size="85"] .grid-item--height4 {
  height: calc(100vh / 85 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height4 {
      height: calc(100vw / 85 * 4); } }

.grid[data-grid-size="85"] .grid-item--width5 {
  width: 5.88235%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width5 {
      width: calc(100vw / 85 * 5); } }

.grid[data-grid-size="85"] .grid-item--height5 {
  height: calc(100vh / 85 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height5 {
      height: calc(100vw / 85 * 5); } }

.grid[data-grid-size="85"] .grid-item--width6 {
  width: 7.05882%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width6 {
      width: calc(100vw / 85 * 6); } }

.grid[data-grid-size="85"] .grid-item--height6 {
  height: calc(100vh / 85 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height6 {
      height: calc(100vw / 85 * 6); } }

.grid[data-grid-size="85"] .grid-item--width7 {
  width: 8.23529%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width7 {
      width: calc(100vw / 85 * 7); } }

.grid[data-grid-size="85"] .grid-item--height7 {
  height: calc(100vh / 85 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height7 {
      height: calc(100vw / 85 * 7); } }

.grid[data-grid-size="85"] .grid-item--width8 {
  width: 9.41176%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width8 {
      width: calc(100vw / 85 * 8); } }

.grid[data-grid-size="85"] .grid-item--height8 {
  height: calc(100vh / 85 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height8 {
      height: calc(100vw / 85 * 8); } }

.grid[data-grid-size="85"] .grid-item--width9 {
  width: 10.58824%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width9 {
      width: calc(100vw / 85 * 9); } }

.grid[data-grid-size="85"] .grid-item--height9 {
  height: calc(100vh / 85 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height9 {
      height: calc(100vw / 85 * 9); } }

.grid[data-grid-size="85"] .grid-item--width10 {
  width: 11.76471%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width10 {
      width: calc(100vw / 85 * 10); } }

.grid[data-grid-size="85"] .grid-item--height10 {
  height: calc(100vh / 85 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height10 {
      height: calc(100vw / 85 * 10); } }

.grid[data-grid-size="85"] .grid-item--width11 {
  width: 12.94118%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width11 {
      width: calc(100vw / 85 * 11); } }

.grid[data-grid-size="85"] .grid-item--height11 {
  height: calc(100vh / 85 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height11 {
      height: calc(100vw / 85 * 11); } }

.grid[data-grid-size="85"] .grid-item--width12 {
  width: 14.11765%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width12 {
      width: calc(100vw / 85 * 12); } }

.grid[data-grid-size="85"] .grid-item--height12 {
  height: calc(100vh / 85 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height12 {
      height: calc(100vw / 85 * 12); } }

.grid[data-grid-size="85"] .grid-item--width13 {
  width: 15.29412%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width13 {
      width: calc(100vw / 85 * 13); } }

.grid[data-grid-size="85"] .grid-item--height13 {
  height: calc(100vh / 85 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height13 {
      height: calc(100vw / 85 * 13); } }

.grid[data-grid-size="85"] .grid-item--width14 {
  width: 16.47059%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width14 {
      width: calc(100vw / 85 * 14); } }

.grid[data-grid-size="85"] .grid-item--height14 {
  height: calc(100vh / 85 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height14 {
      height: calc(100vw / 85 * 14); } }

.grid[data-grid-size="85"] .grid-item--width15 {
  width: 17.64706%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width15 {
      width: calc(100vw / 85 * 15); } }

.grid[data-grid-size="85"] .grid-item--height15 {
  height: calc(100vh / 85 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height15 {
      height: calc(100vw / 85 * 15); } }

.grid[data-grid-size="85"] .grid-item--width16 {
  width: 18.82353%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width16 {
      width: calc(100vw / 85 * 16); } }

.grid[data-grid-size="85"] .grid-item--height16 {
  height: calc(100vh / 85 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height16 {
      height: calc(100vw / 85 * 16); } }

.grid[data-grid-size="85"] .grid-item--width17 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width17 {
      width: calc(100vw / 85 * 17); } }

.grid[data-grid-size="85"] .grid-item--height17 {
  height: calc(100vh / 85 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height17 {
      height: calc(100vw / 85 * 17); } }

.grid[data-grid-size="85"] .grid-item--width18 {
  width: 21.17647%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width18 {
      width: calc(100vw / 85 * 18); } }

.grid[data-grid-size="85"] .grid-item--height18 {
  height: calc(100vh / 85 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height18 {
      height: calc(100vw / 85 * 18); } }

.grid[data-grid-size="85"] .grid-item--width19 {
  width: 22.35294%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width19 {
      width: calc(100vw / 85 * 19); } }

.grid[data-grid-size="85"] .grid-item--height19 {
  height: calc(100vh / 85 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height19 {
      height: calc(100vw / 85 * 19); } }

.grid[data-grid-size="85"] .grid-item--width20 {
  width: 23.52941%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width20 {
      width: calc(100vw / 85 * 20); } }

.grid[data-grid-size="85"] .grid-item--height20 {
  height: calc(100vh / 85 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height20 {
      height: calc(100vw / 85 * 20); } }

.grid[data-grid-size="85"] .grid-item--width21 {
  width: 24.70588%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width21 {
      width: calc(100vw / 85 * 21); } }

.grid[data-grid-size="85"] .grid-item--height21 {
  height: calc(100vh / 85 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height21 {
      height: calc(100vw / 85 * 21); } }

.grid[data-grid-size="85"] .grid-item--width22 {
  width: 25.88235%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width22 {
      width: calc(100vw / 85 * 22); } }

.grid[data-grid-size="85"] .grid-item--height22 {
  height: calc(100vh / 85 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height22 {
      height: calc(100vw / 85 * 22); } }

.grid[data-grid-size="85"] .grid-item--width23 {
  width: 27.05882%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width23 {
      width: calc(100vw / 85 * 23); } }

.grid[data-grid-size="85"] .grid-item--height23 {
  height: calc(100vh / 85 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height23 {
      height: calc(100vw / 85 * 23); } }

.grid[data-grid-size="85"] .grid-item--width24 {
  width: 28.23529%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width24 {
      width: calc(100vw / 85 * 24); } }

.grid[data-grid-size="85"] .grid-item--height24 {
  height: calc(100vh / 85 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height24 {
      height: calc(100vw / 85 * 24); } }

.grid[data-grid-size="85"] .grid-item--width25 {
  width: 29.41176%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width25 {
      width: calc(100vw / 85 * 25); } }

.grid[data-grid-size="85"] .grid-item--height25 {
  height: calc(100vh / 85 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height25 {
      height: calc(100vw / 85 * 25); } }

.grid[data-grid-size="85"] .grid-item--width26 {
  width: 30.58824%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width26 {
      width: calc(100vw / 85 * 26); } }

.grid[data-grid-size="85"] .grid-item--height26 {
  height: calc(100vh / 85 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height26 {
      height: calc(100vw / 85 * 26); } }

.grid[data-grid-size="85"] .grid-item--width27 {
  width: 31.76471%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width27 {
      width: calc(100vw / 85 * 27); } }

.grid[data-grid-size="85"] .grid-item--height27 {
  height: calc(100vh / 85 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height27 {
      height: calc(100vw / 85 * 27); } }

.grid[data-grid-size="85"] .grid-item--width28 {
  width: 32.94118%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width28 {
      width: calc(100vw / 85 * 28); } }

.grid[data-grid-size="85"] .grid-item--height28 {
  height: calc(100vh / 85 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height28 {
      height: calc(100vw / 85 * 28); } }

.grid[data-grid-size="85"] .grid-item--width29 {
  width: 34.11765%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width29 {
      width: calc(100vw / 85 * 29); } }

.grid[data-grid-size="85"] .grid-item--height29 {
  height: calc(100vh / 85 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height29 {
      height: calc(100vw / 85 * 29); } }

.grid[data-grid-size="85"] .grid-item--width30 {
  width: 35.29412%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width30 {
      width: calc(100vw / 85 * 30); } }

.grid[data-grid-size="85"] .grid-item--height30 {
  height: calc(100vh / 85 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height30 {
      height: calc(100vw / 85 * 30); } }

.grid[data-grid-size="85"] .grid-item--width31 {
  width: 36.47059%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width31 {
      width: calc(100vw / 85 * 31); } }

.grid[data-grid-size="85"] .grid-item--height31 {
  height: calc(100vh / 85 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height31 {
      height: calc(100vw / 85 * 31); } }

.grid[data-grid-size="85"] .grid-item--width32 {
  width: 37.64706%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width32 {
      width: calc(100vw / 85 * 32); } }

.grid[data-grid-size="85"] .grid-item--height32 {
  height: calc(100vh / 85 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height32 {
      height: calc(100vw / 85 * 32); } }

.grid[data-grid-size="85"] .grid-item--width33 {
  width: 38.82353%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width33 {
      width: calc(100vw / 85 * 33); } }

.grid[data-grid-size="85"] .grid-item--height33 {
  height: calc(100vh / 85 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height33 {
      height: calc(100vw / 85 * 33); } }

.grid[data-grid-size="85"] .grid-item--width34 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width34 {
      width: calc(100vw / 85 * 34); } }

.grid[data-grid-size="85"] .grid-item--height34 {
  height: calc(100vh / 85 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height34 {
      height: calc(100vw / 85 * 34); } }

.grid[data-grid-size="85"] .grid-item--width35 {
  width: 41.17647%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width35 {
      width: calc(100vw / 85 * 35); } }

.grid[data-grid-size="85"] .grid-item--height35 {
  height: calc(100vh / 85 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height35 {
      height: calc(100vw / 85 * 35); } }

.grid[data-grid-size="85"] .grid-item--width36 {
  width: 42.35294%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width36 {
      width: calc(100vw / 85 * 36); } }

.grid[data-grid-size="85"] .grid-item--height36 {
  height: calc(100vh / 85 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height36 {
      height: calc(100vw / 85 * 36); } }

.grid[data-grid-size="85"] .grid-item--width37 {
  width: 43.52941%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width37 {
      width: calc(100vw / 85 * 37); } }

.grid[data-grid-size="85"] .grid-item--height37 {
  height: calc(100vh / 85 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height37 {
      height: calc(100vw / 85 * 37); } }

.grid[data-grid-size="85"] .grid-item--width38 {
  width: 44.70588%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width38 {
      width: calc(100vw / 85 * 38); } }

.grid[data-grid-size="85"] .grid-item--height38 {
  height: calc(100vh / 85 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height38 {
      height: calc(100vw / 85 * 38); } }

.grid[data-grid-size="85"] .grid-item--width39 {
  width: 45.88235%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width39 {
      width: calc(100vw / 85 * 39); } }

.grid[data-grid-size="85"] .grid-item--height39 {
  height: calc(100vh / 85 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height39 {
      height: calc(100vw / 85 * 39); } }

.grid[data-grid-size="85"] .grid-item--width40 {
  width: 47.05882%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width40 {
      width: calc(100vw / 85 * 40); } }

.grid[data-grid-size="85"] .grid-item--height40 {
  height: calc(100vh / 85 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height40 {
      height: calc(100vw / 85 * 40); } }

.grid[data-grid-size="85"] .grid-item--width41 {
  width: 48.23529%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width41 {
      width: calc(100vw / 85 * 41); } }

.grid[data-grid-size="85"] .grid-item--height41 {
  height: calc(100vh / 85 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height41 {
      height: calc(100vw / 85 * 41); } }

.grid[data-grid-size="85"] .grid-item--width42 {
  width: 49.41176%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width42 {
      width: calc(100vw / 85 * 42); } }

.grid[data-grid-size="85"] .grid-item--height42 {
  height: calc(100vh / 85 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height42 {
      height: calc(100vw / 85 * 42); } }

.grid[data-grid-size="85"] .grid-item--width43 {
  width: 50.58824%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width43 {
      width: calc(100vw / 85 * 43); } }

.grid[data-grid-size="85"] .grid-item--height43 {
  height: calc(100vh / 85 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height43 {
      height: calc(100vw / 85 * 43); } }

.grid[data-grid-size="85"] .grid-item--width44 {
  width: 51.76471%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width44 {
      width: calc(100vw / 85 * 44); } }

.grid[data-grid-size="85"] .grid-item--height44 {
  height: calc(100vh / 85 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height44 {
      height: calc(100vw / 85 * 44); } }

.grid[data-grid-size="85"] .grid-item--width45 {
  width: 52.94118%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width45 {
      width: calc(100vw / 85 * 45); } }

.grid[data-grid-size="85"] .grid-item--height45 {
  height: calc(100vh / 85 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height45 {
      height: calc(100vw / 85 * 45); } }

.grid[data-grid-size="85"] .grid-item--width46 {
  width: 54.11765%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width46 {
      width: calc(100vw / 85 * 46); } }

.grid[data-grid-size="85"] .grid-item--height46 {
  height: calc(100vh / 85 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height46 {
      height: calc(100vw / 85 * 46); } }

.grid[data-grid-size="85"] .grid-item--width47 {
  width: 55.29412%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width47 {
      width: calc(100vw / 85 * 47); } }

.grid[data-grid-size="85"] .grid-item--height47 {
  height: calc(100vh / 85 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height47 {
      height: calc(100vw / 85 * 47); } }

.grid[data-grid-size="85"] .grid-item--width48 {
  width: 56.47059%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width48 {
      width: calc(100vw / 85 * 48); } }

.grid[data-grid-size="85"] .grid-item--height48 {
  height: calc(100vh / 85 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height48 {
      height: calc(100vw / 85 * 48); } }

.grid[data-grid-size="85"] .grid-item--width49 {
  width: 57.64706%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width49 {
      width: calc(100vw / 85 * 49); } }

.grid[data-grid-size="85"] .grid-item--height49 {
  height: calc(100vh / 85 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height49 {
      height: calc(100vw / 85 * 49); } }

.grid[data-grid-size="85"] .grid-item--width50 {
  width: 58.82353%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width50 {
      width: calc(100vw / 85 * 50); } }

.grid[data-grid-size="85"] .grid-item--height50 {
  height: calc(100vh / 85 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height50 {
      height: calc(100vw / 85 * 50); } }

.grid[data-grid-size="85"] .grid-item--width51 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width51 {
      width: calc(100vw / 85 * 51); } }

.grid[data-grid-size="85"] .grid-item--height51 {
  height: calc(100vh / 85 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height51 {
      height: calc(100vw / 85 * 51); } }

.grid[data-grid-size="85"] .grid-item--width52 {
  width: 61.17647%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width52 {
      width: calc(100vw / 85 * 52); } }

.grid[data-grid-size="85"] .grid-item--height52 {
  height: calc(100vh / 85 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height52 {
      height: calc(100vw / 85 * 52); } }

.grid[data-grid-size="85"] .grid-item--width53 {
  width: 62.35294%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width53 {
      width: calc(100vw / 85 * 53); } }

.grid[data-grid-size="85"] .grid-item--height53 {
  height: calc(100vh / 85 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height53 {
      height: calc(100vw / 85 * 53); } }

.grid[data-grid-size="85"] .grid-item--width54 {
  width: 63.52941%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width54 {
      width: calc(100vw / 85 * 54); } }

.grid[data-grid-size="85"] .grid-item--height54 {
  height: calc(100vh / 85 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height54 {
      height: calc(100vw / 85 * 54); } }

.grid[data-grid-size="85"] .grid-item--width55 {
  width: 64.70588%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width55 {
      width: calc(100vw / 85 * 55); } }

.grid[data-grid-size="85"] .grid-item--height55 {
  height: calc(100vh / 85 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height55 {
      height: calc(100vw / 85 * 55); } }

.grid[data-grid-size="85"] .grid-item--width56 {
  width: 65.88235%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width56 {
      width: calc(100vw / 85 * 56); } }

.grid[data-grid-size="85"] .grid-item--height56 {
  height: calc(100vh / 85 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height56 {
      height: calc(100vw / 85 * 56); } }

.grid[data-grid-size="85"] .grid-item--width57 {
  width: 67.05882%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width57 {
      width: calc(100vw / 85 * 57); } }

.grid[data-grid-size="85"] .grid-item--height57 {
  height: calc(100vh / 85 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height57 {
      height: calc(100vw / 85 * 57); } }

.grid[data-grid-size="85"] .grid-item--width58 {
  width: 68.23529%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width58 {
      width: calc(100vw / 85 * 58); } }

.grid[data-grid-size="85"] .grid-item--height58 {
  height: calc(100vh / 85 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height58 {
      height: calc(100vw / 85 * 58); } }

.grid[data-grid-size="85"] .grid-item--width59 {
  width: 69.41176%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width59 {
      width: calc(100vw / 85 * 59); } }

.grid[data-grid-size="85"] .grid-item--height59 {
  height: calc(100vh / 85 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height59 {
      height: calc(100vw / 85 * 59); } }

.grid[data-grid-size="85"] .grid-item--width60 {
  width: 70.58824%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width60 {
      width: calc(100vw / 85 * 60); } }

.grid[data-grid-size="85"] .grid-item--height60 {
  height: calc(100vh / 85 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height60 {
      height: calc(100vw / 85 * 60); } }

.grid[data-grid-size="85"] .grid-item--width61 {
  width: 71.76471%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width61 {
      width: calc(100vw / 85 * 61); } }

.grid[data-grid-size="85"] .grid-item--height61 {
  height: calc(100vh / 85 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height61 {
      height: calc(100vw / 85 * 61); } }

.grid[data-grid-size="85"] .grid-item--width62 {
  width: 72.94118%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width62 {
      width: calc(100vw / 85 * 62); } }

.grid[data-grid-size="85"] .grid-item--height62 {
  height: calc(100vh / 85 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height62 {
      height: calc(100vw / 85 * 62); } }

.grid[data-grid-size="85"] .grid-item--width63 {
  width: 74.11765%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width63 {
      width: calc(100vw / 85 * 63); } }

.grid[data-grid-size="85"] .grid-item--height63 {
  height: calc(100vh / 85 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height63 {
      height: calc(100vw / 85 * 63); } }

.grid[data-grid-size="85"] .grid-item--width64 {
  width: 75.29412%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width64 {
      width: calc(100vw / 85 * 64); } }

.grid[data-grid-size="85"] .grid-item--height64 {
  height: calc(100vh / 85 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height64 {
      height: calc(100vw / 85 * 64); } }

.grid[data-grid-size="85"] .grid-item--width65 {
  width: 76.47059%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width65 {
      width: calc(100vw / 85 * 65); } }

.grid[data-grid-size="85"] .grid-item--height65 {
  height: calc(100vh / 85 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height65 {
      height: calc(100vw / 85 * 65); } }

.grid[data-grid-size="85"] .grid-item--width66 {
  width: 77.64706%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width66 {
      width: calc(100vw / 85 * 66); } }

.grid[data-grid-size="85"] .grid-item--height66 {
  height: calc(100vh / 85 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height66 {
      height: calc(100vw / 85 * 66); } }

.grid[data-grid-size="85"] .grid-item--width67 {
  width: 78.82353%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width67 {
      width: calc(100vw / 85 * 67); } }

.grid[data-grid-size="85"] .grid-item--height67 {
  height: calc(100vh / 85 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height67 {
      height: calc(100vw / 85 * 67); } }

.grid[data-grid-size="85"] .grid-item--width68 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width68 {
      width: calc(100vw / 85 * 68); } }

.grid[data-grid-size="85"] .grid-item--height68 {
  height: calc(100vh / 85 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height68 {
      height: calc(100vw / 85 * 68); } }

.grid[data-grid-size="85"] .grid-item--width69 {
  width: 81.17647%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width69 {
      width: calc(100vw / 85 * 69); } }

.grid[data-grid-size="85"] .grid-item--height69 {
  height: calc(100vh / 85 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height69 {
      height: calc(100vw / 85 * 69); } }

.grid[data-grid-size="85"] .grid-item--width70 {
  width: 82.35294%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width70 {
      width: calc(100vw / 85 * 70); } }

.grid[data-grid-size="85"] .grid-item--height70 {
  height: calc(100vh / 85 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height70 {
      height: calc(100vw / 85 * 70); } }

.grid[data-grid-size="85"] .grid-item--width71 {
  width: 83.52941%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width71 {
      width: calc(100vw / 85 * 71); } }

.grid[data-grid-size="85"] .grid-item--height71 {
  height: calc(100vh / 85 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height71 {
      height: calc(100vw / 85 * 71); } }

.grid[data-grid-size="85"] .grid-item--width72 {
  width: 84.70588%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width72 {
      width: calc(100vw / 85 * 72); } }

.grid[data-grid-size="85"] .grid-item--height72 {
  height: calc(100vh / 85 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height72 {
      height: calc(100vw / 85 * 72); } }

.grid[data-grid-size="85"] .grid-item--width73 {
  width: 85.88235%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width73 {
      width: calc(100vw / 85 * 73); } }

.grid[data-grid-size="85"] .grid-item--height73 {
  height: calc(100vh / 85 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height73 {
      height: calc(100vw / 85 * 73); } }

.grid[data-grid-size="85"] .grid-item--width74 {
  width: 87.05882%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width74 {
      width: calc(100vw / 85 * 74); } }

.grid[data-grid-size="85"] .grid-item--height74 {
  height: calc(100vh / 85 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height74 {
      height: calc(100vw / 85 * 74); } }

.grid[data-grid-size="85"] .grid-item--width75 {
  width: 88.23529%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width75 {
      width: calc(100vw / 85 * 75); } }

.grid[data-grid-size="85"] .grid-item--height75 {
  height: calc(100vh / 85 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height75 {
      height: calc(100vw / 85 * 75); } }

.grid[data-grid-size="85"] .grid-item--width76 {
  width: 89.41176%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width76 {
      width: calc(100vw / 85 * 76); } }

.grid[data-grid-size="85"] .grid-item--height76 {
  height: calc(100vh / 85 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height76 {
      height: calc(100vw / 85 * 76); } }

.grid[data-grid-size="85"] .grid-item--width77 {
  width: 90.58824%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width77 {
      width: calc(100vw / 85 * 77); } }

.grid[data-grid-size="85"] .grid-item--height77 {
  height: calc(100vh / 85 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height77 {
      height: calc(100vw / 85 * 77); } }

.grid[data-grid-size="85"] .grid-item--width78 {
  width: 91.76471%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width78 {
      width: calc(100vw / 85 * 78); } }

.grid[data-grid-size="85"] .grid-item--height78 {
  height: calc(100vh / 85 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height78 {
      height: calc(100vw / 85 * 78); } }

.grid[data-grid-size="85"] .grid-item--width79 {
  width: 92.94118%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width79 {
      width: calc(100vw / 85 * 79); } }

.grid[data-grid-size="85"] .grid-item--height79 {
  height: calc(100vh / 85 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height79 {
      height: calc(100vw / 85 * 79); } }

.grid[data-grid-size="85"] .grid-item--width80 {
  width: 94.11765%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width80 {
      width: calc(100vw / 85 * 80); } }

.grid[data-grid-size="85"] .grid-item--height80 {
  height: calc(100vh / 85 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height80 {
      height: calc(100vw / 85 * 80); } }

.grid[data-grid-size="85"] .grid-item--width81 {
  width: 95.29412%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width81 {
      width: calc(100vw / 85 * 81); } }

.grid[data-grid-size="85"] .grid-item--height81 {
  height: calc(100vh / 85 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height81 {
      height: calc(100vw / 85 * 81); } }

.grid[data-grid-size="85"] .grid-item--width82 {
  width: 96.47059%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width82 {
      width: calc(100vw / 85 * 82); } }

.grid[data-grid-size="85"] .grid-item--height82 {
  height: calc(100vh / 85 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height82 {
      height: calc(100vw / 85 * 82); } }

.grid[data-grid-size="85"] .grid-item--width83 {
  width: 97.64706%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width83 {
      width: calc(100vw / 85 * 83); } }

.grid[data-grid-size="85"] .grid-item--height83 {
  height: calc(100vh / 85 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height83 {
      height: calc(100vw / 85 * 83); } }

.grid[data-grid-size="85"] .grid-item--width84 {
  width: 98.82353%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width84 {
      width: calc(100vw / 85 * 84); } }

.grid[data-grid-size="85"] .grid-item--height84 {
  height: calc(100vh / 85 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height84 {
      height: calc(100vw / 85 * 84); } }

.grid[data-grid-size="85"] .grid-item--width85 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--width85 {
      width: calc(100vw / 85 * 85); } }

.grid[data-grid-size="85"] .grid-item--height85 {
  height: calc(100vh / 85 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="85"] .grid-item--height85 {
      height: calc(100vw / 85 * 85); } }

.grid[data-grid-size="86"] .grid-sizer, .grid[data-grid-size="86"] .grid-item {
  width: 1.16279%; }

.grid[data-grid-size="86"] .grid-item--width1 {
  width: 1.16279%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width1 {
      width: calc(100vw / 86 * 1); } }

.grid[data-grid-size="86"] .grid-item--height1 {
  height: calc(100vh / 86 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height1 {
      height: calc(100vw / 86 * 1); } }

.grid[data-grid-size="86"] .grid-item--width2 {
  width: 2.32558%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width2 {
      width: calc(100vw / 86 * 2); } }

.grid[data-grid-size="86"] .grid-item--height2 {
  height: calc(100vh / 86 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height2 {
      height: calc(100vw / 86 * 2); } }

.grid[data-grid-size="86"] .grid-item--width3 {
  width: 3.48837%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width3 {
      width: calc(100vw / 86 * 3); } }

.grid[data-grid-size="86"] .grid-item--height3 {
  height: calc(100vh / 86 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height3 {
      height: calc(100vw / 86 * 3); } }

.grid[data-grid-size="86"] .grid-item--width4 {
  width: 4.65116%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width4 {
      width: calc(100vw / 86 * 4); } }

.grid[data-grid-size="86"] .grid-item--height4 {
  height: calc(100vh / 86 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height4 {
      height: calc(100vw / 86 * 4); } }

.grid[data-grid-size="86"] .grid-item--width5 {
  width: 5.81395%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width5 {
      width: calc(100vw / 86 * 5); } }

.grid[data-grid-size="86"] .grid-item--height5 {
  height: calc(100vh / 86 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height5 {
      height: calc(100vw / 86 * 5); } }

.grid[data-grid-size="86"] .grid-item--width6 {
  width: 6.97674%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width6 {
      width: calc(100vw / 86 * 6); } }

.grid[data-grid-size="86"] .grid-item--height6 {
  height: calc(100vh / 86 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height6 {
      height: calc(100vw / 86 * 6); } }

.grid[data-grid-size="86"] .grid-item--width7 {
  width: 8.13953%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width7 {
      width: calc(100vw / 86 * 7); } }

.grid[data-grid-size="86"] .grid-item--height7 {
  height: calc(100vh / 86 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height7 {
      height: calc(100vw / 86 * 7); } }

.grid[data-grid-size="86"] .grid-item--width8 {
  width: 9.30233%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width8 {
      width: calc(100vw / 86 * 8); } }

.grid[data-grid-size="86"] .grid-item--height8 {
  height: calc(100vh / 86 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height8 {
      height: calc(100vw / 86 * 8); } }

.grid[data-grid-size="86"] .grid-item--width9 {
  width: 10.46512%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width9 {
      width: calc(100vw / 86 * 9); } }

.grid[data-grid-size="86"] .grid-item--height9 {
  height: calc(100vh / 86 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height9 {
      height: calc(100vw / 86 * 9); } }

.grid[data-grid-size="86"] .grid-item--width10 {
  width: 11.62791%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width10 {
      width: calc(100vw / 86 * 10); } }

.grid[data-grid-size="86"] .grid-item--height10 {
  height: calc(100vh / 86 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height10 {
      height: calc(100vw / 86 * 10); } }

.grid[data-grid-size="86"] .grid-item--width11 {
  width: 12.7907%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width11 {
      width: calc(100vw / 86 * 11); } }

.grid[data-grid-size="86"] .grid-item--height11 {
  height: calc(100vh / 86 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height11 {
      height: calc(100vw / 86 * 11); } }

.grid[data-grid-size="86"] .grid-item--width12 {
  width: 13.95349%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width12 {
      width: calc(100vw / 86 * 12); } }

.grid[data-grid-size="86"] .grid-item--height12 {
  height: calc(100vh / 86 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height12 {
      height: calc(100vw / 86 * 12); } }

.grid[data-grid-size="86"] .grid-item--width13 {
  width: 15.11628%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width13 {
      width: calc(100vw / 86 * 13); } }

.grid[data-grid-size="86"] .grid-item--height13 {
  height: calc(100vh / 86 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height13 {
      height: calc(100vw / 86 * 13); } }

.grid[data-grid-size="86"] .grid-item--width14 {
  width: 16.27907%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width14 {
      width: calc(100vw / 86 * 14); } }

.grid[data-grid-size="86"] .grid-item--height14 {
  height: calc(100vh / 86 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height14 {
      height: calc(100vw / 86 * 14); } }

.grid[data-grid-size="86"] .grid-item--width15 {
  width: 17.44186%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width15 {
      width: calc(100vw / 86 * 15); } }

.grid[data-grid-size="86"] .grid-item--height15 {
  height: calc(100vh / 86 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height15 {
      height: calc(100vw / 86 * 15); } }

.grid[data-grid-size="86"] .grid-item--width16 {
  width: 18.60465%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width16 {
      width: calc(100vw / 86 * 16); } }

.grid[data-grid-size="86"] .grid-item--height16 {
  height: calc(100vh / 86 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height16 {
      height: calc(100vw / 86 * 16); } }

.grid[data-grid-size="86"] .grid-item--width17 {
  width: 19.76744%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width17 {
      width: calc(100vw / 86 * 17); } }

.grid[data-grid-size="86"] .grid-item--height17 {
  height: calc(100vh / 86 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height17 {
      height: calc(100vw / 86 * 17); } }

.grid[data-grid-size="86"] .grid-item--width18 {
  width: 20.93023%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width18 {
      width: calc(100vw / 86 * 18); } }

.grid[data-grid-size="86"] .grid-item--height18 {
  height: calc(100vh / 86 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height18 {
      height: calc(100vw / 86 * 18); } }

.grid[data-grid-size="86"] .grid-item--width19 {
  width: 22.09302%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width19 {
      width: calc(100vw / 86 * 19); } }

.grid[data-grid-size="86"] .grid-item--height19 {
  height: calc(100vh / 86 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height19 {
      height: calc(100vw / 86 * 19); } }

.grid[data-grid-size="86"] .grid-item--width20 {
  width: 23.25581%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width20 {
      width: calc(100vw / 86 * 20); } }

.grid[data-grid-size="86"] .grid-item--height20 {
  height: calc(100vh / 86 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height20 {
      height: calc(100vw / 86 * 20); } }

.grid[data-grid-size="86"] .grid-item--width21 {
  width: 24.4186%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width21 {
      width: calc(100vw / 86 * 21); } }

.grid[data-grid-size="86"] .grid-item--height21 {
  height: calc(100vh / 86 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height21 {
      height: calc(100vw / 86 * 21); } }

.grid[data-grid-size="86"] .grid-item--width22 {
  width: 25.5814%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width22 {
      width: calc(100vw / 86 * 22); } }

.grid[data-grid-size="86"] .grid-item--height22 {
  height: calc(100vh / 86 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height22 {
      height: calc(100vw / 86 * 22); } }

.grid[data-grid-size="86"] .grid-item--width23 {
  width: 26.74419%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width23 {
      width: calc(100vw / 86 * 23); } }

.grid[data-grid-size="86"] .grid-item--height23 {
  height: calc(100vh / 86 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height23 {
      height: calc(100vw / 86 * 23); } }

.grid[data-grid-size="86"] .grid-item--width24 {
  width: 27.90698%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width24 {
      width: calc(100vw / 86 * 24); } }

.grid[data-grid-size="86"] .grid-item--height24 {
  height: calc(100vh / 86 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height24 {
      height: calc(100vw / 86 * 24); } }

.grid[data-grid-size="86"] .grid-item--width25 {
  width: 29.06977%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width25 {
      width: calc(100vw / 86 * 25); } }

.grid[data-grid-size="86"] .grid-item--height25 {
  height: calc(100vh / 86 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height25 {
      height: calc(100vw / 86 * 25); } }

.grid[data-grid-size="86"] .grid-item--width26 {
  width: 30.23256%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width26 {
      width: calc(100vw / 86 * 26); } }

.grid[data-grid-size="86"] .grid-item--height26 {
  height: calc(100vh / 86 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height26 {
      height: calc(100vw / 86 * 26); } }

.grid[data-grid-size="86"] .grid-item--width27 {
  width: 31.39535%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width27 {
      width: calc(100vw / 86 * 27); } }

.grid[data-grid-size="86"] .grid-item--height27 {
  height: calc(100vh / 86 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height27 {
      height: calc(100vw / 86 * 27); } }

.grid[data-grid-size="86"] .grid-item--width28 {
  width: 32.55814%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width28 {
      width: calc(100vw / 86 * 28); } }

.grid[data-grid-size="86"] .grid-item--height28 {
  height: calc(100vh / 86 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height28 {
      height: calc(100vw / 86 * 28); } }

.grid[data-grid-size="86"] .grid-item--width29 {
  width: 33.72093%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width29 {
      width: calc(100vw / 86 * 29); } }

.grid[data-grid-size="86"] .grid-item--height29 {
  height: calc(100vh / 86 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height29 {
      height: calc(100vw / 86 * 29); } }

.grid[data-grid-size="86"] .grid-item--width30 {
  width: 34.88372%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width30 {
      width: calc(100vw / 86 * 30); } }

.grid[data-grid-size="86"] .grid-item--height30 {
  height: calc(100vh / 86 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height30 {
      height: calc(100vw / 86 * 30); } }

.grid[data-grid-size="86"] .grid-item--width31 {
  width: 36.04651%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width31 {
      width: calc(100vw / 86 * 31); } }

.grid[data-grid-size="86"] .grid-item--height31 {
  height: calc(100vh / 86 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height31 {
      height: calc(100vw / 86 * 31); } }

.grid[data-grid-size="86"] .grid-item--width32 {
  width: 37.2093%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width32 {
      width: calc(100vw / 86 * 32); } }

.grid[data-grid-size="86"] .grid-item--height32 {
  height: calc(100vh / 86 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height32 {
      height: calc(100vw / 86 * 32); } }

.grid[data-grid-size="86"] .grid-item--width33 {
  width: 38.37209%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width33 {
      width: calc(100vw / 86 * 33); } }

.grid[data-grid-size="86"] .grid-item--height33 {
  height: calc(100vh / 86 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height33 {
      height: calc(100vw / 86 * 33); } }

.grid[data-grid-size="86"] .grid-item--width34 {
  width: 39.53488%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width34 {
      width: calc(100vw / 86 * 34); } }

.grid[data-grid-size="86"] .grid-item--height34 {
  height: calc(100vh / 86 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height34 {
      height: calc(100vw / 86 * 34); } }

.grid[data-grid-size="86"] .grid-item--width35 {
  width: 40.69767%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width35 {
      width: calc(100vw / 86 * 35); } }

.grid[data-grid-size="86"] .grid-item--height35 {
  height: calc(100vh / 86 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height35 {
      height: calc(100vw / 86 * 35); } }

.grid[data-grid-size="86"] .grid-item--width36 {
  width: 41.86047%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width36 {
      width: calc(100vw / 86 * 36); } }

.grid[data-grid-size="86"] .grid-item--height36 {
  height: calc(100vh / 86 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height36 {
      height: calc(100vw / 86 * 36); } }

.grid[data-grid-size="86"] .grid-item--width37 {
  width: 43.02326%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width37 {
      width: calc(100vw / 86 * 37); } }

.grid[data-grid-size="86"] .grid-item--height37 {
  height: calc(100vh / 86 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height37 {
      height: calc(100vw / 86 * 37); } }

.grid[data-grid-size="86"] .grid-item--width38 {
  width: 44.18605%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width38 {
      width: calc(100vw / 86 * 38); } }

.grid[data-grid-size="86"] .grid-item--height38 {
  height: calc(100vh / 86 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height38 {
      height: calc(100vw / 86 * 38); } }

.grid[data-grid-size="86"] .grid-item--width39 {
  width: 45.34884%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width39 {
      width: calc(100vw / 86 * 39); } }

.grid[data-grid-size="86"] .grid-item--height39 {
  height: calc(100vh / 86 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height39 {
      height: calc(100vw / 86 * 39); } }

.grid[data-grid-size="86"] .grid-item--width40 {
  width: 46.51163%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width40 {
      width: calc(100vw / 86 * 40); } }

.grid[data-grid-size="86"] .grid-item--height40 {
  height: calc(100vh / 86 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height40 {
      height: calc(100vw / 86 * 40); } }

.grid[data-grid-size="86"] .grid-item--width41 {
  width: 47.67442%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width41 {
      width: calc(100vw / 86 * 41); } }

.grid[data-grid-size="86"] .grid-item--height41 {
  height: calc(100vh / 86 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height41 {
      height: calc(100vw / 86 * 41); } }

.grid[data-grid-size="86"] .grid-item--width42 {
  width: 48.83721%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width42 {
      width: calc(100vw / 86 * 42); } }

.grid[data-grid-size="86"] .grid-item--height42 {
  height: calc(100vh / 86 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height42 {
      height: calc(100vw / 86 * 42); } }

.grid[data-grid-size="86"] .grid-item--width43 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width43 {
      width: calc(100vw / 86 * 43); } }

.grid[data-grid-size="86"] .grid-item--height43 {
  height: calc(100vh / 86 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height43 {
      height: calc(100vw / 86 * 43); } }

.grid[data-grid-size="86"] .grid-item--width44 {
  width: 51.16279%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width44 {
      width: calc(100vw / 86 * 44); } }

.grid[data-grid-size="86"] .grid-item--height44 {
  height: calc(100vh / 86 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height44 {
      height: calc(100vw / 86 * 44); } }

.grid[data-grid-size="86"] .grid-item--width45 {
  width: 52.32558%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width45 {
      width: calc(100vw / 86 * 45); } }

.grid[data-grid-size="86"] .grid-item--height45 {
  height: calc(100vh / 86 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height45 {
      height: calc(100vw / 86 * 45); } }

.grid[data-grid-size="86"] .grid-item--width46 {
  width: 53.48837%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width46 {
      width: calc(100vw / 86 * 46); } }

.grid[data-grid-size="86"] .grid-item--height46 {
  height: calc(100vh / 86 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height46 {
      height: calc(100vw / 86 * 46); } }

.grid[data-grid-size="86"] .grid-item--width47 {
  width: 54.65116%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width47 {
      width: calc(100vw / 86 * 47); } }

.grid[data-grid-size="86"] .grid-item--height47 {
  height: calc(100vh / 86 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height47 {
      height: calc(100vw / 86 * 47); } }

.grid[data-grid-size="86"] .grid-item--width48 {
  width: 55.81395%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width48 {
      width: calc(100vw / 86 * 48); } }

.grid[data-grid-size="86"] .grid-item--height48 {
  height: calc(100vh / 86 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height48 {
      height: calc(100vw / 86 * 48); } }

.grid[data-grid-size="86"] .grid-item--width49 {
  width: 56.97674%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width49 {
      width: calc(100vw / 86 * 49); } }

.grid[data-grid-size="86"] .grid-item--height49 {
  height: calc(100vh / 86 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height49 {
      height: calc(100vw / 86 * 49); } }

.grid[data-grid-size="86"] .grid-item--width50 {
  width: 58.13953%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width50 {
      width: calc(100vw / 86 * 50); } }

.grid[data-grid-size="86"] .grid-item--height50 {
  height: calc(100vh / 86 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height50 {
      height: calc(100vw / 86 * 50); } }

.grid[data-grid-size="86"] .grid-item--width51 {
  width: 59.30233%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width51 {
      width: calc(100vw / 86 * 51); } }

.grid[data-grid-size="86"] .grid-item--height51 {
  height: calc(100vh / 86 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height51 {
      height: calc(100vw / 86 * 51); } }

.grid[data-grid-size="86"] .grid-item--width52 {
  width: 60.46512%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width52 {
      width: calc(100vw / 86 * 52); } }

.grid[data-grid-size="86"] .grid-item--height52 {
  height: calc(100vh / 86 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height52 {
      height: calc(100vw / 86 * 52); } }

.grid[data-grid-size="86"] .grid-item--width53 {
  width: 61.62791%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width53 {
      width: calc(100vw / 86 * 53); } }

.grid[data-grid-size="86"] .grid-item--height53 {
  height: calc(100vh / 86 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height53 {
      height: calc(100vw / 86 * 53); } }

.grid[data-grid-size="86"] .grid-item--width54 {
  width: 62.7907%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width54 {
      width: calc(100vw / 86 * 54); } }

.grid[data-grid-size="86"] .grid-item--height54 {
  height: calc(100vh / 86 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height54 {
      height: calc(100vw / 86 * 54); } }

.grid[data-grid-size="86"] .grid-item--width55 {
  width: 63.95349%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width55 {
      width: calc(100vw / 86 * 55); } }

.grid[data-grid-size="86"] .grid-item--height55 {
  height: calc(100vh / 86 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height55 {
      height: calc(100vw / 86 * 55); } }

.grid[data-grid-size="86"] .grid-item--width56 {
  width: 65.11628%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width56 {
      width: calc(100vw / 86 * 56); } }

.grid[data-grid-size="86"] .grid-item--height56 {
  height: calc(100vh / 86 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height56 {
      height: calc(100vw / 86 * 56); } }

.grid[data-grid-size="86"] .grid-item--width57 {
  width: 66.27907%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width57 {
      width: calc(100vw / 86 * 57); } }

.grid[data-grid-size="86"] .grid-item--height57 {
  height: calc(100vh / 86 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height57 {
      height: calc(100vw / 86 * 57); } }

.grid[data-grid-size="86"] .grid-item--width58 {
  width: 67.44186%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width58 {
      width: calc(100vw / 86 * 58); } }

.grid[data-grid-size="86"] .grid-item--height58 {
  height: calc(100vh / 86 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height58 {
      height: calc(100vw / 86 * 58); } }

.grid[data-grid-size="86"] .grid-item--width59 {
  width: 68.60465%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width59 {
      width: calc(100vw / 86 * 59); } }

.grid[data-grid-size="86"] .grid-item--height59 {
  height: calc(100vh / 86 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height59 {
      height: calc(100vw / 86 * 59); } }

.grid[data-grid-size="86"] .grid-item--width60 {
  width: 69.76744%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width60 {
      width: calc(100vw / 86 * 60); } }

.grid[data-grid-size="86"] .grid-item--height60 {
  height: calc(100vh / 86 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height60 {
      height: calc(100vw / 86 * 60); } }

.grid[data-grid-size="86"] .grid-item--width61 {
  width: 70.93023%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width61 {
      width: calc(100vw / 86 * 61); } }

.grid[data-grid-size="86"] .grid-item--height61 {
  height: calc(100vh / 86 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height61 {
      height: calc(100vw / 86 * 61); } }

.grid[data-grid-size="86"] .grid-item--width62 {
  width: 72.09302%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width62 {
      width: calc(100vw / 86 * 62); } }

.grid[data-grid-size="86"] .grid-item--height62 {
  height: calc(100vh / 86 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height62 {
      height: calc(100vw / 86 * 62); } }

.grid[data-grid-size="86"] .grid-item--width63 {
  width: 73.25581%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width63 {
      width: calc(100vw / 86 * 63); } }

.grid[data-grid-size="86"] .grid-item--height63 {
  height: calc(100vh / 86 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height63 {
      height: calc(100vw / 86 * 63); } }

.grid[data-grid-size="86"] .grid-item--width64 {
  width: 74.4186%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width64 {
      width: calc(100vw / 86 * 64); } }

.grid[data-grid-size="86"] .grid-item--height64 {
  height: calc(100vh / 86 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height64 {
      height: calc(100vw / 86 * 64); } }

.grid[data-grid-size="86"] .grid-item--width65 {
  width: 75.5814%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width65 {
      width: calc(100vw / 86 * 65); } }

.grid[data-grid-size="86"] .grid-item--height65 {
  height: calc(100vh / 86 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height65 {
      height: calc(100vw / 86 * 65); } }

.grid[data-grid-size="86"] .grid-item--width66 {
  width: 76.74419%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width66 {
      width: calc(100vw / 86 * 66); } }

.grid[data-grid-size="86"] .grid-item--height66 {
  height: calc(100vh / 86 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height66 {
      height: calc(100vw / 86 * 66); } }

.grid[data-grid-size="86"] .grid-item--width67 {
  width: 77.90698%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width67 {
      width: calc(100vw / 86 * 67); } }

.grid[data-grid-size="86"] .grid-item--height67 {
  height: calc(100vh / 86 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height67 {
      height: calc(100vw / 86 * 67); } }

.grid[data-grid-size="86"] .grid-item--width68 {
  width: 79.06977%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width68 {
      width: calc(100vw / 86 * 68); } }

.grid[data-grid-size="86"] .grid-item--height68 {
  height: calc(100vh / 86 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height68 {
      height: calc(100vw / 86 * 68); } }

.grid[data-grid-size="86"] .grid-item--width69 {
  width: 80.23256%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width69 {
      width: calc(100vw / 86 * 69); } }

.grid[data-grid-size="86"] .grid-item--height69 {
  height: calc(100vh / 86 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height69 {
      height: calc(100vw / 86 * 69); } }

.grid[data-grid-size="86"] .grid-item--width70 {
  width: 81.39535%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width70 {
      width: calc(100vw / 86 * 70); } }

.grid[data-grid-size="86"] .grid-item--height70 {
  height: calc(100vh / 86 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height70 {
      height: calc(100vw / 86 * 70); } }

.grid[data-grid-size="86"] .grid-item--width71 {
  width: 82.55814%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width71 {
      width: calc(100vw / 86 * 71); } }

.grid[data-grid-size="86"] .grid-item--height71 {
  height: calc(100vh / 86 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height71 {
      height: calc(100vw / 86 * 71); } }

.grid[data-grid-size="86"] .grid-item--width72 {
  width: 83.72093%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width72 {
      width: calc(100vw / 86 * 72); } }

.grid[data-grid-size="86"] .grid-item--height72 {
  height: calc(100vh / 86 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height72 {
      height: calc(100vw / 86 * 72); } }

.grid[data-grid-size="86"] .grid-item--width73 {
  width: 84.88372%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width73 {
      width: calc(100vw / 86 * 73); } }

.grid[data-grid-size="86"] .grid-item--height73 {
  height: calc(100vh / 86 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height73 {
      height: calc(100vw / 86 * 73); } }

.grid[data-grid-size="86"] .grid-item--width74 {
  width: 86.04651%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width74 {
      width: calc(100vw / 86 * 74); } }

.grid[data-grid-size="86"] .grid-item--height74 {
  height: calc(100vh / 86 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height74 {
      height: calc(100vw / 86 * 74); } }

.grid[data-grid-size="86"] .grid-item--width75 {
  width: 87.2093%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width75 {
      width: calc(100vw / 86 * 75); } }

.grid[data-grid-size="86"] .grid-item--height75 {
  height: calc(100vh / 86 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height75 {
      height: calc(100vw / 86 * 75); } }

.grid[data-grid-size="86"] .grid-item--width76 {
  width: 88.37209%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width76 {
      width: calc(100vw / 86 * 76); } }

.grid[data-grid-size="86"] .grid-item--height76 {
  height: calc(100vh / 86 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height76 {
      height: calc(100vw / 86 * 76); } }

.grid[data-grid-size="86"] .grid-item--width77 {
  width: 89.53488%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width77 {
      width: calc(100vw / 86 * 77); } }

.grid[data-grid-size="86"] .grid-item--height77 {
  height: calc(100vh / 86 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height77 {
      height: calc(100vw / 86 * 77); } }

.grid[data-grid-size="86"] .grid-item--width78 {
  width: 90.69767%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width78 {
      width: calc(100vw / 86 * 78); } }

.grid[data-grid-size="86"] .grid-item--height78 {
  height: calc(100vh / 86 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height78 {
      height: calc(100vw / 86 * 78); } }

.grid[data-grid-size="86"] .grid-item--width79 {
  width: 91.86047%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width79 {
      width: calc(100vw / 86 * 79); } }

.grid[data-grid-size="86"] .grid-item--height79 {
  height: calc(100vh / 86 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height79 {
      height: calc(100vw / 86 * 79); } }

.grid[data-grid-size="86"] .grid-item--width80 {
  width: 93.02326%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width80 {
      width: calc(100vw / 86 * 80); } }

.grid[data-grid-size="86"] .grid-item--height80 {
  height: calc(100vh / 86 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height80 {
      height: calc(100vw / 86 * 80); } }

.grid[data-grid-size="86"] .grid-item--width81 {
  width: 94.18605%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width81 {
      width: calc(100vw / 86 * 81); } }

.grid[data-grid-size="86"] .grid-item--height81 {
  height: calc(100vh / 86 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height81 {
      height: calc(100vw / 86 * 81); } }

.grid[data-grid-size="86"] .grid-item--width82 {
  width: 95.34884%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width82 {
      width: calc(100vw / 86 * 82); } }

.grid[data-grid-size="86"] .grid-item--height82 {
  height: calc(100vh / 86 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height82 {
      height: calc(100vw / 86 * 82); } }

.grid[data-grid-size="86"] .grid-item--width83 {
  width: 96.51163%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width83 {
      width: calc(100vw / 86 * 83); } }

.grid[data-grid-size="86"] .grid-item--height83 {
  height: calc(100vh / 86 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height83 {
      height: calc(100vw / 86 * 83); } }

.grid[data-grid-size="86"] .grid-item--width84 {
  width: 97.67442%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width84 {
      width: calc(100vw / 86 * 84); } }

.grid[data-grid-size="86"] .grid-item--height84 {
  height: calc(100vh / 86 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height84 {
      height: calc(100vw / 86 * 84); } }

.grid[data-grid-size="86"] .grid-item--width85 {
  width: 98.83721%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width85 {
      width: calc(100vw / 86 * 85); } }

.grid[data-grid-size="86"] .grid-item--height85 {
  height: calc(100vh / 86 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height85 {
      height: calc(100vw / 86 * 85); } }

.grid[data-grid-size="86"] .grid-item--width86 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--width86 {
      width: calc(100vw / 86 * 86); } }

.grid[data-grid-size="86"] .grid-item--height86 {
  height: calc(100vh / 86 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="86"] .grid-item--height86 {
      height: calc(100vw / 86 * 86); } }

.grid[data-grid-size="87"] .grid-sizer, .grid[data-grid-size="87"] .grid-item {
  width: 1.14943%; }

.grid[data-grid-size="87"] .grid-item--width1 {
  width: 1.14943%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width1 {
      width: calc(100vw / 87 * 1); } }

.grid[data-grid-size="87"] .grid-item--height1 {
  height: calc(100vh / 87 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height1 {
      height: calc(100vw / 87 * 1); } }

.grid[data-grid-size="87"] .grid-item--width2 {
  width: 2.29885%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width2 {
      width: calc(100vw / 87 * 2); } }

.grid[data-grid-size="87"] .grid-item--height2 {
  height: calc(100vh / 87 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height2 {
      height: calc(100vw / 87 * 2); } }

.grid[data-grid-size="87"] .grid-item--width3 {
  width: 3.44828%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width3 {
      width: calc(100vw / 87 * 3); } }

.grid[data-grid-size="87"] .grid-item--height3 {
  height: calc(100vh / 87 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height3 {
      height: calc(100vw / 87 * 3); } }

.grid[data-grid-size="87"] .grid-item--width4 {
  width: 4.5977%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width4 {
      width: calc(100vw / 87 * 4); } }

.grid[data-grid-size="87"] .grid-item--height4 {
  height: calc(100vh / 87 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height4 {
      height: calc(100vw / 87 * 4); } }

.grid[data-grid-size="87"] .grid-item--width5 {
  width: 5.74713%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width5 {
      width: calc(100vw / 87 * 5); } }

.grid[data-grid-size="87"] .grid-item--height5 {
  height: calc(100vh / 87 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height5 {
      height: calc(100vw / 87 * 5); } }

.grid[data-grid-size="87"] .grid-item--width6 {
  width: 6.89655%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width6 {
      width: calc(100vw / 87 * 6); } }

.grid[data-grid-size="87"] .grid-item--height6 {
  height: calc(100vh / 87 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height6 {
      height: calc(100vw / 87 * 6); } }

.grid[data-grid-size="87"] .grid-item--width7 {
  width: 8.04598%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width7 {
      width: calc(100vw / 87 * 7); } }

.grid[data-grid-size="87"] .grid-item--height7 {
  height: calc(100vh / 87 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height7 {
      height: calc(100vw / 87 * 7); } }

.grid[data-grid-size="87"] .grid-item--width8 {
  width: 9.1954%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width8 {
      width: calc(100vw / 87 * 8); } }

.grid[data-grid-size="87"] .grid-item--height8 {
  height: calc(100vh / 87 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height8 {
      height: calc(100vw / 87 * 8); } }

.grid[data-grid-size="87"] .grid-item--width9 {
  width: 10.34483%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width9 {
      width: calc(100vw / 87 * 9); } }

.grid[data-grid-size="87"] .grid-item--height9 {
  height: calc(100vh / 87 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height9 {
      height: calc(100vw / 87 * 9); } }

.grid[data-grid-size="87"] .grid-item--width10 {
  width: 11.49425%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width10 {
      width: calc(100vw / 87 * 10); } }

.grid[data-grid-size="87"] .grid-item--height10 {
  height: calc(100vh / 87 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height10 {
      height: calc(100vw / 87 * 10); } }

.grid[data-grid-size="87"] .grid-item--width11 {
  width: 12.64368%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width11 {
      width: calc(100vw / 87 * 11); } }

.grid[data-grid-size="87"] .grid-item--height11 {
  height: calc(100vh / 87 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height11 {
      height: calc(100vw / 87 * 11); } }

.grid[data-grid-size="87"] .grid-item--width12 {
  width: 13.7931%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width12 {
      width: calc(100vw / 87 * 12); } }

.grid[data-grid-size="87"] .grid-item--height12 {
  height: calc(100vh / 87 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height12 {
      height: calc(100vw / 87 * 12); } }

.grid[data-grid-size="87"] .grid-item--width13 {
  width: 14.94253%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width13 {
      width: calc(100vw / 87 * 13); } }

.grid[data-grid-size="87"] .grid-item--height13 {
  height: calc(100vh / 87 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height13 {
      height: calc(100vw / 87 * 13); } }

.grid[data-grid-size="87"] .grid-item--width14 {
  width: 16.09195%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width14 {
      width: calc(100vw / 87 * 14); } }

.grid[data-grid-size="87"] .grid-item--height14 {
  height: calc(100vh / 87 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height14 {
      height: calc(100vw / 87 * 14); } }

.grid[data-grid-size="87"] .grid-item--width15 {
  width: 17.24138%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width15 {
      width: calc(100vw / 87 * 15); } }

.grid[data-grid-size="87"] .grid-item--height15 {
  height: calc(100vh / 87 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height15 {
      height: calc(100vw / 87 * 15); } }

.grid[data-grid-size="87"] .grid-item--width16 {
  width: 18.3908%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width16 {
      width: calc(100vw / 87 * 16); } }

.grid[data-grid-size="87"] .grid-item--height16 {
  height: calc(100vh / 87 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height16 {
      height: calc(100vw / 87 * 16); } }

.grid[data-grid-size="87"] .grid-item--width17 {
  width: 19.54023%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width17 {
      width: calc(100vw / 87 * 17); } }

.grid[data-grid-size="87"] .grid-item--height17 {
  height: calc(100vh / 87 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height17 {
      height: calc(100vw / 87 * 17); } }

.grid[data-grid-size="87"] .grid-item--width18 {
  width: 20.68966%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width18 {
      width: calc(100vw / 87 * 18); } }

.grid[data-grid-size="87"] .grid-item--height18 {
  height: calc(100vh / 87 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height18 {
      height: calc(100vw / 87 * 18); } }

.grid[data-grid-size="87"] .grid-item--width19 {
  width: 21.83908%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width19 {
      width: calc(100vw / 87 * 19); } }

.grid[data-grid-size="87"] .grid-item--height19 {
  height: calc(100vh / 87 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height19 {
      height: calc(100vw / 87 * 19); } }

.grid[data-grid-size="87"] .grid-item--width20 {
  width: 22.98851%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width20 {
      width: calc(100vw / 87 * 20); } }

.grid[data-grid-size="87"] .grid-item--height20 {
  height: calc(100vh / 87 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height20 {
      height: calc(100vw / 87 * 20); } }

.grid[data-grid-size="87"] .grid-item--width21 {
  width: 24.13793%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width21 {
      width: calc(100vw / 87 * 21); } }

.grid[data-grid-size="87"] .grid-item--height21 {
  height: calc(100vh / 87 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height21 {
      height: calc(100vw / 87 * 21); } }

.grid[data-grid-size="87"] .grid-item--width22 {
  width: 25.28736%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width22 {
      width: calc(100vw / 87 * 22); } }

.grid[data-grid-size="87"] .grid-item--height22 {
  height: calc(100vh / 87 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height22 {
      height: calc(100vw / 87 * 22); } }

.grid[data-grid-size="87"] .grid-item--width23 {
  width: 26.43678%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width23 {
      width: calc(100vw / 87 * 23); } }

.grid[data-grid-size="87"] .grid-item--height23 {
  height: calc(100vh / 87 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height23 {
      height: calc(100vw / 87 * 23); } }

.grid[data-grid-size="87"] .grid-item--width24 {
  width: 27.58621%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width24 {
      width: calc(100vw / 87 * 24); } }

.grid[data-grid-size="87"] .grid-item--height24 {
  height: calc(100vh / 87 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height24 {
      height: calc(100vw / 87 * 24); } }

.grid[data-grid-size="87"] .grid-item--width25 {
  width: 28.73563%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width25 {
      width: calc(100vw / 87 * 25); } }

.grid[data-grid-size="87"] .grid-item--height25 {
  height: calc(100vh / 87 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height25 {
      height: calc(100vw / 87 * 25); } }

.grid[data-grid-size="87"] .grid-item--width26 {
  width: 29.88506%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width26 {
      width: calc(100vw / 87 * 26); } }

.grid[data-grid-size="87"] .grid-item--height26 {
  height: calc(100vh / 87 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height26 {
      height: calc(100vw / 87 * 26); } }

.grid[data-grid-size="87"] .grid-item--width27 {
  width: 31.03448%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width27 {
      width: calc(100vw / 87 * 27); } }

.grid[data-grid-size="87"] .grid-item--height27 {
  height: calc(100vh / 87 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height27 {
      height: calc(100vw / 87 * 27); } }

.grid[data-grid-size="87"] .grid-item--width28 {
  width: 32.18391%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width28 {
      width: calc(100vw / 87 * 28); } }

.grid[data-grid-size="87"] .grid-item--height28 {
  height: calc(100vh / 87 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height28 {
      height: calc(100vw / 87 * 28); } }

.grid[data-grid-size="87"] .grid-item--width29 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width29 {
      width: calc(100vw / 87 * 29); } }

.grid[data-grid-size="87"] .grid-item--height29 {
  height: calc(100vh / 87 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height29 {
      height: calc(100vw / 87 * 29); } }

.grid[data-grid-size="87"] .grid-item--width30 {
  width: 34.48276%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width30 {
      width: calc(100vw / 87 * 30); } }

.grid[data-grid-size="87"] .grid-item--height30 {
  height: calc(100vh / 87 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height30 {
      height: calc(100vw / 87 * 30); } }

.grid[data-grid-size="87"] .grid-item--width31 {
  width: 35.63218%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width31 {
      width: calc(100vw / 87 * 31); } }

.grid[data-grid-size="87"] .grid-item--height31 {
  height: calc(100vh / 87 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height31 {
      height: calc(100vw / 87 * 31); } }

.grid[data-grid-size="87"] .grid-item--width32 {
  width: 36.78161%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width32 {
      width: calc(100vw / 87 * 32); } }

.grid[data-grid-size="87"] .grid-item--height32 {
  height: calc(100vh / 87 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height32 {
      height: calc(100vw / 87 * 32); } }

.grid[data-grid-size="87"] .grid-item--width33 {
  width: 37.93103%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width33 {
      width: calc(100vw / 87 * 33); } }

.grid[data-grid-size="87"] .grid-item--height33 {
  height: calc(100vh / 87 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height33 {
      height: calc(100vw / 87 * 33); } }

.grid[data-grid-size="87"] .grid-item--width34 {
  width: 39.08046%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width34 {
      width: calc(100vw / 87 * 34); } }

.grid[data-grid-size="87"] .grid-item--height34 {
  height: calc(100vh / 87 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height34 {
      height: calc(100vw / 87 * 34); } }

.grid[data-grid-size="87"] .grid-item--width35 {
  width: 40.22989%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width35 {
      width: calc(100vw / 87 * 35); } }

.grid[data-grid-size="87"] .grid-item--height35 {
  height: calc(100vh / 87 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height35 {
      height: calc(100vw / 87 * 35); } }

.grid[data-grid-size="87"] .grid-item--width36 {
  width: 41.37931%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width36 {
      width: calc(100vw / 87 * 36); } }

.grid[data-grid-size="87"] .grid-item--height36 {
  height: calc(100vh / 87 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height36 {
      height: calc(100vw / 87 * 36); } }

.grid[data-grid-size="87"] .grid-item--width37 {
  width: 42.52874%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width37 {
      width: calc(100vw / 87 * 37); } }

.grid[data-grid-size="87"] .grid-item--height37 {
  height: calc(100vh / 87 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height37 {
      height: calc(100vw / 87 * 37); } }

.grid[data-grid-size="87"] .grid-item--width38 {
  width: 43.67816%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width38 {
      width: calc(100vw / 87 * 38); } }

.grid[data-grid-size="87"] .grid-item--height38 {
  height: calc(100vh / 87 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height38 {
      height: calc(100vw / 87 * 38); } }

.grid[data-grid-size="87"] .grid-item--width39 {
  width: 44.82759%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width39 {
      width: calc(100vw / 87 * 39); } }

.grid[data-grid-size="87"] .grid-item--height39 {
  height: calc(100vh / 87 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height39 {
      height: calc(100vw / 87 * 39); } }

.grid[data-grid-size="87"] .grid-item--width40 {
  width: 45.97701%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width40 {
      width: calc(100vw / 87 * 40); } }

.grid[data-grid-size="87"] .grid-item--height40 {
  height: calc(100vh / 87 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height40 {
      height: calc(100vw / 87 * 40); } }

.grid[data-grid-size="87"] .grid-item--width41 {
  width: 47.12644%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width41 {
      width: calc(100vw / 87 * 41); } }

.grid[data-grid-size="87"] .grid-item--height41 {
  height: calc(100vh / 87 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height41 {
      height: calc(100vw / 87 * 41); } }

.grid[data-grid-size="87"] .grid-item--width42 {
  width: 48.27586%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width42 {
      width: calc(100vw / 87 * 42); } }

.grid[data-grid-size="87"] .grid-item--height42 {
  height: calc(100vh / 87 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height42 {
      height: calc(100vw / 87 * 42); } }

.grid[data-grid-size="87"] .grid-item--width43 {
  width: 49.42529%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width43 {
      width: calc(100vw / 87 * 43); } }

.grid[data-grid-size="87"] .grid-item--height43 {
  height: calc(100vh / 87 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height43 {
      height: calc(100vw / 87 * 43); } }

.grid[data-grid-size="87"] .grid-item--width44 {
  width: 50.57471%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width44 {
      width: calc(100vw / 87 * 44); } }

.grid[data-grid-size="87"] .grid-item--height44 {
  height: calc(100vh / 87 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height44 {
      height: calc(100vw / 87 * 44); } }

.grid[data-grid-size="87"] .grid-item--width45 {
  width: 51.72414%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width45 {
      width: calc(100vw / 87 * 45); } }

.grid[data-grid-size="87"] .grid-item--height45 {
  height: calc(100vh / 87 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height45 {
      height: calc(100vw / 87 * 45); } }

.grid[data-grid-size="87"] .grid-item--width46 {
  width: 52.87356%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width46 {
      width: calc(100vw / 87 * 46); } }

.grid[data-grid-size="87"] .grid-item--height46 {
  height: calc(100vh / 87 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height46 {
      height: calc(100vw / 87 * 46); } }

.grid[data-grid-size="87"] .grid-item--width47 {
  width: 54.02299%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width47 {
      width: calc(100vw / 87 * 47); } }

.grid[data-grid-size="87"] .grid-item--height47 {
  height: calc(100vh / 87 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height47 {
      height: calc(100vw / 87 * 47); } }

.grid[data-grid-size="87"] .grid-item--width48 {
  width: 55.17241%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width48 {
      width: calc(100vw / 87 * 48); } }

.grid[data-grid-size="87"] .grid-item--height48 {
  height: calc(100vh / 87 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height48 {
      height: calc(100vw / 87 * 48); } }

.grid[data-grid-size="87"] .grid-item--width49 {
  width: 56.32184%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width49 {
      width: calc(100vw / 87 * 49); } }

.grid[data-grid-size="87"] .grid-item--height49 {
  height: calc(100vh / 87 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height49 {
      height: calc(100vw / 87 * 49); } }

.grid[data-grid-size="87"] .grid-item--width50 {
  width: 57.47126%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width50 {
      width: calc(100vw / 87 * 50); } }

.grid[data-grid-size="87"] .grid-item--height50 {
  height: calc(100vh / 87 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height50 {
      height: calc(100vw / 87 * 50); } }

.grid[data-grid-size="87"] .grid-item--width51 {
  width: 58.62069%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width51 {
      width: calc(100vw / 87 * 51); } }

.grid[data-grid-size="87"] .grid-item--height51 {
  height: calc(100vh / 87 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height51 {
      height: calc(100vw / 87 * 51); } }

.grid[data-grid-size="87"] .grid-item--width52 {
  width: 59.77011%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width52 {
      width: calc(100vw / 87 * 52); } }

.grid[data-grid-size="87"] .grid-item--height52 {
  height: calc(100vh / 87 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height52 {
      height: calc(100vw / 87 * 52); } }

.grid[data-grid-size="87"] .grid-item--width53 {
  width: 60.91954%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width53 {
      width: calc(100vw / 87 * 53); } }

.grid[data-grid-size="87"] .grid-item--height53 {
  height: calc(100vh / 87 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height53 {
      height: calc(100vw / 87 * 53); } }

.grid[data-grid-size="87"] .grid-item--width54 {
  width: 62.06897%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width54 {
      width: calc(100vw / 87 * 54); } }

.grid[data-grid-size="87"] .grid-item--height54 {
  height: calc(100vh / 87 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height54 {
      height: calc(100vw / 87 * 54); } }

.grid[data-grid-size="87"] .grid-item--width55 {
  width: 63.21839%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width55 {
      width: calc(100vw / 87 * 55); } }

.grid[data-grid-size="87"] .grid-item--height55 {
  height: calc(100vh / 87 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height55 {
      height: calc(100vw / 87 * 55); } }

.grid[data-grid-size="87"] .grid-item--width56 {
  width: 64.36782%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width56 {
      width: calc(100vw / 87 * 56); } }

.grid[data-grid-size="87"] .grid-item--height56 {
  height: calc(100vh / 87 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height56 {
      height: calc(100vw / 87 * 56); } }

.grid[data-grid-size="87"] .grid-item--width57 {
  width: 65.51724%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width57 {
      width: calc(100vw / 87 * 57); } }

.grid[data-grid-size="87"] .grid-item--height57 {
  height: calc(100vh / 87 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height57 {
      height: calc(100vw / 87 * 57); } }

.grid[data-grid-size="87"] .grid-item--width58 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width58 {
      width: calc(100vw / 87 * 58); } }

.grid[data-grid-size="87"] .grid-item--height58 {
  height: calc(100vh / 87 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height58 {
      height: calc(100vw / 87 * 58); } }

.grid[data-grid-size="87"] .grid-item--width59 {
  width: 67.81609%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width59 {
      width: calc(100vw / 87 * 59); } }

.grid[data-grid-size="87"] .grid-item--height59 {
  height: calc(100vh / 87 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height59 {
      height: calc(100vw / 87 * 59); } }

.grid[data-grid-size="87"] .grid-item--width60 {
  width: 68.96552%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width60 {
      width: calc(100vw / 87 * 60); } }

.grid[data-grid-size="87"] .grid-item--height60 {
  height: calc(100vh / 87 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height60 {
      height: calc(100vw / 87 * 60); } }

.grid[data-grid-size="87"] .grid-item--width61 {
  width: 70.11494%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width61 {
      width: calc(100vw / 87 * 61); } }

.grid[data-grid-size="87"] .grid-item--height61 {
  height: calc(100vh / 87 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height61 {
      height: calc(100vw / 87 * 61); } }

.grid[data-grid-size="87"] .grid-item--width62 {
  width: 71.26437%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width62 {
      width: calc(100vw / 87 * 62); } }

.grid[data-grid-size="87"] .grid-item--height62 {
  height: calc(100vh / 87 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height62 {
      height: calc(100vw / 87 * 62); } }

.grid[data-grid-size="87"] .grid-item--width63 {
  width: 72.41379%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width63 {
      width: calc(100vw / 87 * 63); } }

.grid[data-grid-size="87"] .grid-item--height63 {
  height: calc(100vh / 87 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height63 {
      height: calc(100vw / 87 * 63); } }

.grid[data-grid-size="87"] .grid-item--width64 {
  width: 73.56322%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width64 {
      width: calc(100vw / 87 * 64); } }

.grid[data-grid-size="87"] .grid-item--height64 {
  height: calc(100vh / 87 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height64 {
      height: calc(100vw / 87 * 64); } }

.grid[data-grid-size="87"] .grid-item--width65 {
  width: 74.71264%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width65 {
      width: calc(100vw / 87 * 65); } }

.grid[data-grid-size="87"] .grid-item--height65 {
  height: calc(100vh / 87 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height65 {
      height: calc(100vw / 87 * 65); } }

.grid[data-grid-size="87"] .grid-item--width66 {
  width: 75.86207%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width66 {
      width: calc(100vw / 87 * 66); } }

.grid[data-grid-size="87"] .grid-item--height66 {
  height: calc(100vh / 87 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height66 {
      height: calc(100vw / 87 * 66); } }

.grid[data-grid-size="87"] .grid-item--width67 {
  width: 77.01149%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width67 {
      width: calc(100vw / 87 * 67); } }

.grid[data-grid-size="87"] .grid-item--height67 {
  height: calc(100vh / 87 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height67 {
      height: calc(100vw / 87 * 67); } }

.grid[data-grid-size="87"] .grid-item--width68 {
  width: 78.16092%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width68 {
      width: calc(100vw / 87 * 68); } }

.grid[data-grid-size="87"] .grid-item--height68 {
  height: calc(100vh / 87 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height68 {
      height: calc(100vw / 87 * 68); } }

.grid[data-grid-size="87"] .grid-item--width69 {
  width: 79.31034%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width69 {
      width: calc(100vw / 87 * 69); } }

.grid[data-grid-size="87"] .grid-item--height69 {
  height: calc(100vh / 87 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height69 {
      height: calc(100vw / 87 * 69); } }

.grid[data-grid-size="87"] .grid-item--width70 {
  width: 80.45977%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width70 {
      width: calc(100vw / 87 * 70); } }

.grid[data-grid-size="87"] .grid-item--height70 {
  height: calc(100vh / 87 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height70 {
      height: calc(100vw / 87 * 70); } }

.grid[data-grid-size="87"] .grid-item--width71 {
  width: 81.6092%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width71 {
      width: calc(100vw / 87 * 71); } }

.grid[data-grid-size="87"] .grid-item--height71 {
  height: calc(100vh / 87 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height71 {
      height: calc(100vw / 87 * 71); } }

.grid[data-grid-size="87"] .grid-item--width72 {
  width: 82.75862%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width72 {
      width: calc(100vw / 87 * 72); } }

.grid[data-grid-size="87"] .grid-item--height72 {
  height: calc(100vh / 87 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height72 {
      height: calc(100vw / 87 * 72); } }

.grid[data-grid-size="87"] .grid-item--width73 {
  width: 83.90805%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width73 {
      width: calc(100vw / 87 * 73); } }

.grid[data-grid-size="87"] .grid-item--height73 {
  height: calc(100vh / 87 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height73 {
      height: calc(100vw / 87 * 73); } }

.grid[data-grid-size="87"] .grid-item--width74 {
  width: 85.05747%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width74 {
      width: calc(100vw / 87 * 74); } }

.grid[data-grid-size="87"] .grid-item--height74 {
  height: calc(100vh / 87 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height74 {
      height: calc(100vw / 87 * 74); } }

.grid[data-grid-size="87"] .grid-item--width75 {
  width: 86.2069%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width75 {
      width: calc(100vw / 87 * 75); } }

.grid[data-grid-size="87"] .grid-item--height75 {
  height: calc(100vh / 87 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height75 {
      height: calc(100vw / 87 * 75); } }

.grid[data-grid-size="87"] .grid-item--width76 {
  width: 87.35632%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width76 {
      width: calc(100vw / 87 * 76); } }

.grid[data-grid-size="87"] .grid-item--height76 {
  height: calc(100vh / 87 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height76 {
      height: calc(100vw / 87 * 76); } }

.grid[data-grid-size="87"] .grid-item--width77 {
  width: 88.50575%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width77 {
      width: calc(100vw / 87 * 77); } }

.grid[data-grid-size="87"] .grid-item--height77 {
  height: calc(100vh / 87 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height77 {
      height: calc(100vw / 87 * 77); } }

.grid[data-grid-size="87"] .grid-item--width78 {
  width: 89.65517%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width78 {
      width: calc(100vw / 87 * 78); } }

.grid[data-grid-size="87"] .grid-item--height78 {
  height: calc(100vh / 87 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height78 {
      height: calc(100vw / 87 * 78); } }

.grid[data-grid-size="87"] .grid-item--width79 {
  width: 90.8046%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width79 {
      width: calc(100vw / 87 * 79); } }

.grid[data-grid-size="87"] .grid-item--height79 {
  height: calc(100vh / 87 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height79 {
      height: calc(100vw / 87 * 79); } }

.grid[data-grid-size="87"] .grid-item--width80 {
  width: 91.95402%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width80 {
      width: calc(100vw / 87 * 80); } }

.grid[data-grid-size="87"] .grid-item--height80 {
  height: calc(100vh / 87 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height80 {
      height: calc(100vw / 87 * 80); } }

.grid[data-grid-size="87"] .grid-item--width81 {
  width: 93.10345%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width81 {
      width: calc(100vw / 87 * 81); } }

.grid[data-grid-size="87"] .grid-item--height81 {
  height: calc(100vh / 87 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height81 {
      height: calc(100vw / 87 * 81); } }

.grid[data-grid-size="87"] .grid-item--width82 {
  width: 94.25287%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width82 {
      width: calc(100vw / 87 * 82); } }

.grid[data-grid-size="87"] .grid-item--height82 {
  height: calc(100vh / 87 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height82 {
      height: calc(100vw / 87 * 82); } }

.grid[data-grid-size="87"] .grid-item--width83 {
  width: 95.4023%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width83 {
      width: calc(100vw / 87 * 83); } }

.grid[data-grid-size="87"] .grid-item--height83 {
  height: calc(100vh / 87 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height83 {
      height: calc(100vw / 87 * 83); } }

.grid[data-grid-size="87"] .grid-item--width84 {
  width: 96.55172%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width84 {
      width: calc(100vw / 87 * 84); } }

.grid[data-grid-size="87"] .grid-item--height84 {
  height: calc(100vh / 87 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height84 {
      height: calc(100vw / 87 * 84); } }

.grid[data-grid-size="87"] .grid-item--width85 {
  width: 97.70115%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width85 {
      width: calc(100vw / 87 * 85); } }

.grid[data-grid-size="87"] .grid-item--height85 {
  height: calc(100vh / 87 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height85 {
      height: calc(100vw / 87 * 85); } }

.grid[data-grid-size="87"] .grid-item--width86 {
  width: 98.85057%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width86 {
      width: calc(100vw / 87 * 86); } }

.grid[data-grid-size="87"] .grid-item--height86 {
  height: calc(100vh / 87 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height86 {
      height: calc(100vw / 87 * 86); } }

.grid[data-grid-size="87"] .grid-item--width87 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--width87 {
      width: calc(100vw / 87 * 87); } }

.grid[data-grid-size="87"] .grid-item--height87 {
  height: calc(100vh / 87 * 87); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="87"] .grid-item--height87 {
      height: calc(100vw / 87 * 87); } }

.grid[data-grid-size="88"] .grid-sizer, .grid[data-grid-size="88"] .grid-item {
  width: 1.13636%; }

.grid[data-grid-size="88"] .grid-item--width1 {
  width: 1.13636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width1 {
      width: calc(100vw / 88 * 1); } }

.grid[data-grid-size="88"] .grid-item--height1 {
  height: calc(100vh / 88 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height1 {
      height: calc(100vw / 88 * 1); } }

.grid[data-grid-size="88"] .grid-item--width2 {
  width: 2.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width2 {
      width: calc(100vw / 88 * 2); } }

.grid[data-grid-size="88"] .grid-item--height2 {
  height: calc(100vh / 88 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height2 {
      height: calc(100vw / 88 * 2); } }

.grid[data-grid-size="88"] .grid-item--width3 {
  width: 3.40909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width3 {
      width: calc(100vw / 88 * 3); } }

.grid[data-grid-size="88"] .grid-item--height3 {
  height: calc(100vh / 88 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height3 {
      height: calc(100vw / 88 * 3); } }

.grid[data-grid-size="88"] .grid-item--width4 {
  width: 4.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width4 {
      width: calc(100vw / 88 * 4); } }

.grid[data-grid-size="88"] .grid-item--height4 {
  height: calc(100vh / 88 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height4 {
      height: calc(100vw / 88 * 4); } }

.grid[data-grid-size="88"] .grid-item--width5 {
  width: 5.68182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width5 {
      width: calc(100vw / 88 * 5); } }

.grid[data-grid-size="88"] .grid-item--height5 {
  height: calc(100vh / 88 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height5 {
      height: calc(100vw / 88 * 5); } }

.grid[data-grid-size="88"] .grid-item--width6 {
  width: 6.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width6 {
      width: calc(100vw / 88 * 6); } }

.grid[data-grid-size="88"] .grid-item--height6 {
  height: calc(100vh / 88 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height6 {
      height: calc(100vw / 88 * 6); } }

.grid[data-grid-size="88"] .grid-item--width7 {
  width: 7.95455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width7 {
      width: calc(100vw / 88 * 7); } }

.grid[data-grid-size="88"] .grid-item--height7 {
  height: calc(100vh / 88 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height7 {
      height: calc(100vw / 88 * 7); } }

.grid[data-grid-size="88"] .grid-item--width8 {
  width: 9.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width8 {
      width: calc(100vw / 88 * 8); } }

.grid[data-grid-size="88"] .grid-item--height8 {
  height: calc(100vh / 88 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height8 {
      height: calc(100vw / 88 * 8); } }

.grid[data-grid-size="88"] .grid-item--width9 {
  width: 10.22727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width9 {
      width: calc(100vw / 88 * 9); } }

.grid[data-grid-size="88"] .grid-item--height9 {
  height: calc(100vh / 88 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height9 {
      height: calc(100vw / 88 * 9); } }

.grid[data-grid-size="88"] .grid-item--width10 {
  width: 11.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width10 {
      width: calc(100vw / 88 * 10); } }

.grid[data-grid-size="88"] .grid-item--height10 {
  height: calc(100vh / 88 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height10 {
      height: calc(100vw / 88 * 10); } }

.grid[data-grid-size="88"] .grid-item--width11 {
  width: 12.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width11 {
      width: calc(100vw / 88 * 11); } }

.grid[data-grid-size="88"] .grid-item--height11 {
  height: calc(100vh / 88 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height11 {
      height: calc(100vw / 88 * 11); } }

.grid[data-grid-size="88"] .grid-item--width12 {
  width: 13.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width12 {
      width: calc(100vw / 88 * 12); } }

.grid[data-grid-size="88"] .grid-item--height12 {
  height: calc(100vh / 88 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height12 {
      height: calc(100vw / 88 * 12); } }

.grid[data-grid-size="88"] .grid-item--width13 {
  width: 14.77273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width13 {
      width: calc(100vw / 88 * 13); } }

.grid[data-grid-size="88"] .grid-item--height13 {
  height: calc(100vh / 88 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height13 {
      height: calc(100vw / 88 * 13); } }

.grid[data-grid-size="88"] .grid-item--width14 {
  width: 15.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width14 {
      width: calc(100vw / 88 * 14); } }

.grid[data-grid-size="88"] .grid-item--height14 {
  height: calc(100vh / 88 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height14 {
      height: calc(100vw / 88 * 14); } }

.grid[data-grid-size="88"] .grid-item--width15 {
  width: 17.04545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width15 {
      width: calc(100vw / 88 * 15); } }

.grid[data-grid-size="88"] .grid-item--height15 {
  height: calc(100vh / 88 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height15 {
      height: calc(100vw / 88 * 15); } }

.grid[data-grid-size="88"] .grid-item--width16 {
  width: 18.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width16 {
      width: calc(100vw / 88 * 16); } }

.grid[data-grid-size="88"] .grid-item--height16 {
  height: calc(100vh / 88 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height16 {
      height: calc(100vw / 88 * 16); } }

.grid[data-grid-size="88"] .grid-item--width17 {
  width: 19.31818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width17 {
      width: calc(100vw / 88 * 17); } }

.grid[data-grid-size="88"] .grid-item--height17 {
  height: calc(100vh / 88 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height17 {
      height: calc(100vw / 88 * 17); } }

.grid[data-grid-size="88"] .grid-item--width18 {
  width: 20.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width18 {
      width: calc(100vw / 88 * 18); } }

.grid[data-grid-size="88"] .grid-item--height18 {
  height: calc(100vh / 88 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height18 {
      height: calc(100vw / 88 * 18); } }

.grid[data-grid-size="88"] .grid-item--width19 {
  width: 21.59091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width19 {
      width: calc(100vw / 88 * 19); } }

.grid[data-grid-size="88"] .grid-item--height19 {
  height: calc(100vh / 88 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height19 {
      height: calc(100vw / 88 * 19); } }

.grid[data-grid-size="88"] .grid-item--width20 {
  width: 22.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width20 {
      width: calc(100vw / 88 * 20); } }

.grid[data-grid-size="88"] .grid-item--height20 {
  height: calc(100vh / 88 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height20 {
      height: calc(100vw / 88 * 20); } }

.grid[data-grid-size="88"] .grid-item--width21 {
  width: 23.86364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width21 {
      width: calc(100vw / 88 * 21); } }

.grid[data-grid-size="88"] .grid-item--height21 {
  height: calc(100vh / 88 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height21 {
      height: calc(100vw / 88 * 21); } }

.grid[data-grid-size="88"] .grid-item--width22 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width22 {
      width: calc(100vw / 88 * 22); } }

.grid[data-grid-size="88"] .grid-item--height22 {
  height: calc(100vh / 88 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height22 {
      height: calc(100vw / 88 * 22); } }

.grid[data-grid-size="88"] .grid-item--width23 {
  width: 26.13636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width23 {
      width: calc(100vw / 88 * 23); } }

.grid[data-grid-size="88"] .grid-item--height23 {
  height: calc(100vh / 88 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height23 {
      height: calc(100vw / 88 * 23); } }

.grid[data-grid-size="88"] .grid-item--width24 {
  width: 27.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width24 {
      width: calc(100vw / 88 * 24); } }

.grid[data-grid-size="88"] .grid-item--height24 {
  height: calc(100vh / 88 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height24 {
      height: calc(100vw / 88 * 24); } }

.grid[data-grid-size="88"] .grid-item--width25 {
  width: 28.40909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width25 {
      width: calc(100vw / 88 * 25); } }

.grid[data-grid-size="88"] .grid-item--height25 {
  height: calc(100vh / 88 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height25 {
      height: calc(100vw / 88 * 25); } }

.grid[data-grid-size="88"] .grid-item--width26 {
  width: 29.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width26 {
      width: calc(100vw / 88 * 26); } }

.grid[data-grid-size="88"] .grid-item--height26 {
  height: calc(100vh / 88 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height26 {
      height: calc(100vw / 88 * 26); } }

.grid[data-grid-size="88"] .grid-item--width27 {
  width: 30.68182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width27 {
      width: calc(100vw / 88 * 27); } }

.grid[data-grid-size="88"] .grid-item--height27 {
  height: calc(100vh / 88 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height27 {
      height: calc(100vw / 88 * 27); } }

.grid[data-grid-size="88"] .grid-item--width28 {
  width: 31.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width28 {
      width: calc(100vw / 88 * 28); } }

.grid[data-grid-size="88"] .grid-item--height28 {
  height: calc(100vh / 88 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height28 {
      height: calc(100vw / 88 * 28); } }

.grid[data-grid-size="88"] .grid-item--width29 {
  width: 32.95455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width29 {
      width: calc(100vw / 88 * 29); } }

.grid[data-grid-size="88"] .grid-item--height29 {
  height: calc(100vh / 88 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height29 {
      height: calc(100vw / 88 * 29); } }

.grid[data-grid-size="88"] .grid-item--width30 {
  width: 34.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width30 {
      width: calc(100vw / 88 * 30); } }

.grid[data-grid-size="88"] .grid-item--height30 {
  height: calc(100vh / 88 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height30 {
      height: calc(100vw / 88 * 30); } }

.grid[data-grid-size="88"] .grid-item--width31 {
  width: 35.22727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width31 {
      width: calc(100vw / 88 * 31); } }

.grid[data-grid-size="88"] .grid-item--height31 {
  height: calc(100vh / 88 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height31 {
      height: calc(100vw / 88 * 31); } }

.grid[data-grid-size="88"] .grid-item--width32 {
  width: 36.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width32 {
      width: calc(100vw / 88 * 32); } }

.grid[data-grid-size="88"] .grid-item--height32 {
  height: calc(100vh / 88 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height32 {
      height: calc(100vw / 88 * 32); } }

.grid[data-grid-size="88"] .grid-item--width33 {
  width: 37.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width33 {
      width: calc(100vw / 88 * 33); } }

.grid[data-grid-size="88"] .grid-item--height33 {
  height: calc(100vh / 88 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height33 {
      height: calc(100vw / 88 * 33); } }

.grid[data-grid-size="88"] .grid-item--width34 {
  width: 38.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width34 {
      width: calc(100vw / 88 * 34); } }

.grid[data-grid-size="88"] .grid-item--height34 {
  height: calc(100vh / 88 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height34 {
      height: calc(100vw / 88 * 34); } }

.grid[data-grid-size="88"] .grid-item--width35 {
  width: 39.77273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width35 {
      width: calc(100vw / 88 * 35); } }

.grid[data-grid-size="88"] .grid-item--height35 {
  height: calc(100vh / 88 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height35 {
      height: calc(100vw / 88 * 35); } }

.grid[data-grid-size="88"] .grid-item--width36 {
  width: 40.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width36 {
      width: calc(100vw / 88 * 36); } }

.grid[data-grid-size="88"] .grid-item--height36 {
  height: calc(100vh / 88 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height36 {
      height: calc(100vw / 88 * 36); } }

.grid[data-grid-size="88"] .grid-item--width37 {
  width: 42.04545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width37 {
      width: calc(100vw / 88 * 37); } }

.grid[data-grid-size="88"] .grid-item--height37 {
  height: calc(100vh / 88 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height37 {
      height: calc(100vw / 88 * 37); } }

.grid[data-grid-size="88"] .grid-item--width38 {
  width: 43.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width38 {
      width: calc(100vw / 88 * 38); } }

.grid[data-grid-size="88"] .grid-item--height38 {
  height: calc(100vh / 88 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height38 {
      height: calc(100vw / 88 * 38); } }

.grid[data-grid-size="88"] .grid-item--width39 {
  width: 44.31818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width39 {
      width: calc(100vw / 88 * 39); } }

.grid[data-grid-size="88"] .grid-item--height39 {
  height: calc(100vh / 88 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height39 {
      height: calc(100vw / 88 * 39); } }

.grid[data-grid-size="88"] .grid-item--width40 {
  width: 45.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width40 {
      width: calc(100vw / 88 * 40); } }

.grid[data-grid-size="88"] .grid-item--height40 {
  height: calc(100vh / 88 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height40 {
      height: calc(100vw / 88 * 40); } }

.grid[data-grid-size="88"] .grid-item--width41 {
  width: 46.59091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width41 {
      width: calc(100vw / 88 * 41); } }

.grid[data-grid-size="88"] .grid-item--height41 {
  height: calc(100vh / 88 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height41 {
      height: calc(100vw / 88 * 41); } }

.grid[data-grid-size="88"] .grid-item--width42 {
  width: 47.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width42 {
      width: calc(100vw / 88 * 42); } }

.grid[data-grid-size="88"] .grid-item--height42 {
  height: calc(100vh / 88 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height42 {
      height: calc(100vw / 88 * 42); } }

.grid[data-grid-size="88"] .grid-item--width43 {
  width: 48.86364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width43 {
      width: calc(100vw / 88 * 43); } }

.grid[data-grid-size="88"] .grid-item--height43 {
  height: calc(100vh / 88 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height43 {
      height: calc(100vw / 88 * 43); } }

.grid[data-grid-size="88"] .grid-item--width44 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width44 {
      width: calc(100vw / 88 * 44); } }

.grid[data-grid-size="88"] .grid-item--height44 {
  height: calc(100vh / 88 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height44 {
      height: calc(100vw / 88 * 44); } }

.grid[data-grid-size="88"] .grid-item--width45 {
  width: 51.13636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width45 {
      width: calc(100vw / 88 * 45); } }

.grid[data-grid-size="88"] .grid-item--height45 {
  height: calc(100vh / 88 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height45 {
      height: calc(100vw / 88 * 45); } }

.grid[data-grid-size="88"] .grid-item--width46 {
  width: 52.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width46 {
      width: calc(100vw / 88 * 46); } }

.grid[data-grid-size="88"] .grid-item--height46 {
  height: calc(100vh / 88 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height46 {
      height: calc(100vw / 88 * 46); } }

.grid[data-grid-size="88"] .grid-item--width47 {
  width: 53.40909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width47 {
      width: calc(100vw / 88 * 47); } }

.grid[data-grid-size="88"] .grid-item--height47 {
  height: calc(100vh / 88 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height47 {
      height: calc(100vw / 88 * 47); } }

.grid[data-grid-size="88"] .grid-item--width48 {
  width: 54.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width48 {
      width: calc(100vw / 88 * 48); } }

.grid[data-grid-size="88"] .grid-item--height48 {
  height: calc(100vh / 88 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height48 {
      height: calc(100vw / 88 * 48); } }

.grid[data-grid-size="88"] .grid-item--width49 {
  width: 55.68182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width49 {
      width: calc(100vw / 88 * 49); } }

.grid[data-grid-size="88"] .grid-item--height49 {
  height: calc(100vh / 88 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height49 {
      height: calc(100vw / 88 * 49); } }

.grid[data-grid-size="88"] .grid-item--width50 {
  width: 56.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width50 {
      width: calc(100vw / 88 * 50); } }

.grid[data-grid-size="88"] .grid-item--height50 {
  height: calc(100vh / 88 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height50 {
      height: calc(100vw / 88 * 50); } }

.grid[data-grid-size="88"] .grid-item--width51 {
  width: 57.95455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width51 {
      width: calc(100vw / 88 * 51); } }

.grid[data-grid-size="88"] .grid-item--height51 {
  height: calc(100vh / 88 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height51 {
      height: calc(100vw / 88 * 51); } }

.grid[data-grid-size="88"] .grid-item--width52 {
  width: 59.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width52 {
      width: calc(100vw / 88 * 52); } }

.grid[data-grid-size="88"] .grid-item--height52 {
  height: calc(100vh / 88 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height52 {
      height: calc(100vw / 88 * 52); } }

.grid[data-grid-size="88"] .grid-item--width53 {
  width: 60.22727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width53 {
      width: calc(100vw / 88 * 53); } }

.grid[data-grid-size="88"] .grid-item--height53 {
  height: calc(100vh / 88 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height53 {
      height: calc(100vw / 88 * 53); } }

.grid[data-grid-size="88"] .grid-item--width54 {
  width: 61.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width54 {
      width: calc(100vw / 88 * 54); } }

.grid[data-grid-size="88"] .grid-item--height54 {
  height: calc(100vh / 88 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height54 {
      height: calc(100vw / 88 * 54); } }

.grid[data-grid-size="88"] .grid-item--width55 {
  width: 62.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width55 {
      width: calc(100vw / 88 * 55); } }

.grid[data-grid-size="88"] .grid-item--height55 {
  height: calc(100vh / 88 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height55 {
      height: calc(100vw / 88 * 55); } }

.grid[data-grid-size="88"] .grid-item--width56 {
  width: 63.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width56 {
      width: calc(100vw / 88 * 56); } }

.grid[data-grid-size="88"] .grid-item--height56 {
  height: calc(100vh / 88 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height56 {
      height: calc(100vw / 88 * 56); } }

.grid[data-grid-size="88"] .grid-item--width57 {
  width: 64.77273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width57 {
      width: calc(100vw / 88 * 57); } }

.grid[data-grid-size="88"] .grid-item--height57 {
  height: calc(100vh / 88 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height57 {
      height: calc(100vw / 88 * 57); } }

.grid[data-grid-size="88"] .grid-item--width58 {
  width: 65.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width58 {
      width: calc(100vw / 88 * 58); } }

.grid[data-grid-size="88"] .grid-item--height58 {
  height: calc(100vh / 88 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height58 {
      height: calc(100vw / 88 * 58); } }

.grid[data-grid-size="88"] .grid-item--width59 {
  width: 67.04545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width59 {
      width: calc(100vw / 88 * 59); } }

.grid[data-grid-size="88"] .grid-item--height59 {
  height: calc(100vh / 88 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height59 {
      height: calc(100vw / 88 * 59); } }

.grid[data-grid-size="88"] .grid-item--width60 {
  width: 68.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width60 {
      width: calc(100vw / 88 * 60); } }

.grid[data-grid-size="88"] .grid-item--height60 {
  height: calc(100vh / 88 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height60 {
      height: calc(100vw / 88 * 60); } }

.grid[data-grid-size="88"] .grid-item--width61 {
  width: 69.31818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width61 {
      width: calc(100vw / 88 * 61); } }

.grid[data-grid-size="88"] .grid-item--height61 {
  height: calc(100vh / 88 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height61 {
      height: calc(100vw / 88 * 61); } }

.grid[data-grid-size="88"] .grid-item--width62 {
  width: 70.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width62 {
      width: calc(100vw / 88 * 62); } }

.grid[data-grid-size="88"] .grid-item--height62 {
  height: calc(100vh / 88 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height62 {
      height: calc(100vw / 88 * 62); } }

.grid[data-grid-size="88"] .grid-item--width63 {
  width: 71.59091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width63 {
      width: calc(100vw / 88 * 63); } }

.grid[data-grid-size="88"] .grid-item--height63 {
  height: calc(100vh / 88 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height63 {
      height: calc(100vw / 88 * 63); } }

.grid[data-grid-size="88"] .grid-item--width64 {
  width: 72.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width64 {
      width: calc(100vw / 88 * 64); } }

.grid[data-grid-size="88"] .grid-item--height64 {
  height: calc(100vh / 88 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height64 {
      height: calc(100vw / 88 * 64); } }

.grid[data-grid-size="88"] .grid-item--width65 {
  width: 73.86364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width65 {
      width: calc(100vw / 88 * 65); } }

.grid[data-grid-size="88"] .grid-item--height65 {
  height: calc(100vh / 88 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height65 {
      height: calc(100vw / 88 * 65); } }

.grid[data-grid-size="88"] .grid-item--width66 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width66 {
      width: calc(100vw / 88 * 66); } }

.grid[data-grid-size="88"] .grid-item--height66 {
  height: calc(100vh / 88 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height66 {
      height: calc(100vw / 88 * 66); } }

.grid[data-grid-size="88"] .grid-item--width67 {
  width: 76.13636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width67 {
      width: calc(100vw / 88 * 67); } }

.grid[data-grid-size="88"] .grid-item--height67 {
  height: calc(100vh / 88 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height67 {
      height: calc(100vw / 88 * 67); } }

.grid[data-grid-size="88"] .grid-item--width68 {
  width: 77.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width68 {
      width: calc(100vw / 88 * 68); } }

.grid[data-grid-size="88"] .grid-item--height68 {
  height: calc(100vh / 88 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height68 {
      height: calc(100vw / 88 * 68); } }

.grid[data-grid-size="88"] .grid-item--width69 {
  width: 78.40909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width69 {
      width: calc(100vw / 88 * 69); } }

.grid[data-grid-size="88"] .grid-item--height69 {
  height: calc(100vh / 88 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height69 {
      height: calc(100vw / 88 * 69); } }

.grid[data-grid-size="88"] .grid-item--width70 {
  width: 79.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width70 {
      width: calc(100vw / 88 * 70); } }

.grid[data-grid-size="88"] .grid-item--height70 {
  height: calc(100vh / 88 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height70 {
      height: calc(100vw / 88 * 70); } }

.grid[data-grid-size="88"] .grid-item--width71 {
  width: 80.68182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width71 {
      width: calc(100vw / 88 * 71); } }

.grid[data-grid-size="88"] .grid-item--height71 {
  height: calc(100vh / 88 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height71 {
      height: calc(100vw / 88 * 71); } }

.grid[data-grid-size="88"] .grid-item--width72 {
  width: 81.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width72 {
      width: calc(100vw / 88 * 72); } }

.grid[data-grid-size="88"] .grid-item--height72 {
  height: calc(100vh / 88 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height72 {
      height: calc(100vw / 88 * 72); } }

.grid[data-grid-size="88"] .grid-item--width73 {
  width: 82.95455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width73 {
      width: calc(100vw / 88 * 73); } }

.grid[data-grid-size="88"] .grid-item--height73 {
  height: calc(100vh / 88 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height73 {
      height: calc(100vw / 88 * 73); } }

.grid[data-grid-size="88"] .grid-item--width74 {
  width: 84.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width74 {
      width: calc(100vw / 88 * 74); } }

.grid[data-grid-size="88"] .grid-item--height74 {
  height: calc(100vh / 88 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height74 {
      height: calc(100vw / 88 * 74); } }

.grid[data-grid-size="88"] .grid-item--width75 {
  width: 85.22727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width75 {
      width: calc(100vw / 88 * 75); } }

.grid[data-grid-size="88"] .grid-item--height75 {
  height: calc(100vh / 88 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height75 {
      height: calc(100vw / 88 * 75); } }

.grid[data-grid-size="88"] .grid-item--width76 {
  width: 86.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width76 {
      width: calc(100vw / 88 * 76); } }

.grid[data-grid-size="88"] .grid-item--height76 {
  height: calc(100vh / 88 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height76 {
      height: calc(100vw / 88 * 76); } }

.grid[data-grid-size="88"] .grid-item--width77 {
  width: 87.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width77 {
      width: calc(100vw / 88 * 77); } }

.grid[data-grid-size="88"] .grid-item--height77 {
  height: calc(100vh / 88 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height77 {
      height: calc(100vw / 88 * 77); } }

.grid[data-grid-size="88"] .grid-item--width78 {
  width: 88.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width78 {
      width: calc(100vw / 88 * 78); } }

.grid[data-grid-size="88"] .grid-item--height78 {
  height: calc(100vh / 88 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height78 {
      height: calc(100vw / 88 * 78); } }

.grid[data-grid-size="88"] .grid-item--width79 {
  width: 89.77273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width79 {
      width: calc(100vw / 88 * 79); } }

.grid[data-grid-size="88"] .grid-item--height79 {
  height: calc(100vh / 88 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height79 {
      height: calc(100vw / 88 * 79); } }

.grid[data-grid-size="88"] .grid-item--width80 {
  width: 90.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width80 {
      width: calc(100vw / 88 * 80); } }

.grid[data-grid-size="88"] .grid-item--height80 {
  height: calc(100vh / 88 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height80 {
      height: calc(100vw / 88 * 80); } }

.grid[data-grid-size="88"] .grid-item--width81 {
  width: 92.04545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width81 {
      width: calc(100vw / 88 * 81); } }

.grid[data-grid-size="88"] .grid-item--height81 {
  height: calc(100vh / 88 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height81 {
      height: calc(100vw / 88 * 81); } }

.grid[data-grid-size="88"] .grid-item--width82 {
  width: 93.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width82 {
      width: calc(100vw / 88 * 82); } }

.grid[data-grid-size="88"] .grid-item--height82 {
  height: calc(100vh / 88 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height82 {
      height: calc(100vw / 88 * 82); } }

.grid[data-grid-size="88"] .grid-item--width83 {
  width: 94.31818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width83 {
      width: calc(100vw / 88 * 83); } }

.grid[data-grid-size="88"] .grid-item--height83 {
  height: calc(100vh / 88 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height83 {
      height: calc(100vw / 88 * 83); } }

.grid[data-grid-size="88"] .grid-item--width84 {
  width: 95.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width84 {
      width: calc(100vw / 88 * 84); } }

.grid[data-grid-size="88"] .grid-item--height84 {
  height: calc(100vh / 88 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height84 {
      height: calc(100vw / 88 * 84); } }

.grid[data-grid-size="88"] .grid-item--width85 {
  width: 96.59091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width85 {
      width: calc(100vw / 88 * 85); } }

.grid[data-grid-size="88"] .grid-item--height85 {
  height: calc(100vh / 88 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height85 {
      height: calc(100vw / 88 * 85); } }

.grid[data-grid-size="88"] .grid-item--width86 {
  width: 97.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width86 {
      width: calc(100vw / 88 * 86); } }

.grid[data-grid-size="88"] .grid-item--height86 {
  height: calc(100vh / 88 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height86 {
      height: calc(100vw / 88 * 86); } }

.grid[data-grid-size="88"] .grid-item--width87 {
  width: 98.86364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width87 {
      width: calc(100vw / 88 * 87); } }

.grid[data-grid-size="88"] .grid-item--height87 {
  height: calc(100vh / 88 * 87); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height87 {
      height: calc(100vw / 88 * 87); } }

.grid[data-grid-size="88"] .grid-item--width88 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--width88 {
      width: calc(100vw / 88 * 88); } }

.grid[data-grid-size="88"] .grid-item--height88 {
  height: calc(100vh / 88 * 88); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="88"] .grid-item--height88 {
      height: calc(100vw / 88 * 88); } }

.grid[data-grid-size="89"] .grid-sizer, .grid[data-grid-size="89"] .grid-item {
  width: 1.1236%; }

.grid[data-grid-size="89"] .grid-item--width1 {
  width: 1.1236%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width1 {
      width: calc(100vw / 89 * 1); } }

.grid[data-grid-size="89"] .grid-item--height1 {
  height: calc(100vh / 89 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height1 {
      height: calc(100vw / 89 * 1); } }

.grid[data-grid-size="89"] .grid-item--width2 {
  width: 2.24719%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width2 {
      width: calc(100vw / 89 * 2); } }

.grid[data-grid-size="89"] .grid-item--height2 {
  height: calc(100vh / 89 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height2 {
      height: calc(100vw / 89 * 2); } }

.grid[data-grid-size="89"] .grid-item--width3 {
  width: 3.37079%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width3 {
      width: calc(100vw / 89 * 3); } }

.grid[data-grid-size="89"] .grid-item--height3 {
  height: calc(100vh / 89 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height3 {
      height: calc(100vw / 89 * 3); } }

.grid[data-grid-size="89"] .grid-item--width4 {
  width: 4.49438%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width4 {
      width: calc(100vw / 89 * 4); } }

.grid[data-grid-size="89"] .grid-item--height4 {
  height: calc(100vh / 89 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height4 {
      height: calc(100vw / 89 * 4); } }

.grid[data-grid-size="89"] .grid-item--width5 {
  width: 5.61798%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width5 {
      width: calc(100vw / 89 * 5); } }

.grid[data-grid-size="89"] .grid-item--height5 {
  height: calc(100vh / 89 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height5 {
      height: calc(100vw / 89 * 5); } }

.grid[data-grid-size="89"] .grid-item--width6 {
  width: 6.74157%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width6 {
      width: calc(100vw / 89 * 6); } }

.grid[data-grid-size="89"] .grid-item--height6 {
  height: calc(100vh / 89 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height6 {
      height: calc(100vw / 89 * 6); } }

.grid[data-grid-size="89"] .grid-item--width7 {
  width: 7.86517%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width7 {
      width: calc(100vw / 89 * 7); } }

.grid[data-grid-size="89"] .grid-item--height7 {
  height: calc(100vh / 89 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height7 {
      height: calc(100vw / 89 * 7); } }

.grid[data-grid-size="89"] .grid-item--width8 {
  width: 8.98876%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width8 {
      width: calc(100vw / 89 * 8); } }

.grid[data-grid-size="89"] .grid-item--height8 {
  height: calc(100vh / 89 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height8 {
      height: calc(100vw / 89 * 8); } }

.grid[data-grid-size="89"] .grid-item--width9 {
  width: 10.11236%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width9 {
      width: calc(100vw / 89 * 9); } }

.grid[data-grid-size="89"] .grid-item--height9 {
  height: calc(100vh / 89 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height9 {
      height: calc(100vw / 89 * 9); } }

.grid[data-grid-size="89"] .grid-item--width10 {
  width: 11.23596%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width10 {
      width: calc(100vw / 89 * 10); } }

.grid[data-grid-size="89"] .grid-item--height10 {
  height: calc(100vh / 89 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height10 {
      height: calc(100vw / 89 * 10); } }

.grid[data-grid-size="89"] .grid-item--width11 {
  width: 12.35955%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width11 {
      width: calc(100vw / 89 * 11); } }

.grid[data-grid-size="89"] .grid-item--height11 {
  height: calc(100vh / 89 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height11 {
      height: calc(100vw / 89 * 11); } }

.grid[data-grid-size="89"] .grid-item--width12 {
  width: 13.48315%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width12 {
      width: calc(100vw / 89 * 12); } }

.grid[data-grid-size="89"] .grid-item--height12 {
  height: calc(100vh / 89 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height12 {
      height: calc(100vw / 89 * 12); } }

.grid[data-grid-size="89"] .grid-item--width13 {
  width: 14.60674%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width13 {
      width: calc(100vw / 89 * 13); } }

.grid[data-grid-size="89"] .grid-item--height13 {
  height: calc(100vh / 89 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height13 {
      height: calc(100vw / 89 * 13); } }

.grid[data-grid-size="89"] .grid-item--width14 {
  width: 15.73034%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width14 {
      width: calc(100vw / 89 * 14); } }

.grid[data-grid-size="89"] .grid-item--height14 {
  height: calc(100vh / 89 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height14 {
      height: calc(100vw / 89 * 14); } }

.grid[data-grid-size="89"] .grid-item--width15 {
  width: 16.85393%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width15 {
      width: calc(100vw / 89 * 15); } }

.grid[data-grid-size="89"] .grid-item--height15 {
  height: calc(100vh / 89 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height15 {
      height: calc(100vw / 89 * 15); } }

.grid[data-grid-size="89"] .grid-item--width16 {
  width: 17.97753%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width16 {
      width: calc(100vw / 89 * 16); } }

.grid[data-grid-size="89"] .grid-item--height16 {
  height: calc(100vh / 89 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height16 {
      height: calc(100vw / 89 * 16); } }

.grid[data-grid-size="89"] .grid-item--width17 {
  width: 19.10112%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width17 {
      width: calc(100vw / 89 * 17); } }

.grid[data-grid-size="89"] .grid-item--height17 {
  height: calc(100vh / 89 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height17 {
      height: calc(100vw / 89 * 17); } }

.grid[data-grid-size="89"] .grid-item--width18 {
  width: 20.22472%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width18 {
      width: calc(100vw / 89 * 18); } }

.grid[data-grid-size="89"] .grid-item--height18 {
  height: calc(100vh / 89 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height18 {
      height: calc(100vw / 89 * 18); } }

.grid[data-grid-size="89"] .grid-item--width19 {
  width: 21.34831%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width19 {
      width: calc(100vw / 89 * 19); } }

.grid[data-grid-size="89"] .grid-item--height19 {
  height: calc(100vh / 89 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height19 {
      height: calc(100vw / 89 * 19); } }

.grid[data-grid-size="89"] .grid-item--width20 {
  width: 22.47191%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width20 {
      width: calc(100vw / 89 * 20); } }

.grid[data-grid-size="89"] .grid-item--height20 {
  height: calc(100vh / 89 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height20 {
      height: calc(100vw / 89 * 20); } }

.grid[data-grid-size="89"] .grid-item--width21 {
  width: 23.59551%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width21 {
      width: calc(100vw / 89 * 21); } }

.grid[data-grid-size="89"] .grid-item--height21 {
  height: calc(100vh / 89 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height21 {
      height: calc(100vw / 89 * 21); } }

.grid[data-grid-size="89"] .grid-item--width22 {
  width: 24.7191%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width22 {
      width: calc(100vw / 89 * 22); } }

.grid[data-grid-size="89"] .grid-item--height22 {
  height: calc(100vh / 89 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height22 {
      height: calc(100vw / 89 * 22); } }

.grid[data-grid-size="89"] .grid-item--width23 {
  width: 25.8427%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width23 {
      width: calc(100vw / 89 * 23); } }

.grid[data-grid-size="89"] .grid-item--height23 {
  height: calc(100vh / 89 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height23 {
      height: calc(100vw / 89 * 23); } }

.grid[data-grid-size="89"] .grid-item--width24 {
  width: 26.96629%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width24 {
      width: calc(100vw / 89 * 24); } }

.grid[data-grid-size="89"] .grid-item--height24 {
  height: calc(100vh / 89 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height24 {
      height: calc(100vw / 89 * 24); } }

.grid[data-grid-size="89"] .grid-item--width25 {
  width: 28.08989%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width25 {
      width: calc(100vw / 89 * 25); } }

.grid[data-grid-size="89"] .grid-item--height25 {
  height: calc(100vh / 89 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height25 {
      height: calc(100vw / 89 * 25); } }

.grid[data-grid-size="89"] .grid-item--width26 {
  width: 29.21348%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width26 {
      width: calc(100vw / 89 * 26); } }

.grid[data-grid-size="89"] .grid-item--height26 {
  height: calc(100vh / 89 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height26 {
      height: calc(100vw / 89 * 26); } }

.grid[data-grid-size="89"] .grid-item--width27 {
  width: 30.33708%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width27 {
      width: calc(100vw / 89 * 27); } }

.grid[data-grid-size="89"] .grid-item--height27 {
  height: calc(100vh / 89 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height27 {
      height: calc(100vw / 89 * 27); } }

.grid[data-grid-size="89"] .grid-item--width28 {
  width: 31.46067%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width28 {
      width: calc(100vw / 89 * 28); } }

.grid[data-grid-size="89"] .grid-item--height28 {
  height: calc(100vh / 89 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height28 {
      height: calc(100vw / 89 * 28); } }

.grid[data-grid-size="89"] .grid-item--width29 {
  width: 32.58427%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width29 {
      width: calc(100vw / 89 * 29); } }

.grid[data-grid-size="89"] .grid-item--height29 {
  height: calc(100vh / 89 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height29 {
      height: calc(100vw / 89 * 29); } }

.grid[data-grid-size="89"] .grid-item--width30 {
  width: 33.70787%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width30 {
      width: calc(100vw / 89 * 30); } }

.grid[data-grid-size="89"] .grid-item--height30 {
  height: calc(100vh / 89 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height30 {
      height: calc(100vw / 89 * 30); } }

.grid[data-grid-size="89"] .grid-item--width31 {
  width: 34.83146%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width31 {
      width: calc(100vw / 89 * 31); } }

.grid[data-grid-size="89"] .grid-item--height31 {
  height: calc(100vh / 89 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height31 {
      height: calc(100vw / 89 * 31); } }

.grid[data-grid-size="89"] .grid-item--width32 {
  width: 35.95506%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width32 {
      width: calc(100vw / 89 * 32); } }

.grid[data-grid-size="89"] .grid-item--height32 {
  height: calc(100vh / 89 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height32 {
      height: calc(100vw / 89 * 32); } }

.grid[data-grid-size="89"] .grid-item--width33 {
  width: 37.07865%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width33 {
      width: calc(100vw / 89 * 33); } }

.grid[data-grid-size="89"] .grid-item--height33 {
  height: calc(100vh / 89 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height33 {
      height: calc(100vw / 89 * 33); } }

.grid[data-grid-size="89"] .grid-item--width34 {
  width: 38.20225%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width34 {
      width: calc(100vw / 89 * 34); } }

.grid[data-grid-size="89"] .grid-item--height34 {
  height: calc(100vh / 89 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height34 {
      height: calc(100vw / 89 * 34); } }

.grid[data-grid-size="89"] .grid-item--width35 {
  width: 39.32584%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width35 {
      width: calc(100vw / 89 * 35); } }

.grid[data-grid-size="89"] .grid-item--height35 {
  height: calc(100vh / 89 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height35 {
      height: calc(100vw / 89 * 35); } }

.grid[data-grid-size="89"] .grid-item--width36 {
  width: 40.44944%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width36 {
      width: calc(100vw / 89 * 36); } }

.grid[data-grid-size="89"] .grid-item--height36 {
  height: calc(100vh / 89 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height36 {
      height: calc(100vw / 89 * 36); } }

.grid[data-grid-size="89"] .grid-item--width37 {
  width: 41.57303%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width37 {
      width: calc(100vw / 89 * 37); } }

.grid[data-grid-size="89"] .grid-item--height37 {
  height: calc(100vh / 89 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height37 {
      height: calc(100vw / 89 * 37); } }

.grid[data-grid-size="89"] .grid-item--width38 {
  width: 42.69663%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width38 {
      width: calc(100vw / 89 * 38); } }

.grid[data-grid-size="89"] .grid-item--height38 {
  height: calc(100vh / 89 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height38 {
      height: calc(100vw / 89 * 38); } }

.grid[data-grid-size="89"] .grid-item--width39 {
  width: 43.82022%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width39 {
      width: calc(100vw / 89 * 39); } }

.grid[data-grid-size="89"] .grid-item--height39 {
  height: calc(100vh / 89 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height39 {
      height: calc(100vw / 89 * 39); } }

.grid[data-grid-size="89"] .grid-item--width40 {
  width: 44.94382%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width40 {
      width: calc(100vw / 89 * 40); } }

.grid[data-grid-size="89"] .grid-item--height40 {
  height: calc(100vh / 89 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height40 {
      height: calc(100vw / 89 * 40); } }

.grid[data-grid-size="89"] .grid-item--width41 {
  width: 46.06742%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width41 {
      width: calc(100vw / 89 * 41); } }

.grid[data-grid-size="89"] .grid-item--height41 {
  height: calc(100vh / 89 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height41 {
      height: calc(100vw / 89 * 41); } }

.grid[data-grid-size="89"] .grid-item--width42 {
  width: 47.19101%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width42 {
      width: calc(100vw / 89 * 42); } }

.grid[data-grid-size="89"] .grid-item--height42 {
  height: calc(100vh / 89 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height42 {
      height: calc(100vw / 89 * 42); } }

.grid[data-grid-size="89"] .grid-item--width43 {
  width: 48.31461%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width43 {
      width: calc(100vw / 89 * 43); } }

.grid[data-grid-size="89"] .grid-item--height43 {
  height: calc(100vh / 89 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height43 {
      height: calc(100vw / 89 * 43); } }

.grid[data-grid-size="89"] .grid-item--width44 {
  width: 49.4382%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width44 {
      width: calc(100vw / 89 * 44); } }

.grid[data-grid-size="89"] .grid-item--height44 {
  height: calc(100vh / 89 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height44 {
      height: calc(100vw / 89 * 44); } }

.grid[data-grid-size="89"] .grid-item--width45 {
  width: 50.5618%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width45 {
      width: calc(100vw / 89 * 45); } }

.grid[data-grid-size="89"] .grid-item--height45 {
  height: calc(100vh / 89 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height45 {
      height: calc(100vw / 89 * 45); } }

.grid[data-grid-size="89"] .grid-item--width46 {
  width: 51.68539%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width46 {
      width: calc(100vw / 89 * 46); } }

.grid[data-grid-size="89"] .grid-item--height46 {
  height: calc(100vh / 89 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height46 {
      height: calc(100vw / 89 * 46); } }

.grid[data-grid-size="89"] .grid-item--width47 {
  width: 52.80899%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width47 {
      width: calc(100vw / 89 * 47); } }

.grid[data-grid-size="89"] .grid-item--height47 {
  height: calc(100vh / 89 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height47 {
      height: calc(100vw / 89 * 47); } }

.grid[data-grid-size="89"] .grid-item--width48 {
  width: 53.93258%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width48 {
      width: calc(100vw / 89 * 48); } }

.grid[data-grid-size="89"] .grid-item--height48 {
  height: calc(100vh / 89 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height48 {
      height: calc(100vw / 89 * 48); } }

.grid[data-grid-size="89"] .grid-item--width49 {
  width: 55.05618%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width49 {
      width: calc(100vw / 89 * 49); } }

.grid[data-grid-size="89"] .grid-item--height49 {
  height: calc(100vh / 89 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height49 {
      height: calc(100vw / 89 * 49); } }

.grid[data-grid-size="89"] .grid-item--width50 {
  width: 56.17978%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width50 {
      width: calc(100vw / 89 * 50); } }

.grid[data-grid-size="89"] .grid-item--height50 {
  height: calc(100vh / 89 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height50 {
      height: calc(100vw / 89 * 50); } }

.grid[data-grid-size="89"] .grid-item--width51 {
  width: 57.30337%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width51 {
      width: calc(100vw / 89 * 51); } }

.grid[data-grid-size="89"] .grid-item--height51 {
  height: calc(100vh / 89 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height51 {
      height: calc(100vw / 89 * 51); } }

.grid[data-grid-size="89"] .grid-item--width52 {
  width: 58.42697%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width52 {
      width: calc(100vw / 89 * 52); } }

.grid[data-grid-size="89"] .grid-item--height52 {
  height: calc(100vh / 89 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height52 {
      height: calc(100vw / 89 * 52); } }

.grid[data-grid-size="89"] .grid-item--width53 {
  width: 59.55056%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width53 {
      width: calc(100vw / 89 * 53); } }

.grid[data-grid-size="89"] .grid-item--height53 {
  height: calc(100vh / 89 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height53 {
      height: calc(100vw / 89 * 53); } }

.grid[data-grid-size="89"] .grid-item--width54 {
  width: 60.67416%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width54 {
      width: calc(100vw / 89 * 54); } }

.grid[data-grid-size="89"] .grid-item--height54 {
  height: calc(100vh / 89 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height54 {
      height: calc(100vw / 89 * 54); } }

.grid[data-grid-size="89"] .grid-item--width55 {
  width: 61.79775%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width55 {
      width: calc(100vw / 89 * 55); } }

.grid[data-grid-size="89"] .grid-item--height55 {
  height: calc(100vh / 89 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height55 {
      height: calc(100vw / 89 * 55); } }

.grid[data-grid-size="89"] .grid-item--width56 {
  width: 62.92135%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width56 {
      width: calc(100vw / 89 * 56); } }

.grid[data-grid-size="89"] .grid-item--height56 {
  height: calc(100vh / 89 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height56 {
      height: calc(100vw / 89 * 56); } }

.grid[data-grid-size="89"] .grid-item--width57 {
  width: 64.04494%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width57 {
      width: calc(100vw / 89 * 57); } }

.grid[data-grid-size="89"] .grid-item--height57 {
  height: calc(100vh / 89 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height57 {
      height: calc(100vw / 89 * 57); } }

.grid[data-grid-size="89"] .grid-item--width58 {
  width: 65.16854%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width58 {
      width: calc(100vw / 89 * 58); } }

.grid[data-grid-size="89"] .grid-item--height58 {
  height: calc(100vh / 89 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height58 {
      height: calc(100vw / 89 * 58); } }

.grid[data-grid-size="89"] .grid-item--width59 {
  width: 66.29213%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width59 {
      width: calc(100vw / 89 * 59); } }

.grid[data-grid-size="89"] .grid-item--height59 {
  height: calc(100vh / 89 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height59 {
      height: calc(100vw / 89 * 59); } }

.grid[data-grid-size="89"] .grid-item--width60 {
  width: 67.41573%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width60 {
      width: calc(100vw / 89 * 60); } }

.grid[data-grid-size="89"] .grid-item--height60 {
  height: calc(100vh / 89 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height60 {
      height: calc(100vw / 89 * 60); } }

.grid[data-grid-size="89"] .grid-item--width61 {
  width: 68.53933%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width61 {
      width: calc(100vw / 89 * 61); } }

.grid[data-grid-size="89"] .grid-item--height61 {
  height: calc(100vh / 89 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height61 {
      height: calc(100vw / 89 * 61); } }

.grid[data-grid-size="89"] .grid-item--width62 {
  width: 69.66292%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width62 {
      width: calc(100vw / 89 * 62); } }

.grid[data-grid-size="89"] .grid-item--height62 {
  height: calc(100vh / 89 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height62 {
      height: calc(100vw / 89 * 62); } }

.grid[data-grid-size="89"] .grid-item--width63 {
  width: 70.78652%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width63 {
      width: calc(100vw / 89 * 63); } }

.grid[data-grid-size="89"] .grid-item--height63 {
  height: calc(100vh / 89 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height63 {
      height: calc(100vw / 89 * 63); } }

.grid[data-grid-size="89"] .grid-item--width64 {
  width: 71.91011%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width64 {
      width: calc(100vw / 89 * 64); } }

.grid[data-grid-size="89"] .grid-item--height64 {
  height: calc(100vh / 89 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height64 {
      height: calc(100vw / 89 * 64); } }

.grid[data-grid-size="89"] .grid-item--width65 {
  width: 73.03371%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width65 {
      width: calc(100vw / 89 * 65); } }

.grid[data-grid-size="89"] .grid-item--height65 {
  height: calc(100vh / 89 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height65 {
      height: calc(100vw / 89 * 65); } }

.grid[data-grid-size="89"] .grid-item--width66 {
  width: 74.1573%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width66 {
      width: calc(100vw / 89 * 66); } }

.grid[data-grid-size="89"] .grid-item--height66 {
  height: calc(100vh / 89 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height66 {
      height: calc(100vw / 89 * 66); } }

.grid[data-grid-size="89"] .grid-item--width67 {
  width: 75.2809%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width67 {
      width: calc(100vw / 89 * 67); } }

.grid[data-grid-size="89"] .grid-item--height67 {
  height: calc(100vh / 89 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height67 {
      height: calc(100vw / 89 * 67); } }

.grid[data-grid-size="89"] .grid-item--width68 {
  width: 76.40449%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width68 {
      width: calc(100vw / 89 * 68); } }

.grid[data-grid-size="89"] .grid-item--height68 {
  height: calc(100vh / 89 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height68 {
      height: calc(100vw / 89 * 68); } }

.grid[data-grid-size="89"] .grid-item--width69 {
  width: 77.52809%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width69 {
      width: calc(100vw / 89 * 69); } }

.grid[data-grid-size="89"] .grid-item--height69 {
  height: calc(100vh / 89 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height69 {
      height: calc(100vw / 89 * 69); } }

.grid[data-grid-size="89"] .grid-item--width70 {
  width: 78.65169%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width70 {
      width: calc(100vw / 89 * 70); } }

.grid[data-grid-size="89"] .grid-item--height70 {
  height: calc(100vh / 89 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height70 {
      height: calc(100vw / 89 * 70); } }

.grid[data-grid-size="89"] .grid-item--width71 {
  width: 79.77528%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width71 {
      width: calc(100vw / 89 * 71); } }

.grid[data-grid-size="89"] .grid-item--height71 {
  height: calc(100vh / 89 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height71 {
      height: calc(100vw / 89 * 71); } }

.grid[data-grid-size="89"] .grid-item--width72 {
  width: 80.89888%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width72 {
      width: calc(100vw / 89 * 72); } }

.grid[data-grid-size="89"] .grid-item--height72 {
  height: calc(100vh / 89 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height72 {
      height: calc(100vw / 89 * 72); } }

.grid[data-grid-size="89"] .grid-item--width73 {
  width: 82.02247%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width73 {
      width: calc(100vw / 89 * 73); } }

.grid[data-grid-size="89"] .grid-item--height73 {
  height: calc(100vh / 89 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height73 {
      height: calc(100vw / 89 * 73); } }

.grid[data-grid-size="89"] .grid-item--width74 {
  width: 83.14607%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width74 {
      width: calc(100vw / 89 * 74); } }

.grid[data-grid-size="89"] .grid-item--height74 {
  height: calc(100vh / 89 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height74 {
      height: calc(100vw / 89 * 74); } }

.grid[data-grid-size="89"] .grid-item--width75 {
  width: 84.26966%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width75 {
      width: calc(100vw / 89 * 75); } }

.grid[data-grid-size="89"] .grid-item--height75 {
  height: calc(100vh / 89 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height75 {
      height: calc(100vw / 89 * 75); } }

.grid[data-grid-size="89"] .grid-item--width76 {
  width: 85.39326%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width76 {
      width: calc(100vw / 89 * 76); } }

.grid[data-grid-size="89"] .grid-item--height76 {
  height: calc(100vh / 89 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height76 {
      height: calc(100vw / 89 * 76); } }

.grid[data-grid-size="89"] .grid-item--width77 {
  width: 86.51685%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width77 {
      width: calc(100vw / 89 * 77); } }

.grid[data-grid-size="89"] .grid-item--height77 {
  height: calc(100vh / 89 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height77 {
      height: calc(100vw / 89 * 77); } }

.grid[data-grid-size="89"] .grid-item--width78 {
  width: 87.64045%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width78 {
      width: calc(100vw / 89 * 78); } }

.grid[data-grid-size="89"] .grid-item--height78 {
  height: calc(100vh / 89 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height78 {
      height: calc(100vw / 89 * 78); } }

.grid[data-grid-size="89"] .grid-item--width79 {
  width: 88.76404%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width79 {
      width: calc(100vw / 89 * 79); } }

.grid[data-grid-size="89"] .grid-item--height79 {
  height: calc(100vh / 89 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height79 {
      height: calc(100vw / 89 * 79); } }

.grid[data-grid-size="89"] .grid-item--width80 {
  width: 89.88764%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width80 {
      width: calc(100vw / 89 * 80); } }

.grid[data-grid-size="89"] .grid-item--height80 {
  height: calc(100vh / 89 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height80 {
      height: calc(100vw / 89 * 80); } }

.grid[data-grid-size="89"] .grid-item--width81 {
  width: 91.01124%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width81 {
      width: calc(100vw / 89 * 81); } }

.grid[data-grid-size="89"] .grid-item--height81 {
  height: calc(100vh / 89 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height81 {
      height: calc(100vw / 89 * 81); } }

.grid[data-grid-size="89"] .grid-item--width82 {
  width: 92.13483%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width82 {
      width: calc(100vw / 89 * 82); } }

.grid[data-grid-size="89"] .grid-item--height82 {
  height: calc(100vh / 89 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height82 {
      height: calc(100vw / 89 * 82); } }

.grid[data-grid-size="89"] .grid-item--width83 {
  width: 93.25843%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width83 {
      width: calc(100vw / 89 * 83); } }

.grid[data-grid-size="89"] .grid-item--height83 {
  height: calc(100vh / 89 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height83 {
      height: calc(100vw / 89 * 83); } }

.grid[data-grid-size="89"] .grid-item--width84 {
  width: 94.38202%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width84 {
      width: calc(100vw / 89 * 84); } }

.grid[data-grid-size="89"] .grid-item--height84 {
  height: calc(100vh / 89 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height84 {
      height: calc(100vw / 89 * 84); } }

.grid[data-grid-size="89"] .grid-item--width85 {
  width: 95.50562%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width85 {
      width: calc(100vw / 89 * 85); } }

.grid[data-grid-size="89"] .grid-item--height85 {
  height: calc(100vh / 89 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height85 {
      height: calc(100vw / 89 * 85); } }

.grid[data-grid-size="89"] .grid-item--width86 {
  width: 96.62921%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width86 {
      width: calc(100vw / 89 * 86); } }

.grid[data-grid-size="89"] .grid-item--height86 {
  height: calc(100vh / 89 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height86 {
      height: calc(100vw / 89 * 86); } }

.grid[data-grid-size="89"] .grid-item--width87 {
  width: 97.75281%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width87 {
      width: calc(100vw / 89 * 87); } }

.grid[data-grid-size="89"] .grid-item--height87 {
  height: calc(100vh / 89 * 87); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height87 {
      height: calc(100vw / 89 * 87); } }

.grid[data-grid-size="89"] .grid-item--width88 {
  width: 98.8764%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width88 {
      width: calc(100vw / 89 * 88); } }

.grid[data-grid-size="89"] .grid-item--height88 {
  height: calc(100vh / 89 * 88); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height88 {
      height: calc(100vw / 89 * 88); } }

.grid[data-grid-size="89"] .grid-item--width89 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--width89 {
      width: calc(100vw / 89 * 89); } }

.grid[data-grid-size="89"] .grid-item--height89 {
  height: calc(100vh / 89 * 89); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="89"] .grid-item--height89 {
      height: calc(100vw / 89 * 89); } }

.grid[data-grid-size="90"] .grid-sizer, .grid[data-grid-size="90"] .grid-item {
  width: 1.11111%; }

.grid[data-grid-size="90"] .grid-item--width1 {
  width: 1.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width1 {
      width: calc(100vw / 90 * 1); } }

.grid[data-grid-size="90"] .grid-item--height1 {
  height: calc(100vh / 90 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height1 {
      height: calc(100vw / 90 * 1); } }

.grid[data-grid-size="90"] .grid-item--width2 {
  width: 2.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width2 {
      width: calc(100vw / 90 * 2); } }

.grid[data-grid-size="90"] .grid-item--height2 {
  height: calc(100vh / 90 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height2 {
      height: calc(100vw / 90 * 2); } }

.grid[data-grid-size="90"] .grid-item--width3 {
  width: 3.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width3 {
      width: calc(100vw / 90 * 3); } }

.grid[data-grid-size="90"] .grid-item--height3 {
  height: calc(100vh / 90 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height3 {
      height: calc(100vw / 90 * 3); } }

.grid[data-grid-size="90"] .grid-item--width4 {
  width: 4.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width4 {
      width: calc(100vw / 90 * 4); } }

.grid[data-grid-size="90"] .grid-item--height4 {
  height: calc(100vh / 90 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height4 {
      height: calc(100vw / 90 * 4); } }

.grid[data-grid-size="90"] .grid-item--width5 {
  width: 5.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width5 {
      width: calc(100vw / 90 * 5); } }

.grid[data-grid-size="90"] .grid-item--height5 {
  height: calc(100vh / 90 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height5 {
      height: calc(100vw / 90 * 5); } }

.grid[data-grid-size="90"] .grid-item--width6 {
  width: 6.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width6 {
      width: calc(100vw / 90 * 6); } }

.grid[data-grid-size="90"] .grid-item--height6 {
  height: calc(100vh / 90 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height6 {
      height: calc(100vw / 90 * 6); } }

.grid[data-grid-size="90"] .grid-item--width7 {
  width: 7.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width7 {
      width: calc(100vw / 90 * 7); } }

.grid[data-grid-size="90"] .grid-item--height7 {
  height: calc(100vh / 90 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height7 {
      height: calc(100vw / 90 * 7); } }

.grid[data-grid-size="90"] .grid-item--width8 {
  width: 8.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width8 {
      width: calc(100vw / 90 * 8); } }

.grid[data-grid-size="90"] .grid-item--height8 {
  height: calc(100vh / 90 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height8 {
      height: calc(100vw / 90 * 8); } }

.grid[data-grid-size="90"] .grid-item--width9 {
  width: 10%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width9 {
      width: calc(100vw / 90 * 9); } }

.grid[data-grid-size="90"] .grid-item--height9 {
  height: calc(100vh / 90 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height9 {
      height: calc(100vw / 90 * 9); } }

.grid[data-grid-size="90"] .grid-item--width10 {
  width: 11.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width10 {
      width: calc(100vw / 90 * 10); } }

.grid[data-grid-size="90"] .grid-item--height10 {
  height: calc(100vh / 90 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height10 {
      height: calc(100vw / 90 * 10); } }

.grid[data-grid-size="90"] .grid-item--width11 {
  width: 12.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width11 {
      width: calc(100vw / 90 * 11); } }

.grid[data-grid-size="90"] .grid-item--height11 {
  height: calc(100vh / 90 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height11 {
      height: calc(100vw / 90 * 11); } }

.grid[data-grid-size="90"] .grid-item--width12 {
  width: 13.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width12 {
      width: calc(100vw / 90 * 12); } }

.grid[data-grid-size="90"] .grid-item--height12 {
  height: calc(100vh / 90 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height12 {
      height: calc(100vw / 90 * 12); } }

.grid[data-grid-size="90"] .grid-item--width13 {
  width: 14.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width13 {
      width: calc(100vw / 90 * 13); } }

.grid[data-grid-size="90"] .grid-item--height13 {
  height: calc(100vh / 90 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height13 {
      height: calc(100vw / 90 * 13); } }

.grid[data-grid-size="90"] .grid-item--width14 {
  width: 15.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width14 {
      width: calc(100vw / 90 * 14); } }

.grid[data-grid-size="90"] .grid-item--height14 {
  height: calc(100vh / 90 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height14 {
      height: calc(100vw / 90 * 14); } }

.grid[data-grid-size="90"] .grid-item--width15 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width15 {
      width: calc(100vw / 90 * 15); } }

.grid[data-grid-size="90"] .grid-item--height15 {
  height: calc(100vh / 90 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height15 {
      height: calc(100vw / 90 * 15); } }

.grid[data-grid-size="90"] .grid-item--width16 {
  width: 17.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width16 {
      width: calc(100vw / 90 * 16); } }

.grid[data-grid-size="90"] .grid-item--height16 {
  height: calc(100vh / 90 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height16 {
      height: calc(100vw / 90 * 16); } }

.grid[data-grid-size="90"] .grid-item--width17 {
  width: 18.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width17 {
      width: calc(100vw / 90 * 17); } }

.grid[data-grid-size="90"] .grid-item--height17 {
  height: calc(100vh / 90 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height17 {
      height: calc(100vw / 90 * 17); } }

.grid[data-grid-size="90"] .grid-item--width18 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width18 {
      width: calc(100vw / 90 * 18); } }

.grid[data-grid-size="90"] .grid-item--height18 {
  height: calc(100vh / 90 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height18 {
      height: calc(100vw / 90 * 18); } }

.grid[data-grid-size="90"] .grid-item--width19 {
  width: 21.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width19 {
      width: calc(100vw / 90 * 19); } }

.grid[data-grid-size="90"] .grid-item--height19 {
  height: calc(100vh / 90 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height19 {
      height: calc(100vw / 90 * 19); } }

.grid[data-grid-size="90"] .grid-item--width20 {
  width: 22.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width20 {
      width: calc(100vw / 90 * 20); } }

.grid[data-grid-size="90"] .grid-item--height20 {
  height: calc(100vh / 90 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height20 {
      height: calc(100vw / 90 * 20); } }

.grid[data-grid-size="90"] .grid-item--width21 {
  width: 23.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width21 {
      width: calc(100vw / 90 * 21); } }

.grid[data-grid-size="90"] .grid-item--height21 {
  height: calc(100vh / 90 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height21 {
      height: calc(100vw / 90 * 21); } }

.grid[data-grid-size="90"] .grid-item--width22 {
  width: 24.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width22 {
      width: calc(100vw / 90 * 22); } }

.grid[data-grid-size="90"] .grid-item--height22 {
  height: calc(100vh / 90 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height22 {
      height: calc(100vw / 90 * 22); } }

.grid[data-grid-size="90"] .grid-item--width23 {
  width: 25.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width23 {
      width: calc(100vw / 90 * 23); } }

.grid[data-grid-size="90"] .grid-item--height23 {
  height: calc(100vh / 90 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height23 {
      height: calc(100vw / 90 * 23); } }

.grid[data-grid-size="90"] .grid-item--width24 {
  width: 26.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width24 {
      width: calc(100vw / 90 * 24); } }

.grid[data-grid-size="90"] .grid-item--height24 {
  height: calc(100vh / 90 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height24 {
      height: calc(100vw / 90 * 24); } }

.grid[data-grid-size="90"] .grid-item--width25 {
  width: 27.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width25 {
      width: calc(100vw / 90 * 25); } }

.grid[data-grid-size="90"] .grid-item--height25 {
  height: calc(100vh / 90 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height25 {
      height: calc(100vw / 90 * 25); } }

.grid[data-grid-size="90"] .grid-item--width26 {
  width: 28.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width26 {
      width: calc(100vw / 90 * 26); } }

.grid[data-grid-size="90"] .grid-item--height26 {
  height: calc(100vh / 90 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height26 {
      height: calc(100vw / 90 * 26); } }

.grid[data-grid-size="90"] .grid-item--width27 {
  width: 30%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width27 {
      width: calc(100vw / 90 * 27); } }

.grid[data-grid-size="90"] .grid-item--height27 {
  height: calc(100vh / 90 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height27 {
      height: calc(100vw / 90 * 27); } }

.grid[data-grid-size="90"] .grid-item--width28 {
  width: 31.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width28 {
      width: calc(100vw / 90 * 28); } }

.grid[data-grid-size="90"] .grid-item--height28 {
  height: calc(100vh / 90 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height28 {
      height: calc(100vw / 90 * 28); } }

.grid[data-grid-size="90"] .grid-item--width29 {
  width: 32.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width29 {
      width: calc(100vw / 90 * 29); } }

.grid[data-grid-size="90"] .grid-item--height29 {
  height: calc(100vh / 90 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height29 {
      height: calc(100vw / 90 * 29); } }

.grid[data-grid-size="90"] .grid-item--width30 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width30 {
      width: calc(100vw / 90 * 30); } }

.grid[data-grid-size="90"] .grid-item--height30 {
  height: calc(100vh / 90 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height30 {
      height: calc(100vw / 90 * 30); } }

.grid[data-grid-size="90"] .grid-item--width31 {
  width: 34.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width31 {
      width: calc(100vw / 90 * 31); } }

.grid[data-grid-size="90"] .grid-item--height31 {
  height: calc(100vh / 90 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height31 {
      height: calc(100vw / 90 * 31); } }

.grid[data-grid-size="90"] .grid-item--width32 {
  width: 35.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width32 {
      width: calc(100vw / 90 * 32); } }

.grid[data-grid-size="90"] .grid-item--height32 {
  height: calc(100vh / 90 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height32 {
      height: calc(100vw / 90 * 32); } }

.grid[data-grid-size="90"] .grid-item--width33 {
  width: 36.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width33 {
      width: calc(100vw / 90 * 33); } }

.grid[data-grid-size="90"] .grid-item--height33 {
  height: calc(100vh / 90 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height33 {
      height: calc(100vw / 90 * 33); } }

.grid[data-grid-size="90"] .grid-item--width34 {
  width: 37.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width34 {
      width: calc(100vw / 90 * 34); } }

.grid[data-grid-size="90"] .grid-item--height34 {
  height: calc(100vh / 90 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height34 {
      height: calc(100vw / 90 * 34); } }

.grid[data-grid-size="90"] .grid-item--width35 {
  width: 38.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width35 {
      width: calc(100vw / 90 * 35); } }

.grid[data-grid-size="90"] .grid-item--height35 {
  height: calc(100vh / 90 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height35 {
      height: calc(100vw / 90 * 35); } }

.grid[data-grid-size="90"] .grid-item--width36 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width36 {
      width: calc(100vw / 90 * 36); } }

.grid[data-grid-size="90"] .grid-item--height36 {
  height: calc(100vh / 90 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height36 {
      height: calc(100vw / 90 * 36); } }

.grid[data-grid-size="90"] .grid-item--width37 {
  width: 41.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width37 {
      width: calc(100vw / 90 * 37); } }

.grid[data-grid-size="90"] .grid-item--height37 {
  height: calc(100vh / 90 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height37 {
      height: calc(100vw / 90 * 37); } }

.grid[data-grid-size="90"] .grid-item--width38 {
  width: 42.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width38 {
      width: calc(100vw / 90 * 38); } }

.grid[data-grid-size="90"] .grid-item--height38 {
  height: calc(100vh / 90 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height38 {
      height: calc(100vw / 90 * 38); } }

.grid[data-grid-size="90"] .grid-item--width39 {
  width: 43.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width39 {
      width: calc(100vw / 90 * 39); } }

.grid[data-grid-size="90"] .grid-item--height39 {
  height: calc(100vh / 90 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height39 {
      height: calc(100vw / 90 * 39); } }

.grid[data-grid-size="90"] .grid-item--width40 {
  width: 44.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width40 {
      width: calc(100vw / 90 * 40); } }

.grid[data-grid-size="90"] .grid-item--height40 {
  height: calc(100vh / 90 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height40 {
      height: calc(100vw / 90 * 40); } }

.grid[data-grid-size="90"] .grid-item--width41 {
  width: 45.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width41 {
      width: calc(100vw / 90 * 41); } }

.grid[data-grid-size="90"] .grid-item--height41 {
  height: calc(100vh / 90 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height41 {
      height: calc(100vw / 90 * 41); } }

.grid[data-grid-size="90"] .grid-item--width42 {
  width: 46.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width42 {
      width: calc(100vw / 90 * 42); } }

.grid[data-grid-size="90"] .grid-item--height42 {
  height: calc(100vh / 90 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height42 {
      height: calc(100vw / 90 * 42); } }

.grid[data-grid-size="90"] .grid-item--width43 {
  width: 47.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width43 {
      width: calc(100vw / 90 * 43); } }

.grid[data-grid-size="90"] .grid-item--height43 {
  height: calc(100vh / 90 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height43 {
      height: calc(100vw / 90 * 43); } }

.grid[data-grid-size="90"] .grid-item--width44 {
  width: 48.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width44 {
      width: calc(100vw / 90 * 44); } }

.grid[data-grid-size="90"] .grid-item--height44 {
  height: calc(100vh / 90 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height44 {
      height: calc(100vw / 90 * 44); } }

.grid[data-grid-size="90"] .grid-item--width45 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width45 {
      width: calc(100vw / 90 * 45); } }

.grid[data-grid-size="90"] .grid-item--height45 {
  height: calc(100vh / 90 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height45 {
      height: calc(100vw / 90 * 45); } }

.grid[data-grid-size="90"] .grid-item--width46 {
  width: 51.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width46 {
      width: calc(100vw / 90 * 46); } }

.grid[data-grid-size="90"] .grid-item--height46 {
  height: calc(100vh / 90 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height46 {
      height: calc(100vw / 90 * 46); } }

.grid[data-grid-size="90"] .grid-item--width47 {
  width: 52.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width47 {
      width: calc(100vw / 90 * 47); } }

.grid[data-grid-size="90"] .grid-item--height47 {
  height: calc(100vh / 90 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height47 {
      height: calc(100vw / 90 * 47); } }

.grid[data-grid-size="90"] .grid-item--width48 {
  width: 53.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width48 {
      width: calc(100vw / 90 * 48); } }

.grid[data-grid-size="90"] .grid-item--height48 {
  height: calc(100vh / 90 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height48 {
      height: calc(100vw / 90 * 48); } }

.grid[data-grid-size="90"] .grid-item--width49 {
  width: 54.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width49 {
      width: calc(100vw / 90 * 49); } }

.grid[data-grid-size="90"] .grid-item--height49 {
  height: calc(100vh / 90 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height49 {
      height: calc(100vw / 90 * 49); } }

.grid[data-grid-size="90"] .grid-item--width50 {
  width: 55.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width50 {
      width: calc(100vw / 90 * 50); } }

.grid[data-grid-size="90"] .grid-item--height50 {
  height: calc(100vh / 90 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height50 {
      height: calc(100vw / 90 * 50); } }

.grid[data-grid-size="90"] .grid-item--width51 {
  width: 56.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width51 {
      width: calc(100vw / 90 * 51); } }

.grid[data-grid-size="90"] .grid-item--height51 {
  height: calc(100vh / 90 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height51 {
      height: calc(100vw / 90 * 51); } }

.grid[data-grid-size="90"] .grid-item--width52 {
  width: 57.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width52 {
      width: calc(100vw / 90 * 52); } }

.grid[data-grid-size="90"] .grid-item--height52 {
  height: calc(100vh / 90 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height52 {
      height: calc(100vw / 90 * 52); } }

.grid[data-grid-size="90"] .grid-item--width53 {
  width: 58.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width53 {
      width: calc(100vw / 90 * 53); } }

.grid[data-grid-size="90"] .grid-item--height53 {
  height: calc(100vh / 90 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height53 {
      height: calc(100vw / 90 * 53); } }

.grid[data-grid-size="90"] .grid-item--width54 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width54 {
      width: calc(100vw / 90 * 54); } }

.grid[data-grid-size="90"] .grid-item--height54 {
  height: calc(100vh / 90 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height54 {
      height: calc(100vw / 90 * 54); } }

.grid[data-grid-size="90"] .grid-item--width55 {
  width: 61.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width55 {
      width: calc(100vw / 90 * 55); } }

.grid[data-grid-size="90"] .grid-item--height55 {
  height: calc(100vh / 90 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height55 {
      height: calc(100vw / 90 * 55); } }

.grid[data-grid-size="90"] .grid-item--width56 {
  width: 62.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width56 {
      width: calc(100vw / 90 * 56); } }

.grid[data-grid-size="90"] .grid-item--height56 {
  height: calc(100vh / 90 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height56 {
      height: calc(100vw / 90 * 56); } }

.grid[data-grid-size="90"] .grid-item--width57 {
  width: 63.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width57 {
      width: calc(100vw / 90 * 57); } }

.grid[data-grid-size="90"] .grid-item--height57 {
  height: calc(100vh / 90 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height57 {
      height: calc(100vw / 90 * 57); } }

.grid[data-grid-size="90"] .grid-item--width58 {
  width: 64.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width58 {
      width: calc(100vw / 90 * 58); } }

.grid[data-grid-size="90"] .grid-item--height58 {
  height: calc(100vh / 90 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height58 {
      height: calc(100vw / 90 * 58); } }

.grid[data-grid-size="90"] .grid-item--width59 {
  width: 65.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width59 {
      width: calc(100vw / 90 * 59); } }

.grid[data-grid-size="90"] .grid-item--height59 {
  height: calc(100vh / 90 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height59 {
      height: calc(100vw / 90 * 59); } }

.grid[data-grid-size="90"] .grid-item--width60 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width60 {
      width: calc(100vw / 90 * 60); } }

.grid[data-grid-size="90"] .grid-item--height60 {
  height: calc(100vh / 90 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height60 {
      height: calc(100vw / 90 * 60); } }

.grid[data-grid-size="90"] .grid-item--width61 {
  width: 67.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width61 {
      width: calc(100vw / 90 * 61); } }

.grid[data-grid-size="90"] .grid-item--height61 {
  height: calc(100vh / 90 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height61 {
      height: calc(100vw / 90 * 61); } }

.grid[data-grid-size="90"] .grid-item--width62 {
  width: 68.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width62 {
      width: calc(100vw / 90 * 62); } }

.grid[data-grid-size="90"] .grid-item--height62 {
  height: calc(100vh / 90 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height62 {
      height: calc(100vw / 90 * 62); } }

.grid[data-grid-size="90"] .grid-item--width63 {
  width: 70%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width63 {
      width: calc(100vw / 90 * 63); } }

.grid[data-grid-size="90"] .grid-item--height63 {
  height: calc(100vh / 90 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height63 {
      height: calc(100vw / 90 * 63); } }

.grid[data-grid-size="90"] .grid-item--width64 {
  width: 71.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width64 {
      width: calc(100vw / 90 * 64); } }

.grid[data-grid-size="90"] .grid-item--height64 {
  height: calc(100vh / 90 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height64 {
      height: calc(100vw / 90 * 64); } }

.grid[data-grid-size="90"] .grid-item--width65 {
  width: 72.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width65 {
      width: calc(100vw / 90 * 65); } }

.grid[data-grid-size="90"] .grid-item--height65 {
  height: calc(100vh / 90 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height65 {
      height: calc(100vw / 90 * 65); } }

.grid[data-grid-size="90"] .grid-item--width66 {
  width: 73.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width66 {
      width: calc(100vw / 90 * 66); } }

.grid[data-grid-size="90"] .grid-item--height66 {
  height: calc(100vh / 90 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height66 {
      height: calc(100vw / 90 * 66); } }

.grid[data-grid-size="90"] .grid-item--width67 {
  width: 74.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width67 {
      width: calc(100vw / 90 * 67); } }

.grid[data-grid-size="90"] .grid-item--height67 {
  height: calc(100vh / 90 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height67 {
      height: calc(100vw / 90 * 67); } }

.grid[data-grid-size="90"] .grid-item--width68 {
  width: 75.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width68 {
      width: calc(100vw / 90 * 68); } }

.grid[data-grid-size="90"] .grid-item--height68 {
  height: calc(100vh / 90 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height68 {
      height: calc(100vw / 90 * 68); } }

.grid[data-grid-size="90"] .grid-item--width69 {
  width: 76.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width69 {
      width: calc(100vw / 90 * 69); } }

.grid[data-grid-size="90"] .grid-item--height69 {
  height: calc(100vh / 90 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height69 {
      height: calc(100vw / 90 * 69); } }

.grid[data-grid-size="90"] .grid-item--width70 {
  width: 77.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width70 {
      width: calc(100vw / 90 * 70); } }

.grid[data-grid-size="90"] .grid-item--height70 {
  height: calc(100vh / 90 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height70 {
      height: calc(100vw / 90 * 70); } }

.grid[data-grid-size="90"] .grid-item--width71 {
  width: 78.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width71 {
      width: calc(100vw / 90 * 71); } }

.grid[data-grid-size="90"] .grid-item--height71 {
  height: calc(100vh / 90 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height71 {
      height: calc(100vw / 90 * 71); } }

.grid[data-grid-size="90"] .grid-item--width72 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width72 {
      width: calc(100vw / 90 * 72); } }

.grid[data-grid-size="90"] .grid-item--height72 {
  height: calc(100vh / 90 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height72 {
      height: calc(100vw / 90 * 72); } }

.grid[data-grid-size="90"] .grid-item--width73 {
  width: 81.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width73 {
      width: calc(100vw / 90 * 73); } }

.grid[data-grid-size="90"] .grid-item--height73 {
  height: calc(100vh / 90 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height73 {
      height: calc(100vw / 90 * 73); } }

.grid[data-grid-size="90"] .grid-item--width74 {
  width: 82.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width74 {
      width: calc(100vw / 90 * 74); } }

.grid[data-grid-size="90"] .grid-item--height74 {
  height: calc(100vh / 90 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height74 {
      height: calc(100vw / 90 * 74); } }

.grid[data-grid-size="90"] .grid-item--width75 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width75 {
      width: calc(100vw / 90 * 75); } }

.grid[data-grid-size="90"] .grid-item--height75 {
  height: calc(100vh / 90 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height75 {
      height: calc(100vw / 90 * 75); } }

.grid[data-grid-size="90"] .grid-item--width76 {
  width: 84.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width76 {
      width: calc(100vw / 90 * 76); } }

.grid[data-grid-size="90"] .grid-item--height76 {
  height: calc(100vh / 90 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height76 {
      height: calc(100vw / 90 * 76); } }

.grid[data-grid-size="90"] .grid-item--width77 {
  width: 85.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width77 {
      width: calc(100vw / 90 * 77); } }

.grid[data-grid-size="90"] .grid-item--height77 {
  height: calc(100vh / 90 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height77 {
      height: calc(100vw / 90 * 77); } }

.grid[data-grid-size="90"] .grid-item--width78 {
  width: 86.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width78 {
      width: calc(100vw / 90 * 78); } }

.grid[data-grid-size="90"] .grid-item--height78 {
  height: calc(100vh / 90 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height78 {
      height: calc(100vw / 90 * 78); } }

.grid[data-grid-size="90"] .grid-item--width79 {
  width: 87.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width79 {
      width: calc(100vw / 90 * 79); } }

.grid[data-grid-size="90"] .grid-item--height79 {
  height: calc(100vh / 90 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height79 {
      height: calc(100vw / 90 * 79); } }

.grid[data-grid-size="90"] .grid-item--width80 {
  width: 88.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width80 {
      width: calc(100vw / 90 * 80); } }

.grid[data-grid-size="90"] .grid-item--height80 {
  height: calc(100vh / 90 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height80 {
      height: calc(100vw / 90 * 80); } }

.grid[data-grid-size="90"] .grid-item--width81 {
  width: 90%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width81 {
      width: calc(100vw / 90 * 81); } }

.grid[data-grid-size="90"] .grid-item--height81 {
  height: calc(100vh / 90 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height81 {
      height: calc(100vw / 90 * 81); } }

.grid[data-grid-size="90"] .grid-item--width82 {
  width: 91.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width82 {
      width: calc(100vw / 90 * 82); } }

.grid[data-grid-size="90"] .grid-item--height82 {
  height: calc(100vh / 90 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height82 {
      height: calc(100vw / 90 * 82); } }

.grid[data-grid-size="90"] .grid-item--width83 {
  width: 92.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width83 {
      width: calc(100vw / 90 * 83); } }

.grid[data-grid-size="90"] .grid-item--height83 {
  height: calc(100vh / 90 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height83 {
      height: calc(100vw / 90 * 83); } }

.grid[data-grid-size="90"] .grid-item--width84 {
  width: 93.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width84 {
      width: calc(100vw / 90 * 84); } }

.grid[data-grid-size="90"] .grid-item--height84 {
  height: calc(100vh / 90 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height84 {
      height: calc(100vw / 90 * 84); } }

.grid[data-grid-size="90"] .grid-item--width85 {
  width: 94.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width85 {
      width: calc(100vw / 90 * 85); } }

.grid[data-grid-size="90"] .grid-item--height85 {
  height: calc(100vh / 90 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height85 {
      height: calc(100vw / 90 * 85); } }

.grid[data-grid-size="90"] .grid-item--width86 {
  width: 95.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width86 {
      width: calc(100vw / 90 * 86); } }

.grid[data-grid-size="90"] .grid-item--height86 {
  height: calc(100vh / 90 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height86 {
      height: calc(100vw / 90 * 86); } }

.grid[data-grid-size="90"] .grid-item--width87 {
  width: 96.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width87 {
      width: calc(100vw / 90 * 87); } }

.grid[data-grid-size="90"] .grid-item--height87 {
  height: calc(100vh / 90 * 87); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height87 {
      height: calc(100vw / 90 * 87); } }

.grid[data-grid-size="90"] .grid-item--width88 {
  width: 97.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width88 {
      width: calc(100vw / 90 * 88); } }

.grid[data-grid-size="90"] .grid-item--height88 {
  height: calc(100vh / 90 * 88); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height88 {
      height: calc(100vw / 90 * 88); } }

.grid[data-grid-size="90"] .grid-item--width89 {
  width: 98.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width89 {
      width: calc(100vw / 90 * 89); } }

.grid[data-grid-size="90"] .grid-item--height89 {
  height: calc(100vh / 90 * 89); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height89 {
      height: calc(100vw / 90 * 89); } }

.grid[data-grid-size="90"] .grid-item--width90 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--width90 {
      width: calc(100vw / 90 * 90); } }

.grid[data-grid-size="90"] .grid-item--height90 {
  height: calc(100vh / 90 * 90); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="90"] .grid-item--height90 {
      height: calc(100vw / 90 * 90); } }

.grid[data-grid-size="91"] .grid-sizer, .grid[data-grid-size="91"] .grid-item {
  width: 1.0989%; }

.grid[data-grid-size="91"] .grid-item--width1 {
  width: 1.0989%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width1 {
      width: calc(100vw / 91 * 1); } }

.grid[data-grid-size="91"] .grid-item--height1 {
  height: calc(100vh / 91 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height1 {
      height: calc(100vw / 91 * 1); } }

.grid[data-grid-size="91"] .grid-item--width2 {
  width: 2.1978%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width2 {
      width: calc(100vw / 91 * 2); } }

.grid[data-grid-size="91"] .grid-item--height2 {
  height: calc(100vh / 91 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height2 {
      height: calc(100vw / 91 * 2); } }

.grid[data-grid-size="91"] .grid-item--width3 {
  width: 3.2967%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width3 {
      width: calc(100vw / 91 * 3); } }

.grid[data-grid-size="91"] .grid-item--height3 {
  height: calc(100vh / 91 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height3 {
      height: calc(100vw / 91 * 3); } }

.grid[data-grid-size="91"] .grid-item--width4 {
  width: 4.3956%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width4 {
      width: calc(100vw / 91 * 4); } }

.grid[data-grid-size="91"] .grid-item--height4 {
  height: calc(100vh / 91 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height4 {
      height: calc(100vw / 91 * 4); } }

.grid[data-grid-size="91"] .grid-item--width5 {
  width: 5.49451%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width5 {
      width: calc(100vw / 91 * 5); } }

.grid[data-grid-size="91"] .grid-item--height5 {
  height: calc(100vh / 91 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height5 {
      height: calc(100vw / 91 * 5); } }

.grid[data-grid-size="91"] .grid-item--width6 {
  width: 6.59341%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width6 {
      width: calc(100vw / 91 * 6); } }

.grid[data-grid-size="91"] .grid-item--height6 {
  height: calc(100vh / 91 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height6 {
      height: calc(100vw / 91 * 6); } }

.grid[data-grid-size="91"] .grid-item--width7 {
  width: 7.69231%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width7 {
      width: calc(100vw / 91 * 7); } }

.grid[data-grid-size="91"] .grid-item--height7 {
  height: calc(100vh / 91 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height7 {
      height: calc(100vw / 91 * 7); } }

.grid[data-grid-size="91"] .grid-item--width8 {
  width: 8.79121%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width8 {
      width: calc(100vw / 91 * 8); } }

.grid[data-grid-size="91"] .grid-item--height8 {
  height: calc(100vh / 91 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height8 {
      height: calc(100vw / 91 * 8); } }

.grid[data-grid-size="91"] .grid-item--width9 {
  width: 9.89011%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width9 {
      width: calc(100vw / 91 * 9); } }

.grid[data-grid-size="91"] .grid-item--height9 {
  height: calc(100vh / 91 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height9 {
      height: calc(100vw / 91 * 9); } }

.grid[data-grid-size="91"] .grid-item--width10 {
  width: 10.98901%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width10 {
      width: calc(100vw / 91 * 10); } }

.grid[data-grid-size="91"] .grid-item--height10 {
  height: calc(100vh / 91 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height10 {
      height: calc(100vw / 91 * 10); } }

.grid[data-grid-size="91"] .grid-item--width11 {
  width: 12.08791%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width11 {
      width: calc(100vw / 91 * 11); } }

.grid[data-grid-size="91"] .grid-item--height11 {
  height: calc(100vh / 91 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height11 {
      height: calc(100vw / 91 * 11); } }

.grid[data-grid-size="91"] .grid-item--width12 {
  width: 13.18681%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width12 {
      width: calc(100vw / 91 * 12); } }

.grid[data-grid-size="91"] .grid-item--height12 {
  height: calc(100vh / 91 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height12 {
      height: calc(100vw / 91 * 12); } }

.grid[data-grid-size="91"] .grid-item--width13 {
  width: 14.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width13 {
      width: calc(100vw / 91 * 13); } }

.grid[data-grid-size="91"] .grid-item--height13 {
  height: calc(100vh / 91 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height13 {
      height: calc(100vw / 91 * 13); } }

.grid[data-grid-size="91"] .grid-item--width14 {
  width: 15.38462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width14 {
      width: calc(100vw / 91 * 14); } }

.grid[data-grid-size="91"] .grid-item--height14 {
  height: calc(100vh / 91 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height14 {
      height: calc(100vw / 91 * 14); } }

.grid[data-grid-size="91"] .grid-item--width15 {
  width: 16.48352%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width15 {
      width: calc(100vw / 91 * 15); } }

.grid[data-grid-size="91"] .grid-item--height15 {
  height: calc(100vh / 91 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height15 {
      height: calc(100vw / 91 * 15); } }

.grid[data-grid-size="91"] .grid-item--width16 {
  width: 17.58242%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width16 {
      width: calc(100vw / 91 * 16); } }

.grid[data-grid-size="91"] .grid-item--height16 {
  height: calc(100vh / 91 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height16 {
      height: calc(100vw / 91 * 16); } }

.grid[data-grid-size="91"] .grid-item--width17 {
  width: 18.68132%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width17 {
      width: calc(100vw / 91 * 17); } }

.grid[data-grid-size="91"] .grid-item--height17 {
  height: calc(100vh / 91 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height17 {
      height: calc(100vw / 91 * 17); } }

.grid[data-grid-size="91"] .grid-item--width18 {
  width: 19.78022%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width18 {
      width: calc(100vw / 91 * 18); } }

.grid[data-grid-size="91"] .grid-item--height18 {
  height: calc(100vh / 91 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height18 {
      height: calc(100vw / 91 * 18); } }

.grid[data-grid-size="91"] .grid-item--width19 {
  width: 20.87912%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width19 {
      width: calc(100vw / 91 * 19); } }

.grid[data-grid-size="91"] .grid-item--height19 {
  height: calc(100vh / 91 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height19 {
      height: calc(100vw / 91 * 19); } }

.grid[data-grid-size="91"] .grid-item--width20 {
  width: 21.97802%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width20 {
      width: calc(100vw / 91 * 20); } }

.grid[data-grid-size="91"] .grid-item--height20 {
  height: calc(100vh / 91 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height20 {
      height: calc(100vw / 91 * 20); } }

.grid[data-grid-size="91"] .grid-item--width21 {
  width: 23.07692%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width21 {
      width: calc(100vw / 91 * 21); } }

.grid[data-grid-size="91"] .grid-item--height21 {
  height: calc(100vh / 91 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height21 {
      height: calc(100vw / 91 * 21); } }

.grid[data-grid-size="91"] .grid-item--width22 {
  width: 24.17582%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width22 {
      width: calc(100vw / 91 * 22); } }

.grid[data-grid-size="91"] .grid-item--height22 {
  height: calc(100vh / 91 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height22 {
      height: calc(100vw / 91 * 22); } }

.grid[data-grid-size="91"] .grid-item--width23 {
  width: 25.27473%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width23 {
      width: calc(100vw / 91 * 23); } }

.grid[data-grid-size="91"] .grid-item--height23 {
  height: calc(100vh / 91 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height23 {
      height: calc(100vw / 91 * 23); } }

.grid[data-grid-size="91"] .grid-item--width24 {
  width: 26.37363%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width24 {
      width: calc(100vw / 91 * 24); } }

.grid[data-grid-size="91"] .grid-item--height24 {
  height: calc(100vh / 91 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height24 {
      height: calc(100vw / 91 * 24); } }

.grid[data-grid-size="91"] .grid-item--width25 {
  width: 27.47253%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width25 {
      width: calc(100vw / 91 * 25); } }

.grid[data-grid-size="91"] .grid-item--height25 {
  height: calc(100vh / 91 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height25 {
      height: calc(100vw / 91 * 25); } }

.grid[data-grid-size="91"] .grid-item--width26 {
  width: 28.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width26 {
      width: calc(100vw / 91 * 26); } }

.grid[data-grid-size="91"] .grid-item--height26 {
  height: calc(100vh / 91 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height26 {
      height: calc(100vw / 91 * 26); } }

.grid[data-grid-size="91"] .grid-item--width27 {
  width: 29.67033%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width27 {
      width: calc(100vw / 91 * 27); } }

.grid[data-grid-size="91"] .grid-item--height27 {
  height: calc(100vh / 91 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height27 {
      height: calc(100vw / 91 * 27); } }

.grid[data-grid-size="91"] .grid-item--width28 {
  width: 30.76923%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width28 {
      width: calc(100vw / 91 * 28); } }

.grid[data-grid-size="91"] .grid-item--height28 {
  height: calc(100vh / 91 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height28 {
      height: calc(100vw / 91 * 28); } }

.grid[data-grid-size="91"] .grid-item--width29 {
  width: 31.86813%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width29 {
      width: calc(100vw / 91 * 29); } }

.grid[data-grid-size="91"] .grid-item--height29 {
  height: calc(100vh / 91 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height29 {
      height: calc(100vw / 91 * 29); } }

.grid[data-grid-size="91"] .grid-item--width30 {
  width: 32.96703%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width30 {
      width: calc(100vw / 91 * 30); } }

.grid[data-grid-size="91"] .grid-item--height30 {
  height: calc(100vh / 91 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height30 {
      height: calc(100vw / 91 * 30); } }

.grid[data-grid-size="91"] .grid-item--width31 {
  width: 34.06593%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width31 {
      width: calc(100vw / 91 * 31); } }

.grid[data-grid-size="91"] .grid-item--height31 {
  height: calc(100vh / 91 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height31 {
      height: calc(100vw / 91 * 31); } }

.grid[data-grid-size="91"] .grid-item--width32 {
  width: 35.16484%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width32 {
      width: calc(100vw / 91 * 32); } }

.grid[data-grid-size="91"] .grid-item--height32 {
  height: calc(100vh / 91 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height32 {
      height: calc(100vw / 91 * 32); } }

.grid[data-grid-size="91"] .grid-item--width33 {
  width: 36.26374%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width33 {
      width: calc(100vw / 91 * 33); } }

.grid[data-grid-size="91"] .grid-item--height33 {
  height: calc(100vh / 91 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height33 {
      height: calc(100vw / 91 * 33); } }

.grid[data-grid-size="91"] .grid-item--width34 {
  width: 37.36264%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width34 {
      width: calc(100vw / 91 * 34); } }

.grid[data-grid-size="91"] .grid-item--height34 {
  height: calc(100vh / 91 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height34 {
      height: calc(100vw / 91 * 34); } }

.grid[data-grid-size="91"] .grid-item--width35 {
  width: 38.46154%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width35 {
      width: calc(100vw / 91 * 35); } }

.grid[data-grid-size="91"] .grid-item--height35 {
  height: calc(100vh / 91 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height35 {
      height: calc(100vw / 91 * 35); } }

.grid[data-grid-size="91"] .grid-item--width36 {
  width: 39.56044%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width36 {
      width: calc(100vw / 91 * 36); } }

.grid[data-grid-size="91"] .grid-item--height36 {
  height: calc(100vh / 91 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height36 {
      height: calc(100vw / 91 * 36); } }

.grid[data-grid-size="91"] .grid-item--width37 {
  width: 40.65934%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width37 {
      width: calc(100vw / 91 * 37); } }

.grid[data-grid-size="91"] .grid-item--height37 {
  height: calc(100vh / 91 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height37 {
      height: calc(100vw / 91 * 37); } }

.grid[data-grid-size="91"] .grid-item--width38 {
  width: 41.75824%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width38 {
      width: calc(100vw / 91 * 38); } }

.grid[data-grid-size="91"] .grid-item--height38 {
  height: calc(100vh / 91 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height38 {
      height: calc(100vw / 91 * 38); } }

.grid[data-grid-size="91"] .grid-item--width39 {
  width: 42.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width39 {
      width: calc(100vw / 91 * 39); } }

.grid[data-grid-size="91"] .grid-item--height39 {
  height: calc(100vh / 91 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height39 {
      height: calc(100vw / 91 * 39); } }

.grid[data-grid-size="91"] .grid-item--width40 {
  width: 43.95604%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width40 {
      width: calc(100vw / 91 * 40); } }

.grid[data-grid-size="91"] .grid-item--height40 {
  height: calc(100vh / 91 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height40 {
      height: calc(100vw / 91 * 40); } }

.grid[data-grid-size="91"] .grid-item--width41 {
  width: 45.05495%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width41 {
      width: calc(100vw / 91 * 41); } }

.grid[data-grid-size="91"] .grid-item--height41 {
  height: calc(100vh / 91 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height41 {
      height: calc(100vw / 91 * 41); } }

.grid[data-grid-size="91"] .grid-item--width42 {
  width: 46.15385%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width42 {
      width: calc(100vw / 91 * 42); } }

.grid[data-grid-size="91"] .grid-item--height42 {
  height: calc(100vh / 91 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height42 {
      height: calc(100vw / 91 * 42); } }

.grid[data-grid-size="91"] .grid-item--width43 {
  width: 47.25275%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width43 {
      width: calc(100vw / 91 * 43); } }

.grid[data-grid-size="91"] .grid-item--height43 {
  height: calc(100vh / 91 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height43 {
      height: calc(100vw / 91 * 43); } }

.grid[data-grid-size="91"] .grid-item--width44 {
  width: 48.35165%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width44 {
      width: calc(100vw / 91 * 44); } }

.grid[data-grid-size="91"] .grid-item--height44 {
  height: calc(100vh / 91 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height44 {
      height: calc(100vw / 91 * 44); } }

.grid[data-grid-size="91"] .grid-item--width45 {
  width: 49.45055%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width45 {
      width: calc(100vw / 91 * 45); } }

.grid[data-grid-size="91"] .grid-item--height45 {
  height: calc(100vh / 91 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height45 {
      height: calc(100vw / 91 * 45); } }

.grid[data-grid-size="91"] .grid-item--width46 {
  width: 50.54945%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width46 {
      width: calc(100vw / 91 * 46); } }

.grid[data-grid-size="91"] .grid-item--height46 {
  height: calc(100vh / 91 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height46 {
      height: calc(100vw / 91 * 46); } }

.grid[data-grid-size="91"] .grid-item--width47 {
  width: 51.64835%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width47 {
      width: calc(100vw / 91 * 47); } }

.grid[data-grid-size="91"] .grid-item--height47 {
  height: calc(100vh / 91 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height47 {
      height: calc(100vw / 91 * 47); } }

.grid[data-grid-size="91"] .grid-item--width48 {
  width: 52.74725%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width48 {
      width: calc(100vw / 91 * 48); } }

.grid[data-grid-size="91"] .grid-item--height48 {
  height: calc(100vh / 91 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height48 {
      height: calc(100vw / 91 * 48); } }

.grid[data-grid-size="91"] .grid-item--width49 {
  width: 53.84615%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width49 {
      width: calc(100vw / 91 * 49); } }

.grid[data-grid-size="91"] .grid-item--height49 {
  height: calc(100vh / 91 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height49 {
      height: calc(100vw / 91 * 49); } }

.grid[data-grid-size="91"] .grid-item--width50 {
  width: 54.94505%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width50 {
      width: calc(100vw / 91 * 50); } }

.grid[data-grid-size="91"] .grid-item--height50 {
  height: calc(100vh / 91 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height50 {
      height: calc(100vw / 91 * 50); } }

.grid[data-grid-size="91"] .grid-item--width51 {
  width: 56.04396%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width51 {
      width: calc(100vw / 91 * 51); } }

.grid[data-grid-size="91"] .grid-item--height51 {
  height: calc(100vh / 91 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height51 {
      height: calc(100vw / 91 * 51); } }

.grid[data-grid-size="91"] .grid-item--width52 {
  width: 57.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width52 {
      width: calc(100vw / 91 * 52); } }

.grid[data-grid-size="91"] .grid-item--height52 {
  height: calc(100vh / 91 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height52 {
      height: calc(100vw / 91 * 52); } }

.grid[data-grid-size="91"] .grid-item--width53 {
  width: 58.24176%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width53 {
      width: calc(100vw / 91 * 53); } }

.grid[data-grid-size="91"] .grid-item--height53 {
  height: calc(100vh / 91 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height53 {
      height: calc(100vw / 91 * 53); } }

.grid[data-grid-size="91"] .grid-item--width54 {
  width: 59.34066%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width54 {
      width: calc(100vw / 91 * 54); } }

.grid[data-grid-size="91"] .grid-item--height54 {
  height: calc(100vh / 91 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height54 {
      height: calc(100vw / 91 * 54); } }

.grid[data-grid-size="91"] .grid-item--width55 {
  width: 60.43956%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width55 {
      width: calc(100vw / 91 * 55); } }

.grid[data-grid-size="91"] .grid-item--height55 {
  height: calc(100vh / 91 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height55 {
      height: calc(100vw / 91 * 55); } }

.grid[data-grid-size="91"] .grid-item--width56 {
  width: 61.53846%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width56 {
      width: calc(100vw / 91 * 56); } }

.grid[data-grid-size="91"] .grid-item--height56 {
  height: calc(100vh / 91 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height56 {
      height: calc(100vw / 91 * 56); } }

.grid[data-grid-size="91"] .grid-item--width57 {
  width: 62.63736%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width57 {
      width: calc(100vw / 91 * 57); } }

.grid[data-grid-size="91"] .grid-item--height57 {
  height: calc(100vh / 91 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height57 {
      height: calc(100vw / 91 * 57); } }

.grid[data-grid-size="91"] .grid-item--width58 {
  width: 63.73626%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width58 {
      width: calc(100vw / 91 * 58); } }

.grid[data-grid-size="91"] .grid-item--height58 {
  height: calc(100vh / 91 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height58 {
      height: calc(100vw / 91 * 58); } }

.grid[data-grid-size="91"] .grid-item--width59 {
  width: 64.83516%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width59 {
      width: calc(100vw / 91 * 59); } }

.grid[data-grid-size="91"] .grid-item--height59 {
  height: calc(100vh / 91 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height59 {
      height: calc(100vw / 91 * 59); } }

.grid[data-grid-size="91"] .grid-item--width60 {
  width: 65.93407%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width60 {
      width: calc(100vw / 91 * 60); } }

.grid[data-grid-size="91"] .grid-item--height60 {
  height: calc(100vh / 91 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height60 {
      height: calc(100vw / 91 * 60); } }

.grid[data-grid-size="91"] .grid-item--width61 {
  width: 67.03297%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width61 {
      width: calc(100vw / 91 * 61); } }

.grid[data-grid-size="91"] .grid-item--height61 {
  height: calc(100vh / 91 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height61 {
      height: calc(100vw / 91 * 61); } }

.grid[data-grid-size="91"] .grid-item--width62 {
  width: 68.13187%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width62 {
      width: calc(100vw / 91 * 62); } }

.grid[data-grid-size="91"] .grid-item--height62 {
  height: calc(100vh / 91 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height62 {
      height: calc(100vw / 91 * 62); } }

.grid[data-grid-size="91"] .grid-item--width63 {
  width: 69.23077%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width63 {
      width: calc(100vw / 91 * 63); } }

.grid[data-grid-size="91"] .grid-item--height63 {
  height: calc(100vh / 91 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height63 {
      height: calc(100vw / 91 * 63); } }

.grid[data-grid-size="91"] .grid-item--width64 {
  width: 70.32967%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width64 {
      width: calc(100vw / 91 * 64); } }

.grid[data-grid-size="91"] .grid-item--height64 {
  height: calc(100vh / 91 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height64 {
      height: calc(100vw / 91 * 64); } }

.grid[data-grid-size="91"] .grid-item--width65 {
  width: 71.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width65 {
      width: calc(100vw / 91 * 65); } }

.grid[data-grid-size="91"] .grid-item--height65 {
  height: calc(100vh / 91 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height65 {
      height: calc(100vw / 91 * 65); } }

.grid[data-grid-size="91"] .grid-item--width66 {
  width: 72.52747%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width66 {
      width: calc(100vw / 91 * 66); } }

.grid[data-grid-size="91"] .grid-item--height66 {
  height: calc(100vh / 91 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height66 {
      height: calc(100vw / 91 * 66); } }

.grid[data-grid-size="91"] .grid-item--width67 {
  width: 73.62637%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width67 {
      width: calc(100vw / 91 * 67); } }

.grid[data-grid-size="91"] .grid-item--height67 {
  height: calc(100vh / 91 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height67 {
      height: calc(100vw / 91 * 67); } }

.grid[data-grid-size="91"] .grid-item--width68 {
  width: 74.72527%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width68 {
      width: calc(100vw / 91 * 68); } }

.grid[data-grid-size="91"] .grid-item--height68 {
  height: calc(100vh / 91 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height68 {
      height: calc(100vw / 91 * 68); } }

.grid[data-grid-size="91"] .grid-item--width69 {
  width: 75.82418%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width69 {
      width: calc(100vw / 91 * 69); } }

.grid[data-grid-size="91"] .grid-item--height69 {
  height: calc(100vh / 91 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height69 {
      height: calc(100vw / 91 * 69); } }

.grid[data-grid-size="91"] .grid-item--width70 {
  width: 76.92308%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width70 {
      width: calc(100vw / 91 * 70); } }

.grid[data-grid-size="91"] .grid-item--height70 {
  height: calc(100vh / 91 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height70 {
      height: calc(100vw / 91 * 70); } }

.grid[data-grid-size="91"] .grid-item--width71 {
  width: 78.02198%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width71 {
      width: calc(100vw / 91 * 71); } }

.grid[data-grid-size="91"] .grid-item--height71 {
  height: calc(100vh / 91 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height71 {
      height: calc(100vw / 91 * 71); } }

.grid[data-grid-size="91"] .grid-item--width72 {
  width: 79.12088%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width72 {
      width: calc(100vw / 91 * 72); } }

.grid[data-grid-size="91"] .grid-item--height72 {
  height: calc(100vh / 91 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height72 {
      height: calc(100vw / 91 * 72); } }

.grid[data-grid-size="91"] .grid-item--width73 {
  width: 80.21978%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width73 {
      width: calc(100vw / 91 * 73); } }

.grid[data-grid-size="91"] .grid-item--height73 {
  height: calc(100vh / 91 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height73 {
      height: calc(100vw / 91 * 73); } }

.grid[data-grid-size="91"] .grid-item--width74 {
  width: 81.31868%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width74 {
      width: calc(100vw / 91 * 74); } }

.grid[data-grid-size="91"] .grid-item--height74 {
  height: calc(100vh / 91 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height74 {
      height: calc(100vw / 91 * 74); } }

.grid[data-grid-size="91"] .grid-item--width75 {
  width: 82.41758%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width75 {
      width: calc(100vw / 91 * 75); } }

.grid[data-grid-size="91"] .grid-item--height75 {
  height: calc(100vh / 91 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height75 {
      height: calc(100vw / 91 * 75); } }

.grid[data-grid-size="91"] .grid-item--width76 {
  width: 83.51648%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width76 {
      width: calc(100vw / 91 * 76); } }

.grid[data-grid-size="91"] .grid-item--height76 {
  height: calc(100vh / 91 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height76 {
      height: calc(100vw / 91 * 76); } }

.grid[data-grid-size="91"] .grid-item--width77 {
  width: 84.61538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width77 {
      width: calc(100vw / 91 * 77); } }

.grid[data-grid-size="91"] .grid-item--height77 {
  height: calc(100vh / 91 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height77 {
      height: calc(100vw / 91 * 77); } }

.grid[data-grid-size="91"] .grid-item--width78 {
  width: 85.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width78 {
      width: calc(100vw / 91 * 78); } }

.grid[data-grid-size="91"] .grid-item--height78 {
  height: calc(100vh / 91 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height78 {
      height: calc(100vw / 91 * 78); } }

.grid[data-grid-size="91"] .grid-item--width79 {
  width: 86.81319%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width79 {
      width: calc(100vw / 91 * 79); } }

.grid[data-grid-size="91"] .grid-item--height79 {
  height: calc(100vh / 91 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height79 {
      height: calc(100vw / 91 * 79); } }

.grid[data-grid-size="91"] .grid-item--width80 {
  width: 87.91209%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width80 {
      width: calc(100vw / 91 * 80); } }

.grid[data-grid-size="91"] .grid-item--height80 {
  height: calc(100vh / 91 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height80 {
      height: calc(100vw / 91 * 80); } }

.grid[data-grid-size="91"] .grid-item--width81 {
  width: 89.01099%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width81 {
      width: calc(100vw / 91 * 81); } }

.grid[data-grid-size="91"] .grid-item--height81 {
  height: calc(100vh / 91 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height81 {
      height: calc(100vw / 91 * 81); } }

.grid[data-grid-size="91"] .grid-item--width82 {
  width: 90.10989%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width82 {
      width: calc(100vw / 91 * 82); } }

.grid[data-grid-size="91"] .grid-item--height82 {
  height: calc(100vh / 91 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height82 {
      height: calc(100vw / 91 * 82); } }

.grid[data-grid-size="91"] .grid-item--width83 {
  width: 91.20879%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width83 {
      width: calc(100vw / 91 * 83); } }

.grid[data-grid-size="91"] .grid-item--height83 {
  height: calc(100vh / 91 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height83 {
      height: calc(100vw / 91 * 83); } }

.grid[data-grid-size="91"] .grid-item--width84 {
  width: 92.30769%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width84 {
      width: calc(100vw / 91 * 84); } }

.grid[data-grid-size="91"] .grid-item--height84 {
  height: calc(100vh / 91 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height84 {
      height: calc(100vw / 91 * 84); } }

.grid[data-grid-size="91"] .grid-item--width85 {
  width: 93.40659%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width85 {
      width: calc(100vw / 91 * 85); } }

.grid[data-grid-size="91"] .grid-item--height85 {
  height: calc(100vh / 91 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height85 {
      height: calc(100vw / 91 * 85); } }

.grid[data-grid-size="91"] .grid-item--width86 {
  width: 94.50549%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width86 {
      width: calc(100vw / 91 * 86); } }

.grid[data-grid-size="91"] .grid-item--height86 {
  height: calc(100vh / 91 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height86 {
      height: calc(100vw / 91 * 86); } }

.grid[data-grid-size="91"] .grid-item--width87 {
  width: 95.6044%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width87 {
      width: calc(100vw / 91 * 87); } }

.grid[data-grid-size="91"] .grid-item--height87 {
  height: calc(100vh / 91 * 87); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height87 {
      height: calc(100vw / 91 * 87); } }

.grid[data-grid-size="91"] .grid-item--width88 {
  width: 96.7033%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width88 {
      width: calc(100vw / 91 * 88); } }

.grid[data-grid-size="91"] .grid-item--height88 {
  height: calc(100vh / 91 * 88); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height88 {
      height: calc(100vw / 91 * 88); } }

.grid[data-grid-size="91"] .grid-item--width89 {
  width: 97.8022%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width89 {
      width: calc(100vw / 91 * 89); } }

.grid[data-grid-size="91"] .grid-item--height89 {
  height: calc(100vh / 91 * 89); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height89 {
      height: calc(100vw / 91 * 89); } }

.grid[data-grid-size="91"] .grid-item--width90 {
  width: 98.9011%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width90 {
      width: calc(100vw / 91 * 90); } }

.grid[data-grid-size="91"] .grid-item--height90 {
  height: calc(100vh / 91 * 90); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height90 {
      height: calc(100vw / 91 * 90); } }

.grid[data-grid-size="91"] .grid-item--width91 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--width91 {
      width: calc(100vw / 91 * 91); } }

.grid[data-grid-size="91"] .grid-item--height91 {
  height: calc(100vh / 91 * 91); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="91"] .grid-item--height91 {
      height: calc(100vw / 91 * 91); } }

.grid[data-grid-size="92"] .grid-sizer, .grid[data-grid-size="92"] .grid-item {
  width: 1.08696%; }

.grid[data-grid-size="92"] .grid-item--width1 {
  width: 1.08696%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width1 {
      width: calc(100vw / 92 * 1); } }

.grid[data-grid-size="92"] .grid-item--height1 {
  height: calc(100vh / 92 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height1 {
      height: calc(100vw / 92 * 1); } }

.grid[data-grid-size="92"] .grid-item--width2 {
  width: 2.17391%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width2 {
      width: calc(100vw / 92 * 2); } }

.grid[data-grid-size="92"] .grid-item--height2 {
  height: calc(100vh / 92 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height2 {
      height: calc(100vw / 92 * 2); } }

.grid[data-grid-size="92"] .grid-item--width3 {
  width: 3.26087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width3 {
      width: calc(100vw / 92 * 3); } }

.grid[data-grid-size="92"] .grid-item--height3 {
  height: calc(100vh / 92 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height3 {
      height: calc(100vw / 92 * 3); } }

.grid[data-grid-size="92"] .grid-item--width4 {
  width: 4.34783%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width4 {
      width: calc(100vw / 92 * 4); } }

.grid[data-grid-size="92"] .grid-item--height4 {
  height: calc(100vh / 92 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height4 {
      height: calc(100vw / 92 * 4); } }

.grid[data-grid-size="92"] .grid-item--width5 {
  width: 5.43478%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width5 {
      width: calc(100vw / 92 * 5); } }

.grid[data-grid-size="92"] .grid-item--height5 {
  height: calc(100vh / 92 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height5 {
      height: calc(100vw / 92 * 5); } }

.grid[data-grid-size="92"] .grid-item--width6 {
  width: 6.52174%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width6 {
      width: calc(100vw / 92 * 6); } }

.grid[data-grid-size="92"] .grid-item--height6 {
  height: calc(100vh / 92 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height6 {
      height: calc(100vw / 92 * 6); } }

.grid[data-grid-size="92"] .grid-item--width7 {
  width: 7.6087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width7 {
      width: calc(100vw / 92 * 7); } }

.grid[data-grid-size="92"] .grid-item--height7 {
  height: calc(100vh / 92 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height7 {
      height: calc(100vw / 92 * 7); } }

.grid[data-grid-size="92"] .grid-item--width8 {
  width: 8.69565%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width8 {
      width: calc(100vw / 92 * 8); } }

.grid[data-grid-size="92"] .grid-item--height8 {
  height: calc(100vh / 92 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height8 {
      height: calc(100vw / 92 * 8); } }

.grid[data-grid-size="92"] .grid-item--width9 {
  width: 9.78261%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width9 {
      width: calc(100vw / 92 * 9); } }

.grid[data-grid-size="92"] .grid-item--height9 {
  height: calc(100vh / 92 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height9 {
      height: calc(100vw / 92 * 9); } }

.grid[data-grid-size="92"] .grid-item--width10 {
  width: 10.86957%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width10 {
      width: calc(100vw / 92 * 10); } }

.grid[data-grid-size="92"] .grid-item--height10 {
  height: calc(100vh / 92 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height10 {
      height: calc(100vw / 92 * 10); } }

.grid[data-grid-size="92"] .grid-item--width11 {
  width: 11.95652%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width11 {
      width: calc(100vw / 92 * 11); } }

.grid[data-grid-size="92"] .grid-item--height11 {
  height: calc(100vh / 92 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height11 {
      height: calc(100vw / 92 * 11); } }

.grid[data-grid-size="92"] .grid-item--width12 {
  width: 13.04348%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width12 {
      width: calc(100vw / 92 * 12); } }

.grid[data-grid-size="92"] .grid-item--height12 {
  height: calc(100vh / 92 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height12 {
      height: calc(100vw / 92 * 12); } }

.grid[data-grid-size="92"] .grid-item--width13 {
  width: 14.13043%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width13 {
      width: calc(100vw / 92 * 13); } }

.grid[data-grid-size="92"] .grid-item--height13 {
  height: calc(100vh / 92 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height13 {
      height: calc(100vw / 92 * 13); } }

.grid[data-grid-size="92"] .grid-item--width14 {
  width: 15.21739%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width14 {
      width: calc(100vw / 92 * 14); } }

.grid[data-grid-size="92"] .grid-item--height14 {
  height: calc(100vh / 92 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height14 {
      height: calc(100vw / 92 * 14); } }

.grid[data-grid-size="92"] .grid-item--width15 {
  width: 16.30435%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width15 {
      width: calc(100vw / 92 * 15); } }

.grid[data-grid-size="92"] .grid-item--height15 {
  height: calc(100vh / 92 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height15 {
      height: calc(100vw / 92 * 15); } }

.grid[data-grid-size="92"] .grid-item--width16 {
  width: 17.3913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width16 {
      width: calc(100vw / 92 * 16); } }

.grid[data-grid-size="92"] .grid-item--height16 {
  height: calc(100vh / 92 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height16 {
      height: calc(100vw / 92 * 16); } }

.grid[data-grid-size="92"] .grid-item--width17 {
  width: 18.47826%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width17 {
      width: calc(100vw / 92 * 17); } }

.grid[data-grid-size="92"] .grid-item--height17 {
  height: calc(100vh / 92 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height17 {
      height: calc(100vw / 92 * 17); } }

.grid[data-grid-size="92"] .grid-item--width18 {
  width: 19.56522%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width18 {
      width: calc(100vw / 92 * 18); } }

.grid[data-grid-size="92"] .grid-item--height18 {
  height: calc(100vh / 92 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height18 {
      height: calc(100vw / 92 * 18); } }

.grid[data-grid-size="92"] .grid-item--width19 {
  width: 20.65217%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width19 {
      width: calc(100vw / 92 * 19); } }

.grid[data-grid-size="92"] .grid-item--height19 {
  height: calc(100vh / 92 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height19 {
      height: calc(100vw / 92 * 19); } }

.grid[data-grid-size="92"] .grid-item--width20 {
  width: 21.73913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width20 {
      width: calc(100vw / 92 * 20); } }

.grid[data-grid-size="92"] .grid-item--height20 {
  height: calc(100vh / 92 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height20 {
      height: calc(100vw / 92 * 20); } }

.grid[data-grid-size="92"] .grid-item--width21 {
  width: 22.82609%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width21 {
      width: calc(100vw / 92 * 21); } }

.grid[data-grid-size="92"] .grid-item--height21 {
  height: calc(100vh / 92 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height21 {
      height: calc(100vw / 92 * 21); } }

.grid[data-grid-size="92"] .grid-item--width22 {
  width: 23.91304%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width22 {
      width: calc(100vw / 92 * 22); } }

.grid[data-grid-size="92"] .grid-item--height22 {
  height: calc(100vh / 92 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height22 {
      height: calc(100vw / 92 * 22); } }

.grid[data-grid-size="92"] .grid-item--width23 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width23 {
      width: calc(100vw / 92 * 23); } }

.grid[data-grid-size="92"] .grid-item--height23 {
  height: calc(100vh / 92 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height23 {
      height: calc(100vw / 92 * 23); } }

.grid[data-grid-size="92"] .grid-item--width24 {
  width: 26.08696%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width24 {
      width: calc(100vw / 92 * 24); } }

.grid[data-grid-size="92"] .grid-item--height24 {
  height: calc(100vh / 92 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height24 {
      height: calc(100vw / 92 * 24); } }

.grid[data-grid-size="92"] .grid-item--width25 {
  width: 27.17391%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width25 {
      width: calc(100vw / 92 * 25); } }

.grid[data-grid-size="92"] .grid-item--height25 {
  height: calc(100vh / 92 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height25 {
      height: calc(100vw / 92 * 25); } }

.grid[data-grid-size="92"] .grid-item--width26 {
  width: 28.26087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width26 {
      width: calc(100vw / 92 * 26); } }

.grid[data-grid-size="92"] .grid-item--height26 {
  height: calc(100vh / 92 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height26 {
      height: calc(100vw / 92 * 26); } }

.grid[data-grid-size="92"] .grid-item--width27 {
  width: 29.34783%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width27 {
      width: calc(100vw / 92 * 27); } }

.grid[data-grid-size="92"] .grid-item--height27 {
  height: calc(100vh / 92 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height27 {
      height: calc(100vw / 92 * 27); } }

.grid[data-grid-size="92"] .grid-item--width28 {
  width: 30.43478%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width28 {
      width: calc(100vw / 92 * 28); } }

.grid[data-grid-size="92"] .grid-item--height28 {
  height: calc(100vh / 92 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height28 {
      height: calc(100vw / 92 * 28); } }

.grid[data-grid-size="92"] .grid-item--width29 {
  width: 31.52174%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width29 {
      width: calc(100vw / 92 * 29); } }

.grid[data-grid-size="92"] .grid-item--height29 {
  height: calc(100vh / 92 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height29 {
      height: calc(100vw / 92 * 29); } }

.grid[data-grid-size="92"] .grid-item--width30 {
  width: 32.6087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width30 {
      width: calc(100vw / 92 * 30); } }

.grid[data-grid-size="92"] .grid-item--height30 {
  height: calc(100vh / 92 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height30 {
      height: calc(100vw / 92 * 30); } }

.grid[data-grid-size="92"] .grid-item--width31 {
  width: 33.69565%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width31 {
      width: calc(100vw / 92 * 31); } }

.grid[data-grid-size="92"] .grid-item--height31 {
  height: calc(100vh / 92 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height31 {
      height: calc(100vw / 92 * 31); } }

.grid[data-grid-size="92"] .grid-item--width32 {
  width: 34.78261%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width32 {
      width: calc(100vw / 92 * 32); } }

.grid[data-grid-size="92"] .grid-item--height32 {
  height: calc(100vh / 92 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height32 {
      height: calc(100vw / 92 * 32); } }

.grid[data-grid-size="92"] .grid-item--width33 {
  width: 35.86957%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width33 {
      width: calc(100vw / 92 * 33); } }

.grid[data-grid-size="92"] .grid-item--height33 {
  height: calc(100vh / 92 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height33 {
      height: calc(100vw / 92 * 33); } }

.grid[data-grid-size="92"] .grid-item--width34 {
  width: 36.95652%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width34 {
      width: calc(100vw / 92 * 34); } }

.grid[data-grid-size="92"] .grid-item--height34 {
  height: calc(100vh / 92 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height34 {
      height: calc(100vw / 92 * 34); } }

.grid[data-grid-size="92"] .grid-item--width35 {
  width: 38.04348%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width35 {
      width: calc(100vw / 92 * 35); } }

.grid[data-grid-size="92"] .grid-item--height35 {
  height: calc(100vh / 92 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height35 {
      height: calc(100vw / 92 * 35); } }

.grid[data-grid-size="92"] .grid-item--width36 {
  width: 39.13043%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width36 {
      width: calc(100vw / 92 * 36); } }

.grid[data-grid-size="92"] .grid-item--height36 {
  height: calc(100vh / 92 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height36 {
      height: calc(100vw / 92 * 36); } }

.grid[data-grid-size="92"] .grid-item--width37 {
  width: 40.21739%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width37 {
      width: calc(100vw / 92 * 37); } }

.grid[data-grid-size="92"] .grid-item--height37 {
  height: calc(100vh / 92 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height37 {
      height: calc(100vw / 92 * 37); } }

.grid[data-grid-size="92"] .grid-item--width38 {
  width: 41.30435%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width38 {
      width: calc(100vw / 92 * 38); } }

.grid[data-grid-size="92"] .grid-item--height38 {
  height: calc(100vh / 92 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height38 {
      height: calc(100vw / 92 * 38); } }

.grid[data-grid-size="92"] .grid-item--width39 {
  width: 42.3913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width39 {
      width: calc(100vw / 92 * 39); } }

.grid[data-grid-size="92"] .grid-item--height39 {
  height: calc(100vh / 92 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height39 {
      height: calc(100vw / 92 * 39); } }

.grid[data-grid-size="92"] .grid-item--width40 {
  width: 43.47826%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width40 {
      width: calc(100vw / 92 * 40); } }

.grid[data-grid-size="92"] .grid-item--height40 {
  height: calc(100vh / 92 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height40 {
      height: calc(100vw / 92 * 40); } }

.grid[data-grid-size="92"] .grid-item--width41 {
  width: 44.56522%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width41 {
      width: calc(100vw / 92 * 41); } }

.grid[data-grid-size="92"] .grid-item--height41 {
  height: calc(100vh / 92 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height41 {
      height: calc(100vw / 92 * 41); } }

.grid[data-grid-size="92"] .grid-item--width42 {
  width: 45.65217%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width42 {
      width: calc(100vw / 92 * 42); } }

.grid[data-grid-size="92"] .grid-item--height42 {
  height: calc(100vh / 92 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height42 {
      height: calc(100vw / 92 * 42); } }

.grid[data-grid-size="92"] .grid-item--width43 {
  width: 46.73913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width43 {
      width: calc(100vw / 92 * 43); } }

.grid[data-grid-size="92"] .grid-item--height43 {
  height: calc(100vh / 92 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height43 {
      height: calc(100vw / 92 * 43); } }

.grid[data-grid-size="92"] .grid-item--width44 {
  width: 47.82609%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width44 {
      width: calc(100vw / 92 * 44); } }

.grid[data-grid-size="92"] .grid-item--height44 {
  height: calc(100vh / 92 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height44 {
      height: calc(100vw / 92 * 44); } }

.grid[data-grid-size="92"] .grid-item--width45 {
  width: 48.91304%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width45 {
      width: calc(100vw / 92 * 45); } }

.grid[data-grid-size="92"] .grid-item--height45 {
  height: calc(100vh / 92 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height45 {
      height: calc(100vw / 92 * 45); } }

.grid[data-grid-size="92"] .grid-item--width46 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width46 {
      width: calc(100vw / 92 * 46); } }

.grid[data-grid-size="92"] .grid-item--height46 {
  height: calc(100vh / 92 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height46 {
      height: calc(100vw / 92 * 46); } }

.grid[data-grid-size="92"] .grid-item--width47 {
  width: 51.08696%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width47 {
      width: calc(100vw / 92 * 47); } }

.grid[data-grid-size="92"] .grid-item--height47 {
  height: calc(100vh / 92 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height47 {
      height: calc(100vw / 92 * 47); } }

.grid[data-grid-size="92"] .grid-item--width48 {
  width: 52.17391%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width48 {
      width: calc(100vw / 92 * 48); } }

.grid[data-grid-size="92"] .grid-item--height48 {
  height: calc(100vh / 92 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height48 {
      height: calc(100vw / 92 * 48); } }

.grid[data-grid-size="92"] .grid-item--width49 {
  width: 53.26087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width49 {
      width: calc(100vw / 92 * 49); } }

.grid[data-grid-size="92"] .grid-item--height49 {
  height: calc(100vh / 92 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height49 {
      height: calc(100vw / 92 * 49); } }

.grid[data-grid-size="92"] .grid-item--width50 {
  width: 54.34783%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width50 {
      width: calc(100vw / 92 * 50); } }

.grid[data-grid-size="92"] .grid-item--height50 {
  height: calc(100vh / 92 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height50 {
      height: calc(100vw / 92 * 50); } }

.grid[data-grid-size="92"] .grid-item--width51 {
  width: 55.43478%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width51 {
      width: calc(100vw / 92 * 51); } }

.grid[data-grid-size="92"] .grid-item--height51 {
  height: calc(100vh / 92 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height51 {
      height: calc(100vw / 92 * 51); } }

.grid[data-grid-size="92"] .grid-item--width52 {
  width: 56.52174%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width52 {
      width: calc(100vw / 92 * 52); } }

.grid[data-grid-size="92"] .grid-item--height52 {
  height: calc(100vh / 92 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height52 {
      height: calc(100vw / 92 * 52); } }

.grid[data-grid-size="92"] .grid-item--width53 {
  width: 57.6087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width53 {
      width: calc(100vw / 92 * 53); } }

.grid[data-grid-size="92"] .grid-item--height53 {
  height: calc(100vh / 92 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height53 {
      height: calc(100vw / 92 * 53); } }

.grid[data-grid-size="92"] .grid-item--width54 {
  width: 58.69565%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width54 {
      width: calc(100vw / 92 * 54); } }

.grid[data-grid-size="92"] .grid-item--height54 {
  height: calc(100vh / 92 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height54 {
      height: calc(100vw / 92 * 54); } }

.grid[data-grid-size="92"] .grid-item--width55 {
  width: 59.78261%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width55 {
      width: calc(100vw / 92 * 55); } }

.grid[data-grid-size="92"] .grid-item--height55 {
  height: calc(100vh / 92 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height55 {
      height: calc(100vw / 92 * 55); } }

.grid[data-grid-size="92"] .grid-item--width56 {
  width: 60.86957%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width56 {
      width: calc(100vw / 92 * 56); } }

.grid[data-grid-size="92"] .grid-item--height56 {
  height: calc(100vh / 92 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height56 {
      height: calc(100vw / 92 * 56); } }

.grid[data-grid-size="92"] .grid-item--width57 {
  width: 61.95652%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width57 {
      width: calc(100vw / 92 * 57); } }

.grid[data-grid-size="92"] .grid-item--height57 {
  height: calc(100vh / 92 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height57 {
      height: calc(100vw / 92 * 57); } }

.grid[data-grid-size="92"] .grid-item--width58 {
  width: 63.04348%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width58 {
      width: calc(100vw / 92 * 58); } }

.grid[data-grid-size="92"] .grid-item--height58 {
  height: calc(100vh / 92 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height58 {
      height: calc(100vw / 92 * 58); } }

.grid[data-grid-size="92"] .grid-item--width59 {
  width: 64.13043%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width59 {
      width: calc(100vw / 92 * 59); } }

.grid[data-grid-size="92"] .grid-item--height59 {
  height: calc(100vh / 92 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height59 {
      height: calc(100vw / 92 * 59); } }

.grid[data-grid-size="92"] .grid-item--width60 {
  width: 65.21739%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width60 {
      width: calc(100vw / 92 * 60); } }

.grid[data-grid-size="92"] .grid-item--height60 {
  height: calc(100vh / 92 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height60 {
      height: calc(100vw / 92 * 60); } }

.grid[data-grid-size="92"] .grid-item--width61 {
  width: 66.30435%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width61 {
      width: calc(100vw / 92 * 61); } }

.grid[data-grid-size="92"] .grid-item--height61 {
  height: calc(100vh / 92 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height61 {
      height: calc(100vw / 92 * 61); } }

.grid[data-grid-size="92"] .grid-item--width62 {
  width: 67.3913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width62 {
      width: calc(100vw / 92 * 62); } }

.grid[data-grid-size="92"] .grid-item--height62 {
  height: calc(100vh / 92 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height62 {
      height: calc(100vw / 92 * 62); } }

.grid[data-grid-size="92"] .grid-item--width63 {
  width: 68.47826%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width63 {
      width: calc(100vw / 92 * 63); } }

.grid[data-grid-size="92"] .grid-item--height63 {
  height: calc(100vh / 92 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height63 {
      height: calc(100vw / 92 * 63); } }

.grid[data-grid-size="92"] .grid-item--width64 {
  width: 69.56522%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width64 {
      width: calc(100vw / 92 * 64); } }

.grid[data-grid-size="92"] .grid-item--height64 {
  height: calc(100vh / 92 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height64 {
      height: calc(100vw / 92 * 64); } }

.grid[data-grid-size="92"] .grid-item--width65 {
  width: 70.65217%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width65 {
      width: calc(100vw / 92 * 65); } }

.grid[data-grid-size="92"] .grid-item--height65 {
  height: calc(100vh / 92 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height65 {
      height: calc(100vw / 92 * 65); } }

.grid[data-grid-size="92"] .grid-item--width66 {
  width: 71.73913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width66 {
      width: calc(100vw / 92 * 66); } }

.grid[data-grid-size="92"] .grid-item--height66 {
  height: calc(100vh / 92 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height66 {
      height: calc(100vw / 92 * 66); } }

.grid[data-grid-size="92"] .grid-item--width67 {
  width: 72.82609%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width67 {
      width: calc(100vw / 92 * 67); } }

.grid[data-grid-size="92"] .grid-item--height67 {
  height: calc(100vh / 92 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height67 {
      height: calc(100vw / 92 * 67); } }

.grid[data-grid-size="92"] .grid-item--width68 {
  width: 73.91304%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width68 {
      width: calc(100vw / 92 * 68); } }

.grid[data-grid-size="92"] .grid-item--height68 {
  height: calc(100vh / 92 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height68 {
      height: calc(100vw / 92 * 68); } }

.grid[data-grid-size="92"] .grid-item--width69 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width69 {
      width: calc(100vw / 92 * 69); } }

.grid[data-grid-size="92"] .grid-item--height69 {
  height: calc(100vh / 92 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height69 {
      height: calc(100vw / 92 * 69); } }

.grid[data-grid-size="92"] .grid-item--width70 {
  width: 76.08696%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width70 {
      width: calc(100vw / 92 * 70); } }

.grid[data-grid-size="92"] .grid-item--height70 {
  height: calc(100vh / 92 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height70 {
      height: calc(100vw / 92 * 70); } }

.grid[data-grid-size="92"] .grid-item--width71 {
  width: 77.17391%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width71 {
      width: calc(100vw / 92 * 71); } }

.grid[data-grid-size="92"] .grid-item--height71 {
  height: calc(100vh / 92 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height71 {
      height: calc(100vw / 92 * 71); } }

.grid[data-grid-size="92"] .grid-item--width72 {
  width: 78.26087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width72 {
      width: calc(100vw / 92 * 72); } }

.grid[data-grid-size="92"] .grid-item--height72 {
  height: calc(100vh / 92 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height72 {
      height: calc(100vw / 92 * 72); } }

.grid[data-grid-size="92"] .grid-item--width73 {
  width: 79.34783%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width73 {
      width: calc(100vw / 92 * 73); } }

.grid[data-grid-size="92"] .grid-item--height73 {
  height: calc(100vh / 92 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height73 {
      height: calc(100vw / 92 * 73); } }

.grid[data-grid-size="92"] .grid-item--width74 {
  width: 80.43478%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width74 {
      width: calc(100vw / 92 * 74); } }

.grid[data-grid-size="92"] .grid-item--height74 {
  height: calc(100vh / 92 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height74 {
      height: calc(100vw / 92 * 74); } }

.grid[data-grid-size="92"] .grid-item--width75 {
  width: 81.52174%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width75 {
      width: calc(100vw / 92 * 75); } }

.grid[data-grid-size="92"] .grid-item--height75 {
  height: calc(100vh / 92 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height75 {
      height: calc(100vw / 92 * 75); } }

.grid[data-grid-size="92"] .grid-item--width76 {
  width: 82.6087%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width76 {
      width: calc(100vw / 92 * 76); } }

.grid[data-grid-size="92"] .grid-item--height76 {
  height: calc(100vh / 92 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height76 {
      height: calc(100vw / 92 * 76); } }

.grid[data-grid-size="92"] .grid-item--width77 {
  width: 83.69565%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width77 {
      width: calc(100vw / 92 * 77); } }

.grid[data-grid-size="92"] .grid-item--height77 {
  height: calc(100vh / 92 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height77 {
      height: calc(100vw / 92 * 77); } }

.grid[data-grid-size="92"] .grid-item--width78 {
  width: 84.78261%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width78 {
      width: calc(100vw / 92 * 78); } }

.grid[data-grid-size="92"] .grid-item--height78 {
  height: calc(100vh / 92 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height78 {
      height: calc(100vw / 92 * 78); } }

.grid[data-grid-size="92"] .grid-item--width79 {
  width: 85.86957%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width79 {
      width: calc(100vw / 92 * 79); } }

.grid[data-grid-size="92"] .grid-item--height79 {
  height: calc(100vh / 92 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height79 {
      height: calc(100vw / 92 * 79); } }

.grid[data-grid-size="92"] .grid-item--width80 {
  width: 86.95652%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width80 {
      width: calc(100vw / 92 * 80); } }

.grid[data-grid-size="92"] .grid-item--height80 {
  height: calc(100vh / 92 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height80 {
      height: calc(100vw / 92 * 80); } }

.grid[data-grid-size="92"] .grid-item--width81 {
  width: 88.04348%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width81 {
      width: calc(100vw / 92 * 81); } }

.grid[data-grid-size="92"] .grid-item--height81 {
  height: calc(100vh / 92 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height81 {
      height: calc(100vw / 92 * 81); } }

.grid[data-grid-size="92"] .grid-item--width82 {
  width: 89.13043%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width82 {
      width: calc(100vw / 92 * 82); } }

.grid[data-grid-size="92"] .grid-item--height82 {
  height: calc(100vh / 92 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height82 {
      height: calc(100vw / 92 * 82); } }

.grid[data-grid-size="92"] .grid-item--width83 {
  width: 90.21739%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width83 {
      width: calc(100vw / 92 * 83); } }

.grid[data-grid-size="92"] .grid-item--height83 {
  height: calc(100vh / 92 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height83 {
      height: calc(100vw / 92 * 83); } }

.grid[data-grid-size="92"] .grid-item--width84 {
  width: 91.30435%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width84 {
      width: calc(100vw / 92 * 84); } }

.grid[data-grid-size="92"] .grid-item--height84 {
  height: calc(100vh / 92 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height84 {
      height: calc(100vw / 92 * 84); } }

.grid[data-grid-size="92"] .grid-item--width85 {
  width: 92.3913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width85 {
      width: calc(100vw / 92 * 85); } }

.grid[data-grid-size="92"] .grid-item--height85 {
  height: calc(100vh / 92 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height85 {
      height: calc(100vw / 92 * 85); } }

.grid[data-grid-size="92"] .grid-item--width86 {
  width: 93.47826%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width86 {
      width: calc(100vw / 92 * 86); } }

.grid[data-grid-size="92"] .grid-item--height86 {
  height: calc(100vh / 92 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height86 {
      height: calc(100vw / 92 * 86); } }

.grid[data-grid-size="92"] .grid-item--width87 {
  width: 94.56522%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width87 {
      width: calc(100vw / 92 * 87); } }

.grid[data-grid-size="92"] .grid-item--height87 {
  height: calc(100vh / 92 * 87); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height87 {
      height: calc(100vw / 92 * 87); } }

.grid[data-grid-size="92"] .grid-item--width88 {
  width: 95.65217%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width88 {
      width: calc(100vw / 92 * 88); } }

.grid[data-grid-size="92"] .grid-item--height88 {
  height: calc(100vh / 92 * 88); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height88 {
      height: calc(100vw / 92 * 88); } }

.grid[data-grid-size="92"] .grid-item--width89 {
  width: 96.73913%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width89 {
      width: calc(100vw / 92 * 89); } }

.grid[data-grid-size="92"] .grid-item--height89 {
  height: calc(100vh / 92 * 89); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height89 {
      height: calc(100vw / 92 * 89); } }

.grid[data-grid-size="92"] .grid-item--width90 {
  width: 97.82609%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width90 {
      width: calc(100vw / 92 * 90); } }

.grid[data-grid-size="92"] .grid-item--height90 {
  height: calc(100vh / 92 * 90); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height90 {
      height: calc(100vw / 92 * 90); } }

.grid[data-grid-size="92"] .grid-item--width91 {
  width: 98.91304%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width91 {
      width: calc(100vw / 92 * 91); } }

.grid[data-grid-size="92"] .grid-item--height91 {
  height: calc(100vh / 92 * 91); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height91 {
      height: calc(100vw / 92 * 91); } }

.grid[data-grid-size="92"] .grid-item--width92 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--width92 {
      width: calc(100vw / 92 * 92); } }

.grid[data-grid-size="92"] .grid-item--height92 {
  height: calc(100vh / 92 * 92); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="92"] .grid-item--height92 {
      height: calc(100vw / 92 * 92); } }

.grid[data-grid-size="93"] .grid-sizer, .grid[data-grid-size="93"] .grid-item {
  width: 1.07527%; }

.grid[data-grid-size="93"] .grid-item--width1 {
  width: 1.07527%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width1 {
      width: calc(100vw / 93 * 1); } }

.grid[data-grid-size="93"] .grid-item--height1 {
  height: calc(100vh / 93 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height1 {
      height: calc(100vw / 93 * 1); } }

.grid[data-grid-size="93"] .grid-item--width2 {
  width: 2.15054%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width2 {
      width: calc(100vw / 93 * 2); } }

.grid[data-grid-size="93"] .grid-item--height2 {
  height: calc(100vh / 93 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height2 {
      height: calc(100vw / 93 * 2); } }

.grid[data-grid-size="93"] .grid-item--width3 {
  width: 3.22581%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width3 {
      width: calc(100vw / 93 * 3); } }

.grid[data-grid-size="93"] .grid-item--height3 {
  height: calc(100vh / 93 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height3 {
      height: calc(100vw / 93 * 3); } }

.grid[data-grid-size="93"] .grid-item--width4 {
  width: 4.30108%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width4 {
      width: calc(100vw / 93 * 4); } }

.grid[data-grid-size="93"] .grid-item--height4 {
  height: calc(100vh / 93 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height4 {
      height: calc(100vw / 93 * 4); } }

.grid[data-grid-size="93"] .grid-item--width5 {
  width: 5.37634%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width5 {
      width: calc(100vw / 93 * 5); } }

.grid[data-grid-size="93"] .grid-item--height5 {
  height: calc(100vh / 93 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height5 {
      height: calc(100vw / 93 * 5); } }

.grid[data-grid-size="93"] .grid-item--width6 {
  width: 6.45161%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width6 {
      width: calc(100vw / 93 * 6); } }

.grid[data-grid-size="93"] .grid-item--height6 {
  height: calc(100vh / 93 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height6 {
      height: calc(100vw / 93 * 6); } }

.grid[data-grid-size="93"] .grid-item--width7 {
  width: 7.52688%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width7 {
      width: calc(100vw / 93 * 7); } }

.grid[data-grid-size="93"] .grid-item--height7 {
  height: calc(100vh / 93 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height7 {
      height: calc(100vw / 93 * 7); } }

.grid[data-grid-size="93"] .grid-item--width8 {
  width: 8.60215%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width8 {
      width: calc(100vw / 93 * 8); } }

.grid[data-grid-size="93"] .grid-item--height8 {
  height: calc(100vh / 93 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height8 {
      height: calc(100vw / 93 * 8); } }

.grid[data-grid-size="93"] .grid-item--width9 {
  width: 9.67742%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width9 {
      width: calc(100vw / 93 * 9); } }

.grid[data-grid-size="93"] .grid-item--height9 {
  height: calc(100vh / 93 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height9 {
      height: calc(100vw / 93 * 9); } }

.grid[data-grid-size="93"] .grid-item--width10 {
  width: 10.75269%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width10 {
      width: calc(100vw / 93 * 10); } }

.grid[data-grid-size="93"] .grid-item--height10 {
  height: calc(100vh / 93 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height10 {
      height: calc(100vw / 93 * 10); } }

.grid[data-grid-size="93"] .grid-item--width11 {
  width: 11.82796%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width11 {
      width: calc(100vw / 93 * 11); } }

.grid[data-grid-size="93"] .grid-item--height11 {
  height: calc(100vh / 93 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height11 {
      height: calc(100vw / 93 * 11); } }

.grid[data-grid-size="93"] .grid-item--width12 {
  width: 12.90323%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width12 {
      width: calc(100vw / 93 * 12); } }

.grid[data-grid-size="93"] .grid-item--height12 {
  height: calc(100vh / 93 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height12 {
      height: calc(100vw / 93 * 12); } }

.grid[data-grid-size="93"] .grid-item--width13 {
  width: 13.97849%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width13 {
      width: calc(100vw / 93 * 13); } }

.grid[data-grid-size="93"] .grid-item--height13 {
  height: calc(100vh / 93 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height13 {
      height: calc(100vw / 93 * 13); } }

.grid[data-grid-size="93"] .grid-item--width14 {
  width: 15.05376%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width14 {
      width: calc(100vw / 93 * 14); } }

.grid[data-grid-size="93"] .grid-item--height14 {
  height: calc(100vh / 93 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height14 {
      height: calc(100vw / 93 * 14); } }

.grid[data-grid-size="93"] .grid-item--width15 {
  width: 16.12903%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width15 {
      width: calc(100vw / 93 * 15); } }

.grid[data-grid-size="93"] .grid-item--height15 {
  height: calc(100vh / 93 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height15 {
      height: calc(100vw / 93 * 15); } }

.grid[data-grid-size="93"] .grid-item--width16 {
  width: 17.2043%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width16 {
      width: calc(100vw / 93 * 16); } }

.grid[data-grid-size="93"] .grid-item--height16 {
  height: calc(100vh / 93 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height16 {
      height: calc(100vw / 93 * 16); } }

.grid[data-grid-size="93"] .grid-item--width17 {
  width: 18.27957%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width17 {
      width: calc(100vw / 93 * 17); } }

.grid[data-grid-size="93"] .grid-item--height17 {
  height: calc(100vh / 93 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height17 {
      height: calc(100vw / 93 * 17); } }

.grid[data-grid-size="93"] .grid-item--width18 {
  width: 19.35484%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width18 {
      width: calc(100vw / 93 * 18); } }

.grid[data-grid-size="93"] .grid-item--height18 {
  height: calc(100vh / 93 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height18 {
      height: calc(100vw / 93 * 18); } }

.grid[data-grid-size="93"] .grid-item--width19 {
  width: 20.43011%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width19 {
      width: calc(100vw / 93 * 19); } }

.grid[data-grid-size="93"] .grid-item--height19 {
  height: calc(100vh / 93 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height19 {
      height: calc(100vw / 93 * 19); } }

.grid[data-grid-size="93"] .grid-item--width20 {
  width: 21.50538%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width20 {
      width: calc(100vw / 93 * 20); } }

.grid[data-grid-size="93"] .grid-item--height20 {
  height: calc(100vh / 93 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height20 {
      height: calc(100vw / 93 * 20); } }

.grid[data-grid-size="93"] .grid-item--width21 {
  width: 22.58065%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width21 {
      width: calc(100vw / 93 * 21); } }

.grid[data-grid-size="93"] .grid-item--height21 {
  height: calc(100vh / 93 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height21 {
      height: calc(100vw / 93 * 21); } }

.grid[data-grid-size="93"] .grid-item--width22 {
  width: 23.65591%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width22 {
      width: calc(100vw / 93 * 22); } }

.grid[data-grid-size="93"] .grid-item--height22 {
  height: calc(100vh / 93 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height22 {
      height: calc(100vw / 93 * 22); } }

.grid[data-grid-size="93"] .grid-item--width23 {
  width: 24.73118%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width23 {
      width: calc(100vw / 93 * 23); } }

.grid[data-grid-size="93"] .grid-item--height23 {
  height: calc(100vh / 93 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height23 {
      height: calc(100vw / 93 * 23); } }

.grid[data-grid-size="93"] .grid-item--width24 {
  width: 25.80645%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width24 {
      width: calc(100vw / 93 * 24); } }

.grid[data-grid-size="93"] .grid-item--height24 {
  height: calc(100vh / 93 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height24 {
      height: calc(100vw / 93 * 24); } }

.grid[data-grid-size="93"] .grid-item--width25 {
  width: 26.88172%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width25 {
      width: calc(100vw / 93 * 25); } }

.grid[data-grid-size="93"] .grid-item--height25 {
  height: calc(100vh / 93 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height25 {
      height: calc(100vw / 93 * 25); } }

.grid[data-grid-size="93"] .grid-item--width26 {
  width: 27.95699%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width26 {
      width: calc(100vw / 93 * 26); } }

.grid[data-grid-size="93"] .grid-item--height26 {
  height: calc(100vh / 93 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height26 {
      height: calc(100vw / 93 * 26); } }

.grid[data-grid-size="93"] .grid-item--width27 {
  width: 29.03226%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width27 {
      width: calc(100vw / 93 * 27); } }

.grid[data-grid-size="93"] .grid-item--height27 {
  height: calc(100vh / 93 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height27 {
      height: calc(100vw / 93 * 27); } }

.grid[data-grid-size="93"] .grid-item--width28 {
  width: 30.10753%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width28 {
      width: calc(100vw / 93 * 28); } }

.grid[data-grid-size="93"] .grid-item--height28 {
  height: calc(100vh / 93 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height28 {
      height: calc(100vw / 93 * 28); } }

.grid[data-grid-size="93"] .grid-item--width29 {
  width: 31.1828%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width29 {
      width: calc(100vw / 93 * 29); } }

.grid[data-grid-size="93"] .grid-item--height29 {
  height: calc(100vh / 93 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height29 {
      height: calc(100vw / 93 * 29); } }

.grid[data-grid-size="93"] .grid-item--width30 {
  width: 32.25806%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width30 {
      width: calc(100vw / 93 * 30); } }

.grid[data-grid-size="93"] .grid-item--height30 {
  height: calc(100vh / 93 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height30 {
      height: calc(100vw / 93 * 30); } }

.grid[data-grid-size="93"] .grid-item--width31 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width31 {
      width: calc(100vw / 93 * 31); } }

.grid[data-grid-size="93"] .grid-item--height31 {
  height: calc(100vh / 93 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height31 {
      height: calc(100vw / 93 * 31); } }

.grid[data-grid-size="93"] .grid-item--width32 {
  width: 34.4086%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width32 {
      width: calc(100vw / 93 * 32); } }

.grid[data-grid-size="93"] .grid-item--height32 {
  height: calc(100vh / 93 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height32 {
      height: calc(100vw / 93 * 32); } }

.grid[data-grid-size="93"] .grid-item--width33 {
  width: 35.48387%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width33 {
      width: calc(100vw / 93 * 33); } }

.grid[data-grid-size="93"] .grid-item--height33 {
  height: calc(100vh / 93 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height33 {
      height: calc(100vw / 93 * 33); } }

.grid[data-grid-size="93"] .grid-item--width34 {
  width: 36.55914%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width34 {
      width: calc(100vw / 93 * 34); } }

.grid[data-grid-size="93"] .grid-item--height34 {
  height: calc(100vh / 93 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height34 {
      height: calc(100vw / 93 * 34); } }

.grid[data-grid-size="93"] .grid-item--width35 {
  width: 37.63441%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width35 {
      width: calc(100vw / 93 * 35); } }

.grid[data-grid-size="93"] .grid-item--height35 {
  height: calc(100vh / 93 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height35 {
      height: calc(100vw / 93 * 35); } }

.grid[data-grid-size="93"] .grid-item--width36 {
  width: 38.70968%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width36 {
      width: calc(100vw / 93 * 36); } }

.grid[data-grid-size="93"] .grid-item--height36 {
  height: calc(100vh / 93 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height36 {
      height: calc(100vw / 93 * 36); } }

.grid[data-grid-size="93"] .grid-item--width37 {
  width: 39.78495%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width37 {
      width: calc(100vw / 93 * 37); } }

.grid[data-grid-size="93"] .grid-item--height37 {
  height: calc(100vh / 93 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height37 {
      height: calc(100vw / 93 * 37); } }

.grid[data-grid-size="93"] .grid-item--width38 {
  width: 40.86022%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width38 {
      width: calc(100vw / 93 * 38); } }

.grid[data-grid-size="93"] .grid-item--height38 {
  height: calc(100vh / 93 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height38 {
      height: calc(100vw / 93 * 38); } }

.grid[data-grid-size="93"] .grid-item--width39 {
  width: 41.93548%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width39 {
      width: calc(100vw / 93 * 39); } }

.grid[data-grid-size="93"] .grid-item--height39 {
  height: calc(100vh / 93 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height39 {
      height: calc(100vw / 93 * 39); } }

.grid[data-grid-size="93"] .grid-item--width40 {
  width: 43.01075%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width40 {
      width: calc(100vw / 93 * 40); } }

.grid[data-grid-size="93"] .grid-item--height40 {
  height: calc(100vh / 93 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height40 {
      height: calc(100vw / 93 * 40); } }

.grid[data-grid-size="93"] .grid-item--width41 {
  width: 44.08602%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width41 {
      width: calc(100vw / 93 * 41); } }

.grid[data-grid-size="93"] .grid-item--height41 {
  height: calc(100vh / 93 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height41 {
      height: calc(100vw / 93 * 41); } }

.grid[data-grid-size="93"] .grid-item--width42 {
  width: 45.16129%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width42 {
      width: calc(100vw / 93 * 42); } }

.grid[data-grid-size="93"] .grid-item--height42 {
  height: calc(100vh / 93 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height42 {
      height: calc(100vw / 93 * 42); } }

.grid[data-grid-size="93"] .grid-item--width43 {
  width: 46.23656%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width43 {
      width: calc(100vw / 93 * 43); } }

.grid[data-grid-size="93"] .grid-item--height43 {
  height: calc(100vh / 93 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height43 {
      height: calc(100vw / 93 * 43); } }

.grid[data-grid-size="93"] .grid-item--width44 {
  width: 47.31183%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width44 {
      width: calc(100vw / 93 * 44); } }

.grid[data-grid-size="93"] .grid-item--height44 {
  height: calc(100vh / 93 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height44 {
      height: calc(100vw / 93 * 44); } }

.grid[data-grid-size="93"] .grid-item--width45 {
  width: 48.3871%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width45 {
      width: calc(100vw / 93 * 45); } }

.grid[data-grid-size="93"] .grid-item--height45 {
  height: calc(100vh / 93 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height45 {
      height: calc(100vw / 93 * 45); } }

.grid[data-grid-size="93"] .grid-item--width46 {
  width: 49.46237%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width46 {
      width: calc(100vw / 93 * 46); } }

.grid[data-grid-size="93"] .grid-item--height46 {
  height: calc(100vh / 93 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height46 {
      height: calc(100vw / 93 * 46); } }

.grid[data-grid-size="93"] .grid-item--width47 {
  width: 50.53763%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width47 {
      width: calc(100vw / 93 * 47); } }

.grid[data-grid-size="93"] .grid-item--height47 {
  height: calc(100vh / 93 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height47 {
      height: calc(100vw / 93 * 47); } }

.grid[data-grid-size="93"] .grid-item--width48 {
  width: 51.6129%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width48 {
      width: calc(100vw / 93 * 48); } }

.grid[data-grid-size="93"] .grid-item--height48 {
  height: calc(100vh / 93 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height48 {
      height: calc(100vw / 93 * 48); } }

.grid[data-grid-size="93"] .grid-item--width49 {
  width: 52.68817%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width49 {
      width: calc(100vw / 93 * 49); } }

.grid[data-grid-size="93"] .grid-item--height49 {
  height: calc(100vh / 93 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height49 {
      height: calc(100vw / 93 * 49); } }

.grid[data-grid-size="93"] .grid-item--width50 {
  width: 53.76344%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width50 {
      width: calc(100vw / 93 * 50); } }

.grid[data-grid-size="93"] .grid-item--height50 {
  height: calc(100vh / 93 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height50 {
      height: calc(100vw / 93 * 50); } }

.grid[data-grid-size="93"] .grid-item--width51 {
  width: 54.83871%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width51 {
      width: calc(100vw / 93 * 51); } }

.grid[data-grid-size="93"] .grid-item--height51 {
  height: calc(100vh / 93 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height51 {
      height: calc(100vw / 93 * 51); } }

.grid[data-grid-size="93"] .grid-item--width52 {
  width: 55.91398%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width52 {
      width: calc(100vw / 93 * 52); } }

.grid[data-grid-size="93"] .grid-item--height52 {
  height: calc(100vh / 93 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height52 {
      height: calc(100vw / 93 * 52); } }

.grid[data-grid-size="93"] .grid-item--width53 {
  width: 56.98925%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width53 {
      width: calc(100vw / 93 * 53); } }

.grid[data-grid-size="93"] .grid-item--height53 {
  height: calc(100vh / 93 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height53 {
      height: calc(100vw / 93 * 53); } }

.grid[data-grid-size="93"] .grid-item--width54 {
  width: 58.06452%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width54 {
      width: calc(100vw / 93 * 54); } }

.grid[data-grid-size="93"] .grid-item--height54 {
  height: calc(100vh / 93 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height54 {
      height: calc(100vw / 93 * 54); } }

.grid[data-grid-size="93"] .grid-item--width55 {
  width: 59.13978%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width55 {
      width: calc(100vw / 93 * 55); } }

.grid[data-grid-size="93"] .grid-item--height55 {
  height: calc(100vh / 93 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height55 {
      height: calc(100vw / 93 * 55); } }

.grid[data-grid-size="93"] .grid-item--width56 {
  width: 60.21505%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width56 {
      width: calc(100vw / 93 * 56); } }

.grid[data-grid-size="93"] .grid-item--height56 {
  height: calc(100vh / 93 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height56 {
      height: calc(100vw / 93 * 56); } }

.grid[data-grid-size="93"] .grid-item--width57 {
  width: 61.29032%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width57 {
      width: calc(100vw / 93 * 57); } }

.grid[data-grid-size="93"] .grid-item--height57 {
  height: calc(100vh / 93 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height57 {
      height: calc(100vw / 93 * 57); } }

.grid[data-grid-size="93"] .grid-item--width58 {
  width: 62.36559%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width58 {
      width: calc(100vw / 93 * 58); } }

.grid[data-grid-size="93"] .grid-item--height58 {
  height: calc(100vh / 93 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height58 {
      height: calc(100vw / 93 * 58); } }

.grid[data-grid-size="93"] .grid-item--width59 {
  width: 63.44086%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width59 {
      width: calc(100vw / 93 * 59); } }

.grid[data-grid-size="93"] .grid-item--height59 {
  height: calc(100vh / 93 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height59 {
      height: calc(100vw / 93 * 59); } }

.grid[data-grid-size="93"] .grid-item--width60 {
  width: 64.51613%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width60 {
      width: calc(100vw / 93 * 60); } }

.grid[data-grid-size="93"] .grid-item--height60 {
  height: calc(100vh / 93 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height60 {
      height: calc(100vw / 93 * 60); } }

.grid[data-grid-size="93"] .grid-item--width61 {
  width: 65.5914%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width61 {
      width: calc(100vw / 93 * 61); } }

.grid[data-grid-size="93"] .grid-item--height61 {
  height: calc(100vh / 93 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height61 {
      height: calc(100vw / 93 * 61); } }

.grid[data-grid-size="93"] .grid-item--width62 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width62 {
      width: calc(100vw / 93 * 62); } }

.grid[data-grid-size="93"] .grid-item--height62 {
  height: calc(100vh / 93 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height62 {
      height: calc(100vw / 93 * 62); } }

.grid[data-grid-size="93"] .grid-item--width63 {
  width: 67.74194%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width63 {
      width: calc(100vw / 93 * 63); } }

.grid[data-grid-size="93"] .grid-item--height63 {
  height: calc(100vh / 93 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height63 {
      height: calc(100vw / 93 * 63); } }

.grid[data-grid-size="93"] .grid-item--width64 {
  width: 68.8172%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width64 {
      width: calc(100vw / 93 * 64); } }

.grid[data-grid-size="93"] .grid-item--height64 {
  height: calc(100vh / 93 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height64 {
      height: calc(100vw / 93 * 64); } }

.grid[data-grid-size="93"] .grid-item--width65 {
  width: 69.89247%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width65 {
      width: calc(100vw / 93 * 65); } }

.grid[data-grid-size="93"] .grid-item--height65 {
  height: calc(100vh / 93 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height65 {
      height: calc(100vw / 93 * 65); } }

.grid[data-grid-size="93"] .grid-item--width66 {
  width: 70.96774%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width66 {
      width: calc(100vw / 93 * 66); } }

.grid[data-grid-size="93"] .grid-item--height66 {
  height: calc(100vh / 93 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height66 {
      height: calc(100vw / 93 * 66); } }

.grid[data-grid-size="93"] .grid-item--width67 {
  width: 72.04301%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width67 {
      width: calc(100vw / 93 * 67); } }

.grid[data-grid-size="93"] .grid-item--height67 {
  height: calc(100vh / 93 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height67 {
      height: calc(100vw / 93 * 67); } }

.grid[data-grid-size="93"] .grid-item--width68 {
  width: 73.11828%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width68 {
      width: calc(100vw / 93 * 68); } }

.grid[data-grid-size="93"] .grid-item--height68 {
  height: calc(100vh / 93 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height68 {
      height: calc(100vw / 93 * 68); } }

.grid[data-grid-size="93"] .grid-item--width69 {
  width: 74.19355%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width69 {
      width: calc(100vw / 93 * 69); } }

.grid[data-grid-size="93"] .grid-item--height69 {
  height: calc(100vh / 93 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height69 {
      height: calc(100vw / 93 * 69); } }

.grid[data-grid-size="93"] .grid-item--width70 {
  width: 75.26882%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width70 {
      width: calc(100vw / 93 * 70); } }

.grid[data-grid-size="93"] .grid-item--height70 {
  height: calc(100vh / 93 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height70 {
      height: calc(100vw / 93 * 70); } }

.grid[data-grid-size="93"] .grid-item--width71 {
  width: 76.34409%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width71 {
      width: calc(100vw / 93 * 71); } }

.grid[data-grid-size="93"] .grid-item--height71 {
  height: calc(100vh / 93 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height71 {
      height: calc(100vw / 93 * 71); } }

.grid[data-grid-size="93"] .grid-item--width72 {
  width: 77.41935%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width72 {
      width: calc(100vw / 93 * 72); } }

.grid[data-grid-size="93"] .grid-item--height72 {
  height: calc(100vh / 93 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height72 {
      height: calc(100vw / 93 * 72); } }

.grid[data-grid-size="93"] .grid-item--width73 {
  width: 78.49462%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width73 {
      width: calc(100vw / 93 * 73); } }

.grid[data-grid-size="93"] .grid-item--height73 {
  height: calc(100vh / 93 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height73 {
      height: calc(100vw / 93 * 73); } }

.grid[data-grid-size="93"] .grid-item--width74 {
  width: 79.56989%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width74 {
      width: calc(100vw / 93 * 74); } }

.grid[data-grid-size="93"] .grid-item--height74 {
  height: calc(100vh / 93 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height74 {
      height: calc(100vw / 93 * 74); } }

.grid[data-grid-size="93"] .grid-item--width75 {
  width: 80.64516%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width75 {
      width: calc(100vw / 93 * 75); } }

.grid[data-grid-size="93"] .grid-item--height75 {
  height: calc(100vh / 93 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height75 {
      height: calc(100vw / 93 * 75); } }

.grid[data-grid-size="93"] .grid-item--width76 {
  width: 81.72043%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width76 {
      width: calc(100vw / 93 * 76); } }

.grid[data-grid-size="93"] .grid-item--height76 {
  height: calc(100vh / 93 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height76 {
      height: calc(100vw / 93 * 76); } }

.grid[data-grid-size="93"] .grid-item--width77 {
  width: 82.7957%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width77 {
      width: calc(100vw / 93 * 77); } }

.grid[data-grid-size="93"] .grid-item--height77 {
  height: calc(100vh / 93 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height77 {
      height: calc(100vw / 93 * 77); } }

.grid[data-grid-size="93"] .grid-item--width78 {
  width: 83.87097%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width78 {
      width: calc(100vw / 93 * 78); } }

.grid[data-grid-size="93"] .grid-item--height78 {
  height: calc(100vh / 93 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height78 {
      height: calc(100vw / 93 * 78); } }

.grid[data-grid-size="93"] .grid-item--width79 {
  width: 84.94624%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width79 {
      width: calc(100vw / 93 * 79); } }

.grid[data-grid-size="93"] .grid-item--height79 {
  height: calc(100vh / 93 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height79 {
      height: calc(100vw / 93 * 79); } }

.grid[data-grid-size="93"] .grid-item--width80 {
  width: 86.02151%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width80 {
      width: calc(100vw / 93 * 80); } }

.grid[data-grid-size="93"] .grid-item--height80 {
  height: calc(100vh / 93 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height80 {
      height: calc(100vw / 93 * 80); } }

.grid[data-grid-size="93"] .grid-item--width81 {
  width: 87.09677%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width81 {
      width: calc(100vw / 93 * 81); } }

.grid[data-grid-size="93"] .grid-item--height81 {
  height: calc(100vh / 93 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height81 {
      height: calc(100vw / 93 * 81); } }

.grid[data-grid-size="93"] .grid-item--width82 {
  width: 88.17204%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width82 {
      width: calc(100vw / 93 * 82); } }

.grid[data-grid-size="93"] .grid-item--height82 {
  height: calc(100vh / 93 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height82 {
      height: calc(100vw / 93 * 82); } }

.grid[data-grid-size="93"] .grid-item--width83 {
  width: 89.24731%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width83 {
      width: calc(100vw / 93 * 83); } }

.grid[data-grid-size="93"] .grid-item--height83 {
  height: calc(100vh / 93 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height83 {
      height: calc(100vw / 93 * 83); } }

.grid[data-grid-size="93"] .grid-item--width84 {
  width: 90.32258%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width84 {
      width: calc(100vw / 93 * 84); } }

.grid[data-grid-size="93"] .grid-item--height84 {
  height: calc(100vh / 93 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height84 {
      height: calc(100vw / 93 * 84); } }

.grid[data-grid-size="93"] .grid-item--width85 {
  width: 91.39785%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width85 {
      width: calc(100vw / 93 * 85); } }

.grid[data-grid-size="93"] .grid-item--height85 {
  height: calc(100vh / 93 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height85 {
      height: calc(100vw / 93 * 85); } }

.grid[data-grid-size="93"] .grid-item--width86 {
  width: 92.47312%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width86 {
      width: calc(100vw / 93 * 86); } }

.grid[data-grid-size="93"] .grid-item--height86 {
  height: calc(100vh / 93 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height86 {
      height: calc(100vw / 93 * 86); } }

.grid[data-grid-size="93"] .grid-item--width87 {
  width: 93.54839%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width87 {
      width: calc(100vw / 93 * 87); } }

.grid[data-grid-size="93"] .grid-item--height87 {
  height: calc(100vh / 93 * 87); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height87 {
      height: calc(100vw / 93 * 87); } }

.grid[data-grid-size="93"] .grid-item--width88 {
  width: 94.62366%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width88 {
      width: calc(100vw / 93 * 88); } }

.grid[data-grid-size="93"] .grid-item--height88 {
  height: calc(100vh / 93 * 88); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height88 {
      height: calc(100vw / 93 * 88); } }

.grid[data-grid-size="93"] .grid-item--width89 {
  width: 95.69892%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width89 {
      width: calc(100vw / 93 * 89); } }

.grid[data-grid-size="93"] .grid-item--height89 {
  height: calc(100vh / 93 * 89); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height89 {
      height: calc(100vw / 93 * 89); } }

.grid[data-grid-size="93"] .grid-item--width90 {
  width: 96.77419%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width90 {
      width: calc(100vw / 93 * 90); } }

.grid[data-grid-size="93"] .grid-item--height90 {
  height: calc(100vh / 93 * 90); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height90 {
      height: calc(100vw / 93 * 90); } }

.grid[data-grid-size="93"] .grid-item--width91 {
  width: 97.84946%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width91 {
      width: calc(100vw / 93 * 91); } }

.grid[data-grid-size="93"] .grid-item--height91 {
  height: calc(100vh / 93 * 91); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height91 {
      height: calc(100vw / 93 * 91); } }

.grid[data-grid-size="93"] .grid-item--width92 {
  width: 98.92473%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width92 {
      width: calc(100vw / 93 * 92); } }

.grid[data-grid-size="93"] .grid-item--height92 {
  height: calc(100vh / 93 * 92); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height92 {
      height: calc(100vw / 93 * 92); } }

.grid[data-grid-size="93"] .grid-item--width93 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--width93 {
      width: calc(100vw / 93 * 93); } }

.grid[data-grid-size="93"] .grid-item--height93 {
  height: calc(100vh / 93 * 93); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="93"] .grid-item--height93 {
      height: calc(100vw / 93 * 93); } }

.grid[data-grid-size="94"] .grid-sizer, .grid[data-grid-size="94"] .grid-item {
  width: 1.06383%; }

.grid[data-grid-size="94"] .grid-item--width1 {
  width: 1.06383%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width1 {
      width: calc(100vw / 94 * 1); } }

.grid[data-grid-size="94"] .grid-item--height1 {
  height: calc(100vh / 94 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height1 {
      height: calc(100vw / 94 * 1); } }

.grid[data-grid-size="94"] .grid-item--width2 {
  width: 2.12766%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width2 {
      width: calc(100vw / 94 * 2); } }

.grid[data-grid-size="94"] .grid-item--height2 {
  height: calc(100vh / 94 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height2 {
      height: calc(100vw / 94 * 2); } }

.grid[data-grid-size="94"] .grid-item--width3 {
  width: 3.19149%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width3 {
      width: calc(100vw / 94 * 3); } }

.grid[data-grid-size="94"] .grid-item--height3 {
  height: calc(100vh / 94 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height3 {
      height: calc(100vw / 94 * 3); } }

.grid[data-grid-size="94"] .grid-item--width4 {
  width: 4.25532%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width4 {
      width: calc(100vw / 94 * 4); } }

.grid[data-grid-size="94"] .grid-item--height4 {
  height: calc(100vh / 94 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height4 {
      height: calc(100vw / 94 * 4); } }

.grid[data-grid-size="94"] .grid-item--width5 {
  width: 5.31915%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width5 {
      width: calc(100vw / 94 * 5); } }

.grid[data-grid-size="94"] .grid-item--height5 {
  height: calc(100vh / 94 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height5 {
      height: calc(100vw / 94 * 5); } }

.grid[data-grid-size="94"] .grid-item--width6 {
  width: 6.38298%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width6 {
      width: calc(100vw / 94 * 6); } }

.grid[data-grid-size="94"] .grid-item--height6 {
  height: calc(100vh / 94 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height6 {
      height: calc(100vw / 94 * 6); } }

.grid[data-grid-size="94"] .grid-item--width7 {
  width: 7.44681%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width7 {
      width: calc(100vw / 94 * 7); } }

.grid[data-grid-size="94"] .grid-item--height7 {
  height: calc(100vh / 94 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height7 {
      height: calc(100vw / 94 * 7); } }

.grid[data-grid-size="94"] .grid-item--width8 {
  width: 8.51064%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width8 {
      width: calc(100vw / 94 * 8); } }

.grid[data-grid-size="94"] .grid-item--height8 {
  height: calc(100vh / 94 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height8 {
      height: calc(100vw / 94 * 8); } }

.grid[data-grid-size="94"] .grid-item--width9 {
  width: 9.57447%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width9 {
      width: calc(100vw / 94 * 9); } }

.grid[data-grid-size="94"] .grid-item--height9 {
  height: calc(100vh / 94 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height9 {
      height: calc(100vw / 94 * 9); } }

.grid[data-grid-size="94"] .grid-item--width10 {
  width: 10.6383%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width10 {
      width: calc(100vw / 94 * 10); } }

.grid[data-grid-size="94"] .grid-item--height10 {
  height: calc(100vh / 94 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height10 {
      height: calc(100vw / 94 * 10); } }

.grid[data-grid-size="94"] .grid-item--width11 {
  width: 11.70213%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width11 {
      width: calc(100vw / 94 * 11); } }

.grid[data-grid-size="94"] .grid-item--height11 {
  height: calc(100vh / 94 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height11 {
      height: calc(100vw / 94 * 11); } }

.grid[data-grid-size="94"] .grid-item--width12 {
  width: 12.76596%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width12 {
      width: calc(100vw / 94 * 12); } }

.grid[data-grid-size="94"] .grid-item--height12 {
  height: calc(100vh / 94 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height12 {
      height: calc(100vw / 94 * 12); } }

.grid[data-grid-size="94"] .grid-item--width13 {
  width: 13.82979%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width13 {
      width: calc(100vw / 94 * 13); } }

.grid[data-grid-size="94"] .grid-item--height13 {
  height: calc(100vh / 94 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height13 {
      height: calc(100vw / 94 * 13); } }

.grid[data-grid-size="94"] .grid-item--width14 {
  width: 14.89362%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width14 {
      width: calc(100vw / 94 * 14); } }

.grid[data-grid-size="94"] .grid-item--height14 {
  height: calc(100vh / 94 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height14 {
      height: calc(100vw / 94 * 14); } }

.grid[data-grid-size="94"] .grid-item--width15 {
  width: 15.95745%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width15 {
      width: calc(100vw / 94 * 15); } }

.grid[data-grid-size="94"] .grid-item--height15 {
  height: calc(100vh / 94 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height15 {
      height: calc(100vw / 94 * 15); } }

.grid[data-grid-size="94"] .grid-item--width16 {
  width: 17.02128%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width16 {
      width: calc(100vw / 94 * 16); } }

.grid[data-grid-size="94"] .grid-item--height16 {
  height: calc(100vh / 94 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height16 {
      height: calc(100vw / 94 * 16); } }

.grid[data-grid-size="94"] .grid-item--width17 {
  width: 18.08511%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width17 {
      width: calc(100vw / 94 * 17); } }

.grid[data-grid-size="94"] .grid-item--height17 {
  height: calc(100vh / 94 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height17 {
      height: calc(100vw / 94 * 17); } }

.grid[data-grid-size="94"] .grid-item--width18 {
  width: 19.14894%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width18 {
      width: calc(100vw / 94 * 18); } }

.grid[data-grid-size="94"] .grid-item--height18 {
  height: calc(100vh / 94 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height18 {
      height: calc(100vw / 94 * 18); } }

.grid[data-grid-size="94"] .grid-item--width19 {
  width: 20.21277%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width19 {
      width: calc(100vw / 94 * 19); } }

.grid[data-grid-size="94"] .grid-item--height19 {
  height: calc(100vh / 94 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height19 {
      height: calc(100vw / 94 * 19); } }

.grid[data-grid-size="94"] .grid-item--width20 {
  width: 21.2766%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width20 {
      width: calc(100vw / 94 * 20); } }

.grid[data-grid-size="94"] .grid-item--height20 {
  height: calc(100vh / 94 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height20 {
      height: calc(100vw / 94 * 20); } }

.grid[data-grid-size="94"] .grid-item--width21 {
  width: 22.34043%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width21 {
      width: calc(100vw / 94 * 21); } }

.grid[data-grid-size="94"] .grid-item--height21 {
  height: calc(100vh / 94 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height21 {
      height: calc(100vw / 94 * 21); } }

.grid[data-grid-size="94"] .grid-item--width22 {
  width: 23.40426%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width22 {
      width: calc(100vw / 94 * 22); } }

.grid[data-grid-size="94"] .grid-item--height22 {
  height: calc(100vh / 94 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height22 {
      height: calc(100vw / 94 * 22); } }

.grid[data-grid-size="94"] .grid-item--width23 {
  width: 24.46809%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width23 {
      width: calc(100vw / 94 * 23); } }

.grid[data-grid-size="94"] .grid-item--height23 {
  height: calc(100vh / 94 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height23 {
      height: calc(100vw / 94 * 23); } }

.grid[data-grid-size="94"] .grid-item--width24 {
  width: 25.53191%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width24 {
      width: calc(100vw / 94 * 24); } }

.grid[data-grid-size="94"] .grid-item--height24 {
  height: calc(100vh / 94 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height24 {
      height: calc(100vw / 94 * 24); } }

.grid[data-grid-size="94"] .grid-item--width25 {
  width: 26.59574%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width25 {
      width: calc(100vw / 94 * 25); } }

.grid[data-grid-size="94"] .grid-item--height25 {
  height: calc(100vh / 94 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height25 {
      height: calc(100vw / 94 * 25); } }

.grid[data-grid-size="94"] .grid-item--width26 {
  width: 27.65957%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width26 {
      width: calc(100vw / 94 * 26); } }

.grid[data-grid-size="94"] .grid-item--height26 {
  height: calc(100vh / 94 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height26 {
      height: calc(100vw / 94 * 26); } }

.grid[data-grid-size="94"] .grid-item--width27 {
  width: 28.7234%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width27 {
      width: calc(100vw / 94 * 27); } }

.grid[data-grid-size="94"] .grid-item--height27 {
  height: calc(100vh / 94 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height27 {
      height: calc(100vw / 94 * 27); } }

.grid[data-grid-size="94"] .grid-item--width28 {
  width: 29.78723%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width28 {
      width: calc(100vw / 94 * 28); } }

.grid[data-grid-size="94"] .grid-item--height28 {
  height: calc(100vh / 94 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height28 {
      height: calc(100vw / 94 * 28); } }

.grid[data-grid-size="94"] .grid-item--width29 {
  width: 30.85106%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width29 {
      width: calc(100vw / 94 * 29); } }

.grid[data-grid-size="94"] .grid-item--height29 {
  height: calc(100vh / 94 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height29 {
      height: calc(100vw / 94 * 29); } }

.grid[data-grid-size="94"] .grid-item--width30 {
  width: 31.91489%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width30 {
      width: calc(100vw / 94 * 30); } }

.grid[data-grid-size="94"] .grid-item--height30 {
  height: calc(100vh / 94 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height30 {
      height: calc(100vw / 94 * 30); } }

.grid[data-grid-size="94"] .grid-item--width31 {
  width: 32.97872%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width31 {
      width: calc(100vw / 94 * 31); } }

.grid[data-grid-size="94"] .grid-item--height31 {
  height: calc(100vh / 94 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height31 {
      height: calc(100vw / 94 * 31); } }

.grid[data-grid-size="94"] .grid-item--width32 {
  width: 34.04255%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width32 {
      width: calc(100vw / 94 * 32); } }

.grid[data-grid-size="94"] .grid-item--height32 {
  height: calc(100vh / 94 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height32 {
      height: calc(100vw / 94 * 32); } }

.grid[data-grid-size="94"] .grid-item--width33 {
  width: 35.10638%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width33 {
      width: calc(100vw / 94 * 33); } }

.grid[data-grid-size="94"] .grid-item--height33 {
  height: calc(100vh / 94 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height33 {
      height: calc(100vw / 94 * 33); } }

.grid[data-grid-size="94"] .grid-item--width34 {
  width: 36.17021%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width34 {
      width: calc(100vw / 94 * 34); } }

.grid[data-grid-size="94"] .grid-item--height34 {
  height: calc(100vh / 94 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height34 {
      height: calc(100vw / 94 * 34); } }

.grid[data-grid-size="94"] .grid-item--width35 {
  width: 37.23404%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width35 {
      width: calc(100vw / 94 * 35); } }

.grid[data-grid-size="94"] .grid-item--height35 {
  height: calc(100vh / 94 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height35 {
      height: calc(100vw / 94 * 35); } }

.grid[data-grid-size="94"] .grid-item--width36 {
  width: 38.29787%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width36 {
      width: calc(100vw / 94 * 36); } }

.grid[data-grid-size="94"] .grid-item--height36 {
  height: calc(100vh / 94 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height36 {
      height: calc(100vw / 94 * 36); } }

.grid[data-grid-size="94"] .grid-item--width37 {
  width: 39.3617%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width37 {
      width: calc(100vw / 94 * 37); } }

.grid[data-grid-size="94"] .grid-item--height37 {
  height: calc(100vh / 94 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height37 {
      height: calc(100vw / 94 * 37); } }

.grid[data-grid-size="94"] .grid-item--width38 {
  width: 40.42553%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width38 {
      width: calc(100vw / 94 * 38); } }

.grid[data-grid-size="94"] .grid-item--height38 {
  height: calc(100vh / 94 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height38 {
      height: calc(100vw / 94 * 38); } }

.grid[data-grid-size="94"] .grid-item--width39 {
  width: 41.48936%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width39 {
      width: calc(100vw / 94 * 39); } }

.grid[data-grid-size="94"] .grid-item--height39 {
  height: calc(100vh / 94 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height39 {
      height: calc(100vw / 94 * 39); } }

.grid[data-grid-size="94"] .grid-item--width40 {
  width: 42.55319%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width40 {
      width: calc(100vw / 94 * 40); } }

.grid[data-grid-size="94"] .grid-item--height40 {
  height: calc(100vh / 94 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height40 {
      height: calc(100vw / 94 * 40); } }

.grid[data-grid-size="94"] .grid-item--width41 {
  width: 43.61702%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width41 {
      width: calc(100vw / 94 * 41); } }

.grid[data-grid-size="94"] .grid-item--height41 {
  height: calc(100vh / 94 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height41 {
      height: calc(100vw / 94 * 41); } }

.grid[data-grid-size="94"] .grid-item--width42 {
  width: 44.68085%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width42 {
      width: calc(100vw / 94 * 42); } }

.grid[data-grid-size="94"] .grid-item--height42 {
  height: calc(100vh / 94 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height42 {
      height: calc(100vw / 94 * 42); } }

.grid[data-grid-size="94"] .grid-item--width43 {
  width: 45.74468%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width43 {
      width: calc(100vw / 94 * 43); } }

.grid[data-grid-size="94"] .grid-item--height43 {
  height: calc(100vh / 94 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height43 {
      height: calc(100vw / 94 * 43); } }

.grid[data-grid-size="94"] .grid-item--width44 {
  width: 46.80851%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width44 {
      width: calc(100vw / 94 * 44); } }

.grid[data-grid-size="94"] .grid-item--height44 {
  height: calc(100vh / 94 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height44 {
      height: calc(100vw / 94 * 44); } }

.grid[data-grid-size="94"] .grid-item--width45 {
  width: 47.87234%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width45 {
      width: calc(100vw / 94 * 45); } }

.grid[data-grid-size="94"] .grid-item--height45 {
  height: calc(100vh / 94 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height45 {
      height: calc(100vw / 94 * 45); } }

.grid[data-grid-size="94"] .grid-item--width46 {
  width: 48.93617%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width46 {
      width: calc(100vw / 94 * 46); } }

.grid[data-grid-size="94"] .grid-item--height46 {
  height: calc(100vh / 94 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height46 {
      height: calc(100vw / 94 * 46); } }

.grid[data-grid-size="94"] .grid-item--width47 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width47 {
      width: calc(100vw / 94 * 47); } }

.grid[data-grid-size="94"] .grid-item--height47 {
  height: calc(100vh / 94 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height47 {
      height: calc(100vw / 94 * 47); } }

.grid[data-grid-size="94"] .grid-item--width48 {
  width: 51.06383%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width48 {
      width: calc(100vw / 94 * 48); } }

.grid[data-grid-size="94"] .grid-item--height48 {
  height: calc(100vh / 94 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height48 {
      height: calc(100vw / 94 * 48); } }

.grid[data-grid-size="94"] .grid-item--width49 {
  width: 52.12766%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width49 {
      width: calc(100vw / 94 * 49); } }

.grid[data-grid-size="94"] .grid-item--height49 {
  height: calc(100vh / 94 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height49 {
      height: calc(100vw / 94 * 49); } }

.grid[data-grid-size="94"] .grid-item--width50 {
  width: 53.19149%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width50 {
      width: calc(100vw / 94 * 50); } }

.grid[data-grid-size="94"] .grid-item--height50 {
  height: calc(100vh / 94 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height50 {
      height: calc(100vw / 94 * 50); } }

.grid[data-grid-size="94"] .grid-item--width51 {
  width: 54.25532%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width51 {
      width: calc(100vw / 94 * 51); } }

.grid[data-grid-size="94"] .grid-item--height51 {
  height: calc(100vh / 94 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height51 {
      height: calc(100vw / 94 * 51); } }

.grid[data-grid-size="94"] .grid-item--width52 {
  width: 55.31915%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width52 {
      width: calc(100vw / 94 * 52); } }

.grid[data-grid-size="94"] .grid-item--height52 {
  height: calc(100vh / 94 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height52 {
      height: calc(100vw / 94 * 52); } }

.grid[data-grid-size="94"] .grid-item--width53 {
  width: 56.38298%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width53 {
      width: calc(100vw / 94 * 53); } }

.grid[data-grid-size="94"] .grid-item--height53 {
  height: calc(100vh / 94 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height53 {
      height: calc(100vw / 94 * 53); } }

.grid[data-grid-size="94"] .grid-item--width54 {
  width: 57.44681%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width54 {
      width: calc(100vw / 94 * 54); } }

.grid[data-grid-size="94"] .grid-item--height54 {
  height: calc(100vh / 94 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height54 {
      height: calc(100vw / 94 * 54); } }

.grid[data-grid-size="94"] .grid-item--width55 {
  width: 58.51064%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width55 {
      width: calc(100vw / 94 * 55); } }

.grid[data-grid-size="94"] .grid-item--height55 {
  height: calc(100vh / 94 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height55 {
      height: calc(100vw / 94 * 55); } }

.grid[data-grid-size="94"] .grid-item--width56 {
  width: 59.57447%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width56 {
      width: calc(100vw / 94 * 56); } }

.grid[data-grid-size="94"] .grid-item--height56 {
  height: calc(100vh / 94 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height56 {
      height: calc(100vw / 94 * 56); } }

.grid[data-grid-size="94"] .grid-item--width57 {
  width: 60.6383%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width57 {
      width: calc(100vw / 94 * 57); } }

.grid[data-grid-size="94"] .grid-item--height57 {
  height: calc(100vh / 94 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height57 {
      height: calc(100vw / 94 * 57); } }

.grid[data-grid-size="94"] .grid-item--width58 {
  width: 61.70213%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width58 {
      width: calc(100vw / 94 * 58); } }

.grid[data-grid-size="94"] .grid-item--height58 {
  height: calc(100vh / 94 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height58 {
      height: calc(100vw / 94 * 58); } }

.grid[data-grid-size="94"] .grid-item--width59 {
  width: 62.76596%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width59 {
      width: calc(100vw / 94 * 59); } }

.grid[data-grid-size="94"] .grid-item--height59 {
  height: calc(100vh / 94 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height59 {
      height: calc(100vw / 94 * 59); } }

.grid[data-grid-size="94"] .grid-item--width60 {
  width: 63.82979%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width60 {
      width: calc(100vw / 94 * 60); } }

.grid[data-grid-size="94"] .grid-item--height60 {
  height: calc(100vh / 94 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height60 {
      height: calc(100vw / 94 * 60); } }

.grid[data-grid-size="94"] .grid-item--width61 {
  width: 64.89362%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width61 {
      width: calc(100vw / 94 * 61); } }

.grid[data-grid-size="94"] .grid-item--height61 {
  height: calc(100vh / 94 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height61 {
      height: calc(100vw / 94 * 61); } }

.grid[data-grid-size="94"] .grid-item--width62 {
  width: 65.95745%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width62 {
      width: calc(100vw / 94 * 62); } }

.grid[data-grid-size="94"] .grid-item--height62 {
  height: calc(100vh / 94 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height62 {
      height: calc(100vw / 94 * 62); } }

.grid[data-grid-size="94"] .grid-item--width63 {
  width: 67.02128%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width63 {
      width: calc(100vw / 94 * 63); } }

.grid[data-grid-size="94"] .grid-item--height63 {
  height: calc(100vh / 94 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height63 {
      height: calc(100vw / 94 * 63); } }

.grid[data-grid-size="94"] .grid-item--width64 {
  width: 68.08511%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width64 {
      width: calc(100vw / 94 * 64); } }

.grid[data-grid-size="94"] .grid-item--height64 {
  height: calc(100vh / 94 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height64 {
      height: calc(100vw / 94 * 64); } }

.grid[data-grid-size="94"] .grid-item--width65 {
  width: 69.14894%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width65 {
      width: calc(100vw / 94 * 65); } }

.grid[data-grid-size="94"] .grid-item--height65 {
  height: calc(100vh / 94 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height65 {
      height: calc(100vw / 94 * 65); } }

.grid[data-grid-size="94"] .grid-item--width66 {
  width: 70.21277%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width66 {
      width: calc(100vw / 94 * 66); } }

.grid[data-grid-size="94"] .grid-item--height66 {
  height: calc(100vh / 94 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height66 {
      height: calc(100vw / 94 * 66); } }

.grid[data-grid-size="94"] .grid-item--width67 {
  width: 71.2766%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width67 {
      width: calc(100vw / 94 * 67); } }

.grid[data-grid-size="94"] .grid-item--height67 {
  height: calc(100vh / 94 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height67 {
      height: calc(100vw / 94 * 67); } }

.grid[data-grid-size="94"] .grid-item--width68 {
  width: 72.34043%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width68 {
      width: calc(100vw / 94 * 68); } }

.grid[data-grid-size="94"] .grid-item--height68 {
  height: calc(100vh / 94 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height68 {
      height: calc(100vw / 94 * 68); } }

.grid[data-grid-size="94"] .grid-item--width69 {
  width: 73.40426%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width69 {
      width: calc(100vw / 94 * 69); } }

.grid[data-grid-size="94"] .grid-item--height69 {
  height: calc(100vh / 94 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height69 {
      height: calc(100vw / 94 * 69); } }

.grid[data-grid-size="94"] .grid-item--width70 {
  width: 74.46809%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width70 {
      width: calc(100vw / 94 * 70); } }

.grid[data-grid-size="94"] .grid-item--height70 {
  height: calc(100vh / 94 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height70 {
      height: calc(100vw / 94 * 70); } }

.grid[data-grid-size="94"] .grid-item--width71 {
  width: 75.53191%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width71 {
      width: calc(100vw / 94 * 71); } }

.grid[data-grid-size="94"] .grid-item--height71 {
  height: calc(100vh / 94 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height71 {
      height: calc(100vw / 94 * 71); } }

.grid[data-grid-size="94"] .grid-item--width72 {
  width: 76.59574%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width72 {
      width: calc(100vw / 94 * 72); } }

.grid[data-grid-size="94"] .grid-item--height72 {
  height: calc(100vh / 94 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height72 {
      height: calc(100vw / 94 * 72); } }

.grid[data-grid-size="94"] .grid-item--width73 {
  width: 77.65957%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width73 {
      width: calc(100vw / 94 * 73); } }

.grid[data-grid-size="94"] .grid-item--height73 {
  height: calc(100vh / 94 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height73 {
      height: calc(100vw / 94 * 73); } }

.grid[data-grid-size="94"] .grid-item--width74 {
  width: 78.7234%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width74 {
      width: calc(100vw / 94 * 74); } }

.grid[data-grid-size="94"] .grid-item--height74 {
  height: calc(100vh / 94 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height74 {
      height: calc(100vw / 94 * 74); } }

.grid[data-grid-size="94"] .grid-item--width75 {
  width: 79.78723%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width75 {
      width: calc(100vw / 94 * 75); } }

.grid[data-grid-size="94"] .grid-item--height75 {
  height: calc(100vh / 94 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height75 {
      height: calc(100vw / 94 * 75); } }

.grid[data-grid-size="94"] .grid-item--width76 {
  width: 80.85106%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width76 {
      width: calc(100vw / 94 * 76); } }

.grid[data-grid-size="94"] .grid-item--height76 {
  height: calc(100vh / 94 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height76 {
      height: calc(100vw / 94 * 76); } }

.grid[data-grid-size="94"] .grid-item--width77 {
  width: 81.91489%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width77 {
      width: calc(100vw / 94 * 77); } }

.grid[data-grid-size="94"] .grid-item--height77 {
  height: calc(100vh / 94 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height77 {
      height: calc(100vw / 94 * 77); } }

.grid[data-grid-size="94"] .grid-item--width78 {
  width: 82.97872%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width78 {
      width: calc(100vw / 94 * 78); } }

.grid[data-grid-size="94"] .grid-item--height78 {
  height: calc(100vh / 94 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height78 {
      height: calc(100vw / 94 * 78); } }

.grid[data-grid-size="94"] .grid-item--width79 {
  width: 84.04255%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width79 {
      width: calc(100vw / 94 * 79); } }

.grid[data-grid-size="94"] .grid-item--height79 {
  height: calc(100vh / 94 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height79 {
      height: calc(100vw / 94 * 79); } }

.grid[data-grid-size="94"] .grid-item--width80 {
  width: 85.10638%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width80 {
      width: calc(100vw / 94 * 80); } }

.grid[data-grid-size="94"] .grid-item--height80 {
  height: calc(100vh / 94 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height80 {
      height: calc(100vw / 94 * 80); } }

.grid[data-grid-size="94"] .grid-item--width81 {
  width: 86.17021%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width81 {
      width: calc(100vw / 94 * 81); } }

.grid[data-grid-size="94"] .grid-item--height81 {
  height: calc(100vh / 94 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height81 {
      height: calc(100vw / 94 * 81); } }

.grid[data-grid-size="94"] .grid-item--width82 {
  width: 87.23404%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width82 {
      width: calc(100vw / 94 * 82); } }

.grid[data-grid-size="94"] .grid-item--height82 {
  height: calc(100vh / 94 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height82 {
      height: calc(100vw / 94 * 82); } }

.grid[data-grid-size="94"] .grid-item--width83 {
  width: 88.29787%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width83 {
      width: calc(100vw / 94 * 83); } }

.grid[data-grid-size="94"] .grid-item--height83 {
  height: calc(100vh / 94 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height83 {
      height: calc(100vw / 94 * 83); } }

.grid[data-grid-size="94"] .grid-item--width84 {
  width: 89.3617%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width84 {
      width: calc(100vw / 94 * 84); } }

.grid[data-grid-size="94"] .grid-item--height84 {
  height: calc(100vh / 94 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height84 {
      height: calc(100vw / 94 * 84); } }

.grid[data-grid-size="94"] .grid-item--width85 {
  width: 90.42553%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width85 {
      width: calc(100vw / 94 * 85); } }

.grid[data-grid-size="94"] .grid-item--height85 {
  height: calc(100vh / 94 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height85 {
      height: calc(100vw / 94 * 85); } }

.grid[data-grid-size="94"] .grid-item--width86 {
  width: 91.48936%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width86 {
      width: calc(100vw / 94 * 86); } }

.grid[data-grid-size="94"] .grid-item--height86 {
  height: calc(100vh / 94 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height86 {
      height: calc(100vw / 94 * 86); } }

.grid[data-grid-size="94"] .grid-item--width87 {
  width: 92.55319%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width87 {
      width: calc(100vw / 94 * 87); } }

.grid[data-grid-size="94"] .grid-item--height87 {
  height: calc(100vh / 94 * 87); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height87 {
      height: calc(100vw / 94 * 87); } }

.grid[data-grid-size="94"] .grid-item--width88 {
  width: 93.61702%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width88 {
      width: calc(100vw / 94 * 88); } }

.grid[data-grid-size="94"] .grid-item--height88 {
  height: calc(100vh / 94 * 88); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height88 {
      height: calc(100vw / 94 * 88); } }

.grid[data-grid-size="94"] .grid-item--width89 {
  width: 94.68085%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width89 {
      width: calc(100vw / 94 * 89); } }

.grid[data-grid-size="94"] .grid-item--height89 {
  height: calc(100vh / 94 * 89); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height89 {
      height: calc(100vw / 94 * 89); } }

.grid[data-grid-size="94"] .grid-item--width90 {
  width: 95.74468%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width90 {
      width: calc(100vw / 94 * 90); } }

.grid[data-grid-size="94"] .grid-item--height90 {
  height: calc(100vh / 94 * 90); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height90 {
      height: calc(100vw / 94 * 90); } }

.grid[data-grid-size="94"] .grid-item--width91 {
  width: 96.80851%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width91 {
      width: calc(100vw / 94 * 91); } }

.grid[data-grid-size="94"] .grid-item--height91 {
  height: calc(100vh / 94 * 91); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height91 {
      height: calc(100vw / 94 * 91); } }

.grid[data-grid-size="94"] .grid-item--width92 {
  width: 97.87234%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width92 {
      width: calc(100vw / 94 * 92); } }

.grid[data-grid-size="94"] .grid-item--height92 {
  height: calc(100vh / 94 * 92); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height92 {
      height: calc(100vw / 94 * 92); } }

.grid[data-grid-size="94"] .grid-item--width93 {
  width: 98.93617%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width93 {
      width: calc(100vw / 94 * 93); } }

.grid[data-grid-size="94"] .grid-item--height93 {
  height: calc(100vh / 94 * 93); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height93 {
      height: calc(100vw / 94 * 93); } }

.grid[data-grid-size="94"] .grid-item--width94 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--width94 {
      width: calc(100vw / 94 * 94); } }

.grid[data-grid-size="94"] .grid-item--height94 {
  height: calc(100vh / 94 * 94); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="94"] .grid-item--height94 {
      height: calc(100vw / 94 * 94); } }

.grid[data-grid-size="95"] .grid-sizer, .grid[data-grid-size="95"] .grid-item {
  width: 1.05263%; }

.grid[data-grid-size="95"] .grid-item--width1 {
  width: 1.05263%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width1 {
      width: calc(100vw / 95 * 1); } }

.grid[data-grid-size="95"] .grid-item--height1 {
  height: calc(100vh / 95 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height1 {
      height: calc(100vw / 95 * 1); } }

.grid[data-grid-size="95"] .grid-item--width2 {
  width: 2.10526%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width2 {
      width: calc(100vw / 95 * 2); } }

.grid[data-grid-size="95"] .grid-item--height2 {
  height: calc(100vh / 95 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height2 {
      height: calc(100vw / 95 * 2); } }

.grid[data-grid-size="95"] .grid-item--width3 {
  width: 3.15789%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width3 {
      width: calc(100vw / 95 * 3); } }

.grid[data-grid-size="95"] .grid-item--height3 {
  height: calc(100vh / 95 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height3 {
      height: calc(100vw / 95 * 3); } }

.grid[data-grid-size="95"] .grid-item--width4 {
  width: 4.21053%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width4 {
      width: calc(100vw / 95 * 4); } }

.grid[data-grid-size="95"] .grid-item--height4 {
  height: calc(100vh / 95 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height4 {
      height: calc(100vw / 95 * 4); } }

.grid[data-grid-size="95"] .grid-item--width5 {
  width: 5.26316%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width5 {
      width: calc(100vw / 95 * 5); } }

.grid[data-grid-size="95"] .grid-item--height5 {
  height: calc(100vh / 95 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height5 {
      height: calc(100vw / 95 * 5); } }

.grid[data-grid-size="95"] .grid-item--width6 {
  width: 6.31579%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width6 {
      width: calc(100vw / 95 * 6); } }

.grid[data-grid-size="95"] .grid-item--height6 {
  height: calc(100vh / 95 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height6 {
      height: calc(100vw / 95 * 6); } }

.grid[data-grid-size="95"] .grid-item--width7 {
  width: 7.36842%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width7 {
      width: calc(100vw / 95 * 7); } }

.grid[data-grid-size="95"] .grid-item--height7 {
  height: calc(100vh / 95 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height7 {
      height: calc(100vw / 95 * 7); } }

.grid[data-grid-size="95"] .grid-item--width8 {
  width: 8.42105%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width8 {
      width: calc(100vw / 95 * 8); } }

.grid[data-grid-size="95"] .grid-item--height8 {
  height: calc(100vh / 95 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height8 {
      height: calc(100vw / 95 * 8); } }

.grid[data-grid-size="95"] .grid-item--width9 {
  width: 9.47368%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width9 {
      width: calc(100vw / 95 * 9); } }

.grid[data-grid-size="95"] .grid-item--height9 {
  height: calc(100vh / 95 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height9 {
      height: calc(100vw / 95 * 9); } }

.grid[data-grid-size="95"] .grid-item--width10 {
  width: 10.52632%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width10 {
      width: calc(100vw / 95 * 10); } }

.grid[data-grid-size="95"] .grid-item--height10 {
  height: calc(100vh / 95 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height10 {
      height: calc(100vw / 95 * 10); } }

.grid[data-grid-size="95"] .grid-item--width11 {
  width: 11.57895%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width11 {
      width: calc(100vw / 95 * 11); } }

.grid[data-grid-size="95"] .grid-item--height11 {
  height: calc(100vh / 95 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height11 {
      height: calc(100vw / 95 * 11); } }

.grid[data-grid-size="95"] .grid-item--width12 {
  width: 12.63158%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width12 {
      width: calc(100vw / 95 * 12); } }

.grid[data-grid-size="95"] .grid-item--height12 {
  height: calc(100vh / 95 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height12 {
      height: calc(100vw / 95 * 12); } }

.grid[data-grid-size="95"] .grid-item--width13 {
  width: 13.68421%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width13 {
      width: calc(100vw / 95 * 13); } }

.grid[data-grid-size="95"] .grid-item--height13 {
  height: calc(100vh / 95 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height13 {
      height: calc(100vw / 95 * 13); } }

.grid[data-grid-size="95"] .grid-item--width14 {
  width: 14.73684%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width14 {
      width: calc(100vw / 95 * 14); } }

.grid[data-grid-size="95"] .grid-item--height14 {
  height: calc(100vh / 95 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height14 {
      height: calc(100vw / 95 * 14); } }

.grid[data-grid-size="95"] .grid-item--width15 {
  width: 15.78947%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width15 {
      width: calc(100vw / 95 * 15); } }

.grid[data-grid-size="95"] .grid-item--height15 {
  height: calc(100vh / 95 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height15 {
      height: calc(100vw / 95 * 15); } }

.grid[data-grid-size="95"] .grid-item--width16 {
  width: 16.84211%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width16 {
      width: calc(100vw / 95 * 16); } }

.grid[data-grid-size="95"] .grid-item--height16 {
  height: calc(100vh / 95 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height16 {
      height: calc(100vw / 95 * 16); } }

.grid[data-grid-size="95"] .grid-item--width17 {
  width: 17.89474%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width17 {
      width: calc(100vw / 95 * 17); } }

.grid[data-grid-size="95"] .grid-item--height17 {
  height: calc(100vh / 95 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height17 {
      height: calc(100vw / 95 * 17); } }

.grid[data-grid-size="95"] .grid-item--width18 {
  width: 18.94737%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width18 {
      width: calc(100vw / 95 * 18); } }

.grid[data-grid-size="95"] .grid-item--height18 {
  height: calc(100vh / 95 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height18 {
      height: calc(100vw / 95 * 18); } }

.grid[data-grid-size="95"] .grid-item--width19 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width19 {
      width: calc(100vw / 95 * 19); } }

.grid[data-grid-size="95"] .grid-item--height19 {
  height: calc(100vh / 95 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height19 {
      height: calc(100vw / 95 * 19); } }

.grid[data-grid-size="95"] .grid-item--width20 {
  width: 21.05263%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width20 {
      width: calc(100vw / 95 * 20); } }

.grid[data-grid-size="95"] .grid-item--height20 {
  height: calc(100vh / 95 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height20 {
      height: calc(100vw / 95 * 20); } }

.grid[data-grid-size="95"] .grid-item--width21 {
  width: 22.10526%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width21 {
      width: calc(100vw / 95 * 21); } }

.grid[data-grid-size="95"] .grid-item--height21 {
  height: calc(100vh / 95 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height21 {
      height: calc(100vw / 95 * 21); } }

.grid[data-grid-size="95"] .grid-item--width22 {
  width: 23.15789%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width22 {
      width: calc(100vw / 95 * 22); } }

.grid[data-grid-size="95"] .grid-item--height22 {
  height: calc(100vh / 95 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height22 {
      height: calc(100vw / 95 * 22); } }

.grid[data-grid-size="95"] .grid-item--width23 {
  width: 24.21053%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width23 {
      width: calc(100vw / 95 * 23); } }

.grid[data-grid-size="95"] .grid-item--height23 {
  height: calc(100vh / 95 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height23 {
      height: calc(100vw / 95 * 23); } }

.grid[data-grid-size="95"] .grid-item--width24 {
  width: 25.26316%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width24 {
      width: calc(100vw / 95 * 24); } }

.grid[data-grid-size="95"] .grid-item--height24 {
  height: calc(100vh / 95 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height24 {
      height: calc(100vw / 95 * 24); } }

.grid[data-grid-size="95"] .grid-item--width25 {
  width: 26.31579%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width25 {
      width: calc(100vw / 95 * 25); } }

.grid[data-grid-size="95"] .grid-item--height25 {
  height: calc(100vh / 95 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height25 {
      height: calc(100vw / 95 * 25); } }

.grid[data-grid-size="95"] .grid-item--width26 {
  width: 27.36842%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width26 {
      width: calc(100vw / 95 * 26); } }

.grid[data-grid-size="95"] .grid-item--height26 {
  height: calc(100vh / 95 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height26 {
      height: calc(100vw / 95 * 26); } }

.grid[data-grid-size="95"] .grid-item--width27 {
  width: 28.42105%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width27 {
      width: calc(100vw / 95 * 27); } }

.grid[data-grid-size="95"] .grid-item--height27 {
  height: calc(100vh / 95 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height27 {
      height: calc(100vw / 95 * 27); } }

.grid[data-grid-size="95"] .grid-item--width28 {
  width: 29.47368%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width28 {
      width: calc(100vw / 95 * 28); } }

.grid[data-grid-size="95"] .grid-item--height28 {
  height: calc(100vh / 95 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height28 {
      height: calc(100vw / 95 * 28); } }

.grid[data-grid-size="95"] .grid-item--width29 {
  width: 30.52632%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width29 {
      width: calc(100vw / 95 * 29); } }

.grid[data-grid-size="95"] .grid-item--height29 {
  height: calc(100vh / 95 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height29 {
      height: calc(100vw / 95 * 29); } }

.grid[data-grid-size="95"] .grid-item--width30 {
  width: 31.57895%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width30 {
      width: calc(100vw / 95 * 30); } }

.grid[data-grid-size="95"] .grid-item--height30 {
  height: calc(100vh / 95 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height30 {
      height: calc(100vw / 95 * 30); } }

.grid[data-grid-size="95"] .grid-item--width31 {
  width: 32.63158%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width31 {
      width: calc(100vw / 95 * 31); } }

.grid[data-grid-size="95"] .grid-item--height31 {
  height: calc(100vh / 95 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height31 {
      height: calc(100vw / 95 * 31); } }

.grid[data-grid-size="95"] .grid-item--width32 {
  width: 33.68421%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width32 {
      width: calc(100vw / 95 * 32); } }

.grid[data-grid-size="95"] .grid-item--height32 {
  height: calc(100vh / 95 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height32 {
      height: calc(100vw / 95 * 32); } }

.grid[data-grid-size="95"] .grid-item--width33 {
  width: 34.73684%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width33 {
      width: calc(100vw / 95 * 33); } }

.grid[data-grid-size="95"] .grid-item--height33 {
  height: calc(100vh / 95 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height33 {
      height: calc(100vw / 95 * 33); } }

.grid[data-grid-size="95"] .grid-item--width34 {
  width: 35.78947%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width34 {
      width: calc(100vw / 95 * 34); } }

.grid[data-grid-size="95"] .grid-item--height34 {
  height: calc(100vh / 95 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height34 {
      height: calc(100vw / 95 * 34); } }

.grid[data-grid-size="95"] .grid-item--width35 {
  width: 36.84211%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width35 {
      width: calc(100vw / 95 * 35); } }

.grid[data-grid-size="95"] .grid-item--height35 {
  height: calc(100vh / 95 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height35 {
      height: calc(100vw / 95 * 35); } }

.grid[data-grid-size="95"] .grid-item--width36 {
  width: 37.89474%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width36 {
      width: calc(100vw / 95 * 36); } }

.grid[data-grid-size="95"] .grid-item--height36 {
  height: calc(100vh / 95 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height36 {
      height: calc(100vw / 95 * 36); } }

.grid[data-grid-size="95"] .grid-item--width37 {
  width: 38.94737%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width37 {
      width: calc(100vw / 95 * 37); } }

.grid[data-grid-size="95"] .grid-item--height37 {
  height: calc(100vh / 95 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height37 {
      height: calc(100vw / 95 * 37); } }

.grid[data-grid-size="95"] .grid-item--width38 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width38 {
      width: calc(100vw / 95 * 38); } }

.grid[data-grid-size="95"] .grid-item--height38 {
  height: calc(100vh / 95 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height38 {
      height: calc(100vw / 95 * 38); } }

.grid[data-grid-size="95"] .grid-item--width39 {
  width: 41.05263%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width39 {
      width: calc(100vw / 95 * 39); } }

.grid[data-grid-size="95"] .grid-item--height39 {
  height: calc(100vh / 95 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height39 {
      height: calc(100vw / 95 * 39); } }

.grid[data-grid-size="95"] .grid-item--width40 {
  width: 42.10526%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width40 {
      width: calc(100vw / 95 * 40); } }

.grid[data-grid-size="95"] .grid-item--height40 {
  height: calc(100vh / 95 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height40 {
      height: calc(100vw / 95 * 40); } }

.grid[data-grid-size="95"] .grid-item--width41 {
  width: 43.15789%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width41 {
      width: calc(100vw / 95 * 41); } }

.grid[data-grid-size="95"] .grid-item--height41 {
  height: calc(100vh / 95 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height41 {
      height: calc(100vw / 95 * 41); } }

.grid[data-grid-size="95"] .grid-item--width42 {
  width: 44.21053%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width42 {
      width: calc(100vw / 95 * 42); } }

.grid[data-grid-size="95"] .grid-item--height42 {
  height: calc(100vh / 95 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height42 {
      height: calc(100vw / 95 * 42); } }

.grid[data-grid-size="95"] .grid-item--width43 {
  width: 45.26316%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width43 {
      width: calc(100vw / 95 * 43); } }

.grid[data-grid-size="95"] .grid-item--height43 {
  height: calc(100vh / 95 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height43 {
      height: calc(100vw / 95 * 43); } }

.grid[data-grid-size="95"] .grid-item--width44 {
  width: 46.31579%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width44 {
      width: calc(100vw / 95 * 44); } }

.grid[data-grid-size="95"] .grid-item--height44 {
  height: calc(100vh / 95 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height44 {
      height: calc(100vw / 95 * 44); } }

.grid[data-grid-size="95"] .grid-item--width45 {
  width: 47.36842%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width45 {
      width: calc(100vw / 95 * 45); } }

.grid[data-grid-size="95"] .grid-item--height45 {
  height: calc(100vh / 95 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height45 {
      height: calc(100vw / 95 * 45); } }

.grid[data-grid-size="95"] .grid-item--width46 {
  width: 48.42105%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width46 {
      width: calc(100vw / 95 * 46); } }

.grid[data-grid-size="95"] .grid-item--height46 {
  height: calc(100vh / 95 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height46 {
      height: calc(100vw / 95 * 46); } }

.grid[data-grid-size="95"] .grid-item--width47 {
  width: 49.47368%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width47 {
      width: calc(100vw / 95 * 47); } }

.grid[data-grid-size="95"] .grid-item--height47 {
  height: calc(100vh / 95 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height47 {
      height: calc(100vw / 95 * 47); } }

.grid[data-grid-size="95"] .grid-item--width48 {
  width: 50.52632%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width48 {
      width: calc(100vw / 95 * 48); } }

.grid[data-grid-size="95"] .grid-item--height48 {
  height: calc(100vh / 95 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height48 {
      height: calc(100vw / 95 * 48); } }

.grid[data-grid-size="95"] .grid-item--width49 {
  width: 51.57895%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width49 {
      width: calc(100vw / 95 * 49); } }

.grid[data-grid-size="95"] .grid-item--height49 {
  height: calc(100vh / 95 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height49 {
      height: calc(100vw / 95 * 49); } }

.grid[data-grid-size="95"] .grid-item--width50 {
  width: 52.63158%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width50 {
      width: calc(100vw / 95 * 50); } }

.grid[data-grid-size="95"] .grid-item--height50 {
  height: calc(100vh / 95 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height50 {
      height: calc(100vw / 95 * 50); } }

.grid[data-grid-size="95"] .grid-item--width51 {
  width: 53.68421%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width51 {
      width: calc(100vw / 95 * 51); } }

.grid[data-grid-size="95"] .grid-item--height51 {
  height: calc(100vh / 95 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height51 {
      height: calc(100vw / 95 * 51); } }

.grid[data-grid-size="95"] .grid-item--width52 {
  width: 54.73684%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width52 {
      width: calc(100vw / 95 * 52); } }

.grid[data-grid-size="95"] .grid-item--height52 {
  height: calc(100vh / 95 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height52 {
      height: calc(100vw / 95 * 52); } }

.grid[data-grid-size="95"] .grid-item--width53 {
  width: 55.78947%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width53 {
      width: calc(100vw / 95 * 53); } }

.grid[data-grid-size="95"] .grid-item--height53 {
  height: calc(100vh / 95 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height53 {
      height: calc(100vw / 95 * 53); } }

.grid[data-grid-size="95"] .grid-item--width54 {
  width: 56.84211%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width54 {
      width: calc(100vw / 95 * 54); } }

.grid[data-grid-size="95"] .grid-item--height54 {
  height: calc(100vh / 95 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height54 {
      height: calc(100vw / 95 * 54); } }

.grid[data-grid-size="95"] .grid-item--width55 {
  width: 57.89474%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width55 {
      width: calc(100vw / 95 * 55); } }

.grid[data-grid-size="95"] .grid-item--height55 {
  height: calc(100vh / 95 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height55 {
      height: calc(100vw / 95 * 55); } }

.grid[data-grid-size="95"] .grid-item--width56 {
  width: 58.94737%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width56 {
      width: calc(100vw / 95 * 56); } }

.grid[data-grid-size="95"] .grid-item--height56 {
  height: calc(100vh / 95 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height56 {
      height: calc(100vw / 95 * 56); } }

.grid[data-grid-size="95"] .grid-item--width57 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width57 {
      width: calc(100vw / 95 * 57); } }

.grid[data-grid-size="95"] .grid-item--height57 {
  height: calc(100vh / 95 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height57 {
      height: calc(100vw / 95 * 57); } }

.grid[data-grid-size="95"] .grid-item--width58 {
  width: 61.05263%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width58 {
      width: calc(100vw / 95 * 58); } }

.grid[data-grid-size="95"] .grid-item--height58 {
  height: calc(100vh / 95 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height58 {
      height: calc(100vw / 95 * 58); } }

.grid[data-grid-size="95"] .grid-item--width59 {
  width: 62.10526%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width59 {
      width: calc(100vw / 95 * 59); } }

.grid[data-grid-size="95"] .grid-item--height59 {
  height: calc(100vh / 95 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height59 {
      height: calc(100vw / 95 * 59); } }

.grid[data-grid-size="95"] .grid-item--width60 {
  width: 63.15789%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width60 {
      width: calc(100vw / 95 * 60); } }

.grid[data-grid-size="95"] .grid-item--height60 {
  height: calc(100vh / 95 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height60 {
      height: calc(100vw / 95 * 60); } }

.grid[data-grid-size="95"] .grid-item--width61 {
  width: 64.21053%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width61 {
      width: calc(100vw / 95 * 61); } }

.grid[data-grid-size="95"] .grid-item--height61 {
  height: calc(100vh / 95 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height61 {
      height: calc(100vw / 95 * 61); } }

.grid[data-grid-size="95"] .grid-item--width62 {
  width: 65.26316%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width62 {
      width: calc(100vw / 95 * 62); } }

.grid[data-grid-size="95"] .grid-item--height62 {
  height: calc(100vh / 95 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height62 {
      height: calc(100vw / 95 * 62); } }

.grid[data-grid-size="95"] .grid-item--width63 {
  width: 66.31579%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width63 {
      width: calc(100vw / 95 * 63); } }

.grid[data-grid-size="95"] .grid-item--height63 {
  height: calc(100vh / 95 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height63 {
      height: calc(100vw / 95 * 63); } }

.grid[data-grid-size="95"] .grid-item--width64 {
  width: 67.36842%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width64 {
      width: calc(100vw / 95 * 64); } }

.grid[data-grid-size="95"] .grid-item--height64 {
  height: calc(100vh / 95 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height64 {
      height: calc(100vw / 95 * 64); } }

.grid[data-grid-size="95"] .grid-item--width65 {
  width: 68.42105%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width65 {
      width: calc(100vw / 95 * 65); } }

.grid[data-grid-size="95"] .grid-item--height65 {
  height: calc(100vh / 95 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height65 {
      height: calc(100vw / 95 * 65); } }

.grid[data-grid-size="95"] .grid-item--width66 {
  width: 69.47368%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width66 {
      width: calc(100vw / 95 * 66); } }

.grid[data-grid-size="95"] .grid-item--height66 {
  height: calc(100vh / 95 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height66 {
      height: calc(100vw / 95 * 66); } }

.grid[data-grid-size="95"] .grid-item--width67 {
  width: 70.52632%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width67 {
      width: calc(100vw / 95 * 67); } }

.grid[data-grid-size="95"] .grid-item--height67 {
  height: calc(100vh / 95 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height67 {
      height: calc(100vw / 95 * 67); } }

.grid[data-grid-size="95"] .grid-item--width68 {
  width: 71.57895%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width68 {
      width: calc(100vw / 95 * 68); } }

.grid[data-grid-size="95"] .grid-item--height68 {
  height: calc(100vh / 95 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height68 {
      height: calc(100vw / 95 * 68); } }

.grid[data-grid-size="95"] .grid-item--width69 {
  width: 72.63158%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width69 {
      width: calc(100vw / 95 * 69); } }

.grid[data-grid-size="95"] .grid-item--height69 {
  height: calc(100vh / 95 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height69 {
      height: calc(100vw / 95 * 69); } }

.grid[data-grid-size="95"] .grid-item--width70 {
  width: 73.68421%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width70 {
      width: calc(100vw / 95 * 70); } }

.grid[data-grid-size="95"] .grid-item--height70 {
  height: calc(100vh / 95 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height70 {
      height: calc(100vw / 95 * 70); } }

.grid[data-grid-size="95"] .grid-item--width71 {
  width: 74.73684%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width71 {
      width: calc(100vw / 95 * 71); } }

.grid[data-grid-size="95"] .grid-item--height71 {
  height: calc(100vh / 95 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height71 {
      height: calc(100vw / 95 * 71); } }

.grid[data-grid-size="95"] .grid-item--width72 {
  width: 75.78947%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width72 {
      width: calc(100vw / 95 * 72); } }

.grid[data-grid-size="95"] .grid-item--height72 {
  height: calc(100vh / 95 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height72 {
      height: calc(100vw / 95 * 72); } }

.grid[data-grid-size="95"] .grid-item--width73 {
  width: 76.84211%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width73 {
      width: calc(100vw / 95 * 73); } }

.grid[data-grid-size="95"] .grid-item--height73 {
  height: calc(100vh / 95 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height73 {
      height: calc(100vw / 95 * 73); } }

.grid[data-grid-size="95"] .grid-item--width74 {
  width: 77.89474%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width74 {
      width: calc(100vw / 95 * 74); } }

.grid[data-grid-size="95"] .grid-item--height74 {
  height: calc(100vh / 95 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height74 {
      height: calc(100vw / 95 * 74); } }

.grid[data-grid-size="95"] .grid-item--width75 {
  width: 78.94737%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width75 {
      width: calc(100vw / 95 * 75); } }

.grid[data-grid-size="95"] .grid-item--height75 {
  height: calc(100vh / 95 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height75 {
      height: calc(100vw / 95 * 75); } }

.grid[data-grid-size="95"] .grid-item--width76 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width76 {
      width: calc(100vw / 95 * 76); } }

.grid[data-grid-size="95"] .grid-item--height76 {
  height: calc(100vh / 95 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height76 {
      height: calc(100vw / 95 * 76); } }

.grid[data-grid-size="95"] .grid-item--width77 {
  width: 81.05263%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width77 {
      width: calc(100vw / 95 * 77); } }

.grid[data-grid-size="95"] .grid-item--height77 {
  height: calc(100vh / 95 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height77 {
      height: calc(100vw / 95 * 77); } }

.grid[data-grid-size="95"] .grid-item--width78 {
  width: 82.10526%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width78 {
      width: calc(100vw / 95 * 78); } }

.grid[data-grid-size="95"] .grid-item--height78 {
  height: calc(100vh / 95 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height78 {
      height: calc(100vw / 95 * 78); } }

.grid[data-grid-size="95"] .grid-item--width79 {
  width: 83.15789%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width79 {
      width: calc(100vw / 95 * 79); } }

.grid[data-grid-size="95"] .grid-item--height79 {
  height: calc(100vh / 95 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height79 {
      height: calc(100vw / 95 * 79); } }

.grid[data-grid-size="95"] .grid-item--width80 {
  width: 84.21053%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width80 {
      width: calc(100vw / 95 * 80); } }

.grid[data-grid-size="95"] .grid-item--height80 {
  height: calc(100vh / 95 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height80 {
      height: calc(100vw / 95 * 80); } }

.grid[data-grid-size="95"] .grid-item--width81 {
  width: 85.26316%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width81 {
      width: calc(100vw / 95 * 81); } }

.grid[data-grid-size="95"] .grid-item--height81 {
  height: calc(100vh / 95 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height81 {
      height: calc(100vw / 95 * 81); } }

.grid[data-grid-size="95"] .grid-item--width82 {
  width: 86.31579%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width82 {
      width: calc(100vw / 95 * 82); } }

.grid[data-grid-size="95"] .grid-item--height82 {
  height: calc(100vh / 95 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height82 {
      height: calc(100vw / 95 * 82); } }

.grid[data-grid-size="95"] .grid-item--width83 {
  width: 87.36842%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width83 {
      width: calc(100vw / 95 * 83); } }

.grid[data-grid-size="95"] .grid-item--height83 {
  height: calc(100vh / 95 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height83 {
      height: calc(100vw / 95 * 83); } }

.grid[data-grid-size="95"] .grid-item--width84 {
  width: 88.42105%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width84 {
      width: calc(100vw / 95 * 84); } }

.grid[data-grid-size="95"] .grid-item--height84 {
  height: calc(100vh / 95 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height84 {
      height: calc(100vw / 95 * 84); } }

.grid[data-grid-size="95"] .grid-item--width85 {
  width: 89.47368%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width85 {
      width: calc(100vw / 95 * 85); } }

.grid[data-grid-size="95"] .grid-item--height85 {
  height: calc(100vh / 95 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height85 {
      height: calc(100vw / 95 * 85); } }

.grid[data-grid-size="95"] .grid-item--width86 {
  width: 90.52632%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width86 {
      width: calc(100vw / 95 * 86); } }

.grid[data-grid-size="95"] .grid-item--height86 {
  height: calc(100vh / 95 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height86 {
      height: calc(100vw / 95 * 86); } }

.grid[data-grid-size="95"] .grid-item--width87 {
  width: 91.57895%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width87 {
      width: calc(100vw / 95 * 87); } }

.grid[data-grid-size="95"] .grid-item--height87 {
  height: calc(100vh / 95 * 87); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height87 {
      height: calc(100vw / 95 * 87); } }

.grid[data-grid-size="95"] .grid-item--width88 {
  width: 92.63158%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width88 {
      width: calc(100vw / 95 * 88); } }

.grid[data-grid-size="95"] .grid-item--height88 {
  height: calc(100vh / 95 * 88); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height88 {
      height: calc(100vw / 95 * 88); } }

.grid[data-grid-size="95"] .grid-item--width89 {
  width: 93.68421%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width89 {
      width: calc(100vw / 95 * 89); } }

.grid[data-grid-size="95"] .grid-item--height89 {
  height: calc(100vh / 95 * 89); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height89 {
      height: calc(100vw / 95 * 89); } }

.grid[data-grid-size="95"] .grid-item--width90 {
  width: 94.73684%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width90 {
      width: calc(100vw / 95 * 90); } }

.grid[data-grid-size="95"] .grid-item--height90 {
  height: calc(100vh / 95 * 90); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height90 {
      height: calc(100vw / 95 * 90); } }

.grid[data-grid-size="95"] .grid-item--width91 {
  width: 95.78947%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width91 {
      width: calc(100vw / 95 * 91); } }

.grid[data-grid-size="95"] .grid-item--height91 {
  height: calc(100vh / 95 * 91); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height91 {
      height: calc(100vw / 95 * 91); } }

.grid[data-grid-size="95"] .grid-item--width92 {
  width: 96.84211%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width92 {
      width: calc(100vw / 95 * 92); } }

.grid[data-grid-size="95"] .grid-item--height92 {
  height: calc(100vh / 95 * 92); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height92 {
      height: calc(100vw / 95 * 92); } }

.grid[data-grid-size="95"] .grid-item--width93 {
  width: 97.89474%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width93 {
      width: calc(100vw / 95 * 93); } }

.grid[data-grid-size="95"] .grid-item--height93 {
  height: calc(100vh / 95 * 93); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height93 {
      height: calc(100vw / 95 * 93); } }

.grid[data-grid-size="95"] .grid-item--width94 {
  width: 98.94737%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width94 {
      width: calc(100vw / 95 * 94); } }

.grid[data-grid-size="95"] .grid-item--height94 {
  height: calc(100vh / 95 * 94); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height94 {
      height: calc(100vw / 95 * 94); } }

.grid[data-grid-size="95"] .grid-item--width95 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--width95 {
      width: calc(100vw / 95 * 95); } }

.grid[data-grid-size="95"] .grid-item--height95 {
  height: calc(100vh / 95 * 95); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="95"] .grid-item--height95 {
      height: calc(100vw / 95 * 95); } }

.grid[data-grid-size="96"] .grid-sizer, .grid[data-grid-size="96"] .grid-item {
  width: 1.04167%; }

.grid[data-grid-size="96"] .grid-item--width1 {
  width: 1.04167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width1 {
      width: calc(100vw / 96 * 1); } }

.grid[data-grid-size="96"] .grid-item--height1 {
  height: calc(100vh / 96 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height1 {
      height: calc(100vw / 96 * 1); } }

.grid[data-grid-size="96"] .grid-item--width2 {
  width: 2.08333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width2 {
      width: calc(100vw / 96 * 2); } }

.grid[data-grid-size="96"] .grid-item--height2 {
  height: calc(100vh / 96 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height2 {
      height: calc(100vw / 96 * 2); } }

.grid[data-grid-size="96"] .grid-item--width3 {
  width: 3.125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width3 {
      width: calc(100vw / 96 * 3); } }

.grid[data-grid-size="96"] .grid-item--height3 {
  height: calc(100vh / 96 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height3 {
      height: calc(100vw / 96 * 3); } }

.grid[data-grid-size="96"] .grid-item--width4 {
  width: 4.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width4 {
      width: calc(100vw / 96 * 4); } }

.grid[data-grid-size="96"] .grid-item--height4 {
  height: calc(100vh / 96 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height4 {
      height: calc(100vw / 96 * 4); } }

.grid[data-grid-size="96"] .grid-item--width5 {
  width: 5.20833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width5 {
      width: calc(100vw / 96 * 5); } }

.grid[data-grid-size="96"] .grid-item--height5 {
  height: calc(100vh / 96 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height5 {
      height: calc(100vw / 96 * 5); } }

.grid[data-grid-size="96"] .grid-item--width6 {
  width: 6.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width6 {
      width: calc(100vw / 96 * 6); } }

.grid[data-grid-size="96"] .grid-item--height6 {
  height: calc(100vh / 96 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height6 {
      height: calc(100vw / 96 * 6); } }

.grid[data-grid-size="96"] .grid-item--width7 {
  width: 7.29167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width7 {
      width: calc(100vw / 96 * 7); } }

.grid[data-grid-size="96"] .grid-item--height7 {
  height: calc(100vh / 96 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height7 {
      height: calc(100vw / 96 * 7); } }

.grid[data-grid-size="96"] .grid-item--width8 {
  width: 8.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width8 {
      width: calc(100vw / 96 * 8); } }

.grid[data-grid-size="96"] .grid-item--height8 {
  height: calc(100vh / 96 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height8 {
      height: calc(100vw / 96 * 8); } }

.grid[data-grid-size="96"] .grid-item--width9 {
  width: 9.375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width9 {
      width: calc(100vw / 96 * 9); } }

.grid[data-grid-size="96"] .grid-item--height9 {
  height: calc(100vh / 96 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height9 {
      height: calc(100vw / 96 * 9); } }

.grid[data-grid-size="96"] .grid-item--width10 {
  width: 10.41667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width10 {
      width: calc(100vw / 96 * 10); } }

.grid[data-grid-size="96"] .grid-item--height10 {
  height: calc(100vh / 96 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height10 {
      height: calc(100vw / 96 * 10); } }

.grid[data-grid-size="96"] .grid-item--width11 {
  width: 11.45833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width11 {
      width: calc(100vw / 96 * 11); } }

.grid[data-grid-size="96"] .grid-item--height11 {
  height: calc(100vh / 96 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height11 {
      height: calc(100vw / 96 * 11); } }

.grid[data-grid-size="96"] .grid-item--width12 {
  width: 12.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width12 {
      width: calc(100vw / 96 * 12); } }

.grid[data-grid-size="96"] .grid-item--height12 {
  height: calc(100vh / 96 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height12 {
      height: calc(100vw / 96 * 12); } }

.grid[data-grid-size="96"] .grid-item--width13 {
  width: 13.54167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width13 {
      width: calc(100vw / 96 * 13); } }

.grid[data-grid-size="96"] .grid-item--height13 {
  height: calc(100vh / 96 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height13 {
      height: calc(100vw / 96 * 13); } }

.grid[data-grid-size="96"] .grid-item--width14 {
  width: 14.58333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width14 {
      width: calc(100vw / 96 * 14); } }

.grid[data-grid-size="96"] .grid-item--height14 {
  height: calc(100vh / 96 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height14 {
      height: calc(100vw / 96 * 14); } }

.grid[data-grid-size="96"] .grid-item--width15 {
  width: 15.625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width15 {
      width: calc(100vw / 96 * 15); } }

.grid[data-grid-size="96"] .grid-item--height15 {
  height: calc(100vh / 96 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height15 {
      height: calc(100vw / 96 * 15); } }

.grid[data-grid-size="96"] .grid-item--width16 {
  width: 16.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width16 {
      width: calc(100vw / 96 * 16); } }

.grid[data-grid-size="96"] .grid-item--height16 {
  height: calc(100vh / 96 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height16 {
      height: calc(100vw / 96 * 16); } }

.grid[data-grid-size="96"] .grid-item--width17 {
  width: 17.70833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width17 {
      width: calc(100vw / 96 * 17); } }

.grid[data-grid-size="96"] .grid-item--height17 {
  height: calc(100vh / 96 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height17 {
      height: calc(100vw / 96 * 17); } }

.grid[data-grid-size="96"] .grid-item--width18 {
  width: 18.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width18 {
      width: calc(100vw / 96 * 18); } }

.grid[data-grid-size="96"] .grid-item--height18 {
  height: calc(100vh / 96 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height18 {
      height: calc(100vw / 96 * 18); } }

.grid[data-grid-size="96"] .grid-item--width19 {
  width: 19.79167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width19 {
      width: calc(100vw / 96 * 19); } }

.grid[data-grid-size="96"] .grid-item--height19 {
  height: calc(100vh / 96 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height19 {
      height: calc(100vw / 96 * 19); } }

.grid[data-grid-size="96"] .grid-item--width20 {
  width: 20.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width20 {
      width: calc(100vw / 96 * 20); } }

.grid[data-grid-size="96"] .grid-item--height20 {
  height: calc(100vh / 96 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height20 {
      height: calc(100vw / 96 * 20); } }

.grid[data-grid-size="96"] .grid-item--width21 {
  width: 21.875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width21 {
      width: calc(100vw / 96 * 21); } }

.grid[data-grid-size="96"] .grid-item--height21 {
  height: calc(100vh / 96 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height21 {
      height: calc(100vw / 96 * 21); } }

.grid[data-grid-size="96"] .grid-item--width22 {
  width: 22.91667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width22 {
      width: calc(100vw / 96 * 22); } }

.grid[data-grid-size="96"] .grid-item--height22 {
  height: calc(100vh / 96 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height22 {
      height: calc(100vw / 96 * 22); } }

.grid[data-grid-size="96"] .grid-item--width23 {
  width: 23.95833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width23 {
      width: calc(100vw / 96 * 23); } }

.grid[data-grid-size="96"] .grid-item--height23 {
  height: calc(100vh / 96 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height23 {
      height: calc(100vw / 96 * 23); } }

.grid[data-grid-size="96"] .grid-item--width24 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width24 {
      width: calc(100vw / 96 * 24); } }

.grid[data-grid-size="96"] .grid-item--height24 {
  height: calc(100vh / 96 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height24 {
      height: calc(100vw / 96 * 24); } }

.grid[data-grid-size="96"] .grid-item--width25 {
  width: 26.04167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width25 {
      width: calc(100vw / 96 * 25); } }

.grid[data-grid-size="96"] .grid-item--height25 {
  height: calc(100vh / 96 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height25 {
      height: calc(100vw / 96 * 25); } }

.grid[data-grid-size="96"] .grid-item--width26 {
  width: 27.08333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width26 {
      width: calc(100vw / 96 * 26); } }

.grid[data-grid-size="96"] .grid-item--height26 {
  height: calc(100vh / 96 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height26 {
      height: calc(100vw / 96 * 26); } }

.grid[data-grid-size="96"] .grid-item--width27 {
  width: 28.125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width27 {
      width: calc(100vw / 96 * 27); } }

.grid[data-grid-size="96"] .grid-item--height27 {
  height: calc(100vh / 96 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height27 {
      height: calc(100vw / 96 * 27); } }

.grid[data-grid-size="96"] .grid-item--width28 {
  width: 29.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width28 {
      width: calc(100vw / 96 * 28); } }

.grid[data-grid-size="96"] .grid-item--height28 {
  height: calc(100vh / 96 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height28 {
      height: calc(100vw / 96 * 28); } }

.grid[data-grid-size="96"] .grid-item--width29 {
  width: 30.20833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width29 {
      width: calc(100vw / 96 * 29); } }

.grid[data-grid-size="96"] .grid-item--height29 {
  height: calc(100vh / 96 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height29 {
      height: calc(100vw / 96 * 29); } }

.grid[data-grid-size="96"] .grid-item--width30 {
  width: 31.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width30 {
      width: calc(100vw / 96 * 30); } }

.grid[data-grid-size="96"] .grid-item--height30 {
  height: calc(100vh / 96 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height30 {
      height: calc(100vw / 96 * 30); } }

.grid[data-grid-size="96"] .grid-item--width31 {
  width: 32.29167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width31 {
      width: calc(100vw / 96 * 31); } }

.grid[data-grid-size="96"] .grid-item--height31 {
  height: calc(100vh / 96 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height31 {
      height: calc(100vw / 96 * 31); } }

.grid[data-grid-size="96"] .grid-item--width32 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width32 {
      width: calc(100vw / 96 * 32); } }

.grid[data-grid-size="96"] .grid-item--height32 {
  height: calc(100vh / 96 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height32 {
      height: calc(100vw / 96 * 32); } }

.grid[data-grid-size="96"] .grid-item--width33 {
  width: 34.375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width33 {
      width: calc(100vw / 96 * 33); } }

.grid[data-grid-size="96"] .grid-item--height33 {
  height: calc(100vh / 96 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height33 {
      height: calc(100vw / 96 * 33); } }

.grid[data-grid-size="96"] .grid-item--width34 {
  width: 35.41667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width34 {
      width: calc(100vw / 96 * 34); } }

.grid[data-grid-size="96"] .grid-item--height34 {
  height: calc(100vh / 96 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height34 {
      height: calc(100vw / 96 * 34); } }

.grid[data-grid-size="96"] .grid-item--width35 {
  width: 36.45833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width35 {
      width: calc(100vw / 96 * 35); } }

.grid[data-grid-size="96"] .grid-item--height35 {
  height: calc(100vh / 96 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height35 {
      height: calc(100vw / 96 * 35); } }

.grid[data-grid-size="96"] .grid-item--width36 {
  width: 37.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width36 {
      width: calc(100vw / 96 * 36); } }

.grid[data-grid-size="96"] .grid-item--height36 {
  height: calc(100vh / 96 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height36 {
      height: calc(100vw / 96 * 36); } }

.grid[data-grid-size="96"] .grid-item--width37 {
  width: 38.54167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width37 {
      width: calc(100vw / 96 * 37); } }

.grid[data-grid-size="96"] .grid-item--height37 {
  height: calc(100vh / 96 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height37 {
      height: calc(100vw / 96 * 37); } }

.grid[data-grid-size="96"] .grid-item--width38 {
  width: 39.58333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width38 {
      width: calc(100vw / 96 * 38); } }

.grid[data-grid-size="96"] .grid-item--height38 {
  height: calc(100vh / 96 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height38 {
      height: calc(100vw / 96 * 38); } }

.grid[data-grid-size="96"] .grid-item--width39 {
  width: 40.625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width39 {
      width: calc(100vw / 96 * 39); } }

.grid[data-grid-size="96"] .grid-item--height39 {
  height: calc(100vh / 96 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height39 {
      height: calc(100vw / 96 * 39); } }

.grid[data-grid-size="96"] .grid-item--width40 {
  width: 41.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width40 {
      width: calc(100vw / 96 * 40); } }

.grid[data-grid-size="96"] .grid-item--height40 {
  height: calc(100vh / 96 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height40 {
      height: calc(100vw / 96 * 40); } }

.grid[data-grid-size="96"] .grid-item--width41 {
  width: 42.70833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width41 {
      width: calc(100vw / 96 * 41); } }

.grid[data-grid-size="96"] .grid-item--height41 {
  height: calc(100vh / 96 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height41 {
      height: calc(100vw / 96 * 41); } }

.grid[data-grid-size="96"] .grid-item--width42 {
  width: 43.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width42 {
      width: calc(100vw / 96 * 42); } }

.grid[data-grid-size="96"] .grid-item--height42 {
  height: calc(100vh / 96 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height42 {
      height: calc(100vw / 96 * 42); } }

.grid[data-grid-size="96"] .grid-item--width43 {
  width: 44.79167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width43 {
      width: calc(100vw / 96 * 43); } }

.grid[data-grid-size="96"] .grid-item--height43 {
  height: calc(100vh / 96 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height43 {
      height: calc(100vw / 96 * 43); } }

.grid[data-grid-size="96"] .grid-item--width44 {
  width: 45.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width44 {
      width: calc(100vw / 96 * 44); } }

.grid[data-grid-size="96"] .grid-item--height44 {
  height: calc(100vh / 96 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height44 {
      height: calc(100vw / 96 * 44); } }

.grid[data-grid-size="96"] .grid-item--width45 {
  width: 46.875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width45 {
      width: calc(100vw / 96 * 45); } }

.grid[data-grid-size="96"] .grid-item--height45 {
  height: calc(100vh / 96 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height45 {
      height: calc(100vw / 96 * 45); } }

.grid[data-grid-size="96"] .grid-item--width46 {
  width: 47.91667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width46 {
      width: calc(100vw / 96 * 46); } }

.grid[data-grid-size="96"] .grid-item--height46 {
  height: calc(100vh / 96 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height46 {
      height: calc(100vw / 96 * 46); } }

.grid[data-grid-size="96"] .grid-item--width47 {
  width: 48.95833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width47 {
      width: calc(100vw / 96 * 47); } }

.grid[data-grid-size="96"] .grid-item--height47 {
  height: calc(100vh / 96 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height47 {
      height: calc(100vw / 96 * 47); } }

.grid[data-grid-size="96"] .grid-item--width48 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width48 {
      width: calc(100vw / 96 * 48); } }

.grid[data-grid-size="96"] .grid-item--height48 {
  height: calc(100vh / 96 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height48 {
      height: calc(100vw / 96 * 48); } }

.grid[data-grid-size="96"] .grid-item--width49 {
  width: 51.04167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width49 {
      width: calc(100vw / 96 * 49); } }

.grid[data-grid-size="96"] .grid-item--height49 {
  height: calc(100vh / 96 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height49 {
      height: calc(100vw / 96 * 49); } }

.grid[data-grid-size="96"] .grid-item--width50 {
  width: 52.08333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width50 {
      width: calc(100vw / 96 * 50); } }

.grid[data-grid-size="96"] .grid-item--height50 {
  height: calc(100vh / 96 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height50 {
      height: calc(100vw / 96 * 50); } }

.grid[data-grid-size="96"] .grid-item--width51 {
  width: 53.125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width51 {
      width: calc(100vw / 96 * 51); } }

.grid[data-grid-size="96"] .grid-item--height51 {
  height: calc(100vh / 96 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height51 {
      height: calc(100vw / 96 * 51); } }

.grid[data-grid-size="96"] .grid-item--width52 {
  width: 54.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width52 {
      width: calc(100vw / 96 * 52); } }

.grid[data-grid-size="96"] .grid-item--height52 {
  height: calc(100vh / 96 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height52 {
      height: calc(100vw / 96 * 52); } }

.grid[data-grid-size="96"] .grid-item--width53 {
  width: 55.20833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width53 {
      width: calc(100vw / 96 * 53); } }

.grid[data-grid-size="96"] .grid-item--height53 {
  height: calc(100vh / 96 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height53 {
      height: calc(100vw / 96 * 53); } }

.grid[data-grid-size="96"] .grid-item--width54 {
  width: 56.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width54 {
      width: calc(100vw / 96 * 54); } }

.grid[data-grid-size="96"] .grid-item--height54 {
  height: calc(100vh / 96 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height54 {
      height: calc(100vw / 96 * 54); } }

.grid[data-grid-size="96"] .grid-item--width55 {
  width: 57.29167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width55 {
      width: calc(100vw / 96 * 55); } }

.grid[data-grid-size="96"] .grid-item--height55 {
  height: calc(100vh / 96 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height55 {
      height: calc(100vw / 96 * 55); } }

.grid[data-grid-size="96"] .grid-item--width56 {
  width: 58.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width56 {
      width: calc(100vw / 96 * 56); } }

.grid[data-grid-size="96"] .grid-item--height56 {
  height: calc(100vh / 96 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height56 {
      height: calc(100vw / 96 * 56); } }

.grid[data-grid-size="96"] .grid-item--width57 {
  width: 59.375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width57 {
      width: calc(100vw / 96 * 57); } }

.grid[data-grid-size="96"] .grid-item--height57 {
  height: calc(100vh / 96 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height57 {
      height: calc(100vw / 96 * 57); } }

.grid[data-grid-size="96"] .grid-item--width58 {
  width: 60.41667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width58 {
      width: calc(100vw / 96 * 58); } }

.grid[data-grid-size="96"] .grid-item--height58 {
  height: calc(100vh / 96 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height58 {
      height: calc(100vw / 96 * 58); } }

.grid[data-grid-size="96"] .grid-item--width59 {
  width: 61.45833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width59 {
      width: calc(100vw / 96 * 59); } }

.grid[data-grid-size="96"] .grid-item--height59 {
  height: calc(100vh / 96 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height59 {
      height: calc(100vw / 96 * 59); } }

.grid[data-grid-size="96"] .grid-item--width60 {
  width: 62.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width60 {
      width: calc(100vw / 96 * 60); } }

.grid[data-grid-size="96"] .grid-item--height60 {
  height: calc(100vh / 96 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height60 {
      height: calc(100vw / 96 * 60); } }

.grid[data-grid-size="96"] .grid-item--width61 {
  width: 63.54167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width61 {
      width: calc(100vw / 96 * 61); } }

.grid[data-grid-size="96"] .grid-item--height61 {
  height: calc(100vh / 96 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height61 {
      height: calc(100vw / 96 * 61); } }

.grid[data-grid-size="96"] .grid-item--width62 {
  width: 64.58333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width62 {
      width: calc(100vw / 96 * 62); } }

.grid[data-grid-size="96"] .grid-item--height62 {
  height: calc(100vh / 96 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height62 {
      height: calc(100vw / 96 * 62); } }

.grid[data-grid-size="96"] .grid-item--width63 {
  width: 65.625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width63 {
      width: calc(100vw / 96 * 63); } }

.grid[data-grid-size="96"] .grid-item--height63 {
  height: calc(100vh / 96 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height63 {
      height: calc(100vw / 96 * 63); } }

.grid[data-grid-size="96"] .grid-item--width64 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width64 {
      width: calc(100vw / 96 * 64); } }

.grid[data-grid-size="96"] .grid-item--height64 {
  height: calc(100vh / 96 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height64 {
      height: calc(100vw / 96 * 64); } }

.grid[data-grid-size="96"] .grid-item--width65 {
  width: 67.70833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width65 {
      width: calc(100vw / 96 * 65); } }

.grid[data-grid-size="96"] .grid-item--height65 {
  height: calc(100vh / 96 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height65 {
      height: calc(100vw / 96 * 65); } }

.grid[data-grid-size="96"] .grid-item--width66 {
  width: 68.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width66 {
      width: calc(100vw / 96 * 66); } }

.grid[data-grid-size="96"] .grid-item--height66 {
  height: calc(100vh / 96 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height66 {
      height: calc(100vw / 96 * 66); } }

.grid[data-grid-size="96"] .grid-item--width67 {
  width: 69.79167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width67 {
      width: calc(100vw / 96 * 67); } }

.grid[data-grid-size="96"] .grid-item--height67 {
  height: calc(100vh / 96 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height67 {
      height: calc(100vw / 96 * 67); } }

.grid[data-grid-size="96"] .grid-item--width68 {
  width: 70.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width68 {
      width: calc(100vw / 96 * 68); } }

.grid[data-grid-size="96"] .grid-item--height68 {
  height: calc(100vh / 96 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height68 {
      height: calc(100vw / 96 * 68); } }

.grid[data-grid-size="96"] .grid-item--width69 {
  width: 71.875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width69 {
      width: calc(100vw / 96 * 69); } }

.grid[data-grid-size="96"] .grid-item--height69 {
  height: calc(100vh / 96 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height69 {
      height: calc(100vw / 96 * 69); } }

.grid[data-grid-size="96"] .grid-item--width70 {
  width: 72.91667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width70 {
      width: calc(100vw / 96 * 70); } }

.grid[data-grid-size="96"] .grid-item--height70 {
  height: calc(100vh / 96 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height70 {
      height: calc(100vw / 96 * 70); } }

.grid[data-grid-size="96"] .grid-item--width71 {
  width: 73.95833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width71 {
      width: calc(100vw / 96 * 71); } }

.grid[data-grid-size="96"] .grid-item--height71 {
  height: calc(100vh / 96 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height71 {
      height: calc(100vw / 96 * 71); } }

.grid[data-grid-size="96"] .grid-item--width72 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width72 {
      width: calc(100vw / 96 * 72); } }

.grid[data-grid-size="96"] .grid-item--height72 {
  height: calc(100vh / 96 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height72 {
      height: calc(100vw / 96 * 72); } }

.grid[data-grid-size="96"] .grid-item--width73 {
  width: 76.04167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width73 {
      width: calc(100vw / 96 * 73); } }

.grid[data-grid-size="96"] .grid-item--height73 {
  height: calc(100vh / 96 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height73 {
      height: calc(100vw / 96 * 73); } }

.grid[data-grid-size="96"] .grid-item--width74 {
  width: 77.08333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width74 {
      width: calc(100vw / 96 * 74); } }

.grid[data-grid-size="96"] .grid-item--height74 {
  height: calc(100vh / 96 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height74 {
      height: calc(100vw / 96 * 74); } }

.grid[data-grid-size="96"] .grid-item--width75 {
  width: 78.125%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width75 {
      width: calc(100vw / 96 * 75); } }

.grid[data-grid-size="96"] .grid-item--height75 {
  height: calc(100vh / 96 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height75 {
      height: calc(100vw / 96 * 75); } }

.grid[data-grid-size="96"] .grid-item--width76 {
  width: 79.16667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width76 {
      width: calc(100vw / 96 * 76); } }

.grid[data-grid-size="96"] .grid-item--height76 {
  height: calc(100vh / 96 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height76 {
      height: calc(100vw / 96 * 76); } }

.grid[data-grid-size="96"] .grid-item--width77 {
  width: 80.20833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width77 {
      width: calc(100vw / 96 * 77); } }

.grid[data-grid-size="96"] .grid-item--height77 {
  height: calc(100vh / 96 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height77 {
      height: calc(100vw / 96 * 77); } }

.grid[data-grid-size="96"] .grid-item--width78 {
  width: 81.25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width78 {
      width: calc(100vw / 96 * 78); } }

.grid[data-grid-size="96"] .grid-item--height78 {
  height: calc(100vh / 96 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height78 {
      height: calc(100vw / 96 * 78); } }

.grid[data-grid-size="96"] .grid-item--width79 {
  width: 82.29167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width79 {
      width: calc(100vw / 96 * 79); } }

.grid[data-grid-size="96"] .grid-item--height79 {
  height: calc(100vh / 96 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height79 {
      height: calc(100vw / 96 * 79); } }

.grid[data-grid-size="96"] .grid-item--width80 {
  width: 83.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width80 {
      width: calc(100vw / 96 * 80); } }

.grid[data-grid-size="96"] .grid-item--height80 {
  height: calc(100vh / 96 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height80 {
      height: calc(100vw / 96 * 80); } }

.grid[data-grid-size="96"] .grid-item--width81 {
  width: 84.375%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width81 {
      width: calc(100vw / 96 * 81); } }

.grid[data-grid-size="96"] .grid-item--height81 {
  height: calc(100vh / 96 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height81 {
      height: calc(100vw / 96 * 81); } }

.grid[data-grid-size="96"] .grid-item--width82 {
  width: 85.41667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width82 {
      width: calc(100vw / 96 * 82); } }

.grid[data-grid-size="96"] .grid-item--height82 {
  height: calc(100vh / 96 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height82 {
      height: calc(100vw / 96 * 82); } }

.grid[data-grid-size="96"] .grid-item--width83 {
  width: 86.45833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width83 {
      width: calc(100vw / 96 * 83); } }

.grid[data-grid-size="96"] .grid-item--height83 {
  height: calc(100vh / 96 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height83 {
      height: calc(100vw / 96 * 83); } }

.grid[data-grid-size="96"] .grid-item--width84 {
  width: 87.5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width84 {
      width: calc(100vw / 96 * 84); } }

.grid[data-grid-size="96"] .grid-item--height84 {
  height: calc(100vh / 96 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height84 {
      height: calc(100vw / 96 * 84); } }

.grid[data-grid-size="96"] .grid-item--width85 {
  width: 88.54167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width85 {
      width: calc(100vw / 96 * 85); } }

.grid[data-grid-size="96"] .grid-item--height85 {
  height: calc(100vh / 96 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height85 {
      height: calc(100vw / 96 * 85); } }

.grid[data-grid-size="96"] .grid-item--width86 {
  width: 89.58333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width86 {
      width: calc(100vw / 96 * 86); } }

.grid[data-grid-size="96"] .grid-item--height86 {
  height: calc(100vh / 96 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height86 {
      height: calc(100vw / 96 * 86); } }

.grid[data-grid-size="96"] .grid-item--width87 {
  width: 90.625%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width87 {
      width: calc(100vw / 96 * 87); } }

.grid[data-grid-size="96"] .grid-item--height87 {
  height: calc(100vh / 96 * 87); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height87 {
      height: calc(100vw / 96 * 87); } }

.grid[data-grid-size="96"] .grid-item--width88 {
  width: 91.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width88 {
      width: calc(100vw / 96 * 88); } }

.grid[data-grid-size="96"] .grid-item--height88 {
  height: calc(100vh / 96 * 88); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height88 {
      height: calc(100vw / 96 * 88); } }

.grid[data-grid-size="96"] .grid-item--width89 {
  width: 92.70833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width89 {
      width: calc(100vw / 96 * 89); } }

.grid[data-grid-size="96"] .grid-item--height89 {
  height: calc(100vh / 96 * 89); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height89 {
      height: calc(100vw / 96 * 89); } }

.grid[data-grid-size="96"] .grid-item--width90 {
  width: 93.75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width90 {
      width: calc(100vw / 96 * 90); } }

.grid[data-grid-size="96"] .grid-item--height90 {
  height: calc(100vh / 96 * 90); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height90 {
      height: calc(100vw / 96 * 90); } }

.grid[data-grid-size="96"] .grid-item--width91 {
  width: 94.79167%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width91 {
      width: calc(100vw / 96 * 91); } }

.grid[data-grid-size="96"] .grid-item--height91 {
  height: calc(100vh / 96 * 91); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height91 {
      height: calc(100vw / 96 * 91); } }

.grid[data-grid-size="96"] .grid-item--width92 {
  width: 95.83333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width92 {
      width: calc(100vw / 96 * 92); } }

.grid[data-grid-size="96"] .grid-item--height92 {
  height: calc(100vh / 96 * 92); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height92 {
      height: calc(100vw / 96 * 92); } }

.grid[data-grid-size="96"] .grid-item--width93 {
  width: 96.875%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width93 {
      width: calc(100vw / 96 * 93); } }

.grid[data-grid-size="96"] .grid-item--height93 {
  height: calc(100vh / 96 * 93); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height93 {
      height: calc(100vw / 96 * 93); } }

.grid[data-grid-size="96"] .grid-item--width94 {
  width: 97.91667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width94 {
      width: calc(100vw / 96 * 94); } }

.grid[data-grid-size="96"] .grid-item--height94 {
  height: calc(100vh / 96 * 94); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height94 {
      height: calc(100vw / 96 * 94); } }

.grid[data-grid-size="96"] .grid-item--width95 {
  width: 98.95833%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width95 {
      width: calc(100vw / 96 * 95); } }

.grid[data-grid-size="96"] .grid-item--height95 {
  height: calc(100vh / 96 * 95); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height95 {
      height: calc(100vw / 96 * 95); } }

.grid[data-grid-size="96"] .grid-item--width96 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--width96 {
      width: calc(100vw / 96 * 96); } }

.grid[data-grid-size="96"] .grid-item--height96 {
  height: calc(100vh / 96 * 96); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="96"] .grid-item--height96 {
      height: calc(100vw / 96 * 96); } }

.grid[data-grid-size="97"] .grid-sizer, .grid[data-grid-size="97"] .grid-item {
  width: 1.03093%; }

.grid[data-grid-size="97"] .grid-item--width1 {
  width: 1.03093%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width1 {
      width: calc(100vw / 97 * 1); } }

.grid[data-grid-size="97"] .grid-item--height1 {
  height: calc(100vh / 97 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height1 {
      height: calc(100vw / 97 * 1); } }

.grid[data-grid-size="97"] .grid-item--width2 {
  width: 2.06186%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width2 {
      width: calc(100vw / 97 * 2); } }

.grid[data-grid-size="97"] .grid-item--height2 {
  height: calc(100vh / 97 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height2 {
      height: calc(100vw / 97 * 2); } }

.grid[data-grid-size="97"] .grid-item--width3 {
  width: 3.09278%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width3 {
      width: calc(100vw / 97 * 3); } }

.grid[data-grid-size="97"] .grid-item--height3 {
  height: calc(100vh / 97 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height3 {
      height: calc(100vw / 97 * 3); } }

.grid[data-grid-size="97"] .grid-item--width4 {
  width: 4.12371%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width4 {
      width: calc(100vw / 97 * 4); } }

.grid[data-grid-size="97"] .grid-item--height4 {
  height: calc(100vh / 97 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height4 {
      height: calc(100vw / 97 * 4); } }

.grid[data-grid-size="97"] .grid-item--width5 {
  width: 5.15464%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width5 {
      width: calc(100vw / 97 * 5); } }

.grid[data-grid-size="97"] .grid-item--height5 {
  height: calc(100vh / 97 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height5 {
      height: calc(100vw / 97 * 5); } }

.grid[data-grid-size="97"] .grid-item--width6 {
  width: 6.18557%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width6 {
      width: calc(100vw / 97 * 6); } }

.grid[data-grid-size="97"] .grid-item--height6 {
  height: calc(100vh / 97 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height6 {
      height: calc(100vw / 97 * 6); } }

.grid[data-grid-size="97"] .grid-item--width7 {
  width: 7.21649%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width7 {
      width: calc(100vw / 97 * 7); } }

.grid[data-grid-size="97"] .grid-item--height7 {
  height: calc(100vh / 97 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height7 {
      height: calc(100vw / 97 * 7); } }

.grid[data-grid-size="97"] .grid-item--width8 {
  width: 8.24742%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width8 {
      width: calc(100vw / 97 * 8); } }

.grid[data-grid-size="97"] .grid-item--height8 {
  height: calc(100vh / 97 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height8 {
      height: calc(100vw / 97 * 8); } }

.grid[data-grid-size="97"] .grid-item--width9 {
  width: 9.27835%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width9 {
      width: calc(100vw / 97 * 9); } }

.grid[data-grid-size="97"] .grid-item--height9 {
  height: calc(100vh / 97 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height9 {
      height: calc(100vw / 97 * 9); } }

.grid[data-grid-size="97"] .grid-item--width10 {
  width: 10.30928%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width10 {
      width: calc(100vw / 97 * 10); } }

.grid[data-grid-size="97"] .grid-item--height10 {
  height: calc(100vh / 97 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height10 {
      height: calc(100vw / 97 * 10); } }

.grid[data-grid-size="97"] .grid-item--width11 {
  width: 11.34021%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width11 {
      width: calc(100vw / 97 * 11); } }

.grid[data-grid-size="97"] .grid-item--height11 {
  height: calc(100vh / 97 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height11 {
      height: calc(100vw / 97 * 11); } }

.grid[data-grid-size="97"] .grid-item--width12 {
  width: 12.37113%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width12 {
      width: calc(100vw / 97 * 12); } }

.grid[data-grid-size="97"] .grid-item--height12 {
  height: calc(100vh / 97 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height12 {
      height: calc(100vw / 97 * 12); } }

.grid[data-grid-size="97"] .grid-item--width13 {
  width: 13.40206%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width13 {
      width: calc(100vw / 97 * 13); } }

.grid[data-grid-size="97"] .grid-item--height13 {
  height: calc(100vh / 97 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height13 {
      height: calc(100vw / 97 * 13); } }

.grid[data-grid-size="97"] .grid-item--width14 {
  width: 14.43299%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width14 {
      width: calc(100vw / 97 * 14); } }

.grid[data-grid-size="97"] .grid-item--height14 {
  height: calc(100vh / 97 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height14 {
      height: calc(100vw / 97 * 14); } }

.grid[data-grid-size="97"] .grid-item--width15 {
  width: 15.46392%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width15 {
      width: calc(100vw / 97 * 15); } }

.grid[data-grid-size="97"] .grid-item--height15 {
  height: calc(100vh / 97 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height15 {
      height: calc(100vw / 97 * 15); } }

.grid[data-grid-size="97"] .grid-item--width16 {
  width: 16.49485%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width16 {
      width: calc(100vw / 97 * 16); } }

.grid[data-grid-size="97"] .grid-item--height16 {
  height: calc(100vh / 97 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height16 {
      height: calc(100vw / 97 * 16); } }

.grid[data-grid-size="97"] .grid-item--width17 {
  width: 17.52577%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width17 {
      width: calc(100vw / 97 * 17); } }

.grid[data-grid-size="97"] .grid-item--height17 {
  height: calc(100vh / 97 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height17 {
      height: calc(100vw / 97 * 17); } }

.grid[data-grid-size="97"] .grid-item--width18 {
  width: 18.5567%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width18 {
      width: calc(100vw / 97 * 18); } }

.grid[data-grid-size="97"] .grid-item--height18 {
  height: calc(100vh / 97 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height18 {
      height: calc(100vw / 97 * 18); } }

.grid[data-grid-size="97"] .grid-item--width19 {
  width: 19.58763%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width19 {
      width: calc(100vw / 97 * 19); } }

.grid[data-grid-size="97"] .grid-item--height19 {
  height: calc(100vh / 97 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height19 {
      height: calc(100vw / 97 * 19); } }

.grid[data-grid-size="97"] .grid-item--width20 {
  width: 20.61856%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width20 {
      width: calc(100vw / 97 * 20); } }

.grid[data-grid-size="97"] .grid-item--height20 {
  height: calc(100vh / 97 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height20 {
      height: calc(100vw / 97 * 20); } }

.grid[data-grid-size="97"] .grid-item--width21 {
  width: 21.64948%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width21 {
      width: calc(100vw / 97 * 21); } }

.grid[data-grid-size="97"] .grid-item--height21 {
  height: calc(100vh / 97 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height21 {
      height: calc(100vw / 97 * 21); } }

.grid[data-grid-size="97"] .grid-item--width22 {
  width: 22.68041%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width22 {
      width: calc(100vw / 97 * 22); } }

.grid[data-grid-size="97"] .grid-item--height22 {
  height: calc(100vh / 97 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height22 {
      height: calc(100vw / 97 * 22); } }

.grid[data-grid-size="97"] .grid-item--width23 {
  width: 23.71134%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width23 {
      width: calc(100vw / 97 * 23); } }

.grid[data-grid-size="97"] .grid-item--height23 {
  height: calc(100vh / 97 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height23 {
      height: calc(100vw / 97 * 23); } }

.grid[data-grid-size="97"] .grid-item--width24 {
  width: 24.74227%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width24 {
      width: calc(100vw / 97 * 24); } }

.grid[data-grid-size="97"] .grid-item--height24 {
  height: calc(100vh / 97 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height24 {
      height: calc(100vw / 97 * 24); } }

.grid[data-grid-size="97"] .grid-item--width25 {
  width: 25.7732%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width25 {
      width: calc(100vw / 97 * 25); } }

.grid[data-grid-size="97"] .grid-item--height25 {
  height: calc(100vh / 97 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height25 {
      height: calc(100vw / 97 * 25); } }

.grid[data-grid-size="97"] .grid-item--width26 {
  width: 26.80412%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width26 {
      width: calc(100vw / 97 * 26); } }

.grid[data-grid-size="97"] .grid-item--height26 {
  height: calc(100vh / 97 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height26 {
      height: calc(100vw / 97 * 26); } }

.grid[data-grid-size="97"] .grid-item--width27 {
  width: 27.83505%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width27 {
      width: calc(100vw / 97 * 27); } }

.grid[data-grid-size="97"] .grid-item--height27 {
  height: calc(100vh / 97 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height27 {
      height: calc(100vw / 97 * 27); } }

.grid[data-grid-size="97"] .grid-item--width28 {
  width: 28.86598%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width28 {
      width: calc(100vw / 97 * 28); } }

.grid[data-grid-size="97"] .grid-item--height28 {
  height: calc(100vh / 97 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height28 {
      height: calc(100vw / 97 * 28); } }

.grid[data-grid-size="97"] .grid-item--width29 {
  width: 29.89691%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width29 {
      width: calc(100vw / 97 * 29); } }

.grid[data-grid-size="97"] .grid-item--height29 {
  height: calc(100vh / 97 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height29 {
      height: calc(100vw / 97 * 29); } }

.grid[data-grid-size="97"] .grid-item--width30 {
  width: 30.92784%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width30 {
      width: calc(100vw / 97 * 30); } }

.grid[data-grid-size="97"] .grid-item--height30 {
  height: calc(100vh / 97 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height30 {
      height: calc(100vw / 97 * 30); } }

.grid[data-grid-size="97"] .grid-item--width31 {
  width: 31.95876%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width31 {
      width: calc(100vw / 97 * 31); } }

.grid[data-grid-size="97"] .grid-item--height31 {
  height: calc(100vh / 97 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height31 {
      height: calc(100vw / 97 * 31); } }

.grid[data-grid-size="97"] .grid-item--width32 {
  width: 32.98969%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width32 {
      width: calc(100vw / 97 * 32); } }

.grid[data-grid-size="97"] .grid-item--height32 {
  height: calc(100vh / 97 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height32 {
      height: calc(100vw / 97 * 32); } }

.grid[data-grid-size="97"] .grid-item--width33 {
  width: 34.02062%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width33 {
      width: calc(100vw / 97 * 33); } }

.grid[data-grid-size="97"] .grid-item--height33 {
  height: calc(100vh / 97 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height33 {
      height: calc(100vw / 97 * 33); } }

.grid[data-grid-size="97"] .grid-item--width34 {
  width: 35.05155%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width34 {
      width: calc(100vw / 97 * 34); } }

.grid[data-grid-size="97"] .grid-item--height34 {
  height: calc(100vh / 97 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height34 {
      height: calc(100vw / 97 * 34); } }

.grid[data-grid-size="97"] .grid-item--width35 {
  width: 36.08247%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width35 {
      width: calc(100vw / 97 * 35); } }

.grid[data-grid-size="97"] .grid-item--height35 {
  height: calc(100vh / 97 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height35 {
      height: calc(100vw / 97 * 35); } }

.grid[data-grid-size="97"] .grid-item--width36 {
  width: 37.1134%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width36 {
      width: calc(100vw / 97 * 36); } }

.grid[data-grid-size="97"] .grid-item--height36 {
  height: calc(100vh / 97 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height36 {
      height: calc(100vw / 97 * 36); } }

.grid[data-grid-size="97"] .grid-item--width37 {
  width: 38.14433%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width37 {
      width: calc(100vw / 97 * 37); } }

.grid[data-grid-size="97"] .grid-item--height37 {
  height: calc(100vh / 97 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height37 {
      height: calc(100vw / 97 * 37); } }

.grid[data-grid-size="97"] .grid-item--width38 {
  width: 39.17526%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width38 {
      width: calc(100vw / 97 * 38); } }

.grid[data-grid-size="97"] .grid-item--height38 {
  height: calc(100vh / 97 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height38 {
      height: calc(100vw / 97 * 38); } }

.grid[data-grid-size="97"] .grid-item--width39 {
  width: 40.20619%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width39 {
      width: calc(100vw / 97 * 39); } }

.grid[data-grid-size="97"] .grid-item--height39 {
  height: calc(100vh / 97 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height39 {
      height: calc(100vw / 97 * 39); } }

.grid[data-grid-size="97"] .grid-item--width40 {
  width: 41.23711%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width40 {
      width: calc(100vw / 97 * 40); } }

.grid[data-grid-size="97"] .grid-item--height40 {
  height: calc(100vh / 97 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height40 {
      height: calc(100vw / 97 * 40); } }

.grid[data-grid-size="97"] .grid-item--width41 {
  width: 42.26804%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width41 {
      width: calc(100vw / 97 * 41); } }

.grid[data-grid-size="97"] .grid-item--height41 {
  height: calc(100vh / 97 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height41 {
      height: calc(100vw / 97 * 41); } }

.grid[data-grid-size="97"] .grid-item--width42 {
  width: 43.29897%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width42 {
      width: calc(100vw / 97 * 42); } }

.grid[data-grid-size="97"] .grid-item--height42 {
  height: calc(100vh / 97 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height42 {
      height: calc(100vw / 97 * 42); } }

.grid[data-grid-size="97"] .grid-item--width43 {
  width: 44.3299%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width43 {
      width: calc(100vw / 97 * 43); } }

.grid[data-grid-size="97"] .grid-item--height43 {
  height: calc(100vh / 97 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height43 {
      height: calc(100vw / 97 * 43); } }

.grid[data-grid-size="97"] .grid-item--width44 {
  width: 45.36082%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width44 {
      width: calc(100vw / 97 * 44); } }

.grid[data-grid-size="97"] .grid-item--height44 {
  height: calc(100vh / 97 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height44 {
      height: calc(100vw / 97 * 44); } }

.grid[data-grid-size="97"] .grid-item--width45 {
  width: 46.39175%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width45 {
      width: calc(100vw / 97 * 45); } }

.grid[data-grid-size="97"] .grid-item--height45 {
  height: calc(100vh / 97 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height45 {
      height: calc(100vw / 97 * 45); } }

.grid[data-grid-size="97"] .grid-item--width46 {
  width: 47.42268%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width46 {
      width: calc(100vw / 97 * 46); } }

.grid[data-grid-size="97"] .grid-item--height46 {
  height: calc(100vh / 97 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height46 {
      height: calc(100vw / 97 * 46); } }

.grid[data-grid-size="97"] .grid-item--width47 {
  width: 48.45361%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width47 {
      width: calc(100vw / 97 * 47); } }

.grid[data-grid-size="97"] .grid-item--height47 {
  height: calc(100vh / 97 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height47 {
      height: calc(100vw / 97 * 47); } }

.grid[data-grid-size="97"] .grid-item--width48 {
  width: 49.48454%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width48 {
      width: calc(100vw / 97 * 48); } }

.grid[data-grid-size="97"] .grid-item--height48 {
  height: calc(100vh / 97 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height48 {
      height: calc(100vw / 97 * 48); } }

.grid[data-grid-size="97"] .grid-item--width49 {
  width: 50.51546%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width49 {
      width: calc(100vw / 97 * 49); } }

.grid[data-grid-size="97"] .grid-item--height49 {
  height: calc(100vh / 97 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height49 {
      height: calc(100vw / 97 * 49); } }

.grid[data-grid-size="97"] .grid-item--width50 {
  width: 51.54639%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width50 {
      width: calc(100vw / 97 * 50); } }

.grid[data-grid-size="97"] .grid-item--height50 {
  height: calc(100vh / 97 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height50 {
      height: calc(100vw / 97 * 50); } }

.grid[data-grid-size="97"] .grid-item--width51 {
  width: 52.57732%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width51 {
      width: calc(100vw / 97 * 51); } }

.grid[data-grid-size="97"] .grid-item--height51 {
  height: calc(100vh / 97 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height51 {
      height: calc(100vw / 97 * 51); } }

.grid[data-grid-size="97"] .grid-item--width52 {
  width: 53.60825%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width52 {
      width: calc(100vw / 97 * 52); } }

.grid[data-grid-size="97"] .grid-item--height52 {
  height: calc(100vh / 97 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height52 {
      height: calc(100vw / 97 * 52); } }

.grid[data-grid-size="97"] .grid-item--width53 {
  width: 54.63918%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width53 {
      width: calc(100vw / 97 * 53); } }

.grid[data-grid-size="97"] .grid-item--height53 {
  height: calc(100vh / 97 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height53 {
      height: calc(100vw / 97 * 53); } }

.grid[data-grid-size="97"] .grid-item--width54 {
  width: 55.6701%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width54 {
      width: calc(100vw / 97 * 54); } }

.grid[data-grid-size="97"] .grid-item--height54 {
  height: calc(100vh / 97 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height54 {
      height: calc(100vw / 97 * 54); } }

.grid[data-grid-size="97"] .grid-item--width55 {
  width: 56.70103%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width55 {
      width: calc(100vw / 97 * 55); } }

.grid[data-grid-size="97"] .grid-item--height55 {
  height: calc(100vh / 97 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height55 {
      height: calc(100vw / 97 * 55); } }

.grid[data-grid-size="97"] .grid-item--width56 {
  width: 57.73196%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width56 {
      width: calc(100vw / 97 * 56); } }

.grid[data-grid-size="97"] .grid-item--height56 {
  height: calc(100vh / 97 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height56 {
      height: calc(100vw / 97 * 56); } }

.grid[data-grid-size="97"] .grid-item--width57 {
  width: 58.76289%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width57 {
      width: calc(100vw / 97 * 57); } }

.grid[data-grid-size="97"] .grid-item--height57 {
  height: calc(100vh / 97 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height57 {
      height: calc(100vw / 97 * 57); } }

.grid[data-grid-size="97"] .grid-item--width58 {
  width: 59.79381%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width58 {
      width: calc(100vw / 97 * 58); } }

.grid[data-grid-size="97"] .grid-item--height58 {
  height: calc(100vh / 97 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height58 {
      height: calc(100vw / 97 * 58); } }

.grid[data-grid-size="97"] .grid-item--width59 {
  width: 60.82474%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width59 {
      width: calc(100vw / 97 * 59); } }

.grid[data-grid-size="97"] .grid-item--height59 {
  height: calc(100vh / 97 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height59 {
      height: calc(100vw / 97 * 59); } }

.grid[data-grid-size="97"] .grid-item--width60 {
  width: 61.85567%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width60 {
      width: calc(100vw / 97 * 60); } }

.grid[data-grid-size="97"] .grid-item--height60 {
  height: calc(100vh / 97 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height60 {
      height: calc(100vw / 97 * 60); } }

.grid[data-grid-size="97"] .grid-item--width61 {
  width: 62.8866%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width61 {
      width: calc(100vw / 97 * 61); } }

.grid[data-grid-size="97"] .grid-item--height61 {
  height: calc(100vh / 97 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height61 {
      height: calc(100vw / 97 * 61); } }

.grid[data-grid-size="97"] .grid-item--width62 {
  width: 63.91753%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width62 {
      width: calc(100vw / 97 * 62); } }

.grid[data-grid-size="97"] .grid-item--height62 {
  height: calc(100vh / 97 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height62 {
      height: calc(100vw / 97 * 62); } }

.grid[data-grid-size="97"] .grid-item--width63 {
  width: 64.94845%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width63 {
      width: calc(100vw / 97 * 63); } }

.grid[data-grid-size="97"] .grid-item--height63 {
  height: calc(100vh / 97 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height63 {
      height: calc(100vw / 97 * 63); } }

.grid[data-grid-size="97"] .grid-item--width64 {
  width: 65.97938%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width64 {
      width: calc(100vw / 97 * 64); } }

.grid[data-grid-size="97"] .grid-item--height64 {
  height: calc(100vh / 97 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height64 {
      height: calc(100vw / 97 * 64); } }

.grid[data-grid-size="97"] .grid-item--width65 {
  width: 67.01031%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width65 {
      width: calc(100vw / 97 * 65); } }

.grid[data-grid-size="97"] .grid-item--height65 {
  height: calc(100vh / 97 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height65 {
      height: calc(100vw / 97 * 65); } }

.grid[data-grid-size="97"] .grid-item--width66 {
  width: 68.04124%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width66 {
      width: calc(100vw / 97 * 66); } }

.grid[data-grid-size="97"] .grid-item--height66 {
  height: calc(100vh / 97 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height66 {
      height: calc(100vw / 97 * 66); } }

.grid[data-grid-size="97"] .grid-item--width67 {
  width: 69.07216%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width67 {
      width: calc(100vw / 97 * 67); } }

.grid[data-grid-size="97"] .grid-item--height67 {
  height: calc(100vh / 97 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height67 {
      height: calc(100vw / 97 * 67); } }

.grid[data-grid-size="97"] .grid-item--width68 {
  width: 70.10309%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width68 {
      width: calc(100vw / 97 * 68); } }

.grid[data-grid-size="97"] .grid-item--height68 {
  height: calc(100vh / 97 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height68 {
      height: calc(100vw / 97 * 68); } }

.grid[data-grid-size="97"] .grid-item--width69 {
  width: 71.13402%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width69 {
      width: calc(100vw / 97 * 69); } }

.grid[data-grid-size="97"] .grid-item--height69 {
  height: calc(100vh / 97 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height69 {
      height: calc(100vw / 97 * 69); } }

.grid[data-grid-size="97"] .grid-item--width70 {
  width: 72.16495%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width70 {
      width: calc(100vw / 97 * 70); } }

.grid[data-grid-size="97"] .grid-item--height70 {
  height: calc(100vh / 97 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height70 {
      height: calc(100vw / 97 * 70); } }

.grid[data-grid-size="97"] .grid-item--width71 {
  width: 73.19588%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width71 {
      width: calc(100vw / 97 * 71); } }

.grid[data-grid-size="97"] .grid-item--height71 {
  height: calc(100vh / 97 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height71 {
      height: calc(100vw / 97 * 71); } }

.grid[data-grid-size="97"] .grid-item--width72 {
  width: 74.2268%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width72 {
      width: calc(100vw / 97 * 72); } }

.grid[data-grid-size="97"] .grid-item--height72 {
  height: calc(100vh / 97 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height72 {
      height: calc(100vw / 97 * 72); } }

.grid[data-grid-size="97"] .grid-item--width73 {
  width: 75.25773%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width73 {
      width: calc(100vw / 97 * 73); } }

.grid[data-grid-size="97"] .grid-item--height73 {
  height: calc(100vh / 97 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height73 {
      height: calc(100vw / 97 * 73); } }

.grid[data-grid-size="97"] .grid-item--width74 {
  width: 76.28866%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width74 {
      width: calc(100vw / 97 * 74); } }

.grid[data-grid-size="97"] .grid-item--height74 {
  height: calc(100vh / 97 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height74 {
      height: calc(100vw / 97 * 74); } }

.grid[data-grid-size="97"] .grid-item--width75 {
  width: 77.31959%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width75 {
      width: calc(100vw / 97 * 75); } }

.grid[data-grid-size="97"] .grid-item--height75 {
  height: calc(100vh / 97 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height75 {
      height: calc(100vw / 97 * 75); } }

.grid[data-grid-size="97"] .grid-item--width76 {
  width: 78.35052%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width76 {
      width: calc(100vw / 97 * 76); } }

.grid[data-grid-size="97"] .grid-item--height76 {
  height: calc(100vh / 97 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height76 {
      height: calc(100vw / 97 * 76); } }

.grid[data-grid-size="97"] .grid-item--width77 {
  width: 79.38144%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width77 {
      width: calc(100vw / 97 * 77); } }

.grid[data-grid-size="97"] .grid-item--height77 {
  height: calc(100vh / 97 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height77 {
      height: calc(100vw / 97 * 77); } }

.grid[data-grid-size="97"] .grid-item--width78 {
  width: 80.41237%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width78 {
      width: calc(100vw / 97 * 78); } }

.grid[data-grid-size="97"] .grid-item--height78 {
  height: calc(100vh / 97 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height78 {
      height: calc(100vw / 97 * 78); } }

.grid[data-grid-size="97"] .grid-item--width79 {
  width: 81.4433%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width79 {
      width: calc(100vw / 97 * 79); } }

.grid[data-grid-size="97"] .grid-item--height79 {
  height: calc(100vh / 97 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height79 {
      height: calc(100vw / 97 * 79); } }

.grid[data-grid-size="97"] .grid-item--width80 {
  width: 82.47423%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width80 {
      width: calc(100vw / 97 * 80); } }

.grid[data-grid-size="97"] .grid-item--height80 {
  height: calc(100vh / 97 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height80 {
      height: calc(100vw / 97 * 80); } }

.grid[data-grid-size="97"] .grid-item--width81 {
  width: 83.50515%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width81 {
      width: calc(100vw / 97 * 81); } }

.grid[data-grid-size="97"] .grid-item--height81 {
  height: calc(100vh / 97 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height81 {
      height: calc(100vw / 97 * 81); } }

.grid[data-grid-size="97"] .grid-item--width82 {
  width: 84.53608%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width82 {
      width: calc(100vw / 97 * 82); } }

.grid[data-grid-size="97"] .grid-item--height82 {
  height: calc(100vh / 97 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height82 {
      height: calc(100vw / 97 * 82); } }

.grid[data-grid-size="97"] .grid-item--width83 {
  width: 85.56701%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width83 {
      width: calc(100vw / 97 * 83); } }

.grid[data-grid-size="97"] .grid-item--height83 {
  height: calc(100vh / 97 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height83 {
      height: calc(100vw / 97 * 83); } }

.grid[data-grid-size="97"] .grid-item--width84 {
  width: 86.59794%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width84 {
      width: calc(100vw / 97 * 84); } }

.grid[data-grid-size="97"] .grid-item--height84 {
  height: calc(100vh / 97 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height84 {
      height: calc(100vw / 97 * 84); } }

.grid[data-grid-size="97"] .grid-item--width85 {
  width: 87.62887%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width85 {
      width: calc(100vw / 97 * 85); } }

.grid[data-grid-size="97"] .grid-item--height85 {
  height: calc(100vh / 97 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height85 {
      height: calc(100vw / 97 * 85); } }

.grid[data-grid-size="97"] .grid-item--width86 {
  width: 88.65979%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width86 {
      width: calc(100vw / 97 * 86); } }

.grid[data-grid-size="97"] .grid-item--height86 {
  height: calc(100vh / 97 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height86 {
      height: calc(100vw / 97 * 86); } }

.grid[data-grid-size="97"] .grid-item--width87 {
  width: 89.69072%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width87 {
      width: calc(100vw / 97 * 87); } }

.grid[data-grid-size="97"] .grid-item--height87 {
  height: calc(100vh / 97 * 87); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height87 {
      height: calc(100vw / 97 * 87); } }

.grid[data-grid-size="97"] .grid-item--width88 {
  width: 90.72165%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width88 {
      width: calc(100vw / 97 * 88); } }

.grid[data-grid-size="97"] .grid-item--height88 {
  height: calc(100vh / 97 * 88); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height88 {
      height: calc(100vw / 97 * 88); } }

.grid[data-grid-size="97"] .grid-item--width89 {
  width: 91.75258%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width89 {
      width: calc(100vw / 97 * 89); } }

.grid[data-grid-size="97"] .grid-item--height89 {
  height: calc(100vh / 97 * 89); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height89 {
      height: calc(100vw / 97 * 89); } }

.grid[data-grid-size="97"] .grid-item--width90 {
  width: 92.78351%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width90 {
      width: calc(100vw / 97 * 90); } }

.grid[data-grid-size="97"] .grid-item--height90 {
  height: calc(100vh / 97 * 90); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height90 {
      height: calc(100vw / 97 * 90); } }

.grid[data-grid-size="97"] .grid-item--width91 {
  width: 93.81443%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width91 {
      width: calc(100vw / 97 * 91); } }

.grid[data-grid-size="97"] .grid-item--height91 {
  height: calc(100vh / 97 * 91); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height91 {
      height: calc(100vw / 97 * 91); } }

.grid[data-grid-size="97"] .grid-item--width92 {
  width: 94.84536%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width92 {
      width: calc(100vw / 97 * 92); } }

.grid[data-grid-size="97"] .grid-item--height92 {
  height: calc(100vh / 97 * 92); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height92 {
      height: calc(100vw / 97 * 92); } }

.grid[data-grid-size="97"] .grid-item--width93 {
  width: 95.87629%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width93 {
      width: calc(100vw / 97 * 93); } }

.grid[data-grid-size="97"] .grid-item--height93 {
  height: calc(100vh / 97 * 93); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height93 {
      height: calc(100vw / 97 * 93); } }

.grid[data-grid-size="97"] .grid-item--width94 {
  width: 96.90722%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width94 {
      width: calc(100vw / 97 * 94); } }

.grid[data-grid-size="97"] .grid-item--height94 {
  height: calc(100vh / 97 * 94); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height94 {
      height: calc(100vw / 97 * 94); } }

.grid[data-grid-size="97"] .grid-item--width95 {
  width: 97.93814%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width95 {
      width: calc(100vw / 97 * 95); } }

.grid[data-grid-size="97"] .grid-item--height95 {
  height: calc(100vh / 97 * 95); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height95 {
      height: calc(100vw / 97 * 95); } }

.grid[data-grid-size="97"] .grid-item--width96 {
  width: 98.96907%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width96 {
      width: calc(100vw / 97 * 96); } }

.grid[data-grid-size="97"] .grid-item--height96 {
  height: calc(100vh / 97 * 96); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height96 {
      height: calc(100vw / 97 * 96); } }

.grid[data-grid-size="97"] .grid-item--width97 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--width97 {
      width: calc(100vw / 97 * 97); } }

.grid[data-grid-size="97"] .grid-item--height97 {
  height: calc(100vh / 97 * 97); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="97"] .grid-item--height97 {
      height: calc(100vw / 97 * 97); } }

.grid[data-grid-size="98"] .grid-sizer, .grid[data-grid-size="98"] .grid-item {
  width: 1.02041%; }

.grid[data-grid-size="98"] .grid-item--width1 {
  width: 1.02041%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width1 {
      width: calc(100vw / 98 * 1); } }

.grid[data-grid-size="98"] .grid-item--height1 {
  height: calc(100vh / 98 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height1 {
      height: calc(100vw / 98 * 1); } }

.grid[data-grid-size="98"] .grid-item--width2 {
  width: 2.04082%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width2 {
      width: calc(100vw / 98 * 2); } }

.grid[data-grid-size="98"] .grid-item--height2 {
  height: calc(100vh / 98 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height2 {
      height: calc(100vw / 98 * 2); } }

.grid[data-grid-size="98"] .grid-item--width3 {
  width: 3.06122%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width3 {
      width: calc(100vw / 98 * 3); } }

.grid[data-grid-size="98"] .grid-item--height3 {
  height: calc(100vh / 98 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height3 {
      height: calc(100vw / 98 * 3); } }

.grid[data-grid-size="98"] .grid-item--width4 {
  width: 4.08163%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width4 {
      width: calc(100vw / 98 * 4); } }

.grid[data-grid-size="98"] .grid-item--height4 {
  height: calc(100vh / 98 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height4 {
      height: calc(100vw / 98 * 4); } }

.grid[data-grid-size="98"] .grid-item--width5 {
  width: 5.10204%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width5 {
      width: calc(100vw / 98 * 5); } }

.grid[data-grid-size="98"] .grid-item--height5 {
  height: calc(100vh / 98 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height5 {
      height: calc(100vw / 98 * 5); } }

.grid[data-grid-size="98"] .grid-item--width6 {
  width: 6.12245%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width6 {
      width: calc(100vw / 98 * 6); } }

.grid[data-grid-size="98"] .grid-item--height6 {
  height: calc(100vh / 98 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height6 {
      height: calc(100vw / 98 * 6); } }

.grid[data-grid-size="98"] .grid-item--width7 {
  width: 7.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width7 {
      width: calc(100vw / 98 * 7); } }

.grid[data-grid-size="98"] .grid-item--height7 {
  height: calc(100vh / 98 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height7 {
      height: calc(100vw / 98 * 7); } }

.grid[data-grid-size="98"] .grid-item--width8 {
  width: 8.16327%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width8 {
      width: calc(100vw / 98 * 8); } }

.grid[data-grid-size="98"] .grid-item--height8 {
  height: calc(100vh / 98 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height8 {
      height: calc(100vw / 98 * 8); } }

.grid[data-grid-size="98"] .grid-item--width9 {
  width: 9.18367%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width9 {
      width: calc(100vw / 98 * 9); } }

.grid[data-grid-size="98"] .grid-item--height9 {
  height: calc(100vh / 98 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height9 {
      height: calc(100vw / 98 * 9); } }

.grid[data-grid-size="98"] .grid-item--width10 {
  width: 10.20408%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width10 {
      width: calc(100vw / 98 * 10); } }

.grid[data-grid-size="98"] .grid-item--height10 {
  height: calc(100vh / 98 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height10 {
      height: calc(100vw / 98 * 10); } }

.grid[data-grid-size="98"] .grid-item--width11 {
  width: 11.22449%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width11 {
      width: calc(100vw / 98 * 11); } }

.grid[data-grid-size="98"] .grid-item--height11 {
  height: calc(100vh / 98 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height11 {
      height: calc(100vw / 98 * 11); } }

.grid[data-grid-size="98"] .grid-item--width12 {
  width: 12.2449%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width12 {
      width: calc(100vw / 98 * 12); } }

.grid[data-grid-size="98"] .grid-item--height12 {
  height: calc(100vh / 98 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height12 {
      height: calc(100vw / 98 * 12); } }

.grid[data-grid-size="98"] .grid-item--width13 {
  width: 13.26531%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width13 {
      width: calc(100vw / 98 * 13); } }

.grid[data-grid-size="98"] .grid-item--height13 {
  height: calc(100vh / 98 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height13 {
      height: calc(100vw / 98 * 13); } }

.grid[data-grid-size="98"] .grid-item--width14 {
  width: 14.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width14 {
      width: calc(100vw / 98 * 14); } }

.grid[data-grid-size="98"] .grid-item--height14 {
  height: calc(100vh / 98 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height14 {
      height: calc(100vw / 98 * 14); } }

.grid[data-grid-size="98"] .grid-item--width15 {
  width: 15.30612%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width15 {
      width: calc(100vw / 98 * 15); } }

.grid[data-grid-size="98"] .grid-item--height15 {
  height: calc(100vh / 98 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height15 {
      height: calc(100vw / 98 * 15); } }

.grid[data-grid-size="98"] .grid-item--width16 {
  width: 16.32653%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width16 {
      width: calc(100vw / 98 * 16); } }

.grid[data-grid-size="98"] .grid-item--height16 {
  height: calc(100vh / 98 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height16 {
      height: calc(100vw / 98 * 16); } }

.grid[data-grid-size="98"] .grid-item--width17 {
  width: 17.34694%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width17 {
      width: calc(100vw / 98 * 17); } }

.grid[data-grid-size="98"] .grid-item--height17 {
  height: calc(100vh / 98 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height17 {
      height: calc(100vw / 98 * 17); } }

.grid[data-grid-size="98"] .grid-item--width18 {
  width: 18.36735%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width18 {
      width: calc(100vw / 98 * 18); } }

.grid[data-grid-size="98"] .grid-item--height18 {
  height: calc(100vh / 98 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height18 {
      height: calc(100vw / 98 * 18); } }

.grid[data-grid-size="98"] .grid-item--width19 {
  width: 19.38776%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width19 {
      width: calc(100vw / 98 * 19); } }

.grid[data-grid-size="98"] .grid-item--height19 {
  height: calc(100vh / 98 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height19 {
      height: calc(100vw / 98 * 19); } }

.grid[data-grid-size="98"] .grid-item--width20 {
  width: 20.40816%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width20 {
      width: calc(100vw / 98 * 20); } }

.grid[data-grid-size="98"] .grid-item--height20 {
  height: calc(100vh / 98 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height20 {
      height: calc(100vw / 98 * 20); } }

.grid[data-grid-size="98"] .grid-item--width21 {
  width: 21.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width21 {
      width: calc(100vw / 98 * 21); } }

.grid[data-grid-size="98"] .grid-item--height21 {
  height: calc(100vh / 98 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height21 {
      height: calc(100vw / 98 * 21); } }

.grid[data-grid-size="98"] .grid-item--width22 {
  width: 22.44898%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width22 {
      width: calc(100vw / 98 * 22); } }

.grid[data-grid-size="98"] .grid-item--height22 {
  height: calc(100vh / 98 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height22 {
      height: calc(100vw / 98 * 22); } }

.grid[data-grid-size="98"] .grid-item--width23 {
  width: 23.46939%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width23 {
      width: calc(100vw / 98 * 23); } }

.grid[data-grid-size="98"] .grid-item--height23 {
  height: calc(100vh / 98 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height23 {
      height: calc(100vw / 98 * 23); } }

.grid[data-grid-size="98"] .grid-item--width24 {
  width: 24.4898%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width24 {
      width: calc(100vw / 98 * 24); } }

.grid[data-grid-size="98"] .grid-item--height24 {
  height: calc(100vh / 98 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height24 {
      height: calc(100vw / 98 * 24); } }

.grid[data-grid-size="98"] .grid-item--width25 {
  width: 25.5102%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width25 {
      width: calc(100vw / 98 * 25); } }

.grid[data-grid-size="98"] .grid-item--height25 {
  height: calc(100vh / 98 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height25 {
      height: calc(100vw / 98 * 25); } }

.grid[data-grid-size="98"] .grid-item--width26 {
  width: 26.53061%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width26 {
      width: calc(100vw / 98 * 26); } }

.grid[data-grid-size="98"] .grid-item--height26 {
  height: calc(100vh / 98 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height26 {
      height: calc(100vw / 98 * 26); } }

.grid[data-grid-size="98"] .grid-item--width27 {
  width: 27.55102%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width27 {
      width: calc(100vw / 98 * 27); } }

.grid[data-grid-size="98"] .grid-item--height27 {
  height: calc(100vh / 98 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height27 {
      height: calc(100vw / 98 * 27); } }

.grid[data-grid-size="98"] .grid-item--width28 {
  width: 28.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width28 {
      width: calc(100vw / 98 * 28); } }

.grid[data-grid-size="98"] .grid-item--height28 {
  height: calc(100vh / 98 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height28 {
      height: calc(100vw / 98 * 28); } }

.grid[data-grid-size="98"] .grid-item--width29 {
  width: 29.59184%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width29 {
      width: calc(100vw / 98 * 29); } }

.grid[data-grid-size="98"] .grid-item--height29 {
  height: calc(100vh / 98 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height29 {
      height: calc(100vw / 98 * 29); } }

.grid[data-grid-size="98"] .grid-item--width30 {
  width: 30.61224%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width30 {
      width: calc(100vw / 98 * 30); } }

.grid[data-grid-size="98"] .grid-item--height30 {
  height: calc(100vh / 98 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height30 {
      height: calc(100vw / 98 * 30); } }

.grid[data-grid-size="98"] .grid-item--width31 {
  width: 31.63265%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width31 {
      width: calc(100vw / 98 * 31); } }

.grid[data-grid-size="98"] .grid-item--height31 {
  height: calc(100vh / 98 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height31 {
      height: calc(100vw / 98 * 31); } }

.grid[data-grid-size="98"] .grid-item--width32 {
  width: 32.65306%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width32 {
      width: calc(100vw / 98 * 32); } }

.grid[data-grid-size="98"] .grid-item--height32 {
  height: calc(100vh / 98 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height32 {
      height: calc(100vw / 98 * 32); } }

.grid[data-grid-size="98"] .grid-item--width33 {
  width: 33.67347%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width33 {
      width: calc(100vw / 98 * 33); } }

.grid[data-grid-size="98"] .grid-item--height33 {
  height: calc(100vh / 98 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height33 {
      height: calc(100vw / 98 * 33); } }

.grid[data-grid-size="98"] .grid-item--width34 {
  width: 34.69388%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width34 {
      width: calc(100vw / 98 * 34); } }

.grid[data-grid-size="98"] .grid-item--height34 {
  height: calc(100vh / 98 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height34 {
      height: calc(100vw / 98 * 34); } }

.grid[data-grid-size="98"] .grid-item--width35 {
  width: 35.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width35 {
      width: calc(100vw / 98 * 35); } }

.grid[data-grid-size="98"] .grid-item--height35 {
  height: calc(100vh / 98 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height35 {
      height: calc(100vw / 98 * 35); } }

.grid[data-grid-size="98"] .grid-item--width36 {
  width: 36.73469%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width36 {
      width: calc(100vw / 98 * 36); } }

.grid[data-grid-size="98"] .grid-item--height36 {
  height: calc(100vh / 98 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height36 {
      height: calc(100vw / 98 * 36); } }

.grid[data-grid-size="98"] .grid-item--width37 {
  width: 37.7551%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width37 {
      width: calc(100vw / 98 * 37); } }

.grid[data-grid-size="98"] .grid-item--height37 {
  height: calc(100vh / 98 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height37 {
      height: calc(100vw / 98 * 37); } }

.grid[data-grid-size="98"] .grid-item--width38 {
  width: 38.77551%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width38 {
      width: calc(100vw / 98 * 38); } }

.grid[data-grid-size="98"] .grid-item--height38 {
  height: calc(100vh / 98 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height38 {
      height: calc(100vw / 98 * 38); } }

.grid[data-grid-size="98"] .grid-item--width39 {
  width: 39.79592%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width39 {
      width: calc(100vw / 98 * 39); } }

.grid[data-grid-size="98"] .grid-item--height39 {
  height: calc(100vh / 98 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height39 {
      height: calc(100vw / 98 * 39); } }

.grid[data-grid-size="98"] .grid-item--width40 {
  width: 40.81633%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width40 {
      width: calc(100vw / 98 * 40); } }

.grid[data-grid-size="98"] .grid-item--height40 {
  height: calc(100vh / 98 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height40 {
      height: calc(100vw / 98 * 40); } }

.grid[data-grid-size="98"] .grid-item--width41 {
  width: 41.83673%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width41 {
      width: calc(100vw / 98 * 41); } }

.grid[data-grid-size="98"] .grid-item--height41 {
  height: calc(100vh / 98 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height41 {
      height: calc(100vw / 98 * 41); } }

.grid[data-grid-size="98"] .grid-item--width42 {
  width: 42.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width42 {
      width: calc(100vw / 98 * 42); } }

.grid[data-grid-size="98"] .grid-item--height42 {
  height: calc(100vh / 98 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height42 {
      height: calc(100vw / 98 * 42); } }

.grid[data-grid-size="98"] .grid-item--width43 {
  width: 43.87755%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width43 {
      width: calc(100vw / 98 * 43); } }

.grid[data-grid-size="98"] .grid-item--height43 {
  height: calc(100vh / 98 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height43 {
      height: calc(100vw / 98 * 43); } }

.grid[data-grid-size="98"] .grid-item--width44 {
  width: 44.89796%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width44 {
      width: calc(100vw / 98 * 44); } }

.grid[data-grid-size="98"] .grid-item--height44 {
  height: calc(100vh / 98 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height44 {
      height: calc(100vw / 98 * 44); } }

.grid[data-grid-size="98"] .grid-item--width45 {
  width: 45.91837%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width45 {
      width: calc(100vw / 98 * 45); } }

.grid[data-grid-size="98"] .grid-item--height45 {
  height: calc(100vh / 98 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height45 {
      height: calc(100vw / 98 * 45); } }

.grid[data-grid-size="98"] .grid-item--width46 {
  width: 46.93878%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width46 {
      width: calc(100vw / 98 * 46); } }

.grid[data-grid-size="98"] .grid-item--height46 {
  height: calc(100vh / 98 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height46 {
      height: calc(100vw / 98 * 46); } }

.grid[data-grid-size="98"] .grid-item--width47 {
  width: 47.95918%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width47 {
      width: calc(100vw / 98 * 47); } }

.grid[data-grid-size="98"] .grid-item--height47 {
  height: calc(100vh / 98 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height47 {
      height: calc(100vw / 98 * 47); } }

.grid[data-grid-size="98"] .grid-item--width48 {
  width: 48.97959%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width48 {
      width: calc(100vw / 98 * 48); } }

.grid[data-grid-size="98"] .grid-item--height48 {
  height: calc(100vh / 98 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height48 {
      height: calc(100vw / 98 * 48); } }

.grid[data-grid-size="98"] .grid-item--width49 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width49 {
      width: calc(100vw / 98 * 49); } }

.grid[data-grid-size="98"] .grid-item--height49 {
  height: calc(100vh / 98 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height49 {
      height: calc(100vw / 98 * 49); } }

.grid[data-grid-size="98"] .grid-item--width50 {
  width: 51.02041%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width50 {
      width: calc(100vw / 98 * 50); } }

.grid[data-grid-size="98"] .grid-item--height50 {
  height: calc(100vh / 98 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height50 {
      height: calc(100vw / 98 * 50); } }

.grid[data-grid-size="98"] .grid-item--width51 {
  width: 52.04082%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width51 {
      width: calc(100vw / 98 * 51); } }

.grid[data-grid-size="98"] .grid-item--height51 {
  height: calc(100vh / 98 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height51 {
      height: calc(100vw / 98 * 51); } }

.grid[data-grid-size="98"] .grid-item--width52 {
  width: 53.06122%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width52 {
      width: calc(100vw / 98 * 52); } }

.grid[data-grid-size="98"] .grid-item--height52 {
  height: calc(100vh / 98 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height52 {
      height: calc(100vw / 98 * 52); } }

.grid[data-grid-size="98"] .grid-item--width53 {
  width: 54.08163%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width53 {
      width: calc(100vw / 98 * 53); } }

.grid[data-grid-size="98"] .grid-item--height53 {
  height: calc(100vh / 98 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height53 {
      height: calc(100vw / 98 * 53); } }

.grid[data-grid-size="98"] .grid-item--width54 {
  width: 55.10204%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width54 {
      width: calc(100vw / 98 * 54); } }

.grid[data-grid-size="98"] .grid-item--height54 {
  height: calc(100vh / 98 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height54 {
      height: calc(100vw / 98 * 54); } }

.grid[data-grid-size="98"] .grid-item--width55 {
  width: 56.12245%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width55 {
      width: calc(100vw / 98 * 55); } }

.grid[data-grid-size="98"] .grid-item--height55 {
  height: calc(100vh / 98 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height55 {
      height: calc(100vw / 98 * 55); } }

.grid[data-grid-size="98"] .grid-item--width56 {
  width: 57.14286%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width56 {
      width: calc(100vw / 98 * 56); } }

.grid[data-grid-size="98"] .grid-item--height56 {
  height: calc(100vh / 98 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height56 {
      height: calc(100vw / 98 * 56); } }

.grid[data-grid-size="98"] .grid-item--width57 {
  width: 58.16327%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width57 {
      width: calc(100vw / 98 * 57); } }

.grid[data-grid-size="98"] .grid-item--height57 {
  height: calc(100vh / 98 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height57 {
      height: calc(100vw / 98 * 57); } }

.grid[data-grid-size="98"] .grid-item--width58 {
  width: 59.18367%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width58 {
      width: calc(100vw / 98 * 58); } }

.grid[data-grid-size="98"] .grid-item--height58 {
  height: calc(100vh / 98 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height58 {
      height: calc(100vw / 98 * 58); } }

.grid[data-grid-size="98"] .grid-item--width59 {
  width: 60.20408%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width59 {
      width: calc(100vw / 98 * 59); } }

.grid[data-grid-size="98"] .grid-item--height59 {
  height: calc(100vh / 98 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height59 {
      height: calc(100vw / 98 * 59); } }

.grid[data-grid-size="98"] .grid-item--width60 {
  width: 61.22449%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width60 {
      width: calc(100vw / 98 * 60); } }

.grid[data-grid-size="98"] .grid-item--height60 {
  height: calc(100vh / 98 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height60 {
      height: calc(100vw / 98 * 60); } }

.grid[data-grid-size="98"] .grid-item--width61 {
  width: 62.2449%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width61 {
      width: calc(100vw / 98 * 61); } }

.grid[data-grid-size="98"] .grid-item--height61 {
  height: calc(100vh / 98 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height61 {
      height: calc(100vw / 98 * 61); } }

.grid[data-grid-size="98"] .grid-item--width62 {
  width: 63.26531%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width62 {
      width: calc(100vw / 98 * 62); } }

.grid[data-grid-size="98"] .grid-item--height62 {
  height: calc(100vh / 98 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height62 {
      height: calc(100vw / 98 * 62); } }

.grid[data-grid-size="98"] .grid-item--width63 {
  width: 64.28571%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width63 {
      width: calc(100vw / 98 * 63); } }

.grid[data-grid-size="98"] .grid-item--height63 {
  height: calc(100vh / 98 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height63 {
      height: calc(100vw / 98 * 63); } }

.grid[data-grid-size="98"] .grid-item--width64 {
  width: 65.30612%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width64 {
      width: calc(100vw / 98 * 64); } }

.grid[data-grid-size="98"] .grid-item--height64 {
  height: calc(100vh / 98 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height64 {
      height: calc(100vw / 98 * 64); } }

.grid[data-grid-size="98"] .grid-item--width65 {
  width: 66.32653%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width65 {
      width: calc(100vw / 98 * 65); } }

.grid[data-grid-size="98"] .grid-item--height65 {
  height: calc(100vh / 98 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height65 {
      height: calc(100vw / 98 * 65); } }

.grid[data-grid-size="98"] .grid-item--width66 {
  width: 67.34694%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width66 {
      width: calc(100vw / 98 * 66); } }

.grid[data-grid-size="98"] .grid-item--height66 {
  height: calc(100vh / 98 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height66 {
      height: calc(100vw / 98 * 66); } }

.grid[data-grid-size="98"] .grid-item--width67 {
  width: 68.36735%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width67 {
      width: calc(100vw / 98 * 67); } }

.grid[data-grid-size="98"] .grid-item--height67 {
  height: calc(100vh / 98 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height67 {
      height: calc(100vw / 98 * 67); } }

.grid[data-grid-size="98"] .grid-item--width68 {
  width: 69.38776%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width68 {
      width: calc(100vw / 98 * 68); } }

.grid[data-grid-size="98"] .grid-item--height68 {
  height: calc(100vh / 98 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height68 {
      height: calc(100vw / 98 * 68); } }

.grid[data-grid-size="98"] .grid-item--width69 {
  width: 70.40816%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width69 {
      width: calc(100vw / 98 * 69); } }

.grid[data-grid-size="98"] .grid-item--height69 {
  height: calc(100vh / 98 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height69 {
      height: calc(100vw / 98 * 69); } }

.grid[data-grid-size="98"] .grid-item--width70 {
  width: 71.42857%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width70 {
      width: calc(100vw / 98 * 70); } }

.grid[data-grid-size="98"] .grid-item--height70 {
  height: calc(100vh / 98 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height70 {
      height: calc(100vw / 98 * 70); } }

.grid[data-grid-size="98"] .grid-item--width71 {
  width: 72.44898%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width71 {
      width: calc(100vw / 98 * 71); } }

.grid[data-grid-size="98"] .grid-item--height71 {
  height: calc(100vh / 98 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height71 {
      height: calc(100vw / 98 * 71); } }

.grid[data-grid-size="98"] .grid-item--width72 {
  width: 73.46939%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width72 {
      width: calc(100vw / 98 * 72); } }

.grid[data-grid-size="98"] .grid-item--height72 {
  height: calc(100vh / 98 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height72 {
      height: calc(100vw / 98 * 72); } }

.grid[data-grid-size="98"] .grid-item--width73 {
  width: 74.4898%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width73 {
      width: calc(100vw / 98 * 73); } }

.grid[data-grid-size="98"] .grid-item--height73 {
  height: calc(100vh / 98 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height73 {
      height: calc(100vw / 98 * 73); } }

.grid[data-grid-size="98"] .grid-item--width74 {
  width: 75.5102%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width74 {
      width: calc(100vw / 98 * 74); } }

.grid[data-grid-size="98"] .grid-item--height74 {
  height: calc(100vh / 98 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height74 {
      height: calc(100vw / 98 * 74); } }

.grid[data-grid-size="98"] .grid-item--width75 {
  width: 76.53061%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width75 {
      width: calc(100vw / 98 * 75); } }

.grid[data-grid-size="98"] .grid-item--height75 {
  height: calc(100vh / 98 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height75 {
      height: calc(100vw / 98 * 75); } }

.grid[data-grid-size="98"] .grid-item--width76 {
  width: 77.55102%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width76 {
      width: calc(100vw / 98 * 76); } }

.grid[data-grid-size="98"] .grid-item--height76 {
  height: calc(100vh / 98 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height76 {
      height: calc(100vw / 98 * 76); } }

.grid[data-grid-size="98"] .grid-item--width77 {
  width: 78.57143%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width77 {
      width: calc(100vw / 98 * 77); } }

.grid[data-grid-size="98"] .grid-item--height77 {
  height: calc(100vh / 98 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height77 {
      height: calc(100vw / 98 * 77); } }

.grid[data-grid-size="98"] .grid-item--width78 {
  width: 79.59184%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width78 {
      width: calc(100vw / 98 * 78); } }

.grid[data-grid-size="98"] .grid-item--height78 {
  height: calc(100vh / 98 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height78 {
      height: calc(100vw / 98 * 78); } }

.grid[data-grid-size="98"] .grid-item--width79 {
  width: 80.61224%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width79 {
      width: calc(100vw / 98 * 79); } }

.grid[data-grid-size="98"] .grid-item--height79 {
  height: calc(100vh / 98 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height79 {
      height: calc(100vw / 98 * 79); } }

.grid[data-grid-size="98"] .grid-item--width80 {
  width: 81.63265%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width80 {
      width: calc(100vw / 98 * 80); } }

.grid[data-grid-size="98"] .grid-item--height80 {
  height: calc(100vh / 98 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height80 {
      height: calc(100vw / 98 * 80); } }

.grid[data-grid-size="98"] .grid-item--width81 {
  width: 82.65306%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width81 {
      width: calc(100vw / 98 * 81); } }

.grid[data-grid-size="98"] .grid-item--height81 {
  height: calc(100vh / 98 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height81 {
      height: calc(100vw / 98 * 81); } }

.grid[data-grid-size="98"] .grid-item--width82 {
  width: 83.67347%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width82 {
      width: calc(100vw / 98 * 82); } }

.grid[data-grid-size="98"] .grid-item--height82 {
  height: calc(100vh / 98 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height82 {
      height: calc(100vw / 98 * 82); } }

.grid[data-grid-size="98"] .grid-item--width83 {
  width: 84.69388%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width83 {
      width: calc(100vw / 98 * 83); } }

.grid[data-grid-size="98"] .grid-item--height83 {
  height: calc(100vh / 98 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height83 {
      height: calc(100vw / 98 * 83); } }

.grid[data-grid-size="98"] .grid-item--width84 {
  width: 85.71429%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width84 {
      width: calc(100vw / 98 * 84); } }

.grid[data-grid-size="98"] .grid-item--height84 {
  height: calc(100vh / 98 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height84 {
      height: calc(100vw / 98 * 84); } }

.grid[data-grid-size="98"] .grid-item--width85 {
  width: 86.73469%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width85 {
      width: calc(100vw / 98 * 85); } }

.grid[data-grid-size="98"] .grid-item--height85 {
  height: calc(100vh / 98 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height85 {
      height: calc(100vw / 98 * 85); } }

.grid[data-grid-size="98"] .grid-item--width86 {
  width: 87.7551%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width86 {
      width: calc(100vw / 98 * 86); } }

.grid[data-grid-size="98"] .grid-item--height86 {
  height: calc(100vh / 98 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height86 {
      height: calc(100vw / 98 * 86); } }

.grid[data-grid-size="98"] .grid-item--width87 {
  width: 88.77551%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width87 {
      width: calc(100vw / 98 * 87); } }

.grid[data-grid-size="98"] .grid-item--height87 {
  height: calc(100vh / 98 * 87); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height87 {
      height: calc(100vw / 98 * 87); } }

.grid[data-grid-size="98"] .grid-item--width88 {
  width: 89.79592%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width88 {
      width: calc(100vw / 98 * 88); } }

.grid[data-grid-size="98"] .grid-item--height88 {
  height: calc(100vh / 98 * 88); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height88 {
      height: calc(100vw / 98 * 88); } }

.grid[data-grid-size="98"] .grid-item--width89 {
  width: 90.81633%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width89 {
      width: calc(100vw / 98 * 89); } }

.grid[data-grid-size="98"] .grid-item--height89 {
  height: calc(100vh / 98 * 89); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height89 {
      height: calc(100vw / 98 * 89); } }

.grid[data-grid-size="98"] .grid-item--width90 {
  width: 91.83673%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width90 {
      width: calc(100vw / 98 * 90); } }

.grid[data-grid-size="98"] .grid-item--height90 {
  height: calc(100vh / 98 * 90); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height90 {
      height: calc(100vw / 98 * 90); } }

.grid[data-grid-size="98"] .grid-item--width91 {
  width: 92.85714%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width91 {
      width: calc(100vw / 98 * 91); } }

.grid[data-grid-size="98"] .grid-item--height91 {
  height: calc(100vh / 98 * 91); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height91 {
      height: calc(100vw / 98 * 91); } }

.grid[data-grid-size="98"] .grid-item--width92 {
  width: 93.87755%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width92 {
      width: calc(100vw / 98 * 92); } }

.grid[data-grid-size="98"] .grid-item--height92 {
  height: calc(100vh / 98 * 92); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height92 {
      height: calc(100vw / 98 * 92); } }

.grid[data-grid-size="98"] .grid-item--width93 {
  width: 94.89796%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width93 {
      width: calc(100vw / 98 * 93); } }

.grid[data-grid-size="98"] .grid-item--height93 {
  height: calc(100vh / 98 * 93); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height93 {
      height: calc(100vw / 98 * 93); } }

.grid[data-grid-size="98"] .grid-item--width94 {
  width: 95.91837%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width94 {
      width: calc(100vw / 98 * 94); } }

.grid[data-grid-size="98"] .grid-item--height94 {
  height: calc(100vh / 98 * 94); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height94 {
      height: calc(100vw / 98 * 94); } }

.grid[data-grid-size="98"] .grid-item--width95 {
  width: 96.93878%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width95 {
      width: calc(100vw / 98 * 95); } }

.grid[data-grid-size="98"] .grid-item--height95 {
  height: calc(100vh / 98 * 95); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height95 {
      height: calc(100vw / 98 * 95); } }

.grid[data-grid-size="98"] .grid-item--width96 {
  width: 97.95918%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width96 {
      width: calc(100vw / 98 * 96); } }

.grid[data-grid-size="98"] .grid-item--height96 {
  height: calc(100vh / 98 * 96); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height96 {
      height: calc(100vw / 98 * 96); } }

.grid[data-grid-size="98"] .grid-item--width97 {
  width: 98.97959%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width97 {
      width: calc(100vw / 98 * 97); } }

.grid[data-grid-size="98"] .grid-item--height97 {
  height: calc(100vh / 98 * 97); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height97 {
      height: calc(100vw / 98 * 97); } }

.grid[data-grid-size="98"] .grid-item--width98 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--width98 {
      width: calc(100vw / 98 * 98); } }

.grid[data-grid-size="98"] .grid-item--height98 {
  height: calc(100vh / 98 * 98); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="98"] .grid-item--height98 {
      height: calc(100vw / 98 * 98); } }

.grid[data-grid-size="99"] .grid-sizer, .grid[data-grid-size="99"] .grid-item {
  width: 1.0101%; }

.grid[data-grid-size="99"] .grid-item--width1 {
  width: 1.0101%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width1 {
      width: calc(100vw / 99 * 1); } }

.grid[data-grid-size="99"] .grid-item--height1 {
  height: calc(100vh / 99 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height1 {
      height: calc(100vw / 99 * 1); } }

.grid[data-grid-size="99"] .grid-item--width2 {
  width: 2.0202%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width2 {
      width: calc(100vw / 99 * 2); } }

.grid[data-grid-size="99"] .grid-item--height2 {
  height: calc(100vh / 99 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height2 {
      height: calc(100vw / 99 * 2); } }

.grid[data-grid-size="99"] .grid-item--width3 {
  width: 3.0303%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width3 {
      width: calc(100vw / 99 * 3); } }

.grid[data-grid-size="99"] .grid-item--height3 {
  height: calc(100vh / 99 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height3 {
      height: calc(100vw / 99 * 3); } }

.grid[data-grid-size="99"] .grid-item--width4 {
  width: 4.0404%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width4 {
      width: calc(100vw / 99 * 4); } }

.grid[data-grid-size="99"] .grid-item--height4 {
  height: calc(100vh / 99 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height4 {
      height: calc(100vw / 99 * 4); } }

.grid[data-grid-size="99"] .grid-item--width5 {
  width: 5.05051%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width5 {
      width: calc(100vw / 99 * 5); } }

.grid[data-grid-size="99"] .grid-item--height5 {
  height: calc(100vh / 99 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height5 {
      height: calc(100vw / 99 * 5); } }

.grid[data-grid-size="99"] .grid-item--width6 {
  width: 6.06061%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width6 {
      width: calc(100vw / 99 * 6); } }

.grid[data-grid-size="99"] .grid-item--height6 {
  height: calc(100vh / 99 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height6 {
      height: calc(100vw / 99 * 6); } }

.grid[data-grid-size="99"] .grid-item--width7 {
  width: 7.07071%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width7 {
      width: calc(100vw / 99 * 7); } }

.grid[data-grid-size="99"] .grid-item--height7 {
  height: calc(100vh / 99 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height7 {
      height: calc(100vw / 99 * 7); } }

.grid[data-grid-size="99"] .grid-item--width8 {
  width: 8.08081%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width8 {
      width: calc(100vw / 99 * 8); } }

.grid[data-grid-size="99"] .grid-item--height8 {
  height: calc(100vh / 99 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height8 {
      height: calc(100vw / 99 * 8); } }

.grid[data-grid-size="99"] .grid-item--width9 {
  width: 9.09091%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width9 {
      width: calc(100vw / 99 * 9); } }

.grid[data-grid-size="99"] .grid-item--height9 {
  height: calc(100vh / 99 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height9 {
      height: calc(100vw / 99 * 9); } }

.grid[data-grid-size="99"] .grid-item--width10 {
  width: 10.10101%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width10 {
      width: calc(100vw / 99 * 10); } }

.grid[data-grid-size="99"] .grid-item--height10 {
  height: calc(100vh / 99 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height10 {
      height: calc(100vw / 99 * 10); } }

.grid[data-grid-size="99"] .grid-item--width11 {
  width: 11.11111%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width11 {
      width: calc(100vw / 99 * 11); } }

.grid[data-grid-size="99"] .grid-item--height11 {
  height: calc(100vh / 99 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height11 {
      height: calc(100vw / 99 * 11); } }

.grid[data-grid-size="99"] .grid-item--width12 {
  width: 12.12121%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width12 {
      width: calc(100vw / 99 * 12); } }

.grid[data-grid-size="99"] .grid-item--height12 {
  height: calc(100vh / 99 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height12 {
      height: calc(100vw / 99 * 12); } }

.grid[data-grid-size="99"] .grid-item--width13 {
  width: 13.13131%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width13 {
      width: calc(100vw / 99 * 13); } }

.grid[data-grid-size="99"] .grid-item--height13 {
  height: calc(100vh / 99 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height13 {
      height: calc(100vw / 99 * 13); } }

.grid[data-grid-size="99"] .grid-item--width14 {
  width: 14.14141%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width14 {
      width: calc(100vw / 99 * 14); } }

.grid[data-grid-size="99"] .grid-item--height14 {
  height: calc(100vh / 99 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height14 {
      height: calc(100vw / 99 * 14); } }

.grid[data-grid-size="99"] .grid-item--width15 {
  width: 15.15152%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width15 {
      width: calc(100vw / 99 * 15); } }

.grid[data-grid-size="99"] .grid-item--height15 {
  height: calc(100vh / 99 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height15 {
      height: calc(100vw / 99 * 15); } }

.grid[data-grid-size="99"] .grid-item--width16 {
  width: 16.16162%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width16 {
      width: calc(100vw / 99 * 16); } }

.grid[data-grid-size="99"] .grid-item--height16 {
  height: calc(100vh / 99 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height16 {
      height: calc(100vw / 99 * 16); } }

.grid[data-grid-size="99"] .grid-item--width17 {
  width: 17.17172%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width17 {
      width: calc(100vw / 99 * 17); } }

.grid[data-grid-size="99"] .grid-item--height17 {
  height: calc(100vh / 99 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height17 {
      height: calc(100vw / 99 * 17); } }

.grid[data-grid-size="99"] .grid-item--width18 {
  width: 18.18182%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width18 {
      width: calc(100vw / 99 * 18); } }

.grid[data-grid-size="99"] .grid-item--height18 {
  height: calc(100vh / 99 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height18 {
      height: calc(100vw / 99 * 18); } }

.grid[data-grid-size="99"] .grid-item--width19 {
  width: 19.19192%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width19 {
      width: calc(100vw / 99 * 19); } }

.grid[data-grid-size="99"] .grid-item--height19 {
  height: calc(100vh / 99 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height19 {
      height: calc(100vw / 99 * 19); } }

.grid[data-grid-size="99"] .grid-item--width20 {
  width: 20.20202%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width20 {
      width: calc(100vw / 99 * 20); } }

.grid[data-grid-size="99"] .grid-item--height20 {
  height: calc(100vh / 99 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height20 {
      height: calc(100vw / 99 * 20); } }

.grid[data-grid-size="99"] .grid-item--width21 {
  width: 21.21212%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width21 {
      width: calc(100vw / 99 * 21); } }

.grid[data-grid-size="99"] .grid-item--height21 {
  height: calc(100vh / 99 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height21 {
      height: calc(100vw / 99 * 21); } }

.grid[data-grid-size="99"] .grid-item--width22 {
  width: 22.22222%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width22 {
      width: calc(100vw / 99 * 22); } }

.grid[data-grid-size="99"] .grid-item--height22 {
  height: calc(100vh / 99 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height22 {
      height: calc(100vw / 99 * 22); } }

.grid[data-grid-size="99"] .grid-item--width23 {
  width: 23.23232%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width23 {
      width: calc(100vw / 99 * 23); } }

.grid[data-grid-size="99"] .grid-item--height23 {
  height: calc(100vh / 99 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height23 {
      height: calc(100vw / 99 * 23); } }

.grid[data-grid-size="99"] .grid-item--width24 {
  width: 24.24242%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width24 {
      width: calc(100vw / 99 * 24); } }

.grid[data-grid-size="99"] .grid-item--height24 {
  height: calc(100vh / 99 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height24 {
      height: calc(100vw / 99 * 24); } }

.grid[data-grid-size="99"] .grid-item--width25 {
  width: 25.25253%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width25 {
      width: calc(100vw / 99 * 25); } }

.grid[data-grid-size="99"] .grid-item--height25 {
  height: calc(100vh / 99 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height25 {
      height: calc(100vw / 99 * 25); } }

.grid[data-grid-size="99"] .grid-item--width26 {
  width: 26.26263%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width26 {
      width: calc(100vw / 99 * 26); } }

.grid[data-grid-size="99"] .grid-item--height26 {
  height: calc(100vh / 99 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height26 {
      height: calc(100vw / 99 * 26); } }

.grid[data-grid-size="99"] .grid-item--width27 {
  width: 27.27273%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width27 {
      width: calc(100vw / 99 * 27); } }

.grid[data-grid-size="99"] .grid-item--height27 {
  height: calc(100vh / 99 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height27 {
      height: calc(100vw / 99 * 27); } }

.grid[data-grid-size="99"] .grid-item--width28 {
  width: 28.28283%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width28 {
      width: calc(100vw / 99 * 28); } }

.grid[data-grid-size="99"] .grid-item--height28 {
  height: calc(100vh / 99 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height28 {
      height: calc(100vw / 99 * 28); } }

.grid[data-grid-size="99"] .grid-item--width29 {
  width: 29.29293%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width29 {
      width: calc(100vw / 99 * 29); } }

.grid[data-grid-size="99"] .grid-item--height29 {
  height: calc(100vh / 99 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height29 {
      height: calc(100vw / 99 * 29); } }

.grid[data-grid-size="99"] .grid-item--width30 {
  width: 30.30303%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width30 {
      width: calc(100vw / 99 * 30); } }

.grid[data-grid-size="99"] .grid-item--height30 {
  height: calc(100vh / 99 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height30 {
      height: calc(100vw / 99 * 30); } }

.grid[data-grid-size="99"] .grid-item--width31 {
  width: 31.31313%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width31 {
      width: calc(100vw / 99 * 31); } }

.grid[data-grid-size="99"] .grid-item--height31 {
  height: calc(100vh / 99 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height31 {
      height: calc(100vw / 99 * 31); } }

.grid[data-grid-size="99"] .grid-item--width32 {
  width: 32.32323%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width32 {
      width: calc(100vw / 99 * 32); } }

.grid[data-grid-size="99"] .grid-item--height32 {
  height: calc(100vh / 99 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height32 {
      height: calc(100vw / 99 * 32); } }

.grid[data-grid-size="99"] .grid-item--width33 {
  width: 33.33333%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width33 {
      width: calc(100vw / 99 * 33); } }

.grid[data-grid-size="99"] .grid-item--height33 {
  height: calc(100vh / 99 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height33 {
      height: calc(100vw / 99 * 33); } }

.grid[data-grid-size="99"] .grid-item--width34 {
  width: 34.34343%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width34 {
      width: calc(100vw / 99 * 34); } }

.grid[data-grid-size="99"] .grid-item--height34 {
  height: calc(100vh / 99 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height34 {
      height: calc(100vw / 99 * 34); } }

.grid[data-grid-size="99"] .grid-item--width35 {
  width: 35.35354%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width35 {
      width: calc(100vw / 99 * 35); } }

.grid[data-grid-size="99"] .grid-item--height35 {
  height: calc(100vh / 99 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height35 {
      height: calc(100vw / 99 * 35); } }

.grid[data-grid-size="99"] .grid-item--width36 {
  width: 36.36364%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width36 {
      width: calc(100vw / 99 * 36); } }

.grid[data-grid-size="99"] .grid-item--height36 {
  height: calc(100vh / 99 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height36 {
      height: calc(100vw / 99 * 36); } }

.grid[data-grid-size="99"] .grid-item--width37 {
  width: 37.37374%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width37 {
      width: calc(100vw / 99 * 37); } }

.grid[data-grid-size="99"] .grid-item--height37 {
  height: calc(100vh / 99 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height37 {
      height: calc(100vw / 99 * 37); } }

.grid[data-grid-size="99"] .grid-item--width38 {
  width: 38.38384%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width38 {
      width: calc(100vw / 99 * 38); } }

.grid[data-grid-size="99"] .grid-item--height38 {
  height: calc(100vh / 99 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height38 {
      height: calc(100vw / 99 * 38); } }

.grid[data-grid-size="99"] .grid-item--width39 {
  width: 39.39394%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width39 {
      width: calc(100vw / 99 * 39); } }

.grid[data-grid-size="99"] .grid-item--height39 {
  height: calc(100vh / 99 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height39 {
      height: calc(100vw / 99 * 39); } }

.grid[data-grid-size="99"] .grid-item--width40 {
  width: 40.40404%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width40 {
      width: calc(100vw / 99 * 40); } }

.grid[data-grid-size="99"] .grid-item--height40 {
  height: calc(100vh / 99 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height40 {
      height: calc(100vw / 99 * 40); } }

.grid[data-grid-size="99"] .grid-item--width41 {
  width: 41.41414%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width41 {
      width: calc(100vw / 99 * 41); } }

.grid[data-grid-size="99"] .grid-item--height41 {
  height: calc(100vh / 99 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height41 {
      height: calc(100vw / 99 * 41); } }

.grid[data-grid-size="99"] .grid-item--width42 {
  width: 42.42424%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width42 {
      width: calc(100vw / 99 * 42); } }

.grid[data-grid-size="99"] .grid-item--height42 {
  height: calc(100vh / 99 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height42 {
      height: calc(100vw / 99 * 42); } }

.grid[data-grid-size="99"] .grid-item--width43 {
  width: 43.43434%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width43 {
      width: calc(100vw / 99 * 43); } }

.grid[data-grid-size="99"] .grid-item--height43 {
  height: calc(100vh / 99 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height43 {
      height: calc(100vw / 99 * 43); } }

.grid[data-grid-size="99"] .grid-item--width44 {
  width: 44.44444%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width44 {
      width: calc(100vw / 99 * 44); } }

.grid[data-grid-size="99"] .grid-item--height44 {
  height: calc(100vh / 99 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height44 {
      height: calc(100vw / 99 * 44); } }

.grid[data-grid-size="99"] .grid-item--width45 {
  width: 45.45455%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width45 {
      width: calc(100vw / 99 * 45); } }

.grid[data-grid-size="99"] .grid-item--height45 {
  height: calc(100vh / 99 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height45 {
      height: calc(100vw / 99 * 45); } }

.grid[data-grid-size="99"] .grid-item--width46 {
  width: 46.46465%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width46 {
      width: calc(100vw / 99 * 46); } }

.grid[data-grid-size="99"] .grid-item--height46 {
  height: calc(100vh / 99 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height46 {
      height: calc(100vw / 99 * 46); } }

.grid[data-grid-size="99"] .grid-item--width47 {
  width: 47.47475%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width47 {
      width: calc(100vw / 99 * 47); } }

.grid[data-grid-size="99"] .grid-item--height47 {
  height: calc(100vh / 99 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height47 {
      height: calc(100vw / 99 * 47); } }

.grid[data-grid-size="99"] .grid-item--width48 {
  width: 48.48485%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width48 {
      width: calc(100vw / 99 * 48); } }

.grid[data-grid-size="99"] .grid-item--height48 {
  height: calc(100vh / 99 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height48 {
      height: calc(100vw / 99 * 48); } }

.grid[data-grid-size="99"] .grid-item--width49 {
  width: 49.49495%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width49 {
      width: calc(100vw / 99 * 49); } }

.grid[data-grid-size="99"] .grid-item--height49 {
  height: calc(100vh / 99 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height49 {
      height: calc(100vw / 99 * 49); } }

.grid[data-grid-size="99"] .grid-item--width50 {
  width: 50.50505%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width50 {
      width: calc(100vw / 99 * 50); } }

.grid[data-grid-size="99"] .grid-item--height50 {
  height: calc(100vh / 99 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height50 {
      height: calc(100vw / 99 * 50); } }

.grid[data-grid-size="99"] .grid-item--width51 {
  width: 51.51515%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width51 {
      width: calc(100vw / 99 * 51); } }

.grid[data-grid-size="99"] .grid-item--height51 {
  height: calc(100vh / 99 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height51 {
      height: calc(100vw / 99 * 51); } }

.grid[data-grid-size="99"] .grid-item--width52 {
  width: 52.52525%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width52 {
      width: calc(100vw / 99 * 52); } }

.grid[data-grid-size="99"] .grid-item--height52 {
  height: calc(100vh / 99 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height52 {
      height: calc(100vw / 99 * 52); } }

.grid[data-grid-size="99"] .grid-item--width53 {
  width: 53.53535%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width53 {
      width: calc(100vw / 99 * 53); } }

.grid[data-grid-size="99"] .grid-item--height53 {
  height: calc(100vh / 99 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height53 {
      height: calc(100vw / 99 * 53); } }

.grid[data-grid-size="99"] .grid-item--width54 {
  width: 54.54545%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width54 {
      width: calc(100vw / 99 * 54); } }

.grid[data-grid-size="99"] .grid-item--height54 {
  height: calc(100vh / 99 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height54 {
      height: calc(100vw / 99 * 54); } }

.grid[data-grid-size="99"] .grid-item--width55 {
  width: 55.55556%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width55 {
      width: calc(100vw / 99 * 55); } }

.grid[data-grid-size="99"] .grid-item--height55 {
  height: calc(100vh / 99 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height55 {
      height: calc(100vw / 99 * 55); } }

.grid[data-grid-size="99"] .grid-item--width56 {
  width: 56.56566%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width56 {
      width: calc(100vw / 99 * 56); } }

.grid[data-grid-size="99"] .grid-item--height56 {
  height: calc(100vh / 99 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height56 {
      height: calc(100vw / 99 * 56); } }

.grid[data-grid-size="99"] .grid-item--width57 {
  width: 57.57576%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width57 {
      width: calc(100vw / 99 * 57); } }

.grid[data-grid-size="99"] .grid-item--height57 {
  height: calc(100vh / 99 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height57 {
      height: calc(100vw / 99 * 57); } }

.grid[data-grid-size="99"] .grid-item--width58 {
  width: 58.58586%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width58 {
      width: calc(100vw / 99 * 58); } }

.grid[data-grid-size="99"] .grid-item--height58 {
  height: calc(100vh / 99 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height58 {
      height: calc(100vw / 99 * 58); } }

.grid[data-grid-size="99"] .grid-item--width59 {
  width: 59.59596%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width59 {
      width: calc(100vw / 99 * 59); } }

.grid[data-grid-size="99"] .grid-item--height59 {
  height: calc(100vh / 99 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height59 {
      height: calc(100vw / 99 * 59); } }

.grid[data-grid-size="99"] .grid-item--width60 {
  width: 60.60606%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width60 {
      width: calc(100vw / 99 * 60); } }

.grid[data-grid-size="99"] .grid-item--height60 {
  height: calc(100vh / 99 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height60 {
      height: calc(100vw / 99 * 60); } }

.grid[data-grid-size="99"] .grid-item--width61 {
  width: 61.61616%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width61 {
      width: calc(100vw / 99 * 61); } }

.grid[data-grid-size="99"] .grid-item--height61 {
  height: calc(100vh / 99 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height61 {
      height: calc(100vw / 99 * 61); } }

.grid[data-grid-size="99"] .grid-item--width62 {
  width: 62.62626%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width62 {
      width: calc(100vw / 99 * 62); } }

.grid[data-grid-size="99"] .grid-item--height62 {
  height: calc(100vh / 99 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height62 {
      height: calc(100vw / 99 * 62); } }

.grid[data-grid-size="99"] .grid-item--width63 {
  width: 63.63636%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width63 {
      width: calc(100vw / 99 * 63); } }

.grid[data-grid-size="99"] .grid-item--height63 {
  height: calc(100vh / 99 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height63 {
      height: calc(100vw / 99 * 63); } }

.grid[data-grid-size="99"] .grid-item--width64 {
  width: 64.64646%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width64 {
      width: calc(100vw / 99 * 64); } }

.grid[data-grid-size="99"] .grid-item--height64 {
  height: calc(100vh / 99 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height64 {
      height: calc(100vw / 99 * 64); } }

.grid[data-grid-size="99"] .grid-item--width65 {
  width: 65.65657%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width65 {
      width: calc(100vw / 99 * 65); } }

.grid[data-grid-size="99"] .grid-item--height65 {
  height: calc(100vh / 99 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height65 {
      height: calc(100vw / 99 * 65); } }

.grid[data-grid-size="99"] .grid-item--width66 {
  width: 66.66667%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width66 {
      width: calc(100vw / 99 * 66); } }

.grid[data-grid-size="99"] .grid-item--height66 {
  height: calc(100vh / 99 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height66 {
      height: calc(100vw / 99 * 66); } }

.grid[data-grid-size="99"] .grid-item--width67 {
  width: 67.67677%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width67 {
      width: calc(100vw / 99 * 67); } }

.grid[data-grid-size="99"] .grid-item--height67 {
  height: calc(100vh / 99 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height67 {
      height: calc(100vw / 99 * 67); } }

.grid[data-grid-size="99"] .grid-item--width68 {
  width: 68.68687%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width68 {
      width: calc(100vw / 99 * 68); } }

.grid[data-grid-size="99"] .grid-item--height68 {
  height: calc(100vh / 99 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height68 {
      height: calc(100vw / 99 * 68); } }

.grid[data-grid-size="99"] .grid-item--width69 {
  width: 69.69697%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width69 {
      width: calc(100vw / 99 * 69); } }

.grid[data-grid-size="99"] .grid-item--height69 {
  height: calc(100vh / 99 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height69 {
      height: calc(100vw / 99 * 69); } }

.grid[data-grid-size="99"] .grid-item--width70 {
  width: 70.70707%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width70 {
      width: calc(100vw / 99 * 70); } }

.grid[data-grid-size="99"] .grid-item--height70 {
  height: calc(100vh / 99 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height70 {
      height: calc(100vw / 99 * 70); } }

.grid[data-grid-size="99"] .grid-item--width71 {
  width: 71.71717%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width71 {
      width: calc(100vw / 99 * 71); } }

.grid[data-grid-size="99"] .grid-item--height71 {
  height: calc(100vh / 99 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height71 {
      height: calc(100vw / 99 * 71); } }

.grid[data-grid-size="99"] .grid-item--width72 {
  width: 72.72727%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width72 {
      width: calc(100vw / 99 * 72); } }

.grid[data-grid-size="99"] .grid-item--height72 {
  height: calc(100vh / 99 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height72 {
      height: calc(100vw / 99 * 72); } }

.grid[data-grid-size="99"] .grid-item--width73 {
  width: 73.73737%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width73 {
      width: calc(100vw / 99 * 73); } }

.grid[data-grid-size="99"] .grid-item--height73 {
  height: calc(100vh / 99 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height73 {
      height: calc(100vw / 99 * 73); } }

.grid[data-grid-size="99"] .grid-item--width74 {
  width: 74.74747%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width74 {
      width: calc(100vw / 99 * 74); } }

.grid[data-grid-size="99"] .grid-item--height74 {
  height: calc(100vh / 99 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height74 {
      height: calc(100vw / 99 * 74); } }

.grid[data-grid-size="99"] .grid-item--width75 {
  width: 75.75758%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width75 {
      width: calc(100vw / 99 * 75); } }

.grid[data-grid-size="99"] .grid-item--height75 {
  height: calc(100vh / 99 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height75 {
      height: calc(100vw / 99 * 75); } }

.grid[data-grid-size="99"] .grid-item--width76 {
  width: 76.76768%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width76 {
      width: calc(100vw / 99 * 76); } }

.grid[data-grid-size="99"] .grid-item--height76 {
  height: calc(100vh / 99 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height76 {
      height: calc(100vw / 99 * 76); } }

.grid[data-grid-size="99"] .grid-item--width77 {
  width: 77.77778%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width77 {
      width: calc(100vw / 99 * 77); } }

.grid[data-grid-size="99"] .grid-item--height77 {
  height: calc(100vh / 99 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height77 {
      height: calc(100vw / 99 * 77); } }

.grid[data-grid-size="99"] .grid-item--width78 {
  width: 78.78788%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width78 {
      width: calc(100vw / 99 * 78); } }

.grid[data-grid-size="99"] .grid-item--height78 {
  height: calc(100vh / 99 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height78 {
      height: calc(100vw / 99 * 78); } }

.grid[data-grid-size="99"] .grid-item--width79 {
  width: 79.79798%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width79 {
      width: calc(100vw / 99 * 79); } }

.grid[data-grid-size="99"] .grid-item--height79 {
  height: calc(100vh / 99 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height79 {
      height: calc(100vw / 99 * 79); } }

.grid[data-grid-size="99"] .grid-item--width80 {
  width: 80.80808%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width80 {
      width: calc(100vw / 99 * 80); } }

.grid[data-grid-size="99"] .grid-item--height80 {
  height: calc(100vh / 99 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height80 {
      height: calc(100vw / 99 * 80); } }

.grid[data-grid-size="99"] .grid-item--width81 {
  width: 81.81818%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width81 {
      width: calc(100vw / 99 * 81); } }

.grid[data-grid-size="99"] .grid-item--height81 {
  height: calc(100vh / 99 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height81 {
      height: calc(100vw / 99 * 81); } }

.grid[data-grid-size="99"] .grid-item--width82 {
  width: 82.82828%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width82 {
      width: calc(100vw / 99 * 82); } }

.grid[data-grid-size="99"] .grid-item--height82 {
  height: calc(100vh / 99 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height82 {
      height: calc(100vw / 99 * 82); } }

.grid[data-grid-size="99"] .grid-item--width83 {
  width: 83.83838%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width83 {
      width: calc(100vw / 99 * 83); } }

.grid[data-grid-size="99"] .grid-item--height83 {
  height: calc(100vh / 99 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height83 {
      height: calc(100vw / 99 * 83); } }

.grid[data-grid-size="99"] .grid-item--width84 {
  width: 84.84848%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width84 {
      width: calc(100vw / 99 * 84); } }

.grid[data-grid-size="99"] .grid-item--height84 {
  height: calc(100vh / 99 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height84 {
      height: calc(100vw / 99 * 84); } }

.grid[data-grid-size="99"] .grid-item--width85 {
  width: 85.85859%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width85 {
      width: calc(100vw / 99 * 85); } }

.grid[data-grid-size="99"] .grid-item--height85 {
  height: calc(100vh / 99 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height85 {
      height: calc(100vw / 99 * 85); } }

.grid[data-grid-size="99"] .grid-item--width86 {
  width: 86.86869%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width86 {
      width: calc(100vw / 99 * 86); } }

.grid[data-grid-size="99"] .grid-item--height86 {
  height: calc(100vh / 99 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height86 {
      height: calc(100vw / 99 * 86); } }

.grid[data-grid-size="99"] .grid-item--width87 {
  width: 87.87879%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width87 {
      width: calc(100vw / 99 * 87); } }

.grid[data-grid-size="99"] .grid-item--height87 {
  height: calc(100vh / 99 * 87); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height87 {
      height: calc(100vw / 99 * 87); } }

.grid[data-grid-size="99"] .grid-item--width88 {
  width: 88.88889%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width88 {
      width: calc(100vw / 99 * 88); } }

.grid[data-grid-size="99"] .grid-item--height88 {
  height: calc(100vh / 99 * 88); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height88 {
      height: calc(100vw / 99 * 88); } }

.grid[data-grid-size="99"] .grid-item--width89 {
  width: 89.89899%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width89 {
      width: calc(100vw / 99 * 89); } }

.grid[data-grid-size="99"] .grid-item--height89 {
  height: calc(100vh / 99 * 89); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height89 {
      height: calc(100vw / 99 * 89); } }

.grid[data-grid-size="99"] .grid-item--width90 {
  width: 90.90909%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width90 {
      width: calc(100vw / 99 * 90); } }

.grid[data-grid-size="99"] .grid-item--height90 {
  height: calc(100vh / 99 * 90); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height90 {
      height: calc(100vw / 99 * 90); } }

.grid[data-grid-size="99"] .grid-item--width91 {
  width: 91.91919%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width91 {
      width: calc(100vw / 99 * 91); } }

.grid[data-grid-size="99"] .grid-item--height91 {
  height: calc(100vh / 99 * 91); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height91 {
      height: calc(100vw / 99 * 91); } }

.grid[data-grid-size="99"] .grid-item--width92 {
  width: 92.92929%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width92 {
      width: calc(100vw / 99 * 92); } }

.grid[data-grid-size="99"] .grid-item--height92 {
  height: calc(100vh / 99 * 92); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height92 {
      height: calc(100vw / 99 * 92); } }

.grid[data-grid-size="99"] .grid-item--width93 {
  width: 93.93939%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width93 {
      width: calc(100vw / 99 * 93); } }

.grid[data-grid-size="99"] .grid-item--height93 {
  height: calc(100vh / 99 * 93); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height93 {
      height: calc(100vw / 99 * 93); } }

.grid[data-grid-size="99"] .grid-item--width94 {
  width: 94.94949%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width94 {
      width: calc(100vw / 99 * 94); } }

.grid[data-grid-size="99"] .grid-item--height94 {
  height: calc(100vh / 99 * 94); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height94 {
      height: calc(100vw / 99 * 94); } }

.grid[data-grid-size="99"] .grid-item--width95 {
  width: 95.9596%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width95 {
      width: calc(100vw / 99 * 95); } }

.grid[data-grid-size="99"] .grid-item--height95 {
  height: calc(100vh / 99 * 95); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height95 {
      height: calc(100vw / 99 * 95); } }

.grid[data-grid-size="99"] .grid-item--width96 {
  width: 96.9697%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width96 {
      width: calc(100vw / 99 * 96); } }

.grid[data-grid-size="99"] .grid-item--height96 {
  height: calc(100vh / 99 * 96); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height96 {
      height: calc(100vw / 99 * 96); } }

.grid[data-grid-size="99"] .grid-item--width97 {
  width: 97.9798%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width97 {
      width: calc(100vw / 99 * 97); } }

.grid[data-grid-size="99"] .grid-item--height97 {
  height: calc(100vh / 99 * 97); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height97 {
      height: calc(100vw / 99 * 97); } }

.grid[data-grid-size="99"] .grid-item--width98 {
  width: 98.9899%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width98 {
      width: calc(100vw / 99 * 98); } }

.grid[data-grid-size="99"] .grid-item--height98 {
  height: calc(100vh / 99 * 98); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height98 {
      height: calc(100vw / 99 * 98); } }

.grid[data-grid-size="99"] .grid-item--width99 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--width99 {
      width: calc(100vw / 99 * 99); } }

.grid[data-grid-size="99"] .grid-item--height99 {
  height: calc(100vh / 99 * 99); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="99"] .grid-item--height99 {
      height: calc(100vw / 99 * 99); } }

.grid[data-grid-size="100"] .grid-sizer, .grid[data-grid-size="100"] .grid-item {
  width: 1%; }

.grid[data-grid-size="100"] .grid-item--width1 {
  width: 1%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width1 {
      width: calc(100vw / 100 * 1); } }

.grid[data-grid-size="100"] .grid-item--height1 {
  height: calc(100vh / 100 * 1); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height1 {
      height: calc(100vw / 100 * 1); } }

.grid[data-grid-size="100"] .grid-item--width2 {
  width: 2%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width2 {
      width: calc(100vw / 100 * 2); } }

.grid[data-grid-size="100"] .grid-item--height2 {
  height: calc(100vh / 100 * 2); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height2 {
      height: calc(100vw / 100 * 2); } }

.grid[data-grid-size="100"] .grid-item--width3 {
  width: 3%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width3 {
      width: calc(100vw / 100 * 3); } }

.grid[data-grid-size="100"] .grid-item--height3 {
  height: calc(100vh / 100 * 3); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height3 {
      height: calc(100vw / 100 * 3); } }

.grid[data-grid-size="100"] .grid-item--width4 {
  width: 4%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width4 {
      width: calc(100vw / 100 * 4); } }

.grid[data-grid-size="100"] .grid-item--height4 {
  height: calc(100vh / 100 * 4); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height4 {
      height: calc(100vw / 100 * 4); } }

.grid[data-grid-size="100"] .grid-item--width5 {
  width: 5%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width5 {
      width: calc(100vw / 100 * 5); } }

.grid[data-grid-size="100"] .grid-item--height5 {
  height: calc(100vh / 100 * 5); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height5 {
      height: calc(100vw / 100 * 5); } }

.grid[data-grid-size="100"] .grid-item--width6 {
  width: 6%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width6 {
      width: calc(100vw / 100 * 6); } }

.grid[data-grid-size="100"] .grid-item--height6 {
  height: calc(100vh / 100 * 6); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height6 {
      height: calc(100vw / 100 * 6); } }

.grid[data-grid-size="100"] .grid-item--width7 {
  width: 7%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width7 {
      width: calc(100vw / 100 * 7); } }

.grid[data-grid-size="100"] .grid-item--height7 {
  height: calc(100vh / 100 * 7); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height7 {
      height: calc(100vw / 100 * 7); } }

.grid[data-grid-size="100"] .grid-item--width8 {
  width: 8%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width8 {
      width: calc(100vw / 100 * 8); } }

.grid[data-grid-size="100"] .grid-item--height8 {
  height: calc(100vh / 100 * 8); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height8 {
      height: calc(100vw / 100 * 8); } }

.grid[data-grid-size="100"] .grid-item--width9 {
  width: 9%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width9 {
      width: calc(100vw / 100 * 9); } }

.grid[data-grid-size="100"] .grid-item--height9 {
  height: calc(100vh / 100 * 9); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height9 {
      height: calc(100vw / 100 * 9); } }

.grid[data-grid-size="100"] .grid-item--width10 {
  width: 10%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width10 {
      width: calc(100vw / 100 * 10); } }

.grid[data-grid-size="100"] .grid-item--height10 {
  height: calc(100vh / 100 * 10); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height10 {
      height: calc(100vw / 100 * 10); } }

.grid[data-grid-size="100"] .grid-item--width11 {
  width: 11%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width11 {
      width: calc(100vw / 100 * 11); } }

.grid[data-grid-size="100"] .grid-item--height11 {
  height: calc(100vh / 100 * 11); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height11 {
      height: calc(100vw / 100 * 11); } }

.grid[data-grid-size="100"] .grid-item--width12 {
  width: 12%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width12 {
      width: calc(100vw / 100 * 12); } }

.grid[data-grid-size="100"] .grid-item--height12 {
  height: calc(100vh / 100 * 12); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height12 {
      height: calc(100vw / 100 * 12); } }

.grid[data-grid-size="100"] .grid-item--width13 {
  width: 13%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width13 {
      width: calc(100vw / 100 * 13); } }

.grid[data-grid-size="100"] .grid-item--height13 {
  height: calc(100vh / 100 * 13); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height13 {
      height: calc(100vw / 100 * 13); } }

.grid[data-grid-size="100"] .grid-item--width14 {
  width: 14%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width14 {
      width: calc(100vw / 100 * 14); } }

.grid[data-grid-size="100"] .grid-item--height14 {
  height: calc(100vh / 100 * 14); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height14 {
      height: calc(100vw / 100 * 14); } }

.grid[data-grid-size="100"] .grid-item--width15 {
  width: 15%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width15 {
      width: calc(100vw / 100 * 15); } }

.grid[data-grid-size="100"] .grid-item--height15 {
  height: calc(100vh / 100 * 15); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height15 {
      height: calc(100vw / 100 * 15); } }

.grid[data-grid-size="100"] .grid-item--width16 {
  width: 16%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width16 {
      width: calc(100vw / 100 * 16); } }

.grid[data-grid-size="100"] .grid-item--height16 {
  height: calc(100vh / 100 * 16); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height16 {
      height: calc(100vw / 100 * 16); } }

.grid[data-grid-size="100"] .grid-item--width17 {
  width: 17%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width17 {
      width: calc(100vw / 100 * 17); } }

.grid[data-grid-size="100"] .grid-item--height17 {
  height: calc(100vh / 100 * 17); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height17 {
      height: calc(100vw / 100 * 17); } }

.grid[data-grid-size="100"] .grid-item--width18 {
  width: 18%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width18 {
      width: calc(100vw / 100 * 18); } }

.grid[data-grid-size="100"] .grid-item--height18 {
  height: calc(100vh / 100 * 18); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height18 {
      height: calc(100vw / 100 * 18); } }

.grid[data-grid-size="100"] .grid-item--width19 {
  width: 19%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width19 {
      width: calc(100vw / 100 * 19); } }

.grid[data-grid-size="100"] .grid-item--height19 {
  height: calc(100vh / 100 * 19); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height19 {
      height: calc(100vw / 100 * 19); } }

.grid[data-grid-size="100"] .grid-item--width20 {
  width: 20%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width20 {
      width: calc(100vw / 100 * 20); } }

.grid[data-grid-size="100"] .grid-item--height20 {
  height: calc(100vh / 100 * 20); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height20 {
      height: calc(100vw / 100 * 20); } }

.grid[data-grid-size="100"] .grid-item--width21 {
  width: 21%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width21 {
      width: calc(100vw / 100 * 21); } }

.grid[data-grid-size="100"] .grid-item--height21 {
  height: calc(100vh / 100 * 21); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height21 {
      height: calc(100vw / 100 * 21); } }

.grid[data-grid-size="100"] .grid-item--width22 {
  width: 22%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width22 {
      width: calc(100vw / 100 * 22); } }

.grid[data-grid-size="100"] .grid-item--height22 {
  height: calc(100vh / 100 * 22); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height22 {
      height: calc(100vw / 100 * 22); } }

.grid[data-grid-size="100"] .grid-item--width23 {
  width: 23%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width23 {
      width: calc(100vw / 100 * 23); } }

.grid[data-grid-size="100"] .grid-item--height23 {
  height: calc(100vh / 100 * 23); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height23 {
      height: calc(100vw / 100 * 23); } }

.grid[data-grid-size="100"] .grid-item--width24 {
  width: 24%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width24 {
      width: calc(100vw / 100 * 24); } }

.grid[data-grid-size="100"] .grid-item--height24 {
  height: calc(100vh / 100 * 24); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height24 {
      height: calc(100vw / 100 * 24); } }

.grid[data-grid-size="100"] .grid-item--width25 {
  width: 25%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width25 {
      width: calc(100vw / 100 * 25); } }

.grid[data-grid-size="100"] .grid-item--height25 {
  height: calc(100vh / 100 * 25); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height25 {
      height: calc(100vw / 100 * 25); } }

.grid[data-grid-size="100"] .grid-item--width26 {
  width: 26%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width26 {
      width: calc(100vw / 100 * 26); } }

.grid[data-grid-size="100"] .grid-item--height26 {
  height: calc(100vh / 100 * 26); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height26 {
      height: calc(100vw / 100 * 26); } }

.grid[data-grid-size="100"] .grid-item--width27 {
  width: 27%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width27 {
      width: calc(100vw / 100 * 27); } }

.grid[data-grid-size="100"] .grid-item--height27 {
  height: calc(100vh / 100 * 27); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height27 {
      height: calc(100vw / 100 * 27); } }

.grid[data-grid-size="100"] .grid-item--width28 {
  width: 28%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width28 {
      width: calc(100vw / 100 * 28); } }

.grid[data-grid-size="100"] .grid-item--height28 {
  height: calc(100vh / 100 * 28); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height28 {
      height: calc(100vw / 100 * 28); } }

.grid[data-grid-size="100"] .grid-item--width29 {
  width: 29%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width29 {
      width: calc(100vw / 100 * 29); } }

.grid[data-grid-size="100"] .grid-item--height29 {
  height: calc(100vh / 100 * 29); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height29 {
      height: calc(100vw / 100 * 29); } }

.grid[data-grid-size="100"] .grid-item--width30 {
  width: 30%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width30 {
      width: calc(100vw / 100 * 30); } }

.grid[data-grid-size="100"] .grid-item--height30 {
  height: calc(100vh / 100 * 30); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height30 {
      height: calc(100vw / 100 * 30); } }

.grid[data-grid-size="100"] .grid-item--width31 {
  width: 31%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width31 {
      width: calc(100vw / 100 * 31); } }

.grid[data-grid-size="100"] .grid-item--height31 {
  height: calc(100vh / 100 * 31); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height31 {
      height: calc(100vw / 100 * 31); } }

.grid[data-grid-size="100"] .grid-item--width32 {
  width: 32%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width32 {
      width: calc(100vw / 100 * 32); } }

.grid[data-grid-size="100"] .grid-item--height32 {
  height: calc(100vh / 100 * 32); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height32 {
      height: calc(100vw / 100 * 32); } }

.grid[data-grid-size="100"] .grid-item--width33 {
  width: 33%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width33 {
      width: calc(100vw / 100 * 33); } }

.grid[data-grid-size="100"] .grid-item--height33 {
  height: calc(100vh / 100 * 33); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height33 {
      height: calc(100vw / 100 * 33); } }

.grid[data-grid-size="100"] .grid-item--width34 {
  width: 34%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width34 {
      width: calc(100vw / 100 * 34); } }

.grid[data-grid-size="100"] .grid-item--height34 {
  height: calc(100vh / 100 * 34); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height34 {
      height: calc(100vw / 100 * 34); } }

.grid[data-grid-size="100"] .grid-item--width35 {
  width: 35%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width35 {
      width: calc(100vw / 100 * 35); } }

.grid[data-grid-size="100"] .grid-item--height35 {
  height: calc(100vh / 100 * 35); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height35 {
      height: calc(100vw / 100 * 35); } }

.grid[data-grid-size="100"] .grid-item--width36 {
  width: 36%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width36 {
      width: calc(100vw / 100 * 36); } }

.grid[data-grid-size="100"] .grid-item--height36 {
  height: calc(100vh / 100 * 36); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height36 {
      height: calc(100vw / 100 * 36); } }

.grid[data-grid-size="100"] .grid-item--width37 {
  width: 37%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width37 {
      width: calc(100vw / 100 * 37); } }

.grid[data-grid-size="100"] .grid-item--height37 {
  height: calc(100vh / 100 * 37); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height37 {
      height: calc(100vw / 100 * 37); } }

.grid[data-grid-size="100"] .grid-item--width38 {
  width: 38%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width38 {
      width: calc(100vw / 100 * 38); } }

.grid[data-grid-size="100"] .grid-item--height38 {
  height: calc(100vh / 100 * 38); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height38 {
      height: calc(100vw / 100 * 38); } }

.grid[data-grid-size="100"] .grid-item--width39 {
  width: 39%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width39 {
      width: calc(100vw / 100 * 39); } }

.grid[data-grid-size="100"] .grid-item--height39 {
  height: calc(100vh / 100 * 39); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height39 {
      height: calc(100vw / 100 * 39); } }

.grid[data-grid-size="100"] .grid-item--width40 {
  width: 40%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width40 {
      width: calc(100vw / 100 * 40); } }

.grid[data-grid-size="100"] .grid-item--height40 {
  height: calc(100vh / 100 * 40); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height40 {
      height: calc(100vw / 100 * 40); } }

.grid[data-grid-size="100"] .grid-item--width41 {
  width: 41%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width41 {
      width: calc(100vw / 100 * 41); } }

.grid[data-grid-size="100"] .grid-item--height41 {
  height: calc(100vh / 100 * 41); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height41 {
      height: calc(100vw / 100 * 41); } }

.grid[data-grid-size="100"] .grid-item--width42 {
  width: 42%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width42 {
      width: calc(100vw / 100 * 42); } }

.grid[data-grid-size="100"] .grid-item--height42 {
  height: calc(100vh / 100 * 42); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height42 {
      height: calc(100vw / 100 * 42); } }

.grid[data-grid-size="100"] .grid-item--width43 {
  width: 43%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width43 {
      width: calc(100vw / 100 * 43); } }

.grid[data-grid-size="100"] .grid-item--height43 {
  height: calc(100vh / 100 * 43); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height43 {
      height: calc(100vw / 100 * 43); } }

.grid[data-grid-size="100"] .grid-item--width44 {
  width: 44%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width44 {
      width: calc(100vw / 100 * 44); } }

.grid[data-grid-size="100"] .grid-item--height44 {
  height: calc(100vh / 100 * 44); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height44 {
      height: calc(100vw / 100 * 44); } }

.grid[data-grid-size="100"] .grid-item--width45 {
  width: 45%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width45 {
      width: calc(100vw / 100 * 45); } }

.grid[data-grid-size="100"] .grid-item--height45 {
  height: calc(100vh / 100 * 45); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height45 {
      height: calc(100vw / 100 * 45); } }

.grid[data-grid-size="100"] .grid-item--width46 {
  width: 46%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width46 {
      width: calc(100vw / 100 * 46); } }

.grid[data-grid-size="100"] .grid-item--height46 {
  height: calc(100vh / 100 * 46); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height46 {
      height: calc(100vw / 100 * 46); } }

.grid[data-grid-size="100"] .grid-item--width47 {
  width: 47%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width47 {
      width: calc(100vw / 100 * 47); } }

.grid[data-grid-size="100"] .grid-item--height47 {
  height: calc(100vh / 100 * 47); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height47 {
      height: calc(100vw / 100 * 47); } }

.grid[data-grid-size="100"] .grid-item--width48 {
  width: 48%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width48 {
      width: calc(100vw / 100 * 48); } }

.grid[data-grid-size="100"] .grid-item--height48 {
  height: calc(100vh / 100 * 48); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height48 {
      height: calc(100vw / 100 * 48); } }

.grid[data-grid-size="100"] .grid-item--width49 {
  width: 49%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width49 {
      width: calc(100vw / 100 * 49); } }

.grid[data-grid-size="100"] .grid-item--height49 {
  height: calc(100vh / 100 * 49); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height49 {
      height: calc(100vw / 100 * 49); } }

.grid[data-grid-size="100"] .grid-item--width50 {
  width: 50%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width50 {
      width: calc(100vw / 100 * 50); } }

.grid[data-grid-size="100"] .grid-item--height50 {
  height: calc(100vh / 100 * 50); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height50 {
      height: calc(100vw / 100 * 50); } }

.grid[data-grid-size="100"] .grid-item--width51 {
  width: 51%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width51 {
      width: calc(100vw / 100 * 51); } }

.grid[data-grid-size="100"] .grid-item--height51 {
  height: calc(100vh / 100 * 51); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height51 {
      height: calc(100vw / 100 * 51); } }

.grid[data-grid-size="100"] .grid-item--width52 {
  width: 52%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width52 {
      width: calc(100vw / 100 * 52); } }

.grid[data-grid-size="100"] .grid-item--height52 {
  height: calc(100vh / 100 * 52); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height52 {
      height: calc(100vw / 100 * 52); } }

.grid[data-grid-size="100"] .grid-item--width53 {
  width: 53%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width53 {
      width: calc(100vw / 100 * 53); } }

.grid[data-grid-size="100"] .grid-item--height53 {
  height: calc(100vh / 100 * 53); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height53 {
      height: calc(100vw / 100 * 53); } }

.grid[data-grid-size="100"] .grid-item--width54 {
  width: 54%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width54 {
      width: calc(100vw / 100 * 54); } }

.grid[data-grid-size="100"] .grid-item--height54 {
  height: calc(100vh / 100 * 54); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height54 {
      height: calc(100vw / 100 * 54); } }

.grid[data-grid-size="100"] .grid-item--width55 {
  width: 55%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width55 {
      width: calc(100vw / 100 * 55); } }

.grid[data-grid-size="100"] .grid-item--height55 {
  height: calc(100vh / 100 * 55); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height55 {
      height: calc(100vw / 100 * 55); } }

.grid[data-grid-size="100"] .grid-item--width56 {
  width: 56%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width56 {
      width: calc(100vw / 100 * 56); } }

.grid[data-grid-size="100"] .grid-item--height56 {
  height: calc(100vh / 100 * 56); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height56 {
      height: calc(100vw / 100 * 56); } }

.grid[data-grid-size="100"] .grid-item--width57 {
  width: 57%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width57 {
      width: calc(100vw / 100 * 57); } }

.grid[data-grid-size="100"] .grid-item--height57 {
  height: calc(100vh / 100 * 57); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height57 {
      height: calc(100vw / 100 * 57); } }

.grid[data-grid-size="100"] .grid-item--width58 {
  width: 58%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width58 {
      width: calc(100vw / 100 * 58); } }

.grid[data-grid-size="100"] .grid-item--height58 {
  height: calc(100vh / 100 * 58); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height58 {
      height: calc(100vw / 100 * 58); } }

.grid[data-grid-size="100"] .grid-item--width59 {
  width: 59%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width59 {
      width: calc(100vw / 100 * 59); } }

.grid[data-grid-size="100"] .grid-item--height59 {
  height: calc(100vh / 100 * 59); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height59 {
      height: calc(100vw / 100 * 59); } }

.grid[data-grid-size="100"] .grid-item--width60 {
  width: 60%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width60 {
      width: calc(100vw / 100 * 60); } }

.grid[data-grid-size="100"] .grid-item--height60 {
  height: calc(100vh / 100 * 60); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height60 {
      height: calc(100vw / 100 * 60); } }

.grid[data-grid-size="100"] .grid-item--width61 {
  width: 61%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width61 {
      width: calc(100vw / 100 * 61); } }

.grid[data-grid-size="100"] .grid-item--height61 {
  height: calc(100vh / 100 * 61); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height61 {
      height: calc(100vw / 100 * 61); } }

.grid[data-grid-size="100"] .grid-item--width62 {
  width: 62%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width62 {
      width: calc(100vw / 100 * 62); } }

.grid[data-grid-size="100"] .grid-item--height62 {
  height: calc(100vh / 100 * 62); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height62 {
      height: calc(100vw / 100 * 62); } }

.grid[data-grid-size="100"] .grid-item--width63 {
  width: 63%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width63 {
      width: calc(100vw / 100 * 63); } }

.grid[data-grid-size="100"] .grid-item--height63 {
  height: calc(100vh / 100 * 63); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height63 {
      height: calc(100vw / 100 * 63); } }

.grid[data-grid-size="100"] .grid-item--width64 {
  width: 64%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width64 {
      width: calc(100vw / 100 * 64); } }

.grid[data-grid-size="100"] .grid-item--height64 {
  height: calc(100vh / 100 * 64); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height64 {
      height: calc(100vw / 100 * 64); } }

.grid[data-grid-size="100"] .grid-item--width65 {
  width: 65%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width65 {
      width: calc(100vw / 100 * 65); } }

.grid[data-grid-size="100"] .grid-item--height65 {
  height: calc(100vh / 100 * 65); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height65 {
      height: calc(100vw / 100 * 65); } }

.grid[data-grid-size="100"] .grid-item--width66 {
  width: 66%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width66 {
      width: calc(100vw / 100 * 66); } }

.grid[data-grid-size="100"] .grid-item--height66 {
  height: calc(100vh / 100 * 66); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height66 {
      height: calc(100vw / 100 * 66); } }

.grid[data-grid-size="100"] .grid-item--width67 {
  width: 67%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width67 {
      width: calc(100vw / 100 * 67); } }

.grid[data-grid-size="100"] .grid-item--height67 {
  height: calc(100vh / 100 * 67); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height67 {
      height: calc(100vw / 100 * 67); } }

.grid[data-grid-size="100"] .grid-item--width68 {
  width: 68%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width68 {
      width: calc(100vw / 100 * 68); } }

.grid[data-grid-size="100"] .grid-item--height68 {
  height: calc(100vh / 100 * 68); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height68 {
      height: calc(100vw / 100 * 68); } }

.grid[data-grid-size="100"] .grid-item--width69 {
  width: 69%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width69 {
      width: calc(100vw / 100 * 69); } }

.grid[data-grid-size="100"] .grid-item--height69 {
  height: calc(100vh / 100 * 69); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height69 {
      height: calc(100vw / 100 * 69); } }

.grid[data-grid-size="100"] .grid-item--width70 {
  width: 70%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width70 {
      width: calc(100vw / 100 * 70); } }

.grid[data-grid-size="100"] .grid-item--height70 {
  height: calc(100vh / 100 * 70); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height70 {
      height: calc(100vw / 100 * 70); } }

.grid[data-grid-size="100"] .grid-item--width71 {
  width: 71%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width71 {
      width: calc(100vw / 100 * 71); } }

.grid[data-grid-size="100"] .grid-item--height71 {
  height: calc(100vh / 100 * 71); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height71 {
      height: calc(100vw / 100 * 71); } }

.grid[data-grid-size="100"] .grid-item--width72 {
  width: 72%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width72 {
      width: calc(100vw / 100 * 72); } }

.grid[data-grid-size="100"] .grid-item--height72 {
  height: calc(100vh / 100 * 72); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height72 {
      height: calc(100vw / 100 * 72); } }

.grid[data-grid-size="100"] .grid-item--width73 {
  width: 73%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width73 {
      width: calc(100vw / 100 * 73); } }

.grid[data-grid-size="100"] .grid-item--height73 {
  height: calc(100vh / 100 * 73); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height73 {
      height: calc(100vw / 100 * 73); } }

.grid[data-grid-size="100"] .grid-item--width74 {
  width: 74%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width74 {
      width: calc(100vw / 100 * 74); } }

.grid[data-grid-size="100"] .grid-item--height74 {
  height: calc(100vh / 100 * 74); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height74 {
      height: calc(100vw / 100 * 74); } }

.grid[data-grid-size="100"] .grid-item--width75 {
  width: 75%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width75 {
      width: calc(100vw / 100 * 75); } }

.grid[data-grid-size="100"] .grid-item--height75 {
  height: calc(100vh / 100 * 75); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height75 {
      height: calc(100vw / 100 * 75); } }

.grid[data-grid-size="100"] .grid-item--width76 {
  width: 76%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width76 {
      width: calc(100vw / 100 * 76); } }

.grid[data-grid-size="100"] .grid-item--height76 {
  height: calc(100vh / 100 * 76); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height76 {
      height: calc(100vw / 100 * 76); } }

.grid[data-grid-size="100"] .grid-item--width77 {
  width: 77%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width77 {
      width: calc(100vw / 100 * 77); } }

.grid[data-grid-size="100"] .grid-item--height77 {
  height: calc(100vh / 100 * 77); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height77 {
      height: calc(100vw / 100 * 77); } }

.grid[data-grid-size="100"] .grid-item--width78 {
  width: 78%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width78 {
      width: calc(100vw / 100 * 78); } }

.grid[data-grid-size="100"] .grid-item--height78 {
  height: calc(100vh / 100 * 78); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height78 {
      height: calc(100vw / 100 * 78); } }

.grid[data-grid-size="100"] .grid-item--width79 {
  width: 79%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width79 {
      width: calc(100vw / 100 * 79); } }

.grid[data-grid-size="100"] .grid-item--height79 {
  height: calc(100vh / 100 * 79); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height79 {
      height: calc(100vw / 100 * 79); } }

.grid[data-grid-size="100"] .grid-item--width80 {
  width: 80%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width80 {
      width: calc(100vw / 100 * 80); } }

.grid[data-grid-size="100"] .grid-item--height80 {
  height: calc(100vh / 100 * 80); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height80 {
      height: calc(100vw / 100 * 80); } }

.grid[data-grid-size="100"] .grid-item--width81 {
  width: 81%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width81 {
      width: calc(100vw / 100 * 81); } }

.grid[data-grid-size="100"] .grid-item--height81 {
  height: calc(100vh / 100 * 81); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height81 {
      height: calc(100vw / 100 * 81); } }

.grid[data-grid-size="100"] .grid-item--width82 {
  width: 82%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width82 {
      width: calc(100vw / 100 * 82); } }

.grid[data-grid-size="100"] .grid-item--height82 {
  height: calc(100vh / 100 * 82); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height82 {
      height: calc(100vw / 100 * 82); } }

.grid[data-grid-size="100"] .grid-item--width83 {
  width: 83%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width83 {
      width: calc(100vw / 100 * 83); } }

.grid[data-grid-size="100"] .grid-item--height83 {
  height: calc(100vh / 100 * 83); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height83 {
      height: calc(100vw / 100 * 83); } }

.grid[data-grid-size="100"] .grid-item--width84 {
  width: 84%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width84 {
      width: calc(100vw / 100 * 84); } }

.grid[data-grid-size="100"] .grid-item--height84 {
  height: calc(100vh / 100 * 84); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height84 {
      height: calc(100vw / 100 * 84); } }

.grid[data-grid-size="100"] .grid-item--width85 {
  width: 85%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width85 {
      width: calc(100vw / 100 * 85); } }

.grid[data-grid-size="100"] .grid-item--height85 {
  height: calc(100vh / 100 * 85); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height85 {
      height: calc(100vw / 100 * 85); } }

.grid[data-grid-size="100"] .grid-item--width86 {
  width: 86%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width86 {
      width: calc(100vw / 100 * 86); } }

.grid[data-grid-size="100"] .grid-item--height86 {
  height: calc(100vh / 100 * 86); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height86 {
      height: calc(100vw / 100 * 86); } }

.grid[data-grid-size="100"] .grid-item--width87 {
  width: 87%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width87 {
      width: calc(100vw / 100 * 87); } }

.grid[data-grid-size="100"] .grid-item--height87 {
  height: calc(100vh / 100 * 87); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height87 {
      height: calc(100vw / 100 * 87); } }

.grid[data-grid-size="100"] .grid-item--width88 {
  width: 88%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width88 {
      width: calc(100vw / 100 * 88); } }

.grid[data-grid-size="100"] .grid-item--height88 {
  height: calc(100vh / 100 * 88); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height88 {
      height: calc(100vw / 100 * 88); } }

.grid[data-grid-size="100"] .grid-item--width89 {
  width: 89%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width89 {
      width: calc(100vw / 100 * 89); } }

.grid[data-grid-size="100"] .grid-item--height89 {
  height: calc(100vh / 100 * 89); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height89 {
      height: calc(100vw / 100 * 89); } }

.grid[data-grid-size="100"] .grid-item--width90 {
  width: 90%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width90 {
      width: calc(100vw / 100 * 90); } }

.grid[data-grid-size="100"] .grid-item--height90 {
  height: calc(100vh / 100 * 90); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height90 {
      height: calc(100vw / 100 * 90); } }

.grid[data-grid-size="100"] .grid-item--width91 {
  width: 91%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width91 {
      width: calc(100vw / 100 * 91); } }

.grid[data-grid-size="100"] .grid-item--height91 {
  height: calc(100vh / 100 * 91); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height91 {
      height: calc(100vw / 100 * 91); } }

.grid[data-grid-size="100"] .grid-item--width92 {
  width: 92%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width92 {
      width: calc(100vw / 100 * 92); } }

.grid[data-grid-size="100"] .grid-item--height92 {
  height: calc(100vh / 100 * 92); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height92 {
      height: calc(100vw / 100 * 92); } }

.grid[data-grid-size="100"] .grid-item--width93 {
  width: 93%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width93 {
      width: calc(100vw / 100 * 93); } }

.grid[data-grid-size="100"] .grid-item--height93 {
  height: calc(100vh / 100 * 93); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height93 {
      height: calc(100vw / 100 * 93); } }

.grid[data-grid-size="100"] .grid-item--width94 {
  width: 94%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width94 {
      width: calc(100vw / 100 * 94); } }

.grid[data-grid-size="100"] .grid-item--height94 {
  height: calc(100vh / 100 * 94); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height94 {
      height: calc(100vw / 100 * 94); } }

.grid[data-grid-size="100"] .grid-item--width95 {
  width: 95%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width95 {
      width: calc(100vw / 100 * 95); } }

.grid[data-grid-size="100"] .grid-item--height95 {
  height: calc(100vh / 100 * 95); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height95 {
      height: calc(100vw / 100 * 95); } }

.grid[data-grid-size="100"] .grid-item--width96 {
  width: 96%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width96 {
      width: calc(100vw / 100 * 96); } }

.grid[data-grid-size="100"] .grid-item--height96 {
  height: calc(100vh / 100 * 96); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height96 {
      height: calc(100vw / 100 * 96); } }

.grid[data-grid-size="100"] .grid-item--width97 {
  width: 97%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width97 {
      width: calc(100vw / 100 * 97); } }

.grid[data-grid-size="100"] .grid-item--height97 {
  height: calc(100vh / 100 * 97); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height97 {
      height: calc(100vw / 100 * 97); } }

.grid[data-grid-size="100"] .grid-item--width98 {
  width: 98%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width98 {
      width: calc(100vw / 100 * 98); } }

.grid[data-grid-size="100"] .grid-item--height98 {
  height: calc(100vh / 100 * 98); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height98 {
      height: calc(100vw / 100 * 98); } }

.grid[data-grid-size="100"] .grid-item--width99 {
  width: 99%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width99 {
      width: calc(100vw / 100 * 99); } }

.grid[data-grid-size="100"] .grid-item--height99 {
  height: calc(100vh / 100 * 99); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height99 {
      height: calc(100vw / 100 * 99); } }

.grid[data-grid-size="100"] .grid-item--width100 {
  width: 100%; }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--width100 {
      width: calc(100vw / 100 * 100); } }

.grid[data-grid-size="100"] .grid-item--height100 {
  height: calc(100vh / 100 * 100); }
  @media screen and (orientation: portrait) {
    .grid[data-grid-size="100"] .grid-item--height100 {
      height: calc(100vw / 100 * 100); } }

.gridster {
  width: 100%; }
  .gridster ul {
    width: 100%;
    list-style: none; }
    .gridster ul li {
      border: solid 1px white;
      position: absolute;
      z-index: 1;
      -webkit-border-radius: 5px;
      border-radius: 5px; }
      .gridster ul li:not(.no-title) {
        padding-top: 40px; }
        .gridster ul li:not(.no-title):before {
          content: attr(data-title);
          font-size: 16px;
          line-height: 40px;
          text-transform: uppercase;
          position: absolute;
          width: 100%;
          padding: 0 10px;
          margin-left: 0;
          margin-top: -40px;
          -webkit-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0; }
        .gridster ul li:not(.no-title) .widget-options-wrapper > * {
          top: -40px; }
      .gridster ul li .widget-contents-wrapper {
        background-color: #efefef;
        width: 100%;
        height: 100%;
        transition: background-color 500ms; }
        .gridster ul li .widget-contents-wrapper.tables_outdated .widget-status-icon {
          opacity: 0.9;
          color: #cf5c44;
          display: block; }
        .gridster ul li .widget-contents-wrapper.tables_updating .widget-status-icon {
          opacity: 0.7;
          color: black;
          display: block; }
        .gridster ul li .widget-contents-wrapper iframe {
          border: none;
          width: 100%;
          height: 100%;
          background: #efefef;
          border-radius: 0 0 5px 5px;
          padding: 5px; }
        .gridster ul li .widget-contents-wrapper .widget-status-icon {
          background-color: #e5e5e5;
          position: absolute;
          left: 10px;
          top: 50px;
          color: black;
          padding: 10px;
          border-radius: 5px;
          opacity: 0;
          display: none;
          transition: opacity 500ms; }
      .gridster ul li.no-title iframe {
        border-radius: 5px; }
      .gridster ul li.custom-resizing {
        background-color: #efefef; }
      .gridster ul li.preview-holder {
        background-color: gray;
        z-index: 0; }
      .gridster ul li .widget-options-wrapper {
        position: relative;
        height: 0;
        width: 100%; }
        .gridster ul li .widget-options-wrapper > * {
          position: absolute;
          top: 0;
          right: 0;
          opacity: 0.2;
          transition: opacity 200ms ease; }
        .gridster ul li .widget-options-wrapper > .increase-dashboard-widget-font-size-button {
          right: 100px; }
        .gridster ul li .widget-options-wrapper > .decrease-dashboard-widget-font-size-button {
          right: 80px; }
        .gridster ul li .widget-options-wrapper > .edit-widget-view_settings-button {
          right: 20px; }
        .gridster ul li .widget-options-wrapper > *:hover {
          opacity: 1; }
        .gridster ul li .widget-options-wrapper .copy-widget-button {
          transform: translateY(75%) translateX(-325%); }
          .gridster ul li .widget-options-wrapper .copy-widget-button:before {
            content: "\00a0";
            background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 	 viewBox="0 0 470.3 470.3" style="enable-background:new 0 0 470.3 470.3;" xml:space="preserve"> <path style="fill: rgba(255, 255, 255, 0.999)" d="M302.3,0H107.7c-9.4,0-17,7.7-17,17v73.7H17c-9.3,0-17,7.7-17,17v345.7c0,9.4,7.7,17,17,17h286.2 	c9.4,0,17-7.6,17-17v-76.5H391c9.4,0,17-7.6,17-17V106.2c0-4.5-1.7-8.8-4.8-11.9L314.5,5.1C311.4,1.7,306.9,0,302.3,0z M286.2,436.3 	H34V124.7h56.7v235.2c0,9.4,7.6,17,17,17h178.5L286.2,436.3L286.2,436.3z M124.7,342.8V34H272v96.3c0,9.4,7.6,17,17,17h85v195.5 	H124.7z M374,113.3h-68V44.8L374,113.3L374,113.3z"/> </svg>');
            height: 18px;
            width: 18px;
            background-size: contain;
            background-repeat: no-repeat;
            display: inline-block; }
        .gridster ul li .widget-options-wrapper .edit-widget-button {
          transform: translateY(75%) translateX(-200%); }
          .gridster ul li .widget-options-wrapper .edit-widget-button:before {
            content: "\00a0";
            background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path style="fill: rgba(255,255,255,0.999);" d="M497.9,14.1c18.8,18.8,18.7,49.1,0,67.9l-22.6,22.6l-67.9-67.9L430,14.1C448.8-4.7,479.2-4.7,497.9,14.1z	 M158.5,285.6l-22.6,90.5l90.5-22.6l226.3-226.3l-67.9-67.9L158.5,285.6z M384,241.1V448H64V128h206.9l64-64H0v448h448V177.1	L384,241.1z"/></svg>');
            height: 18px;
            width: 18px;
            background-size: contain;
            background-repeat: no-repeat;
            display: inline-block; }
        .gridster ul li .widget-options-wrapper .remove-from-dashboard-button {
          color: #434343;
          transform: translateY(50%) scale(2) translateX(-100%); }
        .gridster ul li .widget-options-wrapper .edit-widget-view_settings-button, .gridster ul li .widget-options-wrapper .increase-dashboard-widget-font-size-button, .gridster ul li .widget-options-wrapper .decrease-dashboard-widget-font-size-button {
          color: #434343;
          transform: translateY(50%) scale(2) translateX(-100%); }
      .gridster ul li .add-hover-area-wrapper {
        position: relative;
        height: 0;
        width: 100%; }
        .gridster ul li .add-hover-area-wrapper .add-hover-area {
          position: absolute;
          line-height: 20px;
          width: 100%;
          top: -10px;
          transform: translateY(-100%);
          text-align: center; }
          .gridster ul li .add-hover-area-wrapper .add-hover-area a {
            padding: 0;
            margin: 0;
            line-height: 23px;
            font-weight: bold;
            font-size: 17.5px;
            display: inline-block;
            border-radius: 12.5px;
            height: 25px;
            width: 25px;
            color: #434343;
            cursor: pointer;
            transform: scale(0);
            transition: transform 200ms ease;
            border: solid 1px white;
            -webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.25);
            box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.25);
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,afafaf+100 */
            background: #ededed;
            /* Old browsers */
            background: -moz-radial-gradient(center, ellipse cover, #ededed 0%, #afafaf 100%);
            /* FF3.6-15 */
            background: -webkit-radial-gradient(center, ellipse cover, #ededed 0%, #afafaf 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: radial-gradient(ellipse at center, #ededed 0%, #afafaf 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#afafaf',GradientType=1 );
            /* IE6-9 fallback on horizontal gradient */ }
        .gridster ul li .add-hover-area-wrapper:hover .add-hover-area a {
          transform: scale(1); }

/*! gridster.js - v0.7.0 - 2016-02-26 - * https://dsmorse.github.io/gridster.js/ - Copyright (c) 2016 ducksboard; Licensed MIT */
.gridster {
  position: relative; }

.gridster > * {
  -webkit-transition: height .4s,width .4s;
  -moz-transition: height .4s,width .4s;
  -o-transition: height .4s,width .4s;
  -ms-transition: height .4s,width .4s;
  transition: height .4s,width .4s; }

.gridster .gs-w {
  z-index: 2;
  position: absolute; }

.gridster .preview-holder {
  z-index: 1;
  position: absolute;
  background-color: #fff;
  border-color: #fff;
  opacity: .3; }

.gridster .player-revert {
  z-index: 10 !important;
  -webkit-transition: left 0.3s, top 0.3s !important;
  -moz-transition: left 0.3s, top 0.3s !important;
  -o-transition: left 0.3s, top 0.3s !important;
  transition: left 0.3s, top 0.3s !important; }

.gridster.collapsed {
  height: auto !important; }

.gridster.collapsed .gs-w {
  position: static !important; }

.ready .gs-w:not(.preview-holder), .ready .resize-preview-holder {
  -webkit-transition: opacity .3s,left .3s,top .3s,width .3s,height .3s;
  -moz-transition: opacity .3s,left .3s,top .3s,width .3s,height .3s;
  -o-transition: opacity .3s,left .3s,top .3s,width .3s,height .3s;
  transition: opacity .3s,left .3s,top .3s,width .3s,height .3s; }

.gridster .dragging, .gridster .resizing {
  z-index: 10 !important;
  -webkit-transition: all 0s !important;
  -moz-transition: all 0s !important;
  -o-transition: all 0s !important;
  transition: all 0s !important; }

.gs-resize-handle {
  position: absolute;
  z-index: 1; }

.gs-resize-handle-both {
  width: 20px;
  height: 20px;
  bottom: -8px;
  right: -8px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=);
  background-position: top left;
  background-repeat: no-repeat;
  cursor: se-resize;
  z-index: 20; }

.gs-resize-handle-x {
  top: 0;
  bottom: 13px;
  right: -5px;
  width: 10px;
  cursor: e-resize; }

.gs-resize-handle-y {
  left: 0;
  right: 13px;
  bottom: -5px;
  height: 10px;
  cursor: s-resize; }

.gs-w:hover .gs-resize-handle, .resizing .gs-resize-handle {
  opacity: 1; }

.gs-resize-handle, .gs-w.dragging .gs-resize-handle {
  opacity: 0; }

.gs-resize-disabled .gs-resize-handle, [data-max-sizex="1"] .gs-resize-handle-x, [data-max-sizey="1"] .gs-resize-handle-y, [data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle {
  display: none !important; }

.ui-dialog {
  z-index: 1000 !important; }

/* Custom CSS to set the background color of the rows */
.tabulator div {
  background-color: inherit !important; }

.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row {
  background-color: inherit !important; }

/* BASIC STYLING */
.xiolutionLayout .form-signin a {
  color: #000000; }

.xiolutionLayout .form-signin * {
  font-family: 'Nunito', sans-serif; }

.xiolutionLayout .form-signin .fa {
  font-family: 'FontAwesome'; }

/* FONT-FAMILY FIX FONT AWESOME */
.xiolutionLayout .form-signin .glyphicon {
  font-family: 'Glyphicons Halflings'; }

/* FONT-FAMILY FIX GLYPH ICON */
/* LOGIN PAGES */
body.xiolutionLayout#page-signin {
  background: url("/assets/images/xiolution_login_background_light.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.xiolutionLayout .form-signin-logo-container img {
  display: none; }

.xiolutionLayout .form-signin-logo-container:before {
  content: " ";
  display: block;
  background-image: url("/assets/images/xiolution-logo-dark.png");
  /*background-size: 240px 67px;*/
  background-size: 240px 88px;
  width: 240px;
  height: 88px;
  /*height:67px;*/ }

.xiolutionLayout .form-signin .btn-primary {
  background-color: #549d9a;
  border-color: #7cacdb;
  color: white;
  background-image: none; }

.xiolutionLayout .form-signin .btn-primary:focus,
.xiolutionLayout .form-signin .btn-primary:hover {
  background-color: #81bfba;
  border-color: #7cacdb;
  color: white; }

.xiolutionLayout .form-signup-legal-footer a {
  color: white; }

.xiolutionLayout .form-signin-footer {
  color: white;
  opacity: 0.8; }

.extra-header {
  display: inline-block;
  font-size: 20px;
  transform: translateY(25%);
  font-weight: bold;
  font-style: oblique;
  color: white;
  text-shadow: 2px 2px #999; }

body.BarChartWidget canvas, body.LineChartWidget canvas {
  transform: translateY(-5px); }

#gaugeCanvas {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto; }

#gaugeLegend, #titleBox {
  padding: 1em;
  position: absolute;
  bottom: 2vh;
  right: 2vw;
  font-size: 3vh;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
  border-radius: 25px;
  min-height: 15vh;
  max-height: 30vh;
  max-width: 20vw;
  overflow: hidden;
  display: none; }

.legendItem {
  display: none; }

.legendColor {
  background-color: black;
  width: 6vh;
  height: 3vh;
  display: inline-block; }

.legendLabel {
  display: inline-block;
  padding-right: 2vw; }

#titleBox {
  left: 2vw;
  display: none; }

#titleBoxTitle {
  text-align: center;
  font-weight: bold;
  font-size: 4vh;
  margin: 0;
  padding: 0; }

#titleBoxValue {
  text-align: center;
  font-size: 4vh;
  margin: 0;
  padding: 0; }

body.widget.staticWidget .static-wrapper.hide-icon .widget-icon {
  display: none; }

body.widget.staticWidget .static-wrapper.hide-icon .widget-contents {
  width: 100%; }

body.widget.staticWidget .widget-icon {
  width: 100px;
  height: 107px;
  float: left;
  background-size: contain; }
  body.widget.staticWidget .widget-icon.icon-document {
    background-image: url("/assets/images/icons/svg/document.svg"); }
  body.widget.staticWidget .widget-icon.icon-download {
    background-image: url("/assets/images/icons/svg/download.svg"); }
  body.widget.staticWidget .widget-icon.icon-archive {
    background-image: url("/assets/images/icons/svg/archive.svg"); }
  body.widget.staticWidget .widget-icon.icon-document-flow {
    background-image: url("/assets/images/icons/svg/document-flow.svg"); }
  body.widget.staticWidget .widget-icon.icon-file-processing {
    background-image: url("/assets/images/icons/svg/file-processing.svg"); }
  body.widget.staticWidget .widget-icon.icon-folder {
    background-image: url("/assets/images/icons/svg/folder.svg"); }
  body.widget.staticWidget .widget-icon.icon-writing {
    background-image: url("/assets/images/icons/svg/writing.svg"); }
  body.widget.staticWidget .widget-icon.icon-clipboard {
    background-image: url("/assets/images/icons/svg/clipboard.svg"); }
  body.widget.staticWidget .widget-icon.icon-legal-documents {
    background-image: url("/assets/images/icons/svg/legal-documents.svg"); }
  body.widget.staticWidget .widget-icon.icon-batch-processing {
    background-image: url("/assets/images/icons/svg/batch-processing.svg"); }
  body.widget.staticWidget .widget-icon.icon-printer {
    background-image: url("/assets/images/icons/svg/printer.svg"); }
  body.widget.staticWidget .widget-icon.icon-scroll {
    background-image: url("/assets/images/icons/svg/scroll.svg"); }
  body.widget.staticWidget .widget-icon.icon-new-document {
    background-image: url("/assets/images/icons/svg/new-document.svg"); }
  body.widget.staticWidget .widget-icon.icon-mail {
    background-image: url("/assets/images/icons/svg/mail.svg"); }
  body.widget.staticWidget .widget-icon.icon-attachment {
    background-image: url("/assets/images/icons/svg/attachment.svg"); }
  body.widget.staticWidget .widget-icon.icon-shredder {
    background-image: url("/assets/images/icons/svg/shredder.svg"); }
  body.widget.staticWidget .widget-icon.icon-online-lectures {
    background-image: url("/assets/images/icons/svg/online-lectures.svg"); }
  body.widget.staticWidget .widget-icon.icon-science {
    background-image: url("/assets/images/icons/svg/science.svg"); }
  body.widget.staticWidget .widget-icon.icon-diploma {
    background-image: url("/assets/images/icons/svg/diploma.svg"); }
  body.widget.staticWidget .widget-icon.icon-online-materials {
    background-image: url("/assets/images/icons/svg/online-materials.svg"); }
  body.widget.staticWidget .widget-icon.icon-video-lesson {
    background-image: url("/assets/images/icons/svg/video-lesson.svg"); }
  body.widget.staticWidget .widget-icon.icon-books {
    background-image: url("/assets/images/icons/svg/books.svg"); }
  body.widget.staticWidget .widget-icon.icon-education {
    background-image: url("/assets/images/icons/svg/education.svg"); }
  body.widget.staticWidget .widget-icon.icon-student {
    background-image: url("/assets/images/icons/svg/student.svg"); }
  body.widget.staticWidget .widget-icon.icon-e-books {
    background-image: url("/assets/images/icons/svg/e-books.svg"); }
  body.widget.staticWidget .widget-icon.icon-formal-science {
    background-image: url("/assets/images/icons/svg/formal-science.svg"); }
  body.widget.staticWidget .widget-icon.icon-mentee {
    background-image: url("/assets/images/icons/svg/mentee.svg"); }
  body.widget.staticWidget .widget-icon.icon-knowledge {
    background-image: url("/assets/images/icons/svg/knowledge.svg"); }
  body.widget.staticWidget .widget-icon.icon-degree {
    background-image: url("/assets/images/icons/svg/degree.svg"); }
  body.widget.staticWidget .widget-icon.icon-lecture {
    background-image: url("/assets/images/icons/svg/lecture.svg"); }
  body.widget.staticWidget .widget-icon.icon-tools {
    background-image: url("/assets/images/icons/svg/tools.svg"); }
  body.widget.staticWidget .widget-icon.icon-questions-and-answers {
    background-image: url("/assets/images/icons/svg/questions-and-answers.svg"); }
  body.widget.staticWidget .widget-icon.icon-positive-feedback {
    background-image: url("/assets/images/icons/svg/positive-feedback.svg"); }
  body.widget.staticWidget .widget-icon.icon-goal {
    background-image: url("/assets/images/icons/svg/goal.svg"); }
  body.widget.staticWidget .widget-icon.icon-email-marketing {
    background-image: url("/assets/images/icons/svg/email-marketing.svg"); }
  body.widget.staticWidget .widget-icon.icon-advertisement {
    background-image: url("/assets/images/icons/svg/advertisement.svg"); }
  body.widget.staticWidget .widget-icon.icon-box-solution {
    background-image: url("/assets/images/icons/svg/box-solution.svg"); }
  body.widget.staticWidget .widget-icon.icon-marketing-strategy {
    background-image: url("/assets/images/icons/svg/marketing-strategy.svg"); }
  body.widget.staticWidget .widget-icon.icon-copywriting {
    background-image: url("/assets/images/icons/svg/copywriting.svg"); }
  body.widget.staticWidget .widget-icon.icon-public-opinion {
    background-image: url("/assets/images/icons/svg/public-opinion.svg"); }
  body.widget.staticWidget .widget-icon.icon-social-media {
    background-image: url("/assets/images/icons/svg/social-media.svg"); }
  body.widget.staticWidget .widget-icon.icon-site-statistics {
    background-image: url("/assets/images/icons/svg/site-statistics.svg"); }
  body.widget.staticWidget .widget-icon.icon-keywords {
    background-image: url("/assets/images/icons/svg/keywords.svg"); }
  body.widget.staticWidget .widget-icon.icon-research {
    background-image: url("/assets/images/icons/svg/research.svg"); }
  body.widget.staticWidget .widget-icon.icon-advertising-campaign {
    background-image: url("/assets/images/icons/svg/advertising-campaign.svg"); }
  body.widget.staticWidget .widget-icon.icon-product-presentation {
    background-image: url("/assets/images/icons/svg/product-presentation.svg"); }
  body.widget.staticWidget .widget-icon.icon-target-audience {
    background-image: url("/assets/images/icons/svg/target-audience.svg"); }
  body.widget.staticWidget .widget-icon.icon-sales {
    background-image: url("/assets/images/icons/svg/sales.svg"); }
  body.widget.staticWidget .widget-icon.icon-wallet {
    background-image: url("/assets/images/icons/svg/wallet.svg"); }
  body.widget.staticWidget .widget-icon.icon-income {
    background-image: url("/assets/images/icons/svg/income.svg"); }
  body.widget.staticWidget .widget-icon.icon-checkbook {
    background-image: url("/assets/images/icons/svg/checkbook.svg"); }
  body.widget.staticWidget .widget-icon.icon-coins {
    background-image: url("/assets/images/icons/svg/coins.svg"); }
  body.widget.staticWidget .widget-icon.icon-money-flow {
    background-image: url("/assets/images/icons/svg/money-flow.svg"); }
  body.widget.staticWidget .widget-icon.icon-capital {
    background-image: url("/assets/images/icons/svg/capital.svg"); }
  body.widget.staticWidget .widget-icon.icon-currency-coverter {
    background-image: url("/assets/images/icons/svg/currency-coverter.svg"); }
  body.widget.staticWidget .widget-icon.icon-atm {
    background-image: url("/assets/images/icons/svg/atm.svg"); }
  body.widget.staticWidget .widget-icon.icon-salary {
    background-image: url("/assets/images/icons/svg/salary.svg"); }
  body.widget.staticWidget .widget-icon.icon-credit-card {
    background-image: url("/assets/images/icons/svg/credit-card.svg"); }
  body.widget.staticWidget .widget-icon.icon-money {
    background-image: url("/assets/images/icons/svg/money.svg"); }
  body.widget.staticWidget .widget-icon.icon-mobile-payment {
    background-image: url("/assets/images/icons/svg/mobile-payment.svg"); }
  body.widget.staticWidget .widget-icon.icon-cash-payment {
    background-image: url("/assets/images/icons/svg/cash-payment.svg"); }
  body.widget.staticWidget .widget-icon.icon-credit-card-payment {
    background-image: url("/assets/images/icons/svg/credit-card-payment.svg"); }
  body.widget.staticWidget .widget-icon.icon-charity {
    background-image: url("/assets/images/icons/svg/charity.svg"); }
  body.widget.staticWidget .widget-icon.icon-saving-money {
    background-image: url("/assets/images/icons/svg/saving-money.svg"); }

body.widget.staticWidget .widget-contents {
  margin-top: 3vh;
  width: calc(100% - 100px);
  float: left;
  padding-left: 10px; }
  body.widget.staticWidget .widget-contents .widget-item {
    position: relative;
    margin: 25px 0; }
    body.widget.staticWidget .widget-contents .widget-item:nth-child(1) {
      margin-top: 0; }
    body.widget.staticWidget .widget-contents .widget-item .item-labelandvalue {
      display: block;
      width: 100%;
      min-height: 28px; }
    body.widget.staticWidget .widget-contents .widget-item .item-labelandsub {
      display: inline-block;
      vertical-align: top; }
    body.widget.staticWidget .widget-contents .widget-item .item-value {
      font-size: 28px;
      display: inline-block;
      padding-right: 40px;
      float: right;
      line-height: normal; }
      body.widget.staticWidget .widget-contents .widget-item .item-value.negative {
        color: #af0000; }
    body.widget.staticWidget .widget-contents .widget-item .justifiedvalue {
      text-align: justify; }
    body.widget.staticWidget .widget-contents .widget-item .justifiedvalue:after {
      content: "";
      display: inline-block;
      width: 100%; }
    body.widget.staticWidget .widget-contents .widget-item .item-label {
      display: block;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 12px; }
    body.widget.staticWidget .widget-contents .widget-item .item-sub {
      font-size: 12px;
      font-weight: bold;
      font-style: italic;
      display: block; }
    body.widget.staticWidget .widget-contents .widget-item.sum {
      border-top: solid 2px #777;
      padding-top: 25px; }
      body.widget.staticWidget .widget-contents .widget-item.sum:after {
        content: "+";
        position: absolute;
        height: 40px;
        width: 40px;
        top: 0;
        right: 40px;
        background-color: white;
        line-height: 40px;
        text-align: center;
        transform: translateY(calc(-50% - 2px)) translateX(100%);
        -ms-transform: translateY(-50%) translateX(100%);
        font-size: 36px;
        font-weight: 500;
        color: #777; }

.variableRow {
  padding: 0.2em; }

.variable-wrapper {
  padding: 1em; }

.autocompleteInputButton, .variableSubmitButton {
  height: 34px; }

.variableSubmitButton {
  width: 68px; }

select.ui-datepicker-year, select.ui-datepicker-month {
  color: black; }

.VennDiagramWidget {
  font-size: 100%;
  overflow: hidden;
  padding-left: 0; }
  .VennDiagramWidget .sf-toolbar {
    display: none !important; }

.venndiagram-wrapper {
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh; }

.venn2diagram {
  position: absolute;
  width: 150vh;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }

.venn2containercircle {
  position: absolute;
  border-radius: 50%;
  border: 2px solid RGBA(0, 0, 0, 0.05);
  opacity: 1.0;
  background: yellow;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

#venn2firstContainerCircle {
  width: 170vh;
  height: 170vh; }

#venn2secondContainerCircle {
  width: 200vh;
  height: 200vh; }

.venn2circle {
  position: absolute;
  width: 95vh;
  height: 95vh;
  border-radius: 50%;
  border: 2px solid RGBA(0, 0, 0, 0.5);
  filter: alpha(opacity=30);
  opacity: 0.6;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto; }

#venn2first {
  background: blue;
  left: 0; }

#venn2second {
  background: green;
  right: 0; }

.venn2textvalue {
  position: absolute;
  font-size: 8vh;
  height: 10vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center; }

#venn2textleft {
  transform: translate(-30%, 0); }

#venn2textmiddle {
  transform: translate(0, 0); }

#venn2textright {
  transform: translate(30%, 0); }

#venn2firstContainerText {
  transform: translate(-65vh, -40vh); }

#venn2secondContainerText {
  transform: translate(-85vh, -40vh); }

p {
  margin: 0;
  padding: 0; }

.venn3diagram {
  position: absolute;
  width: 100vh;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }

.venn3containercircle {
  position: absolute;
  border-radius: 50%;
  border: 2px solid RGBA(0, 0, 0, 0.05);
  opacity: 1.0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: yellow; }

#venn3firstContainerCircle {
  width: 120vh;
  height: 120vh; }

#venn3secondContainerCircle {
  width: 150vh;
  height: 150vh; }

.venn3circle {
  position: absolute;
  width: 70vh;
  height: 70vh;
  border-radius: 50%;
  border: 2px solid RGBA(0, 0, 0, 0.5);
  filter: alpha(opacity=30);
  opacity: 0.6; }

#venn3first {
  background: blue;
  left: 0;
  top: 2vh; }

#venn3second {
  background: green;
  right: 0;
  top: 2vh; }

#venn3third {
  background: yellow;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 2vh; }

.venn3textvalue {
  position: absolute;
  font-size: 5vh;
  height: 10vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center; }

#venn3textleft {
  transform: translate(-30%, -25vh); }

#venn3textright {
  transform: translate(30%, -25vh); }

#venn3textbottom {
  transform: translate(0, 33vh); }

#venn3textmiddletop {
  transform: translate(0, -30vh); }

#venn3textmiddleleft {
  transform: translate(-25%, 10vh); }

#venn3textmiddleright {
  transform: translate(25%, 10vh); }

#venn3textcenter {
  transform: translate(0, -5vh); }

#venn3firstContainerText {
  transform: translate(-45vh, 20vh); }

#venn3secondContainerText {
  transform: translate(-65vh, 20vh); }

body.widget.loading *:not(.loader) {
  visibility: hidden; }

body.widget.loading .loader {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.1); }
  body.widget.loading .loader:before {
    content: "\00a0";
    display: block;
    width: 20vw;
    height: 20vw;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -10vw;
    margin-left: -10vw;
    background-image: url("/assets/images/dashboards/loading.svg");
    background-size: contain;
    background-position: center center;
    animation: spin 2s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

html.widget-html, html.widget-html body {
  overflow: hidden; }
  html.widget-html .sf-toolbar, html.widget-html body .sf-toolbar {
    display: none !important; }

html.widget-html body {
  padding-left: 5px; }