/* Minification failed. Returning unminified contents.
(3958,1637): run-time error CSS1039: Token not allowed after unary operator: '-neutral-70-color'
(3958,2878): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(3958,2932): run-time error CSS1039: Token not allowed after unary operator: '-red-color'
(3958,7925): run-time error CSS1039: Token not allowed after unary operator: '-neutral-70-color'
(3958,10337): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,10358): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,10385): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,10414): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,10440): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,10475): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,10587): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,10711): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,10835): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,10943): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,11059): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,11187): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,11315): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,11435): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,11543): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,11663): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,11783): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,11907): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,12043): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,12179): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,12315): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,12439): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,12563): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,13613): run-time error CSS1039: Token not allowed after unary operator: '-neutral-70-color'
 */
/*
grid.css
Warning: this file is auto-generated from scss/grid.scss. Do not modify!
*/
/*
.grid-block

Wraps rows of child <code>block</code>s to form a grid with gutters.
Child <code>block</code>s are rendered as <code>inline-block</code>s,
horizontal margins are set to create gutter spacings, and vertical margins
set to the vertical grid.

Markup: <div class="grid-block block">
   <code class="block grid-1/1 @2-grid-1/1 white-fg black-bg">.grid-1/1</code
  ><code class="block grid-1/2 @2-grid-1/2 white-fg black-bg">.grid-1/2</code
  ><code class="block grid-1/2 @2-grid-1/2 white-fg black-bg">.grid-1/2</code
  ><code class="block grid-1/3 @2-grid-1/3 white-fg black-bg">.grid-1/3</code
  ><code class="block grid-2/3 @2-grid-2/3 white-fg black-bg">.grid-2/3</code
  ><code class="block grid-1/4 @2-grid-1/4 white-fg black-bg">.grid-1/4</code
  ><code class="block grid-3/4 @2-grid-3/4 white-fg black-bg">.grid-3/4</code>
</div>

Styleguide: 1.1.grid-block
*/
.grid-block {
    position: relative;
    padding: 0;
}

.grid-block,
.index > .grid-block {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
}

    .grid-block > .block {
        display: inline-block;
        min-width: 0;
        margin-left: 0.9375rem;
        margin-right: 0.9375rem;
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .grid-block > .grid-block {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

/* Grid widths. */
/*
	.grid-1/1

	Styleguide: 1.grid-1/1
	*/
.grid-1\/1 {
    width: 100%;
}

/*
			.grid-1/2

			Styleguide: 1.grid-1/2
			*/
.grid-1\/2 {
    width: calc(50% - 0.9375rem);
}

/*
			.grid-1/3

			Styleguide: 1.grid-1/3
			*/
.grid-1\/3 {
    width: calc(33.33333% - 1.25rem);
}

/*
			.grid-2/3

			Styleguide: 1.grid-2/3
			*/
.grid-2\/3 {
    width: calc(66.66667% - 0.625rem);
}

/*
			.grid-1/4

			Styleguide: 1.grid-1/4
			*/
.grid-1\/4 {
    width: calc(25% - 1.40625rem);
}

/*
			.grid-2/4

			Styleguide: 1.grid-2/4
			*/
.grid-2\/4 {
    width: calc(50% - 0.9375rem);
}

/*
			.grid-3/4

			Styleguide: 1.grid-3/4
			*/
.grid-3\/4 {
    width: calc(75% - 0.46875rem);
}

/*
			.grid-1/5

			Styleguide: 1.grid-1/5
			*/
.grid-1\/5 {
    width: calc(20% - 1.5rem);
}

/*
			.grid-2/5

			Styleguide: 1.grid-2/5
			*/
.grid-2\/5 {
    width: calc(40% - 1.125rem);
}

/*
			.grid-3/5

			Styleguide: 1.grid-3/5
			*/
.grid-3\/5 {
    width: calc(60% - 0.75rem);
}

/*
			.grid-4/5

			Styleguide: 1.grid-4/5
			*/
.grid-4\/5 {
    width: calc(80% - 0.375rem);
}

/*
			.grid-1/6

			Styleguide: 1.grid-1/6
			*/
.grid-1\/6 {
    width: calc(16.66667% - 1.5625rem);
}

/*
			.grid-2/6

			Styleguide: 1.grid-2/6
			*/
.grid-2\/6 {
    width: calc(33.33333% - 1.25rem);
}

/*
			.grid-3/6

			Styleguide: 1.grid-3/6
			*/
.grid-3\/6 {
    width: calc(50% - 0.9375rem);
}

/*
			.grid-4/6

			Styleguide: 1.grid-4/6
			*/
.grid-4\/6 {
    width: calc(66.66667% - 0.625rem);
}

/*
			.grid-5/6

			Styleguide: 1.grid-5/6
			*/
.grid-5\/6 {
    width: calc(83.33333% - 0.3125rem);
}

/* Grid margins. */
.grid-left-0 {
    margin-left: 0.9375rem;
}

.grid-left-1\/2 {
    margin-left: calc(50% + 0.9375rem);
}

.grid-left-1\/3 {
    margin-left: calc(33.33333% + 0.625rem);
}

.grid-left-2\/3 {
    margin-left: calc(66.66667% + 1.25rem);
}

.grid-left-1\/4 {
    margin-left: calc(25% + 0.46875rem);
}

.grid-left-2\/4 {
    margin-left: calc(50% + 0.9375rem);
}

.grid-left-3\/4 {
    margin-left: calc(75% + 1.40625rem);
}

.grid-left-1\/5 {
    margin-left: calc(20% + 0.375rem);
}

.grid-left-2\/5 {
    margin-left: calc(40% + 0.75rem);
}

.grid-left-3\/5 {
    margin-left: calc(60% + 1.125rem);
}

.grid-left-4\/5 {
    margin-left: calc(80% + 1.5rem);
}

.grid-left-1\/6 {
    margin-left: calc(16.66667% + 0.3125rem);
}

.grid-left-2\/6 {
    margin-left: calc(33.33333% + 0.625rem);
}

.grid-left-3\/6 {
    margin-left: calc(50% + 0.9375rem);
}

.grid-left-4\/6 {
    margin-left: calc(66.66667% + 1.25rem);
}

.grid-left-5\/6 {
    margin-left: calc(83.33333% + 1.5625rem);
}

/* Grid widths inside a grid-block. */
.grid-1\/1 {
    width: calc(100% - 1.875rem);
}

.grid-1\/2 {
    width: calc(50% - 1.875rem);
}

.grid-1\/3 {
    width: calc(33.33333% - 1.875rem);
}

.grid-2\/3 {
    width: calc(66.66667% - 1.875rem);
}

.grid-1\/4 {
    width: calc(25% - 1.875rem);
}

.grid-2\/4 {
    width: calc(50% - 1.875rem);
}

.grid-3\/4 {
    width: calc(75% - 1.875rem);
}

.grid-1\/5 {
    width: calc(20% - 1.875rem);
}

.grid-2\/5 {
    width: calc(40% - 1.875rem);
}

.grid-3\/5 {
    width: calc(60% - 1.875rem);
}

.grid-4\/5 {
    width: calc(80% - 1.875rem);
}

.grid-1\/6 {
    width: calc(16.66667% - 1.875rem);
}

.grid-2\/6 {
    width: calc(33.33333% - 1.875rem);
}

.grid-3\/6 {
    width: calc(50% - 1.875rem);
}

.grid-4\/6 {
    width: calc(66.66667% - 1.875rem);
}

.grid-5\/6 {
    width: calc(83.33333% - 1.875rem);
}

/* Bleed widths and margins inside a grid-block. */
/*
	.span-1/1

	Styleguide: 1.span-1/1
	*/
.span-1\/1 {
    width: 100%;
}

.grid-block > .span-1\/1 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-1/2

			Styleguide: 1.span-1/2
			*/
.span-1\/2 {
    width: 50%;
}

.grid-block > .span-1\/2 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-1/3

			Styleguide: 1.span-1/3
			*/
.span-1\/3 {
    width: 33.33333%;
}

.grid-block > .span-1\/3 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-2/3

			Styleguide: 1.span-2/3
			*/
.span-2\/3 {
    width: 66.66667%;
}

.grid-block > .span-2\/3 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-1/4

			Styleguide: 1.span-1/4
			*/
.span-1\/4 {
    width: 25%;
}

.grid-block > .span-1\/4 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-2/4

			Styleguide: 1.span-2/4
			*/
.span-2\/4 {
    width: 50%;
}

.grid-block > .span-2\/4 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-3/4

			Styleguide: 1.span-3/4
			*/
.span-3\/4 {
    width: 75%;
}

.grid-block > .span-3\/4 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-1/5

			Styleguide: 1.span-1/5
			*/
.span-1\/5 {
    width: 20%;
}

.grid-block > .span-1\/5 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-2/5

			Styleguide: 1.span-2/5
			*/
.span-2\/5 {
    width: 40%;
}

.grid-block > .span-2\/5 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-3/5

			Styleguide: 1.span-3/5
			*/
.span-3\/5 {
    width: 60%;
}

.grid-block > .span-3\/5 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-4/5

			Styleguide: 1.span-4/5
			*/
.span-4\/5 {
    width: 80%;
}

.grid-block > .span-4\/5 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-1/6

			Styleguide: 1.span-1/6
			*/
.span-1\/6 {
    width: 16.66667%;
}

.grid-block > .span-1\/6 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-2/6

			Styleguide: 1.span-2/6
			*/
.span-2\/6 {
    width: 33.33333%;
}

.grid-block > .span-2\/6 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-3/6

			Styleguide: 1.span-3/6
			*/
.span-3\/6 {
    width: 50%;
}

.grid-block > .span-3\/6 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-4/6

			Styleguide: 1.span-4/6
			*/
.span-4\/6 {
    width: 66.66667%;
}

.grid-block > .span-4\/6 {
    margin-left: 0;
    margin-right: 0;
}

/*
			.span-5/6

			Styleguide: 1.span-5/6
			*/
.span-5\/6 {
    width: 83.33333%;
}

.grid-block > .span-5\/6 {
    margin-left: 0;
    margin-right: 0;
}

/* Grid margins inside a grid-block. */
.grid-block > .grid-left-0 {
    margin-left: 0.9375rem;
}

.grid-block > .grid-left-1\/2 {
    margin-left: calc(50% + 0.9375rem);
}

.grid-block > .grid-left-1\/3 {
    margin-left: calc(33.33333% + 0.9375rem);
}

.grid-block > .grid-left-2\/3 {
    margin-left: calc(66.66667% + 0.9375rem);
}

.grid-block > .grid-left-1\/4 {
    margin-left: calc(25% + 0.9375rem);
}

.grid-block > .grid-left-2\/4 {
    margin-left: calc(50% + 0.9375rem);
}

.grid-block > .grid-left-3\/4 {
    margin-left: calc(75% + 0.9375rem);
}

.grid-block > .grid-left-1\/5 {
    margin-left: calc(20% + 0.9375rem);
}

.grid-block > .grid-left-2\/5 {
    margin-left: calc(40% + 0.9375rem);
}

.grid-block > .grid-left-3\/5 {
    margin-left: calc(60% + 0.9375rem);
}

.grid-block > .grid-left-4\/5 {
    margin-left: calc(80% + 0.9375rem);
}

.grid-block > .grid-left-1\/6 {
    margin-left: calc(16.66667% + 0.9375rem);
}

.grid-block > .grid-left-2\/6 {
    margin-left: calc(33.33333% + 0.9375rem);
}

.grid-block > .grid-left-3\/6 {
    margin-left: calc(50% + 0.9375rem);
}

.grid-block > .grid-left-4\/6 {
    margin-left: calc(66.66667% + 0.9375rem);
}

.grid-block > .grid-left-5\/6 {
    margin-left: calc(83.33333% + 0.9375rem);
}

/* Grid margins inside a grid-block. */
.grid-block > .span-left-0 {
    margin-left: 0;
}

.grid-block > .span-left-1\/2 {
    margin-left: 50%;
}

.grid-block > .span-left-1\/3 {
    margin-left: 33.33333%;
}

.grid-block > .span-left-2\/3 {
    margin-left: 66.66667%;
}

.grid-block > .span-left-1\/4 {
    margin-left: 25%;
}

.grid-block > .span-left-2\/4 {
    margin-left: 50%;
}

.grid-block > .span-left-3\/4 {
    margin-left: 75%;
}

.grid-block > .span-left-1\/5 {
    margin-left: 20%;
}

.grid-block > .span-left-2\/5 {
    margin-left: 40%;
}

.grid-block > .span-left-3\/5 {
    margin-left: 60%;
}

.grid-block > .span-left-4\/5 {
    margin-left: 80%;
}

.grid-block > .span-left-1\/6 {
    margin-left: 16.66667%;
}

.grid-block > .span-left-2\/6 {
    margin-left: 33.33333%;
}

.grid-block > .span-left-3\/6 {
    margin-left: 50%;
}

.grid-block > .span-left-4\/6 {
    margin-left: 66.66667%;
}

.grid-block > .span-left-5\/6 {
    margin-left: 83.33333%;
}

@media all and (min-width: 30em) {
    .grid-block,
    .index > .grid-block {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
        margin-top: -0.75rem;
        margin-bottom: -0.75rem;
    }

        .grid-block > .block {
            display: inline-block;
            min-width: 0;
            margin-left: 0.9375rem;
            margin-right: 0.9375rem;
            margin-top: 0.75rem;
            margin-bottom: 0.75rem;
        }

        .grid-block > .grid-block {
            margin-left: 0;
            margin-right: 0;
            margin-top: 0;
            margin-bottom: 0;
        }
    /* Grid widths. */
    .\@1-grid-1\/1 {
        width: 100%;
    }

    .\@1-grid-1\/2 {
        width: calc(50% - 0.9375rem);
    }

    .\@1-grid-1\/3 {
        width: calc(33.33333% - 1.25rem);
    }

    .\@1-grid-2\/3 {
        width: calc(66.66667% - 0.625rem);
    }

    .\@1-grid-1\/4 {
        width: calc(25% - 1.40625rem);
    }

    .\@1-grid-2\/4 {
        width: calc(50% - 0.9375rem);
    }

    .\@1-grid-3\/4 {
        width: calc(75% - 0.46875rem);
    }

    .\@1-grid-1\/5 {
        width: calc(20% - 1.5rem);
    }

    .\@1-grid-2\/5 {
        width: calc(40% - 1.125rem);
    }

    .\@1-grid-3\/5 {
        width: calc(60% - 0.75rem);
    }

    .\@1-grid-4\/5 {
        width: calc(80% - 0.375rem);
    }

    .\@1-grid-1\/6 {
        width: calc(16.66667% - 1.5625rem);
    }

    .\@1-grid-2\/6 {
        width: calc(33.33333% - 1.25rem);
    }

    .\@1-grid-3\/6 {
        width: calc(50% - 0.9375rem);
    }

    .\@1-grid-4\/6 {
        width: calc(66.66667% - 0.625rem);
    }

    .\@1-grid-5\/6 {
        width: calc(83.33333% - 0.3125rem);
    }

    .\@1-grid-1\/7 {
        width: calc(14.28571% - 1.60714rem);
    }

    .\@1-grid-2\/7 {
        width: calc(28.57143% - 1.33929rem);
    }

    .\@1-grid-3\/7 {
        width: calc(42.85714% - 1.07143rem);
    }

    .\@1-grid-4\/7 {
        width: calc(57.14286% - 0.80357rem);
    }

    .\@1-grid-5\/7 {
        width: calc(71.42857% - 0.53571rem);
    }

    .\@1-grid-6\/7 {
        width: calc(85.71429% - 0.26786rem);
    }

    .\@1-grid-1\/8 {
        width: calc(12.5% - 1.64062rem);
    }

    .\@1-grid-2\/8 {
        width: calc(25% - 1.40625rem);
    }

    .\@1-grid-3\/8 {
        width: calc(37.5% - 1.17188rem);
    }

    .\@1-grid-4\/8 {
        width: calc(50% - 0.9375rem);
    }

    .\@1-grid-5\/8 {
        width: calc(62.5% - 0.70312rem);
    }

    .\@1-grid-6\/8 {
        width: calc(75% - 0.46875rem);
    }

    .\@1-grid-7\/8 {
        width: calc(87.5% - 0.23438rem);
    }

    .\@1-grid-1\/9 {
        width: calc(11.11111% - 1.66667rem);
    }

    .\@1-grid-2\/9 {
        width: calc(22.22222% - 1.45833rem);
    }

    .\@1-grid-3\/9 {
        width: calc(33.33333% - 1.25rem);
    }

    .\@1-grid-4\/9 {
        width: calc(44.44444% - 1.04167rem);
    }

    .\@1-grid-5\/9 {
        width: calc(55.55556% - 0.83333rem);
    }

    .\@1-grid-6\/9 {
        width: calc(66.66667% - 0.625rem);
    }

    .\@1-grid-7\/9 {
        width: calc(77.77778% - 0.41667rem);
    }

    .\@1-grid-8\/9 {
        width: calc(88.88889% - 0.20833rem);
    }
    /* Grid margins. */
    .\@1-grid-left-0 {
        margin-left: 0.9375rem;
    }

    .\@1-grid-left-1\/2 {
        margin-left: calc(50% + 0.9375rem);
    }

    .\@1-grid-left-1\/3 {
        margin-left: calc(33.33333% + 0.625rem);
    }

    .\@1-grid-left-2\/3 {
        margin-left: calc(66.66667% + 1.25rem);
    }

    .\@1-grid-left-1\/4 {
        margin-left: calc(25% + 0.46875rem);
    }

    .\@1-grid-left-2\/4 {
        margin-left: calc(50% + 0.9375rem);
    }

    .\@1-grid-left-3\/4 {
        margin-left: calc(75% + 1.40625rem);
    }

    .\@1-grid-left-1\/5 {
        margin-left: calc(20% + 0.375rem);
    }

    .\@1-grid-left-2\/5 {
        margin-left: calc(40% + 0.75rem);
    }

    .\@1-grid-left-3\/5 {
        margin-left: calc(60% + 1.125rem);
    }

    .\@1-grid-left-4\/5 {
        margin-left: calc(80% + 1.5rem);
    }

    .\@1-grid-left-1\/6 {
        margin-left: calc(16.66667% + 0.3125rem);
    }

    .\@1-grid-left-2\/6 {
        margin-left: calc(33.33333% + 0.625rem);
    }

    .\@1-grid-left-3\/6 {
        margin-left: calc(50% + 0.9375rem);
    }

    .\@1-grid-left-4\/6 {
        margin-left: calc(66.66667% + 1.25rem);
    }

    .\@1-grid-left-5\/6 {
        margin-left: calc(83.33333% + 1.5625rem);
    }

    .\@1-grid-left-1\/7 {
        margin-left: calc(14.28571% + 0.26786rem);
    }

    .\@1-grid-left-2\/7 {
        margin-left: calc(28.57143% + 0.53571rem);
    }

    .\@1-grid-left-3\/7 {
        margin-left: calc(42.85714% + 0.80357rem);
    }

    .\@1-grid-left-4\/7 {
        margin-left: calc(57.14286% + 1.07143rem);
    }

    .\@1-grid-left-5\/7 {
        margin-left: calc(71.42857% + 1.33929rem);
    }

    .\@1-grid-left-6\/7 {
        margin-left: calc(85.71429% + 1.60714rem);
    }

    .\@1-grid-left-1\/8 {
        margin-left: calc(12.5% + 0.23438rem);
    }

    .\@1-grid-left-2\/8 {
        margin-left: calc(25% + 0.46875rem);
    }

    .\@1-grid-left-3\/8 {
        margin-left: calc(37.5% + 0.70312rem);
    }

    .\@1-grid-left-4\/8 {
        margin-left: calc(50% + 0.9375rem);
    }

    .\@1-grid-left-5\/8 {
        margin-left: calc(62.5% + 1.17188rem);
    }

    .\@1-grid-left-6\/8 {
        margin-left: calc(75% + 1.40625rem);
    }

    .\@1-grid-left-7\/8 {
        margin-left: calc(87.5% + 1.64062rem);
    }

    .\@1-grid-left-1\/9 {
        margin-left: calc(11.11111% + 0.20833rem);
    }

    .\@1-grid-left-2\/9 {
        margin-left: calc(22.22222% + 0.41667rem);
    }

    .\@1-grid-left-3\/9 {
        margin-left: calc(33.33333% + 0.625rem);
    }

    .\@1-grid-left-4\/9 {
        margin-left: calc(44.44444% + 0.83333rem);
    }

    .\@1-grid-left-5\/9 {
        margin-left: calc(55.55556% + 1.04167rem);
    }

    .\@1-grid-left-6\/9 {
        margin-left: calc(66.66667% + 1.25rem);
    }

    .\@1-grid-left-7\/9 {
        margin-left: calc(77.77778% + 1.45833rem);
    }

    .\@1-grid-left-8\/9 {
        margin-left: calc(88.88889% + 1.66667rem);
    }
    /* Grid widths inside a grid-block. */
    .\@1-grid-1\/1 {
        width: calc(100% - 1.875rem);
    }

    .\@1-grid-1\/2 {
        width: calc(50% - 1.875rem);
    }

    .\@1-grid-1\/3 {
        width: calc(33.33333% - 1.875rem);
    }

    .\@1-grid-2\/3 {
        width: calc(66.66667% - 1.875rem);
    }

    .\@1-grid-1\/4 {
        width: calc(25% - 1.875rem);
    }

    .\@1-grid-2\/4 {
        width: calc(50% - 1.875rem);
    }

    .\@1-grid-3\/4 {
        width: calc(75% - 1.875rem);
    }

    .\@1-grid-1\/5 {
        width: calc(20% - 1.875rem);
    }

    .\@1-grid-2\/5 {
        width: calc(40% - 1.875rem);
    }

    .\@1-grid-3\/5 {
        width: calc(60% - 1.875rem);
    }

    .\@1-grid-4\/5 {
        width: calc(80% - 1.875rem);
    }

    .\@1-grid-1\/6 {
        width: calc(16.66667% - 1.875rem);
    }

    .\@1-grid-2\/6 {
        width: calc(33.33333% - 1.875rem);
    }

    .\@1-grid-3\/6 {
        width: calc(50% - 1.875rem);
    }

    .\@1-grid-4\/6 {
        width: calc(66.66667% - 1.875rem);
    }

    .\@1-grid-5\/6 {
        width: calc(83.33333% - 1.875rem);
    }

    .\@1-grid-1\/7 {
        width: calc(14.28571% - 1.875rem);
    }

    .\@1-grid-2\/7 {
        width: calc(28.57143% - 1.875rem);
    }

    .\@1-grid-3\/7 {
        width: calc(42.85714% - 1.875rem);
    }

    .\@1-grid-4\/7 {
        width: calc(57.14286% - 1.875rem);
    }

    .\@1-grid-5\/7 {
        width: calc(71.42857% - 1.875rem);
    }

    .\@1-grid-6\/7 {
        width: calc(85.71429% - 1.875rem);
    }

    .\@1-grid-1\/8 {
        width: calc(12.5% - 1.875rem);
    }

    .\@1-grid-2\/8 {
        width: calc(25% - 1.875rem);
    }

    .\@1-grid-3\/8 {
        width: calc(37.5% - 1.875rem);
    }

    .\@1-grid-4\/8 {
        width: calc(50% - 1.875rem);
    }

    .\@1-grid-5\/8 {
        width: calc(62.5% - 1.875rem);
    }

    .\@1-grid-6\/8 {
        width: calc(75% - 1.875rem);
    }

    .\@1-grid-7\/8 {
        width: calc(87.5% - 1.875rem);
    }

    .\@1-grid-1\/9 {
        width: calc(11.11111% - 1.875rem);
    }

    .\@1-grid-2\/9 {
        width: calc(22.22222% - 1.875rem);
    }

    .\@1-grid-3\/9 {
        width: calc(33.33333% - 1.875rem);
    }

    .\@1-grid-4\/9 {
        width: calc(44.44444% - 1.875rem);
    }

    .\@1-grid-5\/9 {
        width: calc(55.55556% - 1.875rem);
    }

    .\@1-grid-6\/9 {
        width: calc(66.66667% - 1.875rem);
    }

    .\@1-grid-7\/9 {
        width: calc(77.77778% - 1.875rem);
    }

    .\@1-grid-8\/9 {
        width: calc(88.88889% - 1.875rem);
    }
    /* Bleed widths and margins inside a grid-block. */
    .\@1-span-1\/1 {
        width: 100%;
    }

    .grid-block > .\@1-span-1\/1 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-1\/2 {
        width: 50%;
    }

    .grid-block > .\@1-span-1\/2 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-1\/3 {
        width: 33.33333%;
    }

    .grid-block > .\@1-span-1\/3 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-2\/3 {
        width: 66.66667%;
    }

    .grid-block > .\@1-span-2\/3 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-1\/4 {
        width: 25%;
    }

    .grid-block > .\@1-span-1\/4 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-2\/4 {
        width: 50%;
    }

    .grid-block > .\@1-span-2\/4 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-3\/4 {
        width: 75%;
    }

    .grid-block > .\@1-span-3\/4 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-1\/5 {
        width: 20%;
    }

    .grid-block > .\@1-span-1\/5 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-2\/5 {
        width: 40%;
    }

    .grid-block > .\@1-span-2\/5 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-3\/5 {
        width: 60%;
    }

    .grid-block > .\@1-span-3\/5 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-4\/5 {
        width: 80%;
    }

    .grid-block > .\@1-span-4\/5 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-1\/6 {
        width: 16.66667%;
    }

    .grid-block > .\@1-span-1\/6 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-2\/6 {
        width: 33.33333%;
    }

    .grid-block > .\@1-span-2\/6 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-3\/6 {
        width: 50%;
    }

    .grid-block > .\@1-span-3\/6 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-4\/6 {
        width: 66.66667%;
    }

    .grid-block > .\@1-span-4\/6 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-5\/6 {
        width: 83.33333%;
    }

    .grid-block > .\@1-span-5\/6 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-1\/7 {
        width: 14.28571%;
    }

    .grid-block > .\@1-span-1\/7 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-2\/7 {
        width: 28.57143%;
    }

    .grid-block > .\@1-span-2\/7 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-3\/7 {
        width: 42.85714%;
    }

    .grid-block > .\@1-span-3\/7 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-4\/7 {
        width: 57.14286%;
    }

    .grid-block > .\@1-span-4\/7 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-5\/7 {
        width: 71.42857%;
    }

    .grid-block > .\@1-span-5\/7 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-6\/7 {
        width: 85.71429%;
    }

    .grid-block > .\@1-span-6\/7 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-1\/8 {
        width: 12.5%;
    }

    .grid-block > .\@1-span-1\/8 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-2\/8 {
        width: 25%;
    }

    .grid-block > .\@1-span-2\/8 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-3\/8 {
        width: 37.5%;
    }

    .grid-block > .\@1-span-3\/8 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-4\/8 {
        width: 50%;
    }

    .grid-block > .\@1-span-4\/8 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-5\/8 {
        width: 62.5%;
    }

    .grid-block > .\@1-span-5\/8 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-6\/8 {
        width: 75%;
    }

    .grid-block > .\@1-span-6\/8 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-7\/8 {
        width: 87.5%;
    }

    .grid-block > .\@1-span-7\/8 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-1\/9 {
        width: 11.11111%;
    }

    .grid-block > .\@1-span-1\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-2\/9 {
        width: 22.22222%;
    }

    .grid-block > .\@1-span-2\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-3\/9 {
        width: 33.33333%;
    }

    .grid-block > .\@1-span-3\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-4\/9 {
        width: 44.44444%;
    }

    .grid-block > .\@1-span-4\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-5\/9 {
        width: 55.55556%;
    }

    .grid-block > .\@1-span-5\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-6\/9 {
        width: 66.66667%;
    }

    .grid-block > .\@1-span-6\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-7\/9 {
        width: 77.77778%;
    }

    .grid-block > .\@1-span-7\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@1-span-8\/9 {
        width: 88.88889%;
    }

    .grid-block > .\@1-span-8\/9 {
        margin-left: 0;
        margin-right: 0;
    }
    /* Grid margins inside a grid-block. */
    .grid-block > .\@1-grid-left-0 {
        margin-left: 0.9375rem;
    }

    .grid-block > .\@1-grid-left-1\/2 {
        margin-left: calc(50% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-1\/3 {
        margin-left: calc(33.33333% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-2\/3 {
        margin-left: calc(66.66667% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-1\/4 {
        margin-left: calc(25% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-2\/4 {
        margin-left: calc(50% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-3\/4 {
        margin-left: calc(75% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-1\/5 {
        margin-left: calc(20% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-2\/5 {
        margin-left: calc(40% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-3\/5 {
        margin-left: calc(60% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-4\/5 {
        margin-left: calc(80% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-1\/6 {
        margin-left: calc(16.66667% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-2\/6 {
        margin-left: calc(33.33333% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-3\/6 {
        margin-left: calc(50% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-4\/6 {
        margin-left: calc(66.66667% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-5\/6 {
        margin-left: calc(83.33333% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-1\/7 {
        margin-left: calc(14.28571% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-2\/7 {
        margin-left: calc(28.57143% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-3\/7 {
        margin-left: calc(42.85714% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-4\/7 {
        margin-left: calc(57.14286% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-5\/7 {
        margin-left: calc(71.42857% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-6\/7 {
        margin-left: calc(85.71429% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-1\/8 {
        margin-left: calc(12.5% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-2\/8 {
        margin-left: calc(25% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-3\/8 {
        margin-left: calc(37.5% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-4\/8 {
        margin-left: calc(50% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-5\/8 {
        margin-left: calc(62.5% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-6\/8 {
        margin-left: calc(75% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-7\/8 {
        margin-left: calc(87.5% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-1\/9 {
        margin-left: calc(11.11111% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-2\/9 {
        margin-left: calc(22.22222% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-3\/9 {
        margin-left: calc(33.33333% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-4\/9 {
        margin-left: calc(44.44444% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-5\/9 {
        margin-left: calc(55.55556% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-6\/9 {
        margin-left: calc(66.66667% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-7\/9 {
        margin-left: calc(77.77778% + 0.9375rem);
    }

    .grid-block > .\@1-grid-left-8\/9 {
        margin-left: calc(88.88889% + 0.9375rem);
    }
    /* Grid margins inside a grid-block. */
    .grid-block > .\@1-span-left-0 {
        margin-left: 0;
    }

    .grid-block > .\@1-span-left-1\/2 {
        margin-left: 50%;
    }

    .grid-block > .\@1-span-left-1\/3 {
        margin-left: 33.33333%;
    }

    .grid-block > .\@1-span-left-2\/3 {
        margin-left: 66.66667%;
    }

    .grid-block > .\@1-span-left-1\/4 {
        margin-left: 25%;
    }

    .grid-block > .\@1-span-left-2\/4 {
        margin-left: 50%;
    }

    .grid-block > .\@1-span-left-3\/4 {
        margin-left: 75%;
    }

    .grid-block > .\@1-span-left-1\/5 {
        margin-left: 20%;
    }

    .grid-block > .\@1-span-left-2\/5 {
        margin-left: 40%;
    }

    .grid-block > .\@1-span-left-3\/5 {
        margin-left: 60%;
    }

    .grid-block > .\@1-span-left-4\/5 {
        margin-left: 80%;
    }

    .grid-block > .\@1-span-left-1\/6 {
        margin-left: 16.66667%;
    }

    .grid-block > .\@1-span-left-2\/6 {
        margin-left: 33.33333%;
    }

    .grid-block > .\@1-span-left-3\/6 {
        margin-left: 50%;
    }

    .grid-block > .\@1-span-left-4\/6 {
        margin-left: 66.66667%;
    }

    .grid-block > .\@1-span-left-5\/6 {
        margin-left: 83.33333%;
    }

    .grid-block > .\@1-span-left-1\/7 {
        margin-left: 14.28571%;
    }

    .grid-block > .\@1-span-left-2\/7 {
        margin-left: 28.57143%;
    }

    .grid-block > .\@1-span-left-3\/7 {
        margin-left: 42.85714%;
    }

    .grid-block > .\@1-span-left-4\/7 {
        margin-left: 57.14286%;
    }

    .grid-block > .\@1-span-left-5\/7 {
        margin-left: 71.42857%;
    }

    .grid-block > .\@1-span-left-6\/7 {
        margin-left: 85.71429%;
    }

    .grid-block > .\@1-span-left-1\/8 {
        margin-left: 12.5%;
    }

    .grid-block > .\@1-span-left-2\/8 {
        margin-left: 25%;
    }

    .grid-block > .\@1-span-left-3\/8 {
        margin-left: 37.5%;
    }

    .grid-block > .\@1-span-left-4\/8 {
        margin-left: 50%;
    }

    .grid-block > .\@1-span-left-5\/8 {
        margin-left: 62.5%;
    }

    .grid-block > .\@1-span-left-6\/8 {
        margin-left: 75%;
    }

    .grid-block > .\@1-span-left-7\/8 {
        margin-left: 87.5%;
    }

    .grid-block > .\@1-span-left-1\/9 {
        margin-left: 11.11111%;
    }

    .grid-block > .\@1-span-left-2\/9 {
        margin-left: 22.22222%;
    }

    .grid-block > .\@1-span-left-3\/9 {
        margin-left: 33.33333%;
    }

    .grid-block > .\@1-span-left-4\/9 {
        margin-left: 44.44444%;
    }

    .grid-block > .\@1-span-left-5\/9 {
        margin-left: 55.55556%;
    }

    .grid-block > .\@1-span-left-6\/9 {
        margin-left: 66.66667%;
    }

    .grid-block > .\@1-span-left-7\/9 {
        margin-left: 77.77778%;
    }

    .grid-block > .\@1-span-left-8\/9 {
        margin-left: 88.88889%;
    }
}

@media all and (min-width: 50em) {
    .grid-block,
    .index > .grid-block {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
        margin-top: -0.75rem;
        margin-bottom: -0.75rem;
    }

        .grid-block > .block {
            display: inline-block;
            min-width: 0;
            margin-left: 0.9375rem;
            margin-right: 0.9375rem;
            margin-top: 0.75rem;
            margin-bottom: 0.75rem;
        }

        .grid-block > .grid-block {
            margin-left: 0;
            margin-right: 0;
            margin-top: 0;
            margin-bottom: 0;
        }
    /* Grid widths. */
    .\@2-grid-1\/1 {
        width: 100%;
    }

    .\@2-grid-1\/2 {
        width: calc(50% - 0.9375rem);
    }

    .\@2-grid-1\/3 {
        width: calc(33.33333% - 1.25rem);
    }

    .\@2-grid-2\/3 {
        width: calc(66.66667% - 0.625rem);
    }

    .\@2-grid-1\/4 {
        width: calc(25% - 1.40625rem);
    }

    .\@2-grid-2\/4 {
        width: calc(50% - 0.9375rem);
    }

    .\@2-grid-3\/4 {
        width: calc(75% - 0.46875rem);
    }

    .\@2-grid-1\/5 {
        width: calc(20% - 1.5rem);
    }

    .\@2-grid-2\/5 {
        width: calc(40% - 1.125rem);
    }

    .\@2-grid-3\/5 {
        width: calc(60% - 0.75rem);
    }

    .\@2-grid-4\/5 {
        width: calc(80% - 0.375rem);
    }

    .\@2-grid-1\/6 {
        width: calc(16.66667% - 1.5625rem);
    }

    .\@2-grid-2\/6 {
        width: calc(33.33333% - 1.25rem);
    }

    .\@2-grid-3\/6 {
        width: calc(50% - 0.9375rem);
    }

    .\@2-grid-4\/6 {
        width: calc(66.66667% - 0.625rem);
    }

    .\@2-grid-5\/6 {
        width: calc(83.33333% - 0.3125rem);
    }

    .\@2-grid-1\/7 {
        width: calc(14.28571% - 1.60714rem);
    }

    .\@2-grid-2\/7 {
        width: calc(28.57143% - 1.33929rem);
    }

    .\@2-grid-3\/7 {
        width: calc(42.85714% - 1.07143rem);
    }

    .\@2-grid-4\/7 {
        width: calc(57.14286% - 0.80357rem);
    }

    .\@2-grid-5\/7 {
        width: calc(71.42857% - 0.53571rem);
    }

    .\@2-grid-6\/7 {
        width: calc(85.71429% - 0.26786rem);
    }

    .\@2-grid-1\/8 {
        width: calc(12.5% - 1.64062rem);
    }

    .\@2-grid-2\/8 {
        width: calc(25% - 1.40625rem);
    }

    .\@2-grid-3\/8 {
        width: calc(37.5% - 1.17188rem);
    }

    .\@2-grid-4\/8 {
        width: calc(50% - 0.9375rem);
    }

    .\@2-grid-5\/8 {
        width: calc(62.5% - 0.70312rem);
    }

    .\@2-grid-6\/8 {
        width: calc(75% - 0.46875rem);
    }

    .\@2-grid-7\/8 {
        width: calc(87.5% - 0.23438rem);
    }

    .\@2-grid-1\/9 {
        width: calc(11.11111% - 1.66667rem);
    }

    .\@2-grid-2\/9 {
        width: calc(22.22222% - 1.45833rem);
    }

    .\@2-grid-3\/9 {
        width: calc(33.33333% - 1.25rem);
    }

    .\@2-grid-4\/9 {
        width: calc(44.44444% - 1.04167rem);
    }

    .\@2-grid-5\/9 {
        width: calc(55.55556% - 0.83333rem);
    }

    .\@2-grid-6\/9 {
        width: calc(66.66667% - 0.625rem);
    }

    .\@2-grid-7\/9 {
        width: calc(77.77778% - 0.41667rem);
    }

    .\@2-grid-8\/9 {
        width: calc(88.88889% - 0.20833rem);
    }

    .\@2-grid-1\/10 {
        width: calc(10% - 1.6875rem);
    }

    .\@2-grid-2\/10 {
        width: calc(20% - 1.5rem);
    }

    .\@2-grid-3\/10 {
        width: calc(30% - 1.3125rem);
    }

    .\@2-grid-4\/10 {
        width: calc(40% - 1.125rem);
    }

    .\@2-grid-5\/10 {
        width: calc(50% - 0.9375rem);
    }

    .\@2-grid-6\/10 {
        width: calc(60% - 0.75rem);
    }

    .\@2-grid-7\/10 {
        width: calc(70% - 0.5625rem);
    }

    .\@2-grid-8\/10 {
        width: calc(80% - 0.375rem);
    }

    .\@2-grid-9\/10 {
        width: calc(90% - 0.1875rem);
    }

    .\@2-grid-1\/11 {
        width: calc(9.09091% - 1.70455rem);
    }

    .\@2-grid-2\/11 {
        width: calc(18.18182% - 1.53409rem);
    }

    .\@2-grid-3\/11 {
        width: calc(27.27273% - 1.36364rem);
    }

    .\@2-grid-4\/11 {
        width: calc(36.36364% - 1.19318rem);
    }

    .\@2-grid-5\/11 {
        width: calc(45.45455% - 1.02273rem);
    }

    .\@2-grid-6\/11 {
        width: calc(54.54545% - 0.85227rem);
    }

    .\@2-grid-7\/11 {
        width: calc(63.63636% - 0.68182rem);
    }

    .\@2-grid-8\/11 {
        width: calc(72.72727% - 0.51136rem);
    }

    .\@2-grid-9\/11 {
        width: calc(81.81818% - 0.34091rem);
    }

    .\@2-grid-10\/11 {
        width: calc(90.90909% - 0.17045rem);
    }

    .\@2-grid-1\/12 {
        width: calc(8.33333% - 1.71875rem);
    }

    .\@2-grid-2\/12 {
        width: calc(16.66667% - 1.5625rem);
    }

    .\@2-grid-3\/12 {
        width: calc(25% - 1.40625rem);
    }

    .\@2-grid-4\/12 {
        width: calc(33.33333% - 1.25rem);
    }

    .\@2-grid-5\/12 {
        width: calc(41.66667% - 1.09375rem);
    }

    .\@2-grid-6\/12 {
        width: calc(50% - 0.9375rem);
    }

    .\@2-grid-7\/12 {
        width: calc(58.33333% - 0.78125rem);
    }

    .\@2-grid-8\/12 {
        width: calc(66.66667% - 0.625rem);
    }

    .\@2-grid-9\/12 {
        width: calc(75% - 0.46875rem);
    }

    .\@2-grid-10\/12 {
        width: calc(83.33333% - 0.3125rem);
    }

    .\@2-grid-11\/12 {
        width: calc(91.66667% - 0.15625rem);
    }
    /* Grid margins. */
    .\@2-grid-left-0 {
        margin-left: 0.9375rem;
    }

    .\@2-grid-left-1\/2 {
        margin-left: calc(50% + 0.9375rem);
    }

    .\@2-grid-left-1\/3 {
        margin-left: calc(33.33333% + 0.625rem);
    }

    .\@2-grid-left-2\/3 {
        margin-left: calc(66.66667% + 1.25rem);
    }

    .\@2-grid-left-1\/4 {
        margin-left: calc(25% + 0.46875rem);
    }

    .\@2-grid-left-2\/4 {
        margin-left: calc(50% + 0.9375rem);
    }

    .\@2-grid-left-3\/4 {
        margin-left: calc(75% + 1.40625rem);
    }

    .\@2-grid-left-1\/5 {
        margin-left: calc(20% + 0.375rem);
    }

    .\@2-grid-left-2\/5 {
        margin-left: calc(40% + 0.75rem);
    }

    .\@2-grid-left-3\/5 {
        margin-left: calc(60% + 1.125rem);
    }

    .\@2-grid-left-4\/5 {
        margin-left: calc(80% + 1.5rem);
    }

    .\@2-grid-left-1\/6 {
        margin-left: calc(16.66667% + 0.3125rem);
    }

    .\@2-grid-left-2\/6 {
        margin-left: calc(33.33333% + 0.625rem);
    }

    .\@2-grid-left-3\/6 {
        margin-left: calc(50% + 0.9375rem);
    }

    .\@2-grid-left-4\/6 {
        margin-left: calc(66.66667% + 1.25rem);
    }

    .\@2-grid-left-5\/6 {
        margin-left: calc(83.33333% + 1.5625rem);
    }

    .\@2-grid-left-1\/7 {
        margin-left: calc(14.28571% + 0.26786rem);
    }

    .\@2-grid-left-2\/7 {
        margin-left: calc(28.57143% + 0.53571rem);
    }

    .\@2-grid-left-3\/7 {
        margin-left: calc(42.85714% + 0.80357rem);
    }

    .\@2-grid-left-4\/7 {
        margin-left: calc(57.14286% + 1.07143rem);
    }

    .\@2-grid-left-5\/7 {
        margin-left: calc(71.42857% + 1.33929rem);
    }

    .\@2-grid-left-6\/7 {
        margin-left: calc(85.71429% + 1.60714rem);
    }

    .\@2-grid-left-1\/8 {
        margin-left: calc(12.5% + 0.23438rem);
    }

    .\@2-grid-left-2\/8 {
        margin-left: calc(25% + 0.46875rem);
    }

    .\@2-grid-left-3\/8 {
        margin-left: calc(37.5% + 0.70312rem);
    }

    .\@2-grid-left-4\/8 {
        margin-left: calc(50% + 0.9375rem);
    }

    .\@2-grid-left-5\/8 {
        margin-left: calc(62.5% + 1.17188rem);
    }

    .\@2-grid-left-6\/8 {
        margin-left: calc(75% + 1.40625rem);
    }

    .\@2-grid-left-7\/8 {
        margin-left: calc(87.5% + 1.64062rem);
    }

    .\@2-grid-left-1\/9 {
        margin-left: calc(11.11111% + 0.20833rem);
    }

    .\@2-grid-left-2\/9 {
        margin-left: calc(22.22222% + 0.41667rem);
    }

    .\@2-grid-left-3\/9 {
        margin-left: calc(33.33333% + 0.625rem);
    }

    .\@2-grid-left-4\/9 {
        margin-left: calc(44.44444% + 0.83333rem);
    }

    .\@2-grid-left-5\/9 {
        margin-left: calc(55.55556% + 1.04167rem);
    }

    .\@2-grid-left-6\/9 {
        margin-left: calc(66.66667% + 1.25rem);
    }

    .\@2-grid-left-7\/9 {
        margin-left: calc(77.77778% + 1.45833rem);
    }

    .\@2-grid-left-8\/9 {
        margin-left: calc(88.88889% + 1.66667rem);
    }

    .\@2-grid-left-1\/10 {
        margin-left: calc(10% + 0.1875rem);
    }

    .\@2-grid-left-2\/10 {
        margin-left: calc(20% + 0.375rem);
    }

    .\@2-grid-left-3\/10 {
        margin-left: calc(30% + 0.5625rem);
    }

    .\@2-grid-left-4\/10 {
        margin-left: calc(40% + 0.75rem);
    }

    .\@2-grid-left-5\/10 {
        margin-left: calc(50% + 0.9375rem);
    }

    .\@2-grid-left-6\/10 {
        margin-left: calc(60% + 1.125rem);
    }

    .\@2-grid-left-7\/10 {
        margin-left: calc(70% + 1.3125rem);
    }

    .\@2-grid-left-8\/10 {
        margin-left: calc(80% + 1.5rem);
    }

    .\@2-grid-left-9\/10 {
        margin-left: calc(90% + 1.6875rem);
    }

    .\@2-grid-left-1\/11 {
        margin-left: calc(9.09091% + 0.17045rem);
    }

    .\@2-grid-left-2\/11 {
        margin-left: calc(18.18182% + 0.34091rem);
    }

    .\@2-grid-left-3\/11 {
        margin-left: calc(27.27273% + 0.51136rem);
    }

    .\@2-grid-left-4\/11 {
        margin-left: calc(36.36364% + 0.68182rem);
    }

    .\@2-grid-left-5\/11 {
        margin-left: calc(45.45455% + 0.85227rem);
    }

    .\@2-grid-left-6\/11 {
        margin-left: calc(54.54545% + 1.02273rem);
    }

    .\@2-grid-left-7\/11 {
        margin-left: calc(63.63636% + 1.19318rem);
    }

    .\@2-grid-left-8\/11 {
        margin-left: calc(72.72727% + 1.36364rem);
    }

    .\@2-grid-left-9\/11 {
        margin-left: calc(81.81818% + 1.53409rem);
    }

    .\@2-grid-left-10\/11 {
        margin-left: calc(90.90909% + 1.70455rem);
    }

    .\@2-grid-left-1\/12 {
        margin-left: calc(8.33333% + 0.15625rem);
    }

    .\@2-grid-left-2\/12 {
        margin-left: calc(16.66667% + 0.3125rem);
    }

    .\@2-grid-left-3\/12 {
        margin-left: calc(25% + 0.46875rem);
    }

    .\@2-grid-left-4\/12 {
        margin-left: calc(33.33333% + 0.625rem);
    }

    .\@2-grid-left-5\/12 {
        margin-left: calc(41.66667% + 0.78125rem);
    }

    .\@2-grid-left-6\/12 {
        margin-left: calc(50% + 0.9375rem);
    }

    .\@2-grid-left-7\/12 {
        margin-left: calc(58.33333% + 1.09375rem);
    }

    .\@2-grid-left-8\/12 {
        margin-left: calc(66.66667% + 1.25rem);
    }

    .\@2-grid-left-9\/12 {
        margin-left: calc(75% + 1.40625rem);
    }

    .\@2-grid-left-10\/12 {
        margin-left: calc(83.33333% + 1.5625rem);
    }

    .\@2-grid-left-11\/12 {
        margin-left: calc(91.66667% + 1.71875rem);
    }
    /* Grid widths inside a grid-block. */
    .\@2-grid-1\/1 {
        width: calc(100% - 1.875rem);
    }

    .\@2-grid-1\/2 {
        width: calc(50% - 1.875rem);
    }

    .\@2-grid-1\/3 {
        width: calc(33.33333% - 1.875rem);
    }

    .\@2-grid-2\/3 {
        width: calc(66.66667% - 1.875rem);
    }

    .\@2-grid-1\/4 {
        width: calc(25% - 1.875rem);
    }

    .\@2-grid-2\/4 {
        width: calc(50% - 1.875rem);
    }

    .\@2-grid-3\/4 {
        width: calc(75% - 1.875rem);
    }

    .\@2-grid-1\/5 {
        width: calc(20% - 1.875rem);
    }

    .\@2-grid-2\/5 {
        width: calc(40% - 1.875rem);
    }

    .\@2-grid-3\/5 {
        width: calc(60% - 1.875rem);
    }

    .\@2-grid-4\/5 {
        width: calc(80% - 1.875rem);
    }

    .\@2-grid-1\/6 {
        width: calc(16.66667% - 1.875rem);
    }

    .\@2-grid-2\/6 {
        width: calc(33.33333% - 1.875rem);
    }

    .\@2-grid-3\/6 {
        width: calc(50% - 1.875rem);
    }

    .\@2-grid-4\/6 {
        width: calc(66.66667% - 1.875rem);
    }

    .\@2-grid-5\/6 {
        width: calc(83.33333% - 1.875rem);
    }

    .\@2-grid-1\/7 {
        width: calc(14.28571% - 1.875rem);
    }

    .\@2-grid-2\/7 {
        width: calc(28.57143% - 1.875rem);
    }

    .\@2-grid-3\/7 {
        width: calc(42.85714% - 1.875rem);
    }

    .\@2-grid-4\/7 {
        width: calc(57.14286% - 1.875rem);
    }

    .\@2-grid-5\/7 {
        width: calc(71.42857% - 1.875rem);
    }

    .\@2-grid-6\/7 {
        width: calc(85.71429% - 1.875rem);
    }

    .\@2-grid-1\/8 {
        width: calc(12.5% - 1.875rem);
    }

    .\@2-grid-2\/8 {
        width: calc(25% - 1.875rem);
    }

    .\@2-grid-3\/8 {
        width: calc(37.5% - 1.875rem);
    }

    .\@2-grid-4\/8 {
        width: calc(50% - 1.875rem);
    }

    .\@2-grid-5\/8 {
        width: calc(62.5% - 1.875rem);
    }

    .\@2-grid-6\/8 {
        width: calc(75% - 1.875rem);
    }

    .\@2-grid-7\/8 {
        width: calc(87.5% - 1.875rem);
    }

    .\@2-grid-1\/9 {
        width: calc(11.11111% - 1.875rem);
    }

    .\@2-grid-2\/9 {
        width: calc(22.22222% - 1.875rem);
    }

    .\@2-grid-3\/9 {
        width: calc(33.33333% - 1.875rem);
    }

    .\@2-grid-4\/9 {
        width: calc(44.44444% - 1.875rem);
    }

    .\@2-grid-5\/9 {
        width: calc(55.55556% - 1.875rem);
    }

    .\@2-grid-6\/9 {
        width: calc(66.66667% - 1.875rem);
    }

    .\@2-grid-7\/9 {
        width: calc(77.77778% - 1.875rem);
    }

    .\@2-grid-8\/9 {
        width: calc(88.88889% - 1.875rem);
    }

    .\@2-grid-1\/10 {
        width: calc(10% - 1.875rem);
    }

    .\@2-grid-2\/10 {
        width: calc(20% - 1.875rem);
    }

    .\@2-grid-3\/10 {
        width: calc(30% - 1.875rem);
    }

    .\@2-grid-4\/10 {
        width: calc(40% - 1.875rem);
    }

    .\@2-grid-5\/10 {
        width: calc(50% - 1.875rem);
    }

    .\@2-grid-6\/10 {
        width: calc(60% - 1.875rem);
    }

    .\@2-grid-7\/10 {
        width: calc(70% - 1.875rem);
    }

    .\@2-grid-8\/10 {
        width: calc(80% - 1.875rem);
    }

    .\@2-grid-9\/10 {
        width: calc(90% - 1.875rem);
    }

    .\@2-grid-1\/11 {
        width: calc(9.09091% - 1.875rem);
    }

    .\@2-grid-2\/11 {
        width: calc(18.18182% - 1.875rem);
    }

    .\@2-grid-3\/11 {
        width: calc(27.27273% - 1.875rem);
    }

    .\@2-grid-4\/11 {
        width: calc(36.36364% - 1.875rem);
    }

    .\@2-grid-5\/11 {
        width: calc(45.45455% - 1.875rem);
    }

    .\@2-grid-6\/11 {
        width: calc(54.54545% - 1.875rem);
    }

    .\@2-grid-7\/11 {
        width: calc(63.63636% - 1.875rem);
    }

    .\@2-grid-8\/11 {
        width: calc(72.72727% - 1.875rem);
    }

    .\@2-grid-9\/11 {
        width: calc(81.81818% - 1.875rem);
    }

    .\@2-grid-10\/11 {
        width: calc(90.90909% - 1.875rem);
    }

    .\@2-grid-1\/12 {
        width: calc(8.33333% - 1.875rem);
    }

    .\@2-grid-2\/12 {
        width: calc(16.66667% - 1.875rem);
    }

    .\@2-grid-3\/12 {
        width: calc(25% - 1.875rem);
    }

    .\@2-grid-4\/12 {
        width: calc(33.33333% - 1.875rem);
    }

    .\@2-grid-5\/12 {
        width: calc(41.66667% - 1.875rem);
    }

    .\@2-grid-6\/12 {
        width: calc(50% - 1.875rem);
    }

    .\@2-grid-7\/12 {
        width: calc(58.33333% - 1.875rem);
    }

    .\@2-grid-8\/12 {
        width: calc(66.66667% - 1.875rem);
    }

    .\@2-grid-9\/12 {
        width: calc(75% - 1.875rem);
    }

    .\@2-grid-10\/12 {
        width: calc(83.33333% - 1.875rem);
    }

    .\@2-grid-11\/12 {
        width: calc(91.66667% - 1.875rem);
    }
    /* Bleed widths and margins inside a grid-block. */
    .\@2-span-1\/1 {
        width: 100%;
    }

    .grid-block > .\@2-span-1\/1 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-1\/2 {
        width: 50%;
    }

    .grid-block > .\@2-span-1\/2 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-1\/3 {
        width: 33.33333%;
    }

    .grid-block > .\@2-span-1\/3 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-2\/3 {
        width: 66.66667%;
    }

    .grid-block > .\@2-span-2\/3 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-1\/4 {
        width: 25%;
    }

    .grid-block > .\@2-span-1\/4 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-2\/4 {
        width: 50%;
    }

    .grid-block > .\@2-span-2\/4 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-3\/4 {
        width: 75%;
    }

    .grid-block > .\@2-span-3\/4 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-1\/5 {
        width: 20%;
    }

    .grid-block > .\@2-span-1\/5 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-2\/5 {
        width: 40%;
    }

    .grid-block > .\@2-span-2\/5 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-3\/5 {
        width: 60%;
    }

    .grid-block > .\@2-span-3\/5 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-4\/5 {
        width: 80%;
    }

    .grid-block > .\@2-span-4\/5 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-1\/6 {
        width: 16.66667%;
    }

    .grid-block > .\@2-span-1\/6 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-2\/6 {
        width: 33.33333%;
    }

    .grid-block > .\@2-span-2\/6 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-3\/6 {
        width: 50%;
    }

    .grid-block > .\@2-span-3\/6 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-4\/6 {
        width: 66.66667%;
    }

    .grid-block > .\@2-span-4\/6 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-5\/6 {
        width: 83.33333%;
    }

    .grid-block > .\@2-span-5\/6 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-1\/7 {
        width: 14.28571%;
    }

    .grid-block > .\@2-span-1\/7 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-2\/7 {
        width: 28.57143%;
    }

    .grid-block > .\@2-span-2\/7 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-3\/7 {
        width: 42.85714%;
    }

    .grid-block > .\@2-span-3\/7 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-4\/7 {
        width: 57.14286%;
    }

    .grid-block > .\@2-span-4\/7 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-5\/7 {
        width: 71.42857%;
    }

    .grid-block > .\@2-span-5\/7 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-6\/7 {
        width: 85.71429%;
    }

    .grid-block > .\@2-span-6\/7 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-1\/8 {
        width: 12.5%;
    }

    .grid-block > .\@2-span-1\/8 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-2\/8 {
        width: 25%;
    }

    .grid-block > .\@2-span-2\/8 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-3\/8 {
        width: 37.5%;
    }

    .grid-block > .\@2-span-3\/8 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-4\/8 {
        width: 50%;
    }

    .grid-block > .\@2-span-4\/8 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-5\/8 {
        width: 62.5%;
    }

    .grid-block > .\@2-span-5\/8 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-6\/8 {
        width: 75%;
    }

    .grid-block > .\@2-span-6\/8 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-7\/8 {
        width: 87.5%;
    }

    .grid-block > .\@2-span-7\/8 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-1\/9 {
        width: 11.11111%;
    }

    .grid-block > .\@2-span-1\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-2\/9 {
        width: 22.22222%;
    }

    .grid-block > .\@2-span-2\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-3\/9 {
        width: 33.33333%;
    }

    .grid-block > .\@2-span-3\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-4\/9 {
        width: 44.44444%;
    }

    .grid-block > .\@2-span-4\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-5\/9 {
        width: 55.55556%;
    }

    .grid-block > .\@2-span-5\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-6\/9 {
        width: 66.66667%;
    }

    .grid-block > .\@2-span-6\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-7\/9 {
        width: 77.77778%;
    }

    .grid-block > .\@2-span-7\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-8\/9 {
        width: 88.88889%;
    }

    .grid-block > .\@2-span-8\/9 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-1\/10 {
        width: 10%;
    }

    .grid-block > .\@2-span-1\/10 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-2\/10 {
        width: 20%;
    }

    .grid-block > .\@2-span-2\/10 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-3\/10 {
        width: 30%;
    }

    .grid-block > .\@2-span-3\/10 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-4\/10 {
        width: 40%;
    }

    .grid-block > .\@2-span-4\/10 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-5\/10 {
        width: 50%;
    }

    .grid-block > .\@2-span-5\/10 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-6\/10 {
        width: 60%;
    }

    .grid-block > .\@2-span-6\/10 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-7\/10 {
        width: 70%;
    }

    .grid-block > .\@2-span-7\/10 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-8\/10 {
        width: 80%;
    }

    .grid-block > .\@2-span-8\/10 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-9\/10 {
        width: 90%;
    }

    .grid-block > .\@2-span-9\/10 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-1\/11 {
        width: 9.09091%;
    }

    .grid-block > .\@2-span-1\/11 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-2\/11 {
        width: 18.18182%;
    }

    .grid-block > .\@2-span-2\/11 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-3\/11 {
        width: 27.27273%;
    }

    .grid-block > .\@2-span-3\/11 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-4\/11 {
        width: 36.36364%;
    }

    .grid-block > .\@2-span-4\/11 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-5\/11 {
        width: 45.45455%;
    }

    .grid-block > .\@2-span-5\/11 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-6\/11 {
        width: 54.54545%;
    }

    .grid-block > .\@2-span-6\/11 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-7\/11 {
        width: 63.63636%;
    }

    .grid-block > .\@2-span-7\/11 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-8\/11 {
        width: 72.72727%;
    }

    .grid-block > .\@2-span-8\/11 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-9\/11 {
        width: 81.81818%;
    }

    .grid-block > .\@2-span-9\/11 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-10\/11 {
        width: 90.90909%;
    }

    .grid-block > .\@2-span-10\/11 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-1\/12 {
        width: 8.33333%;
    }

    .grid-block > .\@2-span-1\/12 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-2\/12 {
        width: 16.66667%;
    }

    .grid-block > .\@2-span-2\/12 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-3\/12 {
        width: 25%;
    }

    .grid-block > .\@2-span-3\/12 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-4\/12 {
        width: 33.33333%;
    }

    .grid-block > .\@2-span-4\/12 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-5\/12 {
        width: 41.66667%;
    }

    .grid-block > .\@2-span-5\/12 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-6\/12 {
        width: 50%;
    }

    .grid-block > .\@2-span-6\/12 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-7\/12 {
        width: 58.33333%;
    }

    .grid-block > .\@2-span-7\/12 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-8\/12 {
        width: 66.66667%;
    }

    .grid-block > .\@2-span-8\/12 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-9\/12 {
        width: 75%;
    }

    .grid-block > .\@2-span-9\/12 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-10\/12 {
        width: 83.33333%;
    }

    .grid-block > .\@2-span-10\/12 {
        margin-left: 0;
        margin-right: 0;
    }

    .\@2-span-11\/12 {
        width: 91.66667%;
    }

    .grid-block > .\@2-span-11\/12 {
        margin-left: 0;
        margin-right: 0;
    }
    /* Grid margins inside a grid-block. */
    .grid-block > .\@2-grid-left-0 {
        margin-left: 0.9375rem;
    }

    .grid-block > .\@2-grid-left-1\/2 {
        margin-left: calc(50% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-1\/3 {
        margin-left: calc(33.33333% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-2\/3 {
        margin-left: calc(66.66667% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-1\/4 {
        margin-left: calc(25% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-2\/4 {
        margin-left: calc(50% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-3\/4 {
        margin-left: calc(75% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-1\/5 {
        margin-left: calc(20% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-2\/5 {
        margin-left: calc(40% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-3\/5 {
        margin-left: calc(60% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-4\/5 {
        margin-left: calc(80% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-1\/6 {
        margin-left: calc(16.66667% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-2\/6 {
        margin-left: calc(33.33333% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-3\/6 {
        margin-left: calc(50% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-4\/6 {
        margin-left: calc(66.66667% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-5\/6 {
        margin-left: calc(83.33333% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-1\/7 {
        margin-left: calc(14.28571% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-2\/7 {
        margin-left: calc(28.57143% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-3\/7 {
        margin-left: calc(42.85714% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-4\/7 {
        margin-left: calc(57.14286% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-5\/7 {
        margin-left: calc(71.42857% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-6\/7 {
        margin-left: calc(85.71429% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-1\/8 {
        margin-left: calc(12.5% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-2\/8 {
        margin-left: calc(25% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-3\/8 {
        margin-left: calc(37.5% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-4\/8 {
        margin-left: calc(50% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-5\/8 {
        margin-left: calc(62.5% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-6\/8 {
        margin-left: calc(75% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-7\/8 {
        margin-left: calc(87.5% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-1\/9 {
        margin-left: calc(11.11111% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-2\/9 {
        margin-left: calc(22.22222% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-3\/9 {
        margin-left: calc(33.33333% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-4\/9 {
        margin-left: calc(44.44444% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-5\/9 {
        margin-left: calc(55.55556% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-6\/9 {
        margin-left: calc(66.66667% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-7\/9 {
        margin-left: calc(77.77778% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-8\/9 {
        margin-left: calc(88.88889% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-1\/10 {
        margin-left: calc(10% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-2\/10 {
        margin-left: calc(20% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-3\/10 {
        margin-left: calc(30% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-4\/10 {
        margin-left: calc(40% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-5\/10 {
        margin-left: calc(50% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-6\/10 {
        margin-left: calc(60% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-7\/10 {
        margin-left: calc(70% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-8\/10 {
        margin-left: calc(80% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-9\/10 {
        margin-left: calc(90% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-1\/11 {
        margin-left: calc(9.09091% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-2\/11 {
        margin-left: calc(18.18182% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-3\/11 {
        margin-left: calc(27.27273% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-4\/11 {
        margin-left: calc(36.36364% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-5\/11 {
        margin-left: calc(45.45455% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-6\/11 {
        margin-left: calc(54.54545% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-7\/11 {
        margin-left: calc(63.63636% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-8\/11 {
        margin-left: calc(72.72727% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-9\/11 {
        margin-left: calc(81.81818% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-10\/11 {
        margin-left: calc(90.90909% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-1\/12 {
        margin-left: calc(8.33333% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-2\/12 {
        margin-left: calc(16.66667% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-3\/12 {
        margin-left: calc(25% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-4\/12 {
        margin-left: calc(33.33333% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-5\/12 {
        margin-left: calc(41.66667% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-6\/12 {
        margin-left: calc(50% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-7\/12 {
        margin-left: calc(58.33333% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-8\/12 {
        margin-left: calc(66.66667% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-9\/12 {
        margin-left: calc(75% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-10\/12 {
        margin-left: calc(83.33333% + 0.9375rem);
    }

    .grid-block > .\@2-grid-left-11\/12 {
        margin-left: calc(91.66667% + 0.9375rem);
    }
    /* Grid margins inside a grid-block. */
    .grid-block > .\@2-span-left-0 {
        margin-left: 0;
    }

    .grid-block > .\@2-span-left-1\/2 {
        margin-left: 50%;
    }

    .grid-block > .\@2-span-left-1\/3 {
        margin-left: 33.33333%;
    }

    .grid-block > .\@2-span-left-2\/3 {
        margin-left: 66.66667%;
    }

    .grid-block > .\@2-span-left-1\/4 {
        margin-left: 25%;
    }

    .grid-block > .\@2-span-left-2\/4 {
        margin-left: 50%;
    }

    .grid-block > .\@2-span-left-3\/4 {
        margin-left: 75%;
    }

    .grid-block > .\@2-span-left-1\/5 {
        margin-left: 20%;
    }

    .grid-block > .\@2-span-left-2\/5 {
        margin-left: 40%;
    }

    .grid-block > .\@2-span-left-3\/5 {
        margin-left: 60%;
    }

    .grid-block > .\@2-span-left-4\/5 {
        margin-left: 80%;
    }

    .grid-block > .\@2-span-left-1\/6 {
        margin-left: 16.66667%;
    }

    .grid-block > .\@2-span-left-2\/6 {
        margin-left: 33.33333%;
    }

    .grid-block > .\@2-span-left-3\/6 {
        margin-left: 50%;
    }

    .grid-block > .\@2-span-left-4\/6 {
        margin-left: 66.66667%;
    }

    .grid-block > .\@2-span-left-5\/6 {
        margin-left: 83.33333%;
    }

    .grid-block > .\@2-span-left-1\/7 {
        margin-left: 14.28571%;
    }

    .grid-block > .\@2-span-left-2\/7 {
        margin-left: 28.57143%;
    }

    .grid-block > .\@2-span-left-3\/7 {
        margin-left: 42.85714%;
    }

    .grid-block > .\@2-span-left-4\/7 {
        margin-left: 57.14286%;
    }

    .grid-block > .\@2-span-left-5\/7 {
        margin-left: 71.42857%;
    }

    .grid-block > .\@2-span-left-6\/7 {
        margin-left: 85.71429%;
    }

    .grid-block > .\@2-span-left-1\/8 {
        margin-left: 12.5%;
    }

    .grid-block > .\@2-span-left-2\/8 {
        margin-left: 25%;
    }

    .grid-block > .\@2-span-left-3\/8 {
        margin-left: 37.5%;
    }

    .grid-block > .\@2-span-left-4\/8 {
        margin-left: 50%;
    }

    .grid-block > .\@2-span-left-5\/8 {
        margin-left: 62.5%;
    }

    .grid-block > .\@2-span-left-6\/8 {
        margin-left: 75%;
    }

    .grid-block > .\@2-span-left-7\/8 {
        margin-left: 87.5%;
    }

    .grid-block > .\@2-span-left-1\/9 {
        margin-left: 11.11111%;
    }

    .grid-block > .\@2-span-left-2\/9 {
        margin-left: 22.22222%;
    }

    .grid-block > .\@2-span-left-3\/9 {
        margin-left: 33.33333%;
    }

    .grid-block > .\@2-span-left-4\/9 {
        margin-left: 44.44444%;
    }

    .grid-block > .\@2-span-left-5\/9 {
        margin-left: 55.55556%;
    }

    .grid-block > .\@2-span-left-6\/9 {
        margin-left: 66.66667%;
    }

    .grid-block > .\@2-span-left-7\/9 {
        margin-left: 77.77778%;
    }

    .grid-block > .\@2-span-left-8\/9 {
        margin-left: 88.88889%;
    }

    .grid-block > .\@2-span-left-1\/10 {
        margin-left: 10%;
    }

    .grid-block > .\@2-span-left-2\/10 {
        margin-left: 20%;
    }

    .grid-block > .\@2-span-left-3\/10 {
        margin-left: 30%;
    }

    .grid-block > .\@2-span-left-4\/10 {
        margin-left: 40%;
    }

    .grid-block > .\@2-span-left-5\/10 {
        margin-left: 50%;
    }

    .grid-block > .\@2-span-left-6\/10 {
        margin-left: 60%;
    }

    .grid-block > .\@2-span-left-7\/10 {
        margin-left: 70%;
    }

    .grid-block > .\@2-span-left-8\/10 {
        margin-left: 80%;
    }

    .grid-block > .\@2-span-left-9\/10 {
        margin-left: 90%;
    }

    .grid-block > .\@2-span-left-1\/11 {
        margin-left: 9.09091%;
    }

    .grid-block > .\@2-span-left-2\/11 {
        margin-left: 18.18182%;
    }

    .grid-block > .\@2-span-left-3\/11 {
        margin-left: 27.27273%;
    }

    .grid-block > .\@2-span-left-4\/11 {
        margin-left: 36.36364%;
    }

    .grid-block > .\@2-span-left-5\/11 {
        margin-left: 45.45455%;
    }

    .grid-block > .\@2-span-left-6\/11 {
        margin-left: 54.54545%;
    }

    .grid-block > .\@2-span-left-7\/11 {
        margin-left: 63.63636%;
    }

    .grid-block > .\@2-span-left-8\/11 {
        margin-left: 72.72727%;
    }

    .grid-block > .\@2-span-left-9\/11 {
        margin-left: 81.81818%;
    }

    .grid-block > .\@2-span-left-10\/11 {
        margin-left: 90.90909%;
    }

    .grid-block > .\@2-span-left-1\/12 {
        margin-left: 8.33333%;
    }

    .grid-block > .\@2-span-left-2\/12 {
        margin-left: 16.66667%;
    }

    .grid-block > .\@2-span-left-3\/12 {
        margin-left: 25%;
    }

    .grid-block > .\@2-span-left-4\/12 {
        margin-left: 33.33333%;
    }

    .grid-block > .\@2-span-left-5\/12 {
        margin-left: 41.66667%;
    }

    .grid-block > .\@2-span-left-6\/12 {
        margin-left: 50%;
    }

    .grid-block > .\@2-span-left-7\/12 {
        margin-left: 58.33333%;
    }

    .grid-block > .\@2-span-left-8\/12 {
        margin-left: 66.66667%;
    }

    .grid-block > .\@2-span-left-9\/12 {
        margin-left: 75%;
    }

    .grid-block > .\@2-span-left-10\/12 {
        margin-left: 83.33333%;
    }

    .grid-block > .\@2-span-left-11\/12 {
        margin-left: 91.66667%;
    }
}

/*
.grid-1/n

Styleguide: 1.grid-n
*/
/*
.span-1/n

Styleguide: 1.span-n
*/
.grid-1\/n:nth-last-child(2):first-child {
    width: calc(50% - 1.875rem);
}

.grid-1\/n:nth-last-child(3):first-child {
    width: calc(33.33333% - 1.875rem);
}

.grid-1\/n:nth-last-child(4):first-child {
    width: calc(25% - 1.875rem);
}

.grid-1\/n:nth-last-child(5):first-child {
    width: calc(20% - 1.875rem);
}

.grid-1\/n:nth-last-child(6):first-child {
    width: calc(16.66667% - 1.875rem);
}

.span-1\/n:nth-last-child(2):first-child {
    width: 50%;
}

.span-1\/n:nth-last-child(3):first-child {
    width: 33.33333%;
}

.span-1\/n:nth-last-child(4):first-child {
    width: 25%;
}

.span-1\/n:nth-last-child(5):first-child {
    width: 20%;
}

.span-1\/n:nth-last-child(6):first-child {
    width: 16.66667%;
}

@media all and (min-width: 30em) {
    .\@1-grid-1\/n:nth-last-child(2):first-child {
        width: calc(50% - 1.875rem);
    }

    .\@1-grid-1\/n:nth-last-child(3):first-child {
        width: calc(33.33333% - 1.875rem);
    }

    .\@1-grid-1\/n:nth-last-child(4):first-child {
        width: calc(25% - 1.875rem);
    }

    .\@1-grid-1\/n:nth-last-child(5):first-child {
        width: calc(20% - 1.875rem);
    }

    .\@1-grid-1\/n:nth-last-child(6):first-child {
        width: calc(16.66667% - 1.875rem);
    }

    .\@1-grid-1\/n:nth-last-child(7):first-child {
        width: calc(14.28571% - 1.875rem);
    }

    .\@1-grid-1\/n:nth-last-child(8):first-child {
        width: calc(12.5% - 1.875rem);
    }

    .\@1-grid-1\/n:nth-last-child(9):first-child {
        width: calc(11.11111% - 1.875rem);
    }

    .\@1-span-1\/n:nth-last-child(2):first-child {
        width: 50%;
    }

    .\@1-span-1\/n:nth-last-child(3):first-child {
        width: 33.33333%;
    }

    .\@1-span-1\/n:nth-last-child(4):first-child {
        width: 25%;
    }

    .\@1-span-1\/n:nth-last-child(5):first-child {
        width: 20%;
    }

    .\@1-span-1\/n:nth-last-child(6):first-child {
        width: 16.66667%;
    }

    .\@1-span-1\/n:nth-last-child(7):first-child {
        width: 14.28571%;
    }

    .\@1-span-1\/n:nth-last-child(8):first-child {
        width: 12.5%;
    }

    .\@1-span-1\/n:nth-last-child(9):first-child {
        width: 11.11111%;
    }
}

@media all and (min-width: 50em) {
    .\@2-grid-1\/n:nth-last-child(2):first-child {
        width: calc(50% - 1.875rem);
    }

    .\@2-grid-1\/n:nth-last-child(3):first-child {
        width: calc(33.33333% - 1.875rem);
    }

    .\@2-grid-1\/n:nth-last-child(4):first-child {
        width: calc(25% - 1.875rem);
    }

    .\@2-grid-1\/n:nth-last-child(5):first-child {
        width: calc(20% - 1.875rem);
    }

    .\@2-grid-1\/n:nth-last-child(6):first-child {
        width: calc(16.66667% - 1.875rem);
    }

    .\@2-grid-1\/n:nth-last-child(7):first-child {
        width: calc(14.28571% - 1.875rem);
    }

    .\@2-grid-1\/n:nth-last-child(8):first-child {
        width: calc(12.5% - 1.875rem);
    }

    .\@2-grid-1\/n:nth-last-child(9):first-child {
        width: calc(11.11111% - 1.875rem);
    }

    .\@2-grid-1\/n:nth-last-child(10):first-child {
        width: calc(10% - 1.875rem);
    }

    .\@2-grid-1\/n:nth-last-child(11):first-child {
        width: calc(9.09091% - 1.875rem);
    }

    .\@2-grid-1\/n:nth-last-child(12):first-child {
        width: calc(8.33333% - 1.875rem);
    }

    .\@2-span-1\/n:nth-last-child(2):first-child {
        width: 50%;
    }

    .\@2-span-1\/n:nth-last-child(3):first-child {
        width: 33.33333%;
    }

    .\@2-span-1\/n:nth-last-child(4):first-child {
        width: 25%;
    }

    .\@2-span-1\/n:nth-last-child(5):first-child {
        width: 20%;
    }

    .\@2-span-1\/n:nth-last-child(6):first-child {
        width: 16.66667%;
    }

    .\@2-span-1\/n:nth-last-child(7):first-child {
        width: 14.28571%;
    }

    .\@2-span-1\/n:nth-last-child(8):first-child {
        width: 12.5%;
    }

    .\@2-span-1\/n:nth-last-child(9):first-child {
        width: 11.11111%;
    }

    .\@2-span-1\/n:nth-last-child(10):first-child {
        width: 10%;
    }

    .\@2-span-1\/n:nth-last-child(11):first-child {
        width: 9.09091%;
    }

    .\@2-span-1\/n:nth-last-child(12):first-child {
        width: 8.33333%;
    }
}

@charset "UTF-8";@font-face{font-family:"Folio";src:url("../fonts/folio/FolioStd-Light.woff");font-weight:300;font-style:normal;}@font-face{font-family:"Folio";src:url("../fonts/folio/FolioStd-Medium.woff");font-weight:500;font-style:normal;}.viewport-body{height:100%;overflow:hidden;padding-bottom:7.5rem;background-image:url("../Content/themes/hbl/background.jpg");background-size:150% auto;background-position:33.3333% 0;background-color:#007bc0;}@media(min-width:50em){.viewport-body{background-size:100vw auto;background-position:50% 0;}}@media(min-width:70em){.viewport-body{background-size:100vw auto;background-position:100% -40px;background-color:#007bc0;}}@media screen and (min-height:0) and (max-height:40em){.viewport-body{overflow-y:scroll;}}body>.grid-block{margin-left:auto;margin-right:auto;}.viewport-body>.main-block{position:absolute;bottom:0;left:0;right:0;min-height:calc(66.666667% + 3rem);max-height:100%;padding-top:1.5rem;padding-bottom:5%;padding-top:calc(8.33333vw + .9375rem);background-color:#fff;}@media(min-width:50em){.viewport-body>.main-block{padding-top:5vw;min-height:calc(50% + 4.5rem);}}.language{color:#fff;position:absolute;right:1vw;top:1vw;}.tos{height:25vw;}body>.message-block{position:fixed;top:0;left:0;right:0;transform:translate3d(0,-100%,0);transition:transform .3s ease-in;z-index:1;}body>.message-block.active{transform:translate3d(0,0,0);}#finsin-text{line-height:1rem;}[type=text],[type=password],[type=number]{line-height:2.75rem;text-indent:0;padding-left:0;border-width:0;border-top:.125rem solid transparent;border-bottom:.125rem solid #949599;border-bottom:.125rem solid var(--neutral-70-color);box-shadow:none!important;}input,select{height:3rem;}.auth-input{padding-left:2.25rem;}input+[type=password]{margin-top:1.5rem;}.validated input:invalid,.validated select:invalid,.validated textarea:invalid,input.validated:invalid,select.validated:invalid,textarea.validated:invalid{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-top-color:transparent!important;border-bottom-color:#d61729!important;}button:focus,input:focus,select:focus,textarea:focus,.validated input:focus,.validated select:focus,.validated textarea:focus,input.validated:focus,select.validated:focus,textarea.validated:focus,.masked:focus+.checkbox-label:before,.masked:focus+.radio-label:before{outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-top-color:transparent!important;border-bottom-color:#2897ce!important;}@media screen and (min-width:0){select:focus select.error:focus{border-color:#5086c5!important;}select.error{border-color:#e62b24!important;}}label{font-size:12px;line-height:.9375rem;text-transform:uppercase;}@media(min-width){label{font-size:.9375rem;}}.error-label{position:absolute;margin-top:.2rem!important;border-width:none;width:100%;text-align:right;color:#bd2c16;color:var(--red-color);}#capsLockWarning{display:none;color:var(--red-color);margin-top:1rem!important;}.icon{background-image:url("themes/hbl/icons.svg");background-size:1.5rem auto;}.lock-icon{background-position:0 -38px;}.user-icon{background-position:0 2px;}.user-icon{background-position:0 2px;}input.icon{background-origin:border-box;}input.user-icon,.icon-thumb.user-icon{background-position:0 13px;}input.lock-icon,.icon-thumb.lock-icon{background-position:0 -27px;}input.code-icon,.icon-thumb.code-icon{background-position:0 -67px;}.validated.user-icon:invalid,.validated:invalid+.user-icon,.validated:invalid+.error-label+.user-icon{background-position:0 -307px;}.validated.lock-icon:invalid,.validated:invalid+.lock-icon,.validated:invalid+.error-label+.lock-icon{background-position:0 -347px;}.validated.code-icon:invalid,.validated:invalid+.code-icon,.validated:invalid+.error-label+.code-icon{background-position:0 -387px;}input.user-icon:focus,input:focus+.user-icon,input:focus+.error-label+.user-icon,.validated.user-icon:focus,.validated:focus+.user-icon,.validated:focus+.error-label+.user-icon{background-position:0 -147px;}input.lock-icon:focus,input:focus+.lock-icon,input:focus+.error-label+.lock-icon,.validated.lock-icon:focus,.validated:focus+.lock-icon,.validated:focus+.error-label+.lock-icon{background-position:0 -187px;}input.code-icon:focus,input:focus+.code-icon,input:focus+.error-label+.code-icon,.validated.code-icon:focus,.validated:focus+.code-icon,.validated:focus+.error-label+.code-icon{background-position:0 -227px;}button,.button{font-weight:300;line-height:1.3125rem;padding-top:.625rem;padding-bottom:.5rem;padding-left:1.875rem;padding-right:1.875rem;vertical-align:middle;}.post-button,.swal-button{font-size:.875rem;font-weight:300;text-transform:uppercase;color:#fff;background-color:#007bc0;border-radius:.25rem;}.menu-button{text-align:left;padding-left:.9375rem;padding-right:.0375rem;font-size:1rem;font-weight:300;padding-top:.875rem;padding-bottom:.8125rem;}@media(min-width:50em){.menu-button::after{position:absolute;top:50%;right:.9375rem;line-height:1rem;margin-top:-.5rem;content:"▶";color:#dadadb;}.menu-button.on::after{content:"▶";color:#66676c;}}.toggle-button{text-align:left;padding-left:.9375rem;padding-right:.0375rem;font-size:1rem;font-weight:300;padding-top:.875rem;padding-bottom:.8125rem;}.toggle-button::after{position:absolute;top:50%;right:.9375rem;line-height:1rem;margin-top:-.5rem;color:#66676c;}.toggle-button.on::after{content:"-";}@media(min-width:50em){.toggle-button::after{content:"▶";color:#dadadb;}.toggle-button.on::after{content:"▶";color:#66676c;}}.tab-button{width:calc(33.3333% - .0833rem);width:auto;display:inline-block;font-size:.9375rem;font-weight:500;text-align:left;padding-left:.5625rem;padding-right:1.125rem;color:#333436;border-top:1px solid #b3b4b6;border-left:1px solid #b3b4b6;border-right:1px solid #b3b4b6;border-bottom:1px solid transparent;border-top-left-radius:.125rem;border-top-right-radius:.125rem;margin-bottom:-1px;white-space:nowrap;}.tab-button::after{position:absolute;top:50%;right:.9375rem;line-height:1rem;margin-top:-.5rem;color:#66676c;}.tab-button.on{border-color:#66676c;border-bottom-color:#fff;}.tab-button+.tab-button{margin-left:.125rem;}@media(min-width:30em){.tab-button{padding-right:1.3125rem;}}@media(min-width:50em){.tab-button{width:100%;border-left-width:0;border-right-width:0;border-bottom-width:0;border-radius:0;margin-bottom:0;text-align:left;padding-left:.9375rem;padding-right:.0375rem;font-size:1rem;padding-top:.875rem;padding-bottom:.8125rem;}.tab-button.on{border-color:#b3b4b6;border-bottom-color:#fff;}.tab-button::after{content:"▶";color:#dadadb;}.tab-button.on::after{content:"▶";color:#66676c;}.tab-button+.tab-button{margin-left:0;}}.back-button{position:absolute;right:2em;bottom:-2.5em;}.logo-thumb{width:13.125rem;height:auto;padding-top:2.8rem;background-image:url("themes/hbl/logo.svg");}@media(min-width:100em){.logo-thumb{width:14.0625rem;height:auto;padding-top:3rem;background-image:url("themes/hbl/logo.svg");}}@media(max-width:100em){.logo-thumb{visibility:hidden;}}body>.logo-container{margin-left:2.5rem;margin-right:auto;max-width:66.25rem;padding-top:2.5rem;position:absolute;right:7em;bottom:7em;z-index:1;width:inherit;}@media screen and (min-width:25em) and (max-width:35em){body>.logo-container{right:4em;}}@media screen and (min-width:0) and (max-width:25em){.logo-thumb{visibility:hidden;}}.icon-thumb{width:2.25rem;padding-top:3rem;}.auth-input+.icon-thumb,.auth-input+.error-label+.icon-thumb{position:absolute;margin-top:-3rem;}.main-block{border-top:3rem solid #007bc0;}.main-block:after{content:"";position:absolute;top:-3rem;left:0;right:0;bottom:auto;height:.9375rem;background-color:#4da2d3;}@media screen and (min-height:0) and (max-height:40em){.main-block>.grid-block{top:-1.5rem;}}.main-block>.grid-block{margin-left:auto;margin-right:auto;max-width:66.25rem;}.main-block>.contact-button{position:absolute;bottom:5rem;left:50%;margin-left:-100px;width:200px;color:var(--neutral-70-color);padding-left:0;padding-right:0;}.main-block>.grid-block>.menu-block{margin-top:0;}@media(min-width:30em){.main-block>.contact-button{bottom:.75rem;left:4.1667vw;margin-left:0;width:auto;}}@media(min-width:50em){.main-block{border-top:4.5rem solid #007bc0;}.main-block:after{top:-4.5rem;height:1.5rem;}}.menu-block>.toggle-block,.toggle-block>.toggle-block{padding-left:.9375rem;padding-right:.9375rem;margin-left:-.9375rem;margin-right:-.9375rem;}.menu-block>.toggle-block.active{padding-top:.9375rem;}.menu-block>*+.button::before{content:"";position:absolute;top:0;left:0;right:0;border-top:1px solid #dadadb;}.tab-menu-block{padding-left:.3125rem;padding-right:.3125rem;border-bottom:1px solid #66676c;}.tab-menu-block>*+.button::before{content:none;}@media(min-width:30em){.tab-menu-block{padding-left:.9375rem;padding-right:.9375rem;}}@media(min-width:50em){.tab-menu-block{padding-left:0;padding-right:0;border-color:#b3b4b6;}}.tab-block{min-height:63px;}.finsign-tab-block>div>p{margin-left:2.5em;}.finsign-tab-block>div>#finsign-early-retry{margin-top:2em;display:none;}.finsign-tab-block.requested::after{left:.9375rem;top:.625rem;width:1.5625rem;height:1.5625rem;}.secondfactor-tab-block>div>p{margin-left:2.5em;cursor:not-allowed;}.secondfactor-tab-block>div>#secondfactor-early-retry{margin-top:2em;display:none;}.secondfactor-tab-block.requested::after{left:.9375rem;top:.625rem;width:1.5625rem;height:1.5625rem;}.secondfactor-events{pointer-events:none;}.action-block>a+.post-button{margin-left:.9375rem;}.message-block{padding:.625rem;padding-top:1.5rem;padding-left:.9375rem;padding-right:5.0625rem;min-height:3.75rem;}.message-block>.close-thumb{position:absolute;top:.625rem;right:.625rem;}.inline-message{line-height:1.75em;margin-top:1.25em;}.block>.request.requested::after{top:50%;}.text-1,h1,.text-2,h2,.text-3,h3,.text-4,h4,.text-5,h5,.text-6,h6,.text-8,body{font-family:Folio,Arial,sans-serif;font-style:normal;font-weight:300;text-transform:none;}.text-10,code{font-family:Courier,monospace;font-style:normal;text-transform:none;}.text-1,h1{font-size:35px;line-height:2.625rem;font-weight:300;}.text-6,h6{font-size:1.3125rem;line-height:1.5rem;font-weight:300;}.text-8,body{font-size:.9375rem;line-height:1.5625rem;font-weight:300;}.text-9,body{font-size:.8125rem;line-height:.9375rem;font-weight:300;}.text-1+.text-6{margin-top:.75rem;}strong{font-weight:500;}:root{--base-color:#007bc0;--base-color-light:#4da2d3;--base-color-light-2:#80bce0;--base-color-dark:#2897ce;--base-color-dark-2:#007bc0;}:root{--blue-color:#007bc0;}.blue-fg{color:#007bc0;}.blue-bg{background-color:#007bc0;}.blue-fill{fill:#007bc0;}:root{--blue-70-color:#4da2d3;}.blue-70-fg{color:#4da2d3;}.blue-70-bg{background-color:#4da2d3;}.blue-70-fill{fill:#4da2d3;}:root{--blue-50-color:#80bce0;}.blue-50-fg{color:#80bce0;}.blue-50-bg{background-color:#80bce0;}.blue-50-fill{fill:#80bce0;}:root{--sky-color:#2897ce;}.sky-fg{color:#2897ce;}.sky-bg{background-color:#2897ce;}.sky-fill{fill:#2897ce;}:root{--green-color:#cbd300;}.green-fg{color:#2d9b45;}.green-bg{background-color:#57af68;}.green-fill{fill:#cbd300;}:root{--green-75-color:#d8de40;}.green-75-fg{color:#d8de40;}.green-75-bg{background-color:#d8de40;}.green-75-fill{fill:#d8de40;}:root{--green-50-color:#e6ea80;}.green-50-fg{color:#67d37b;}.green-50-bg{background-color:#60f280;}.green-50-fill{fill:#e6ea80;}:root{--orange-color:#f5a500;}.orange-fg{color:#f5a500;}.orange-bg{background-color:#f5a500;}.orange-fill{fill:#f5a500;}:root{--red-color:#bd2c16;}.red-fg{color:#bd2c16;}.red-bg{background-color:#bd2c16;}.red-fill{fill:#bd2c16;}:root{--red-70-color:#d16c5c;}.red-70-fg{color:#d16c5c;}.red-70-bg{background-color:#d16c5c;}.red-70-fill{fill:#d16c5c;}:root{--red-40-color:#e5aba2;}.red-40-fg{color:#e5aba2;}.red-40-bg{background-color:#e5aba2;}.red-40-fill{fill:#e5aba2;}:root{--neutral-color:#66676c;}.neutral-fg{color:#66676c;}.neutral-bg{background-color:#66676c;}.neutral-fill{fill:#66676c;}:root{--neutral-70-color:#949599;}.neutral-70-fg{color:#949599;}.neutral-70-bg{background-color:#949599;}.neutral-70-fill{fill:#949599;}:root{--neutral-50-color:#b3b4b6;}.neutral-50-fg{color:#b3b4b6;}.neutral-50-bg{background-color:#b3b4b6;}.neutral-50-fill{fill:#b3b4b6;}:root{--neutral-25-color:#dadadb;}.neutral-25-fg{color:#dadadb;}.neutral-25-bg{background-color:#dadadb;}.neutral-25-fill{fill:#dadadb;}:root{--grey-60-color:#676767;}.grey-60-fg{color:#676767;}.grey-60-bg{background-color:#676767;}.grey-60-fill{fill:#676767;}:root{--grey-35-color:#a7a7a7;}.grey-35-fg{color:#a7a7a7;}.grey-35-bg{background-color:#a7a7a7;}.grey-35-fill{fill:#a7a7a7;}:root{--grey-15-color:#dadada;}.grey-15-fg{color:#dadada;}.grey-15-bg{background-color:#dadada;}.grey-15-fill{fill:#dadada;}.black{color:#000;}.auth-block{padding-bottom:3.375rem;}.post-button.block{margin-left:-4px;margin-right:-4px;width:calc(100% + .5rem);}.auth-block>*+.post-button{margin-top:2.25rem;}.auth-input+.text-9,.auth-input+.error-label+.text-9{margin-top:.5625rem;}.auth-block>.login-request,.auth-block>.post-button,.auth-block>.action-block{position:absolute;right:-.25rem;bottom:-.5rem;margin:0;width:auto;}.auth-block>.requested::after{left:-2.9rem;top:-1.6rem;}.auth-input+label,.auth-input+.error-label+label{margin-top:1.5rem;}.icon-input{text-indent:2rem;}@media(min-width:50em){.grid-block>.welcome-block{margin-top:32px;padding-left:calc(.5*(8.33333vw - 1.71875rem));}}label+.auth-input{margin-top:-.375rem;}@media(min-width:50em){label+.auth-input{margin-top:-.375rem;}}.device{margin-top:1em;}#remove-device-x{display:none;}td{vertical-align:middle;font-weight:lighter;line-height:1rem;}th{border-style:groove;border-color:var(--neutral-70-color);border-top-width:0;border-left-width:0;border-right-width:0;}.remove-button-container{padding-left:1.5rem;}.remove-button{font-size:.875rem;font-weight:300;color:#fff;background-color:#007bc0;border-radius:.25rem;padding-right:1rem;padding-left:1rem;padding-top:.25rem;padding-bottom:.25rem;overflow:auto;}#finsign-activation>.action-block{text-align:center;margin-top:1em;width:auto;}@media screen and (min-width:0) and (max-width:25rem){#finsign-activation{margin-left:0;}#finsign-activation>.action-block>a~.post-button{margin-top:1rem;}.grid-block>.device-block{margin-left:-.9375rem;}#remove-device-text{display:none;}#remove-device-x{display:inherit;}}.finsign-request>#finsign-success{margin:0 auto;text-align:center;}.finsign-request>#finsign-success>#qr-code{margin:0 auto;display:inline-block;}#qr-code{margin:1em;}@media(min-width:50em){.grid-block>.device-block,.grid-block>.finsign-request{margin-left:calc(10% + .5rem);}}.switch{position:relative;display:inline-block;width:60px;height:34px;margin-top:1em;margin-bottom:1em;}.switch input{display:none;}.slider{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#ccc;-webkit-transition:.5s;transition:.5s;border-radius:34px;}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.5s;transition:.5s;border-radius:50%;}input:checked+.slider{background-color:#007bc0;}input:focus+.slider{box-shadow:0 0 1px #007bc0;}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}.oaapp{display:flex;}.oaapp-deactivated{opacity:.5;}.divider{border-bottom:.125rem solid #2897ce;margin-bottom:1.125rem;margin-top:.75rem;}.oaactivated>p,.oadeactivated>p{padding-top:.25em;}.oaactivated,.oadeactivated{max-width:calc(100% - 3.5em);}.centered{display:inline-block;vertical-align:middle;}.center-container{white-space:nowrap;margin-top:.5em;margin-bottom:1em;}.center-container::before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:.25em;}.app-icon{display:inline-block;height:3em;width:3em;}.oasettings{display:flex;}.oasettings>div{display:block;width:100%;}.oasettings-margin{margin-left:1em;}.oaallowblock{display:flex;padding-bottom:2em;}.oaallowblock>p{padding-top:1.55em;margin-right:.75em;width:70%;}.oasaveblock{position:absolute;right:-.25rem;margin-top:3rem;width:auto;}.oaallowblock>.oasaveblock{right:auto;}#oaPasswordChange{position:absolute;right:-.25rem;padding-top:1em;}#policy-short{position:absolute;padding-top:1em;}.oasettings>div>.error-label{position:relative;}#checkboxcontainer{display:inline-block;margin-left:0;vertical-align:baseline;}#checkboxcontainer>label{margin-top:0;}#checkboxcontainer>input[type=checkbox]{display:none;}#checkboxcontainer>label::before{border-radius:1px;border-color:#808080;}#choice-block{display:inline-block;margin-top:1rem;width:100%;}#choice-block>div>.post-button{margin-top:1rem;}#choice-block>p{padding-top:3em;margin-bottom:1em;}#rememberChoice{padding-left:2em;}.container{display:block;position:relative;padding-left:35px;margin-bottom:13px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.container input{position:absolute;opacity:0;cursor:pointer;}.checkmark{position:absolute;top:.66rem;left:0;height:1em;width:1em;background-color:#eee;}.container:hover input~.checkmark{background-color:#ccc;}.container input:checked~.checkmark{background-color:#2196f3;}.checkmark:after{content:"";position:absolute;display:none;}.container input:checked~.checkmark:after{display:block;}.container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}@media(min-width:50em){#checkboxcontainer{margin-left:2em;}}#choice-label-text{margin-left:2rem;}html>body>footer{position:fixed;padding:.5rem;right:0;left:0;bottom:0;background-color:#007bc0;text-align:center;}footer{color:#fff;}footer>div,footer>.lang-block{display:inline-block;}