/* Utilities
 * -------------------------------------------------------------------------- */

/* Text alignment */
.align--top { vertical-align: top; }
.align--middle { vertical-align: middle; }
.align--bottom { vertical-align: bottom; }
.align--text-bottom { vertical-align: text-bottom; }
.align--left { text-align: left; }
.align--center { text-align: center; }
.align--right { text-align: right; }

@media (min-width: 40em) {
  .align--center\@medium { text-align: center; }
}

.centered { margin-left: auto; margin-right: auto; }

/* Text styling */
.txt--normal { font-weight: normal !important; font-style: normal !important; }
.txt--weight-medium { font-weight: 500; }
.txt--bold { font-weight: bold; }
.txt--underline { text-decoration: underline; }
.txt--uppercase { text-transform: uppercase; }
.txt--spread { letter-spacing: 0.25rem; }
.txt--subtle { color: var(--color-txt--subtle); }
.txt--subtle-reversed { color: var(--color-txt--subtle-reversed); }
.txt--full-contrast { color: var(--color-txt); }
.txt--meta { font-size: var(--font-size-small); color: var(--color-txt--subtle); }
.txt--nowrap { white-space: nowrap; }
.txt--wrap { white-space: normal; }
.txt--break-words { word-wrap: break-word; }
.txt--break-words-alt { word-break: break-word; }
.txt--break-all { word-break: break-all; }
.txt--balance { text-wrap: balance; }
.txt--ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.txt--dimmed { opacity: 0.75; }
.txt--very-dimmed { opacity: 0.5; }
.txt--tight-lines { line-height: 1.2; }
.txt--high-lines { line-height: 1.4 !important; }
.txt--highlight { background-color: var(--color-bg--highlight); border-radius: 0.4rem; padding: 0 0.125em; }
.txt--overflow-hidden { overflow: hidden; }
.txt--positive { color: var(--color-positive); }
.txt--positive-highlight { background-color: var(--color-bg--positive-glint); border-radius: 0.4rem; padding: 0 0.125em; }
.txt--negative { color: var(--color-negative); }
.txt--negative-highlight { background-color: var(--color-bg--negative-glint); border-radius: 0.4rem; padding: 0 0.125em; }
.txt--primary { color: var(--color-primary); }
.txt--secondary { color: var(--color-secondary); }
.txt--tertiary { color: var(--color-tertiary); }
.txt--unread { color: var(--color-unread); }
.txt--black { color: var(--color-black); }
.txt--transform-none { text-transform: none; }
.txt--orange { color: var(--color-orange); }
.txt--highlight-underline { font-style: normal; padding-bottom: 0.1rem; background: url("/data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' width='119' height='6' viewBox='0 0 119 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M117.434 3.853C59.027 5.933 84.784-2.46 1.566 3.436' stroke='%23fc0' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C.svg%3E") bottom left / 100% 0.75rem no-repeat; }

.txt--highlight,
.txt--always-dark {
  color: var(--color-txt);

  [data-color-scheme="dark"] & { color: var(--color-txt--reversed); }
}

@media (min-width: 40em) {
  .txt--balance\@medium { text-wrap: balance; }
}

/* Text sizing */
.txt--xx-small { font-size: var(--font-size-xx-small); }
.txt--x-small { font-size: var(--font-size-x-small); }
.txt--small { font-size: var(--font-size-small); }
.txt--medium { font-size: var(--font-size-medium); }
.txt--large { font-size: var(--font-size-large); }
.txt--x-large { font-size: var(--font-size-x-large); }
.txt--xx-large { font-size: var(--font-size-xx-large); }

@media (min-width: 40em) {
  .txt--large\@medium { font-size: var(--font-size-large); }
}

/* List helpers */
.list--unindented {
  padding-left: 1.2em;
}

.list--flush {
  padding-left: 0;
}

.list--unbulleted {
  padding-left: 0;
  list-style: none;
}

.list--inline li {
  display: inline-block;
  vertical-align: middle;
}

.list--dividers li:not(:last-child) {
  border-bottom: 1px solid var(--color-border);
}

.list--boxed,
.list--warning,
.list--outlined,
.list--shaded {
  padding: 1em;
  border-radius: 1em;

  @media (min-width: 40em) { padding: 1em 1.5em; }
}

.list--boxed {
  background: linear-gradient(135deg, var(--color-bg--secondary) 0%, var(--color-bg--tertiary) 100%);
}

.list--warning {
  background: linear-gradient(135deg, var(--color-bg--warning) 0%, var(--color-bg--warning-glint) 100%);
}

.list--shaded {
  background: var(--color-bg--secondary-glint);
}

.list--outlined {
  border: 2px solid var(--color-border);
}

.list--icon {
  position: relative;
  padding: 0.3em 0 0.3em 1.6em;

  &::before {
    filter: var(--colorize-ink);
    content: '';
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    left: 0;
    top: 0.4em;
    background: center / 1.2em no-repeat;
  }
}

.list--icon-large {
  padding: 0.3em 0 0.3em 3.4em;

  &::before {
    width: 2.4em;
    height: 2.4em;
    background-size: 2.4em;
  }
}

.list--icon-success::before { filter: var(--colorize-purple); background-image: url("/assets/icons/check-circle-1ec7f2d1.svg"); }
.list--icon-family::before { background-image: url("/assets/icons/family-5fffa48a.svg"); }
.list--icon-export::before { background-image: url("/assets/icons/download-2f3155b6.svg"); }
.list--icon-refresh::before { background-image: url("/assets/icons/refresh-6281fe84.svg"); }
.list--icon-forward::before { background-image: url("/assets/icons/forward-d10635a7.svg"); }
.list--icon-undo::before { background-image: url("/icons/server.svg"); }
.list--icon-cancel::before { background-image: url("/assets/icons/cancel-2169cbef.svg"); }
.list--icon-billing::before { background-image: url("/assets/icons/billing-bd59783f.svg"); }
.list--icon-authentication::before { background-image: url("/assets/icons/authentication-b972d1e0.svg"); }
.list--icon-family::before { background-image: url("/assets/icons/family-5fffa48a.svg"); }
.list--icon-remove-access::before { background-image: url("/assets/icons/remove-access-edb254ac.svg"); }

/* Borders */
.border--top { border-top: 1px solid var(--color-border); }
.border--bottom { border-bottom: 1px solid var(--color-border); }
.border--left { border-left: 1px solid var(--color-border) !important; }
.border--all { border: 1px solid var(--color-border) !important; }
.border--round { border-radius: 100% !important; }

/* Display */
.u-display-n { display: none !important; }
.u-display-b { display: block; }
.u-display-i { display: inline; }
.u-display-ib { display: inline-block; }
.u-display-c { display: contents; }

/* Visibility */
.u-visibility-hidden { visibility: hidden; }

/* Hiding for hotkey-only links */
.u-hide { display: none; }

/* Hiding/showing based on platform or media query */
.u-show\@mobile,
.u-show--inline\@mobile,
.u-show\@android,
.u-show\@ios,
.u-show--flex\@ios,
.u-show--inline\@ios,
.u-show\@mobile-app,
.u-show--flex\@mobile-app,
.u-show\@desktop,
.u-show--inline\@desktop,
.u-show\@small,
.u-show\@medium,
.u-show--inline\@medium,
.u-show--inline\@large,
.u-show\@large,
.u-show\@display--standalone { display: none; }

/* Mac */
.u-show\@mac { display: none; }
html[data-operating-system="mac"] {
  .u-show\@mac { display: block; }
  .u-hide\@mac { display: none; }
}

/* Windows */
.u-show\@windows { display: none; }
html[data-operating-system="windows"] {
  .u-show\@windows { display: block; }
  .u-hide\@windows { display: none; }
}

/* Linux */
.u-show\@linux { display: none; }
html[data-operating-system="linux"] {
  .u-show\@linux { display: block; }
  .u-hide\@linux { display: none; }
}

/* Hiding/Showing based on media query size */
.u-show\@small { @media (max-width: 39.95em) { display: block; } }
.u-show\@medium { @media (min-width: 40em) { display: block; } }
.u-show--inline\@medium { @media (min-width: 40em) { display: inline; } }
.u-show--inline\@large { @media (min-width: 60em) { display: inline; } }
.u-show\@large { @media (min-width: 60em) { display: block; } }
.u-hide\@tiny { @media (max-width: 20em) { display: none; } }
.u-hide\@small { @media (max-width: 39.95em) { display: none; } }
.u-hide\@medium { @media (min-width: 40em) { display: none; } }
.u-hide\@large { @media (min-width: 60em) { display: none; } }

/* Hide multi-account features from personal */
.u-hide-on-solo-accounts {
  display: none;

  .has-linked-accounts & { display: initial; }
}

/* Only show in popup-menus */
.u-show-in-popup-menu {
  display: none;

  .popup-menu & { display: initial; }
}

/* Positioning */
.u-relative { position: relative; }
.u-absolute { position: absolute; }

/* Float */
.u-float-l { float: left; }
.u-float-r { float: right; }

/* Wrapping */
.u-nowrap { white-space: nowrap; }
.u-wrap-preline { white-space: pre-line; }
.u-wrap-on-desktop { @media (min-width: 40em) { display: block; } }

/* Widths & Heights */
.u-full-width { width: 100%; }
.u-min-width { min-width: 0; }
.u-max-width { max-width: 100%; }
.u-full-height { height: 100%; }

/* Faded unless hovering */
.u-hover-to-opaque {
  opacity: 0.5;
  transition: opacity 0.2s ease-in-out;

  &:hover { opacity: 1; }
}

/* Disabled elements */
.u-disabled {
  opacity: 0.33;
  pointer-events: none;
}

.u-off-screen {
  position: absolute;
  left: -9999em;
}

/* Printing */
.u-no-print {
  @media print { display: none !important; }
}

/* Animations */
.animate-in-up {
  animation: fade-in-up 0.3s both;
}

/* Accessibility */
.u-for-screen-reader {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  text-transform: none;
  white-space: nowrap;
}

/* Overflow */
.u-overflow-auto { overflow: auto; }
.u-overflow-unset { overflow: unset; }
.u-overflow-hidden { overflow: hidden; }

/* Backgrounded elements on sheets */
.sheet .hdg--divider > span,
.u-on-sheet {
  background-color: var(--color-bg--main);

  [data-color-scheme="dark"] & { background-color: var(--color-bg--surface-glint-opaque); }
}

/* Spacing */
:root {
  --base-space: 1.25em;
  --half-space: calc(var(--base-space) / 2);
  --one-and-a-half-space: calc(var(--base-space) * 1.5);
  --quarter-space: calc(var(--base-space) / 4);
  --double-space: calc(var(--base-space) * 2);
  --two-and-a-half-space: calc(var(--base-space) * 2.5);
  --eighth-space: calc(var(--base-space) / 8);
}

.push { margin: var(--base-space) !important; }
.push--top { margin-top: var(--base-space) !important; }
.push--right { margin-right: var(--base-space) !important; }
.push--bottom { margin-bottom: var(--base-space) !important; }
.push--left { margin-left: var(--base-space) !important; }
.push--ends { margin-top: var(--base-space) !important; margin-bottom: var(--base-space) !important; }
.push--sides { margin-right: var(--base-space) !important; margin-left: var(--base-space) !important; }

.push_half { margin: var(--half-space) !important; }
.push_half--top { margin-top: var(--half-space) !important; }
.push_half--right { margin-right: var(--half-space) !important; }
.push_half--bottom { margin-bottom: var(--half-space) !important; }
.push_half--left { margin-left: var(--half-space) !important; }
.push_half--ends { margin-top: var(--half-space) !important; margin-bottom: var(--half-space) !important; }
.push_half--sides { margin-right: var(--half-space) !important; margin-left: var(--half-space) !important; }

.push_quarter { margin: var(--quarter-space) !important; }
.push_quarter--top { margin-top: var(--quarter-space) !important; }
.push_quarter--bottom { margin-bottom: var(--quarter-space) !important; }
.push_quarter--left { margin-left: var(--quarter-space) !important; }
.push_quarter--right { margin-right: var(--quarter-space) !important; }
.push_quarter--ends { margin-top: var(--quarter-space) !important; margin-bottom: var(--quarter-space) !important; }
.push_quarter--sides { margin-right: var(--quarter-space) !important; margin-left: var(--quarter-space) !important; }

.push_eighth--bottom { margin-bottom: var(--eighth-space) !important; }
.push_eighth--top { margin-top: var(--eighth-space) !important; }
.push_eighth--right { margin-right: var(--eighth-space) !important; }
.push_eighth--ends { margin-top: var(--eighth-space) !important; margin-bottom: var(--eighth-space) !important; }

.push_one_and_a_half--top { margin-top: var(--one-and-a-half-space) !important; }
.push_one_and_a_half--bottom { margin-bottom: var(--one-and-a-half-space) !important; }
.push_one_and_a_half--ends { margin-top: var(--one-and-a-half-space) !important; margin-bottom: var(--one-and-a-half-space) !important; }
.push_one_and_a_half--sides { margin-left: var(--one-and-a-half-space) !important; margin-right: var(--one-and-a-half-space) !important; }

.push_double { margin: var(--double-space) !important; }
.push_double--top { margin-top: var(--double-space) !important; }
.push_double--right { margin-right: var(--double-space) !important; }
.push_double--bottom { margin-bottom: var(--double-space) !important; }
.push_double--left { margin-left: var(--double-space) !important; }
.push_double--ends { margin-top: var(--double-space) !important; margin-bottom: var(--double-space) !important; }
.push_double--sides { margin-right: var(--double-space) !important; margin-left: var(--double-space) !important; }

.push_two_and_half--bottom { margin-bottom: var(--two-and-a-half-space) !important; }

.flush { margin: 0 !important; }
.flush--top { margin-top: 0 !important; }
.flush--right { margin-right: 0 !important; }
.flush--bottom { margin-bottom: 0 !important; }
.flush--left { margin-left: 0 !important; }
.flush--ends { margin-top: 0 !important; margin-bottom: 0 !important; }
.flush--sides { margin-right: 0 !important; margin-left: 0 !important; }

.unpad { padding: 0 !important; }
.unpad--top { padding-top: 0 !important; }
.unpad--right { padding-right: 0 !important; }
.unpad--bottom { padding-bottom: 0 !important; }
.unpad--left { padding-left: 0 !important; }
.unpad--ends { padding-top: 0 !important; padding-bottom: 0 !important; }

.pad--top { padding-top: var(--base-space) !important; }
.pad--right { padding-right: var(--base-space) !important; }
.pad--bottom { padding-bottom: var(--base-space) !important; }
.pad--left { padding-left: var(--base-space) !important; }
.pad--ends { padding-top: var(--base-space) !important; padding-bottom: var(--base-space) !important; }
.pad_half--left { padding-left: var(--half-space) !important; }
.pad_half--right { padding-right: var(--half-space) !important; }
.pad_half--top { padding-top: var(--half-space) !important; }
.pad_half--bottom { padding-bottom: var(--half-space) !important; }
.pad_half--ends { padding-top: var(--half-space) !important; padding-bottom: var(--half-space) !important; }
.pad_double--bottom { padding-bottom: var(--double-space) !important; }
.pad_quarter--right { padding-right: var(--quarter-space) !important; }
.pad_quarter--left { padding-left: var(--quarter-space) !important; }
.pad_one_and_a_half--right { padding-right: var(--one-and-a-half-space) !important; }
.pad_three_quarters--top {  padding-top: calc(var(--half-space) + var(--quarter-space)) !important; }

.pull--top { margin-top: calc(var(--base-space) * -1) !important; }
.pull--bottom { margin-bottom: calc(var(--base-space) * -1) !important; }
.pull_half--left { margin-left: calc(var(--half-space) * -1) !important; }
.pull_half--top { margin-top: calc(var(--half-space) * -1) !important; }
.pull_half--left { margin-left: calc(var(--half-space) * -1) !important; }
.pull_half--right { margin-right: calc(var(--half-space) * -1) !important; }
.pull_half--bottom { margin-bottom: calc(var(--half-space) * -1) !important; }
.pull_quarter--top { margin-top: calc(var(--quarter-space) * -1) !important; }
.pull_quarter--left { margin-left: calc(var(--quarter-space) * -1) !important; }
.pull_quarter--bottom { margin-bottom: calc(var(--quarter-space) * -1) !important; }
.pull_eighth--top { margin-top: calc(var(--eighth-space) * -1) !important; }

.auto { margin: auto; }
.auto--top { margin-top: auto; }
.auto--left { margin-left: auto; }
.auto--right { margin-right: auto; }
.auto--bottom { margin-bottom: auto; }

.pull--sides\@medium {
  @media (min-width: 40em) {
    margin-left: calc(var(--half-space) * -1) !important;
    margin-right: calc(var(--half-space) * -1) !important;
  }
}

.reloading {
  opacity: 0.5;
  pointer-events: none;
}

/* Grid column */
.grid-col-1 { grid-column: 1; }
.grid-col-2 { grid-column: 2; }
.grid-col-3 { grid-column: 3; }
.grid-col-4 { grid-column: 4; }
.grid-col-5 { grid-column: 5; }
.grid-col-6 { grid-column: 6; }
.grid-col-7 { grid-column: 7; }
.grid-col-8 { grid-column: 8; }
.grid-col-9 { grid-column: 9; }
.grid-col-10 { grid-column: 10; }
.grid-col-11 { grid-column: 11; }
.grid-col-12 { grid-column: 12; }
.grid-col-13 { grid-column: 13; }
.grid-col-14 { grid-column: 14; }
.grid-col-15 { grid-column: 15; }
.grid-col-16 { grid-column: 16; }
.grid-col-17 { grid-column: 17; }
.grid-col-18 { grid-column: 18; }
.grid-col-19 { grid-column: 19; }
.grid-col-20 { grid-column: 20; }
.grid-col-21 { grid-column: 21; }
.grid-col-22 { grid-column: 22; }
.grid-col-23 { grid-column: 23; }
.grid-col-24 { grid-column: 24; }
.grid-col-25 { grid-column: 25; }
.grid-col-26 { grid-column: 26; }
.grid-col-27 { grid-column: 27; }
.grid-col-28 { grid-column: 28; }
.grid-col-29 { grid-column: 29; }
.grid-col-30 { grid-column: 30; }
.grid-col-31 { grid-column: 31; }
.grid-col-32 { grid-column: 32; }
.grid-col-33 { grid-column: 33; }
.grid-col-34 { grid-column: 34; }
.grid-col-35 { grid-column: 35; }
.grid-col-36 { grid-column: 36; }
.grid-col-37 { grid-column: 37; }
.grid-col-38 { grid-column: 38; }
.grid-col-39 { grid-column: 39; }
.grid-col-40 { grid-column: 40; }
.grid-col-41 { grid-column: 41; }
.grid-col-42 { grid-column: 42; }
.grid-col-43 { grid-column: 43; }
.grid-col-44 { grid-column: 44; }
.grid-col-45 { grid-column: 45; }
.grid-col-46 { grid-column: 46; }
.grid-col-47 { grid-column: 47; }
.grid-col-48 { grid-column: 48; }
.grid-col-49 { grid-column: 49; }
.grid-col-50 { grid-column: 50; }
.grid-col-51 { grid-column: 51; }
.grid-col-52 { grid-column: 52; }
.grid-col-53 { grid-column: 53; }
.grid-col-54 { grid-column: 54; }
.grid-col-55 { grid-column: 55; }
.grid-col-56 { grid-column: 56; }
.grid-col-57 { grid-column: 57; }
.grid-col-58 { grid-column: 58; }
.grid-col-59 { grid-column: 59; }
.grid-col-60 { grid-column: 60; }
.grid-col-61 { grid-column: 61; }
.grid-col-62 { grid-column: 62; }
.grid-col-63 { grid-column: 63; }
.grid-col-64 { grid-column: 64; }
.grid-col-65 { grid-column: 65; }
.grid-col-66 { grid-column: 66; }
.grid-col-67 { grid-column: 67; }
.grid-col-68 { grid-column: 68; }
.grid-col-69 { grid-column: 69; }
.grid-col-70 { grid-column: 70; }
.grid-col-71 { grid-column: 71; }
.grid-col-72 { grid-column: 72; }
.grid-col-73 { grid-column: 73; }
.grid-col-74 { grid-column: 74; }
.grid-col-75 { grid-column: 75; }
.grid-col-76 { grid-column: 76; }
.grid-col-77 { grid-column: 77; }
.grid-col-78 { grid-column: 78; }
.grid-col-79 { grid-column: 79; }
.grid-col-80 { grid-column: 80; }
.grid-col-81 { grid-column: 81; }
.grid-col-82 { grid-column: 82; }
.grid-col-83 { grid-column: 83; }
.grid-col-84 { grid-column: 84; }
.grid-col-85 { grid-column: 85; }
.grid-col-86 { grid-column: 86; }
.grid-col-87 { grid-column: 87; }
.grid-col-88 { grid-column: 88; }
.grid-col-89 { grid-column: 89; }
.grid-col-90 { grid-column: 90; }
.grid-col-91 { grid-column: 91; }
.grid-col-92 { grid-column: 92; }
.grid-col-93 { grid-column: 93; }
.grid-col-94 { grid-column: 94; }
.grid-col-95 { grid-column: 95; }
.grid-col-96 { grid-column: 96; }
.grid-col-97 { grid-column: 97; }
.grid-col-98 { grid-column: 98; }
.grid-col-99 { grid-column: 99; }
.grid-col-100 { grid-column: 100; }
.grid-col-101 { grid-column: 101; }
.grid-col-102 { grid-column: 102; }
.grid-col-103 { grid-column: 103; }
.grid-col-104 { grid-column: 104; }
.grid-col-105 { grid-column: 105; }
.grid-col-106 { grid-column: 106; }
.grid-col-107 { grid-column: 107; }
.grid-col-108 { grid-column: 108; }
.grid-col-109 { grid-column: 109; }
.grid-col-110 { grid-column: 110; }
.grid-col-111 { grid-column: 111; }
.grid-col-112 { grid-column: 112; }
.grid-col-113 { grid-column: 113; }
.grid-col-114 { grid-column: 114; }
.grid-col-115 { grid-column: 115; }
.grid-col-116 { grid-column: 116; }
.grid-col-117 { grid-column: 117; }
.grid-col-118 { grid-column: 118; }
.grid-col-119 { grid-column: 119; }
.grid-col-120 { grid-column: 120; }
.grid-col-121 { grid-column: 121; }
.grid-col-122 { grid-column: 122; }
.grid-col-123 { grid-column: 123; }
.grid-col-124 { grid-column: 124; }
.grid-col-125 { grid-column: 125; }
.grid-col-126 { grid-column: 126; }
.grid-col-127 { grid-column: 127; }
.grid-col-128 { grid-column: 128; }
.grid-col-129 { grid-column: 129; }
.grid-col-130 { grid-column: 130; }
.grid-col-131 { grid-column: 131; }
.grid-col-132 { grid-column: 132; }
.grid-col-133 { grid-column: 133; }
.grid-col-134 { grid-column: 134; }
.grid-col-135 { grid-column: 135; }
.grid-col-136 { grid-column: 136; }
.grid-col-137 { grid-column: 137; }
.grid-col-138 { grid-column: 138; }
.grid-col-139 { grid-column: 139; }
.grid-col-140 { grid-column: 140; }
.grid-col-141 { grid-column: 141; }
.grid-col-142 { grid-column: 142; }
.grid-col-143 { grid-column: 143; }
.grid-col-144 { grid-column: 144; }
.grid-col-145 { grid-column: 145; }
.grid-col-146 { grid-column: 146; }
.grid-col-147 { grid-column: 147; }
.grid-col-148 { grid-column: 148; }
.grid-col-149 { grid-column: 149; }
.grid-col-150 { grid-column: 150; }

/* Grid colunm end */
.grid-col-end-1 { grid-column-end: 1; }
.grid-col-end-2 { grid-column-end: 2; }
.grid-col-end-3 { grid-column-end: 3; }
.grid-col-end-4 { grid-column-end: 4; }
.grid-col-end-5 { grid-column-end: 5; }
.grid-col-end-6 { grid-column-end: 6; }
.grid-col-end-7 { grid-column-end: 7; }
.grid-col-end-8 { grid-column-end: 8; }
.grid-col-end-9 { grid-column-end: 9; }
.grid-col-end-10 { grid-column-end: 10; }
.grid-col-end-11 { grid-column-end: 11; }
.grid-col-end-12 { grid-column-end: 12; }
.grid-col-end-13 { grid-column-end: 13; }
.grid-col-end-14 { grid-column-end: 14; }
.grid-col-end-15 { grid-column-end: 15; }
.grid-col-end-16 { grid-column-end: 16; }
.grid-col-end-17 { grid-column-end: 17; }
.grid-col-end-18 { grid-column-end: 18; }
.grid-col-end-19 { grid-column-end: 19; }
.grid-col-end-20 { grid-column-end: 20; }
.grid-col-end-21 { grid-column-end: 21; }
.grid-col-end-22 { grid-column-end: 22; }
.grid-col-end-23 { grid-column-end: 23; }
.grid-col-end-24 { grid-column-end: 24; }
.grid-col-end-25 { grid-column-end: 25; }
.grid-col-end-26 { grid-column-end: 26; }
.grid-col-end-27 { grid-column-end: 27; }
.grid-col-end-28 { grid-column-end: 28; }
.grid-col-end-29 { grid-column-end: 29; }
.grid-col-end-30 { grid-column-end: 30; }
.grid-col-end-31 { grid-column-end: 31; }
.grid-col-end-32 { grid-column-end: 32; }
.grid-col-end-33 { grid-column-end: 33; }
.grid-col-end-34 { grid-column-end: 34; }
.grid-col-end-35 { grid-column-end: 35; }
.grid-col-end-36 { grid-column-end: 36; }
.grid-col-end-37 { grid-column-end: 37; }
.grid-col-end-38 { grid-column-end: 38; }
.grid-col-end-39 { grid-column-end: 39; }
.grid-col-end-40 { grid-column-end: 40; }
.grid-col-end-41 { grid-column-end: 41; }
.grid-col-end-42 { grid-column-end: 42; }
.grid-col-end-43 { grid-column-end: 43; }
.grid-col-end-44 { grid-column-end: 44; }
.grid-col-end-45 { grid-column-end: 45; }
.grid-col-end-46 { grid-column-end: 46; }
.grid-col-end-47 { grid-column-end: 47; }
.grid-col-end-48 { grid-column-end: 48; }
.grid-col-end-49 { grid-column-end: 49; }
.grid-col-end-50 { grid-column-end: 50; }
.grid-col-end-51 { grid-column-end: 51; }
.grid-col-end-52 { grid-column-end: 52; }
.grid-col-end-53 { grid-column-end: 53; }
.grid-col-end-54 { grid-column-end: 54; }
.grid-col-end-55 { grid-column-end: 55; }
.grid-col-end-56 { grid-column-end: 56; }
.grid-col-end-57 { grid-column-end: 57; }
.grid-col-end-58 { grid-column-end: 58; }
.grid-col-end-59 { grid-column-end: 59; }
.grid-col-end-60 { grid-column-end: 60; }
.grid-col-end-61 { grid-column-end: 61; }
.grid-col-end-62 { grid-column-end: 62; }
.grid-col-end-63 { grid-column-end: 63; }
.grid-col-end-64 { grid-column-end: 64; }
.grid-col-end-65 { grid-column-end: 65; }
.grid-col-end-66 { grid-column-end: 66; }
.grid-col-end-67 { grid-column-end: 67; }
.grid-col-end-68 { grid-column-end: 68; }
.grid-col-end-69 { grid-column-end: 69; }
.grid-col-end-70 { grid-column-end: 70; }
.grid-col-end-71 { grid-column-end: 71; }
.grid-col-end-72 { grid-column-end: 72; }
.grid-col-end-73 { grid-column-end: 73; }
.grid-col-end-74 { grid-column-end: 74; }
.grid-col-end-75 { grid-column-end: 75; }
.grid-col-end-76 { grid-column-end: 76; }
.grid-col-end-77 { grid-column-end: 77; }
.grid-col-end-78 { grid-column-end: 78; }
.grid-col-end-79 { grid-column-end: 79; }
.grid-col-end-80 { grid-column-end: 80; }
.grid-col-end-81 { grid-column-end: 81; }
.grid-col-end-82 { grid-column-end: 82; }
.grid-col-end-83 { grid-column-end: 83; }
.grid-col-end-84 { grid-column-end: 84; }
.grid-col-end-85 { grid-column-end: 85; }
.grid-col-end-86 { grid-column-end: 86; }
.grid-col-end-87 { grid-column-end: 87; }
.grid-col-end-88 { grid-column-end: 88; }
.grid-col-end-89 { grid-column-end: 89; }
.grid-col-end-90 { grid-column-end: 90; }
.grid-col-end-91 { grid-column-end: 91; }
.grid-col-end-92 { grid-column-end: 92; }
.grid-col-end-93 { grid-column-end: 93; }
.grid-col-end-94 { grid-column-end: 94; }
.grid-col-end-95 { grid-column-end: 95; }
.grid-col-end-96 { grid-column-end: 96; }
.grid-col-end-97 { grid-column-end: 97; }
.grid-col-end-98 { grid-column-end: 98; }
.grid-col-end-99 { grid-column-end: 99; }
.grid-col-end-100 { grid-column-end: 100; }
.grid-col-end-101 { grid-column-end: 101; }
.grid-col-end-102 { grid-column-end: 102; }
.grid-col-end-103 { grid-column-end: 103; }
.grid-col-end-104 { grid-column-end: 104; }
.grid-col-end-105 { grid-column-end: 105; }
.grid-col-end-106 { grid-column-end: 106; }
.grid-col-end-107 { grid-column-end: 107; }
.grid-col-end-108 { grid-column-end: 108; }
.grid-col-end-109 { grid-column-end: 109; }
.grid-col-end-110 { grid-column-end: 110; }
.grid-col-end-111 { grid-column-end: 111; }
.grid-col-end-112 { grid-column-end: 112; }
.grid-col-end-113 { grid-column-end: 113; }
.grid-col-end-114 { grid-column-end: 114; }
.grid-col-end-115 { grid-column-end: 115; }
.grid-col-end-116 { grid-column-end: 116; }
.grid-col-end-117 { grid-column-end: 117; }
.grid-col-end-118 { grid-column-end: 118; }
.grid-col-end-119 { grid-column-end: 119; }
.grid-col-end-120 { grid-column-end: 120; }
.grid-col-end-121 { grid-column-end: 121; }
.grid-col-end-122 { grid-column-end: 122; }
.grid-col-end-123 { grid-column-end: 123; }
.grid-col-end-124 { grid-column-end: 124; }
.grid-col-end-125 { grid-column-end: 125; }
.grid-col-end-126 { grid-column-end: 126; }
.grid-col-end-127 { grid-column-end: 127; }
.grid-col-end-128 { grid-column-end: 128; }
.grid-col-end-129 { grid-column-end: 129; }
.grid-col-end-130 { grid-column-end: 130; }
.grid-col-end-131 { grid-column-end: 131; }
.grid-col-end-132 { grid-column-end: 132; }
.grid-col-end-133 { grid-column-end: 133; }
.grid-col-end-134 { grid-column-end: 134; }
.grid-col-end-135 { grid-column-end: 135; }
.grid-col-end-136 { grid-column-end: 136; }
.grid-col-end-137 { grid-column-end: 137; }
.grid-col-end-138 { grid-column-end: 138; }
.grid-col-end-139 { grid-column-end: 139; }
.grid-col-end-140 { grid-column-end: 140; }
.grid-col-end-141 { grid-column-end: 141; }
.grid-col-end-142 { grid-column-end: 142; }
.grid-col-end-143 { grid-column-end: 143; }
.grid-col-end-144 { grid-column-end: 144; }
.grid-col-end-145 { grid-column-end: 145; }
.grid-col-end-146 { grid-column-end: 146; }
.grid-col-end-147 { grid-column-end: 147; }
.grid-col-end-148 { grid-column-end: 148; }
.grid-col-end-149 { grid-column-end: 149; }
.grid-col-end-150 { grid-column-end: 150; }

/* Grid row */
.grid-row-1 { grid-row: 1; }
.grid-row-2 { grid-row: 2; }
.grid-row-3 { grid-row: 3; }
.grid-row-4 { grid-row: 4; }
.grid-row-5 { grid-row: 5; }
.grid-row-6 { grid-row: 6; }
.grid-row-7 { grid-row: 7; }
.grid-row-8 { grid-row: 8; }
.grid-row-9 { grid-row: 9; }
.grid-row-10 { grid-row: 10; }
.grid-row-11 { grid-row: 11; }
.grid-row-12 { grid-row: 12; }
.grid-row-13 { grid-row: 13; }
.grid-row-14 { grid-row: 14; }
.grid-row-15 { grid-row: 15; }
.grid-row-16 { grid-row: 16; }
.grid-row-17 { grid-row: 17; }
.grid-row-18 { grid-row: 18; }
.grid-row-19 { grid-row: 19; }
.grid-row-20 { grid-row: 20; }
.grid-row-21 { grid-row: 21; }
.grid-row-22 { grid-row: 22; }
.grid-row-23 { grid-row: 23; }
.grid-row-24 { grid-row: 24; }
.grid-row-25 { grid-row: 25; }
.grid-row-26 { grid-row: 26; }
.grid-row-27 { grid-row: 27; }
.grid-row-28 { grid-row: 28; }
.grid-row-29 { grid-row: 29; }
.grid-row-30 { grid-row: 30; }
.grid-row-31 { grid-row: 31; }
.grid-row-32 { grid-row: 32; }
.grid-row-33 { grid-row: 33; }
.grid-row-34 { grid-row: 34; }
.grid-row-35 { grid-row: 35; }
.grid-row-36 { grid-row: 36; }
.grid-row-37 { grid-row: 37; }
.grid-row-38 { grid-row: 38; }
.grid-row-39 { grid-row: 39; }
.grid-row-40 { grid-row: 40; }
.grid-row-41 { grid-row: 41; }
.grid-row-42 { grid-row: 42; }
.grid-row-43 { grid-row: 43; }
.grid-row-44 { grid-row: 44; }
.grid-row-45 { grid-row: 45; }
.grid-row-46 { grid-row: 46; }
.grid-row-47 { grid-row: 47; }
.grid-row-48 { grid-row: 48; }
.grid-row-49 { grid-row: 49; }
.grid-row-50 { grid-row: 50; }
.grid-row-51 { grid-row: 51; }
.grid-row-52 { grid-row: 52; }
.grid-row-53 { grid-row: 53; }
.grid-row-54 { grid-row: 54; }
.grid-row-55 { grid-row: 55; }
.grid-row-56 { grid-row: 56; }
.grid-row-57 { grid-row: 57; }
.grid-row-58 { grid-row: 58; }
.grid-row-59 { grid-row: 59; }
.grid-row-60 { grid-row: 60; }
.grid-row-61 { grid-row: 61; }
.grid-row-62 { grid-row: 62; }
.grid-row-63 { grid-row: 63; }
.grid-row-64 { grid-row: 64; }
.grid-row-65 { grid-row: 65; }
.grid-row-66 { grid-row: 66; }
.grid-row-67 { grid-row: 67; }
.grid-row-68 { grid-row: 68; }
.grid-row-69 { grid-row: 69; }
.grid-row-70 { grid-row: 70; }
.grid-row-71 { grid-row: 71; }
.grid-row-72 { grid-row: 72; }
.grid-row-73 { grid-row: 73; }
.grid-row-74 { grid-row: 74; }
.grid-row-75 { grid-row: 75; }
.grid-row-76 { grid-row: 76; }
.grid-row-77 { grid-row: 77; }
.grid-row-78 { grid-row: 78; }
.grid-row-79 { grid-row: 79; }
.grid-row-80 { grid-row: 80; }
.grid-row-81 { grid-row: 81; }
.grid-row-82 { grid-row: 82; }
.grid-row-83 { grid-row: 83; }
.grid-row-84 { grid-row: 84; }
.grid-row-85 { grid-row: 85; }
.grid-row-86 { grid-row: 86; }
.grid-row-87 { grid-row: 87; }
.grid-row-88 { grid-row: 88; }
.grid-row-89 { grid-row: 89; }
.grid-row-90 { grid-row: 90; }
.grid-row-91 { grid-row: 91; }
.grid-row-92 { grid-row: 92; }
.grid-row-93 { grid-row: 93; }
.grid-row-94 { grid-row: 94; }
.grid-row-95 { grid-row: 95; }
.grid-row-96 { grid-row: 96; }
.grid-row-97 { grid-row: 97; }
.grid-row-98 { grid-row: 98; }
.grid-row-99 { grid-row: 99; }
.grid-row-100 { grid-row: 100; }
.grid-row-101 { grid-row: 101; }
.grid-row-102 { grid-row: 102; }
.grid-row-103 { grid-row: 103; }
.grid-row-104 { grid-row: 104; }
.grid-row-105 { grid-row: 105; }
.grid-row-106 { grid-row: 106; }
.grid-row-107 { grid-row: 107; }
.grid-row-108 { grid-row: 108; }
.grid-row-109 { grid-row: 109; }
.grid-row-110 { grid-row: 110; }
.grid-row-111 { grid-row: 111; }
.grid-row-112 { grid-row: 112; }
.grid-row-113 { grid-row: 113; }
.grid-row-114 { grid-row: 114; }
.grid-row-115 { grid-row: 115; }
.grid-row-116 { grid-row: 116; }
.grid-row-117 { grid-row: 117; }
.grid-row-118 { grid-row: 118; }
.grid-row-119 { grid-row: 119; }
.grid-row-120 { grid-row: 120; }
.grid-row-121 { grid-row: 121; }
.grid-row-122 { grid-row: 122; }
.grid-row-123 { grid-row: 123; }
.grid-row-124 { grid-row: 124; }
.grid-row-125 { grid-row: 125; }
.grid-row-126 { grid-row: 126; }
.grid-row-127 { grid-row: 127; }
.grid-row-128 { grid-row: 128; }
.grid-row-129 { grid-row: 129; }
.grid-row-130 { grid-row: 130; }
.grid-row-131 { grid-row: 131; }
.grid-row-132 { grid-row: 132; }
.grid-row-133 { grid-row: 133; }
.grid-row-134 { grid-row: 134; }
.grid-row-135 { grid-row: 135; }
.grid-row-136 { grid-row: 136; }
.grid-row-137 { grid-row: 137; }
.grid-row-138 { grid-row: 138; }
.grid-row-139 { grid-row: 139; }
.grid-row-140 { grid-row: 140; }
.grid-row-141 { grid-row: 141; }
.grid-row-142 { grid-row: 142; }
.grid-row-143 { grid-row: 143; }
.grid-row-144 { grid-row: 144; }
.grid-row-145 { grid-row: 145; }
.grid-row-146 { grid-row: 146; }
.grid-row-147 { grid-row: 147; }
.grid-row-148 { grid-row: 148; }
.grid-row-149 { grid-row: 149; }
.grid-row-150 { grid-row: 150; }

/* Grid row end */
.grid-row-end-1 { grid-row-end: 1; }
.grid-row-end-2 { grid-row-end: 2; }
.grid-row-end-3 { grid-row-end: 3; }
.grid-row-end-4 { grid-row-end: 4; }
.grid-row-end-5 { grid-row-end: 5; }
.grid-row-end-6 { grid-row-end: 6; }
.grid-row-end-7 { grid-row-end: 7; }
.grid-row-end-8 { grid-row-end: 8; }
.grid-row-end-9 { grid-row-end: 9; }
.grid-row-end-10 { grid-row-end: 10; }
.grid-row-end-11 { grid-row-end: 11; }
.grid-row-end-12 { grid-row-end: 12; }
.grid-row-end-13 { grid-row-end: 13; }
.grid-row-end-14 { grid-row-end: 14; }
.grid-row-end-15 { grid-row-end: 15; }
.grid-row-end-16 { grid-row-end: 16; }
.grid-row-end-17 { grid-row-end: 17; }
.grid-row-end-18 { grid-row-end: 18; }
.grid-row-end-19 { grid-row-end: 19; }
.grid-row-end-20 { grid-row-end: 20; }
.grid-row-end-21 { grid-row-end: 21; }
.grid-row-end-22 { grid-row-end: 22; }
.grid-row-end-23 { grid-row-end: 23; }
.grid-row-end-24 { grid-row-end: 24; }
.grid-row-end-25 { grid-row-end: 25; }
.grid-row-end-26 { grid-row-end: 26; }
.grid-row-end-27 { grid-row-end: 27; }
.grid-row-end-28 { grid-row-end: 28; }
.grid-row-end-29 { grid-row-end: 29; }
.grid-row-end-30 { grid-row-end: 30; }
.grid-row-end-31 { grid-row-end: 31; }
.grid-row-end-32 { grid-row-end: 32; }
.grid-row-end-33 { grid-row-end: 33; }
.grid-row-end-34 { grid-row-end: 34; }
.grid-row-end-35 { grid-row-end: 35; }
.grid-row-end-36 { grid-row-end: 36; }
.grid-row-end-37 { grid-row-end: 37; }
.grid-row-end-38 { grid-row-end: 38; }
.grid-row-end-39 { grid-row-end: 39; }
.grid-row-end-40 { grid-row-end: 40; }
.grid-row-end-41 { grid-row-end: 41; }
.grid-row-end-42 { grid-row-end: 42; }
.grid-row-end-43 { grid-row-end: 43; }
.grid-row-end-44 { grid-row-end: 44; }
.grid-row-end-45 { grid-row-end: 45; }
.grid-row-end-46 { grid-row-end: 46; }
.grid-row-end-47 { grid-row-end: 47; }
.grid-row-end-48 { grid-row-end: 48; }
.grid-row-end-49 { grid-row-end: 49; }
.grid-row-end-50 { grid-row-end: 50; }
.grid-row-end-51 { grid-row-end: 51; }
.grid-row-end-52 { grid-row-end: 52; }
.grid-row-end-53 { grid-row-end: 53; }
.grid-row-end-54 { grid-row-end: 54; }
.grid-row-end-55 { grid-row-end: 55; }
.grid-row-end-56 { grid-row-end: 56; }
.grid-row-end-57 { grid-row-end: 57; }
.grid-row-end-58 { grid-row-end: 58; }
.grid-row-end-59 { grid-row-end: 59; }
.grid-row-end-60 { grid-row-end: 60; }
.grid-row-end-61 { grid-row-end: 61; }
.grid-row-end-62 { grid-row-end: 62; }
.grid-row-end-63 { grid-row-end: 63; }
.grid-row-end-64 { grid-row-end: 64; }
.grid-row-end-65 { grid-row-end: 65; }
.grid-row-end-66 { grid-row-end: 66; }
.grid-row-end-67 { grid-row-end: 67; }
.grid-row-end-68 { grid-row-end: 68; }
.grid-row-end-69 { grid-row-end: 69; }
.grid-row-end-70 { grid-row-end: 70; }
.grid-row-end-71 { grid-row-end: 71; }
.grid-row-end-72 { grid-row-end: 72; }
.grid-row-end-73 { grid-row-end: 73; }
.grid-row-end-74 { grid-row-end: 74; }
.grid-row-end-75 { grid-row-end: 75; }
.grid-row-end-76 { grid-row-end: 76; }
.grid-row-end-77 { grid-row-end: 77; }
.grid-row-end-78 { grid-row-end: 78; }
.grid-row-end-79 { grid-row-end: 79; }
.grid-row-end-80 { grid-row-end: 80; }
.grid-row-end-81 { grid-row-end: 81; }
.grid-row-end-82 { grid-row-end: 82; }
.grid-row-end-83 { grid-row-end: 83; }
.grid-row-end-84 { grid-row-end: 84; }
.grid-row-end-85 { grid-row-end: 85; }
.grid-row-end-86 { grid-row-end: 86; }
.grid-row-end-87 { grid-row-end: 87; }
.grid-row-end-88 { grid-row-end: 88; }
.grid-row-end-89 { grid-row-end: 89; }
.grid-row-end-90 { grid-row-end: 90; }
.grid-row-end-91 { grid-row-end: 91; }
.grid-row-end-92 { grid-row-end: 92; }
.grid-row-end-93 { grid-row-end: 93; }
.grid-row-end-94 { grid-row-end: 94; }
.grid-row-end-95 { grid-row-end: 95; }
.grid-row-end-96 { grid-row-end: 96; }
.grid-row-end-97 { grid-row-end: 97; }
.grid-row-end-98 { grid-row-end: 98; }
.grid-row-end-99 { grid-row-end: 99; }
.grid-row-end-100 { grid-row-end: 100; }
.grid-row-end-101 { grid-row-end: 101; }
.grid-row-end-102 { grid-row-end: 102; }
.grid-row-end-103 { grid-row-end: 103; }
.grid-row-end-104 { grid-row-end: 104; }
.grid-row-end-105 { grid-row-end: 105; }
.grid-row-end-106 { grid-row-end: 106; }
.grid-row-end-107 { grid-row-end: 107; }
.grid-row-end-108 { grid-row-end: 108; }
.grid-row-end-109 { grid-row-end: 109; }
.grid-row-end-110 { grid-row-end: 110; }
.grid-row-end-111 { grid-row-end: 111; }
.grid-row-end-112 { grid-row-end: 112; }
.grid-row-end-113 { grid-row-end: 113; }
.grid-row-end-114 { grid-row-end: 114; }
.grid-row-end-115 { grid-row-end: 115; }
.grid-row-end-116 { grid-row-end: 116; }
.grid-row-end-117 { grid-row-end: 117; }
.grid-row-end-118 { grid-row-end: 118; }
.grid-row-end-119 { grid-row-end: 119; }
.grid-row-end-120 { grid-row-end: 120; }
.grid-row-end-121 { grid-row-end: 121; }
.grid-row-end-122 { grid-row-end: 122; }
.grid-row-end-123 { grid-row-end: 123; }
.grid-row-end-124 { grid-row-end: 124; }
.grid-row-end-125 { grid-row-end: 125; }
.grid-row-end-126 { grid-row-end: 126; }
.grid-row-end-127 { grid-row-end: 127; }
.grid-row-end-128 { grid-row-end: 128; }
.grid-row-end-129 { grid-row-end: 129; }
.grid-row-end-130 { grid-row-end: 130; }
.grid-row-end-131 { grid-row-end: 131; }
.grid-row-end-132 { grid-row-end: 132; }
.grid-row-end-133 { grid-row-end: 133; }
.grid-row-end-134 { grid-row-end: 134; }
.grid-row-end-135 { grid-row-end: 135; }
.grid-row-end-136 { grid-row-end: 136; }
.grid-row-end-137 { grid-row-end: 137; }
.grid-row-end-138 { grid-row-end: 138; }
.grid-row-end-139 { grid-row-end: 139; }
.grid-row-end-140 { grid-row-end: 140; }
.grid-row-end-141 { grid-row-end: 141; }
.grid-row-end-142 { grid-row-end: 142; }
.grid-row-end-143 { grid-row-end: 143; }
.grid-row-end-144 { grid-row-end: 144; }
.grid-row-end-145 { grid-row-end: 145; }
.grid-row-end-146 { grid-row-end: 146; }
.grid-row-end-147 { grid-row-end: 147; }
.grid-row-end-148 { grid-row-end: 148; }
.grid-row-end-149 { grid-row-end: 149; }
.grid-row-end-150 { grid-row-end: 150; }