@charset "UTF-8";

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

html {
    font-family: sans-serif
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
    margin: 0
}

button {
    background: transparent;
    padding: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

fieldset {
    margin: 0;
    padding: 0
}

ol,
ul {
    margin: 0
}

*,
:after,
:before {
    border: 0 solid #dae4e9
}

img {
    border-style: solid
}

textarea {
    resize: vertical
}

img {
    height: auto
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: .5
}

input:-ms-input-placeholder,
input::-ms-input-placeholder,
textarea:-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: inherit;
    opacity: .5
}

input::placeholder,
textarea::placeholder {
    color: inherit;
    opacity: .5
}

[role=button],
button {
    cursor: pointer
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

img {
    max-width: 100%
}

svg {
    fill: currentColor
}

[tabindex="-1"]:focus {
    outline: none !important
}

[hidden] {
    display: none
}

a,
button {
    transition: background-color .125s ease, color .125s ease
}

a {
    color: #78be20;
    text-decoration: none
}

a:hover {
    color: #002145;
    text-decoration: underline
}

button,
input,
optgroup,
select,
textarea {
    line-height: 1.5rem
}

.form-item {
    margin-bottom: 1.5rem !important
}

label {
    font-weight: 400
}

select {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background: none;
    background-color: #fff;
    padding: .5rem 1rem;
    color: #bfbfbf;
    -webkit-appearance: initial
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    transition: border .2s linear, box-shadow .2s linear;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background-color: #fff;
    padding: .5rem;
    width: 100%;
    max-width: 100%;
    color: #bfbfbf
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
    outline: 0;
    border-color: rgba(82, 168, 236, .8);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    background-color: #fff
}

::-webkit-input-placeholder {
    opacity: 1;
    color: #bfbfbf
}

:-ms-input-placeholder,
::-ms-input-placeholder {
    opacity: 1;
    color: #bfbfbf
}

::placeholder {
    opacity: 1;
    color: #bfbfbf
}

.form-type-select {
    display: inline-block;
    margin-bottom: 1.5rem;
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

.form-type-select select {
    transition: border .2s linear;
    background-repeat: no-repeat;
    background-size: 42px 42px;
    padding-right: 3rem;
    padding-left: .5rem;
    width: 100%;
    height: 2.625rem;
    line-height: 1;
    background-position-x: right;
    background-position-y: center
}

.form-type-select select:focus {
    border-color: rgba(82, 168, 236, .8)
}

.form-type-checkbox input,
.form-type-radio input,
.pickcourse .form-checkbox,
.pickcourse .form-radio {
    float: left;
    opacity: 0;
    margin: 0;
    width: 0;
    height: 0
}

.form-type-checkbox label,
.form-type-radio label,
.pickcourse .form-type-checkbox,
.pickcourse .form-type-radio {
    position: relative;
    margin-bottom: 0;
    padding-left: 2rem
}

.form-type-checkbox label:after,
.form-type-checkbox label:before,
.form-type-radio label:after,
.form-type-radio label:before,
.pickcourse .form-type-checkbox:after,
.pickcourse .form-type-checkbox:before,
.pickcourse .form-type-radio:after,
.pickcourse .form-type-radio:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
    content: ""
}

.form-type-checkbox label:before,
.form-type-radio label:before,
.pickcourse .form-type-checkbox:before,
.pickcourse .form-type-radio:before {
    border: 2px solid #999
}

.form-type-radio label:before,
.pickcourse .form-type-radio:before {
    border-radius: 50px
}

.form-type-checkbox input:disabled+label:before,
.form-type-radio input:disabled+label:before,
.pickcourse .form-checkbox:disabled+label:before,
.pickcourse .form-radio:disabled+label:before {
    background-color: #e4e5e6
}

.form-type-checkbox input+label:after,
.form-type-radio input+label:after,
.pickcourse .form-checkbox+label:after,
.pickcourse .form-radio+label:after {
    content: none
}

.form-type-checkbox input:checked+label:after,
.form-type-radio input:checked+label:after,
.pickcourse .form-checkbox:checked+label:after,
.pickcourse .form-radio:checked+label:after {
    content: ""
}

.form-type-radio input:checked+label:after,
.pickcourse .form-radio:checked+label:after {
    top: 3px;
    left: 3px;
    border-radius: 50px;
    background-color: #002145;
    width: .875rem;
    height: .875rem
}

.form-type-checkbox input:checked+label:after,
.pickcourse .form-checkbox:checked+label:after {
    top: 6px;
    left: 5px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color: #002145;
    width: 10px;
    height: 6px
}

.form-type-radio input:checked:disabled+label:after,
.pickcourse .form-radio:checked:disabled+label:after {
    background-color: #e6e6e6
}

.form-type-checkbox input:checked:disabled+label:after,
.pickcourse .form-checkbox:checked:disabled+label:after {
    border-color: #e6e6e6
}

.form-required {
    color: #500
}

.views-exposed-form {
    margin-top: 3rem
}

.space-nolabel,
.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 1.125rem
}

@media (min-width:768px) {

    .views-exposed-form,
    form {
        display: block !important
    }
}

table {
    width: 100%;
    text-align: left;
    font-size: .875rem;
    margin-top: 1.5rem;
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    vertical-align: top;
    padding: 0 0 0 .5rem;
    line-height: 24px
}

th {
    text-transform: uppercase;
    color: #002145;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: .5rem;
    font-size: .75rem
}

tbody tr.odd,
tbody tr:nth-child(odd) {
    background-color: #f2f2f2
}

td {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: .5rem
}

.table--responsive {
    display: block;
    min-width: 100%
}

@media (max-width:767px) {
    .table--responsive table {
        display: block;
        overflow-x: scroll
    }
}

.table--plain {
    border-bottom-width: 0
}

.table--plain tr {
    border-top-width: 0;
    background-color: transparent !important
}

.table--condensed td,
.table--condensed th {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-right: .25rem;
    line-height: 1.25
}

.media--wrapper {
    position: relative;
    padding-top: 30px;
    padding-bottom: 56.25%;
    height: 0 !important;
    overflow: hidden
}

.media--wrapper embed,
.media--wrapper iframe,
.media--wrapper object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.img-and-caption {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

figcaption {
    font-size: .75rem;
    color: #e6e6e6;
    text-align: right
}

.texture--image-overlay {
    position: absolute;
    background-image: url(../img/svg/image-texture.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 60%;
    background-position-x: left;
    background-position-y: bottom
}

.texture--image-overlay--home {
    background-image: url(../img/svg/image-texture-homepage.svg);
    background-size: cover
}

@media (min-width:1200px) {
    .texture--image-overlay--home {
        background-size: contain
    }
}

@font-face {
    font-family: Stag Web;
    font-stretch: normal;
    font-weight: 600;
    font-style: normal;
    src: url(../fonts/stag/Stag-Semibold-Web.eot);
    src: url(../fonts/stag/Stag-Semibold-Web.eot?#iefix) format("embedded-opentype"), url(../fonts/stag/Stag-Semibold-Web.woff2) format("woff2"), url(../fonts/stag/Stag-Semibold-Web.woff) format("woff")
}

html {
    color: #7d7d7d;
    font-family: Whitney SSm A, Whitney SSm B, Arial, sans-serif;
    font-size: 100%
}

p {
    margin-bottom: 0;
    line-height: 1.5rem
}

ol,
p,
ul {
    margin-top: 1.5rem
}

ol,
ul {
    margin-bottom: 1.5rem
}

ol li,
ul li {
    line-height: 1.5rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top: 0;
    margin-bottom: 0
}

b,
strong {
    font-weight: 700
}

blockquote {
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 1.125rem;
    border-left: 4px solid #78be20;
    color: #bfbfbf;
    font-weight: 400
}

blockquote p {
    line-height: 1.4em
}

.heading-five,
.heading-four,
.heading-one,
.heading-six,
.heading-three,
.heading-two,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0
}

.heading-one,
h1 {
    margin-top: 3rem;
    line-height: 4.875rem;
    font-size: 3.9rem;
    font-weight: 400
}

.heading-two,
h2 {
    margin-top: 3rem;
    line-height: 4.125rem;
    font-size: 3.3rem;
    font-weight: 400
}

.heading-three,
h3 {
    margin-top: 3rem;
    line-height: 3rem;
    font-size: 2.4rem;
    font-weight: 700
}

.heading-four,
h4 {
    font-size: 1.2rem
}

.heading-five,
.heading-four,
h4,
h5 {
    margin-top: 1.5rem;
    line-height: 1.5rem;
    font-weight: 700
}

.heading-five,
h5 {
    font-size: 1rem
}

.heading-six,
h6 {
    margin-top: 1.5rem;
    line-height: 1.5rem;
    font-size: .8rem;
    font-weight: 700
}

.heading-alternate {
    font-family: Stag Web, serif;
    font-weight: 700
}

.heading-block {
    margin: 0;
    padding: 1rem;
    line-height: 1.25;
    font-weight: 400
}

.heading-block--white-on-blue {
    background-color: #002145;
    color: #fff
}

.heading-block--white-on-grey {
    background-color: #bfbfbf;
    color: #fff
}

.heading-block--white-on-green {
    background-color: #78be20;
    color: #fff
}

hr {
    margin: 2rem 0;
    border-top: 1px solid #fff
}

.text--code,
code {
    vertical-align: bottom
}

.text-lead {
    font-size: 1.125rem;
    line-height: 1.5;
    margin-top: 1.5rem;
    margin-bottom: 0;
    color: #999;
    font-weight: 400
}

@media (min-width:768px) {
    .text-lead {
        font-size: 1.5rem
    }
}

.text-small {
    font-size: .9rem
}

.text-xxs {
    font-size: .625rem
}

.text-hug {
    margin-top: 0
}

.text-bold {
    font-weight: 700
}

.text-light {
    font-weight: 400
}

.list--arrows {
    padding: 0;
    list-style: none
}

.list--arrows>li {
    background-image: url(../img/svg/arrow-circle-o-right.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    padding-left: 2.5rem;
    background-position-x: .75rem;
    background-position-y: .125rem
}

.unit-button,
[data-drupal-button-link="unit-button"] {
    display: inline-block;
    padding: .5rem 2rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.5rem
}

.unit-button--white,
[data-drupal-button-link-style="unit-button--white"] {
    border: 1px solid #bfbfbf;
    background-color: #fff;
    color: #bfbfbf
}

.unit-button--white:hover,
[data-drupal-button-link-style="unit-button--white"]:hover {
    background-color: #bfbfbf;
    text-decoration: none;
    color: #fff
}

.unit-button--grey,
[data-drupal-button-link-style="unit-button--grey"] {
    border: 1px solid #bfbfbf;
    background-color: #bfbfbf;
    color: #fff
}

.unit-button--grey:hover,
[data-drupal-button-link-style="unit-button--grey"]:hover {
    background-color: #a6a6a6;
    text-decoration: none;
    color: #fff
}

.unit-button--blue,
[data-drupal-button-link-style="unit-button--blue"] {
    border: 1px solid #00b7e0;
    background-color: #00b7e0;
    color: #fff
}

.unit-button--blue:hover,
[data-drupal-button-link-style="unit-button--blue"]:hover {
    background-color: #008dad;
    text-decoration: none;
    color: #fff
}

.unit-button--green,
[data-drupal-button-link-style="unit-button--green"] {
    border: 1px solid #78be20;
    background-color: #78be20;
    color: #fff
}

.unit-button--green:hover,
[data-drupal-button-link-style="unit-button--green"]:hover {
    border-color: #5c9219;
    background-color: #5c9219;
    text-decoration: none;
    color: #fff
}

.unit-button--orange,
[data-drupal-button-link-style="unit-button--orange"] {
    border: 1px solid #ee7a15;
    background-color: #ee7a15;
    color: #fff !important;
}

.unit-button--orange:hover,
[data-drupal-button-link-style="unit-button--orange"]:hover {
    border-color: #eea415;
    background-color: #eea415;
    text-decoration: none;
    color: #fff !important;
}

.unit-button--transparent,
[data-drupal-button-link-style="unit-button--transparent"] {
    border: 1px solid #fff;
    color: #fff;
}

.unit-button--transparent:hover,
[data-drupal-button-link-style="unit-button--transparent"]:hover {
    background-color: hsla(0, 0%, 100%, .2);
    text-decoration: none;
    color: #fff
}

.unit-button--alt {
    display: inline-block;
    padding: .5rem;
    line-height: 1rem
}

.unit-button-block,
.unit-button--block,
[data-drupal-button-link="unit-button-block"],
[data-drupal-button-link="unit-button--block"] {
    display: block;
    width: 100%;
    text-align: center
}

.unit-button--two-line {
    border-bottom: 2px solid #003a47;
    border-width: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    font-weight: 400
}

.unit-button--two-line span {
    display: block;
    text-align: center;
    line-height: 1;
    font-weight: 600
}

.unit-button--two-line svg {
    top: 3px;
    transition: transform .125s ease;
    margin-top: -.5rem
}

.unit-button--two-line:hover svg {
    transform: translateX(.125rem)
}

.card--default {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card__image {
    border-top: 3px solid #002145;
    overflow: hidden
}

.card__image img {
    display: block;
    transition: transform .3s ease-out
}

.card--default:hover .card__image img {
    transform: scale(1.1)
}

.card__heading {
    margin: 0;
    padding: .5rem 1rem;
    border-width: 0;
    color: #fff;
    background-color: #002145;
    position: relative;
    font-weight: 400
}

.card__title {
    font-size: 1.2rem;
    margin-top: 1.5rem;
    line-height: 1.5rem;
    font-weight: 700;
}

.card__heading:after {
    display: block;
    position: absolute;
    bottom: -.75rem;
    left: .75rem;
    border-top: .75rem solid #002145;
    border-right: .75rem solid transparent;
    border-left: .75rem solid transparent;
    width: 0;
    height: 0;
    content: ""
}

.card__content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #f2f2f2;
    padding: 1rem
}

.card__content :first-child {
    margin-top: 1rem
}

.card__footer {
    background-color: #f2f2f2;
    padding: 1rem;
    text-align: right
}

a.card--default,
a.card--default:hover {
    text-decoration: none !important
}

a.card--default:hover h3,
a.card--default h3 {
    color: #fff
}

a.card--default:hover p,
a.card--default p {
    color: #7d7d7d
}

a.card--default:hover .card__footer .unit-button--blue {
    background-color: #008dad
}

.supporting {
    margin-bottom: 1.5rem
}

.supporting__content {
    font-size: .875rem;
    border-width: 0 1px 1px;
    border-color: #fff;
    padding: 1rem
}

.supporting__content>:first-child {
    margin-top: 0
}

.supporting__content table a {
    text-decoration: underline;
    color: #002145
}

.supporting__content table a:hover {
    color: #bfbfbf
}

.supporting__image {
    display: block
}

.supporting__bg-image {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.supporting__list {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    margin-left: -1rem;
    margin-right: -1rem
}

.supporting__list li {
    padding: 1rem;
    border-bottom-width: 1px;
    position: relative;
    border-color: #fff
}

.supporting__list--alt {
    margin-top: -1rem !important;
    margin-bottom: -1rem
}

.supporting__list--alt a {
    line-height: 1.25;
    color: #7d7d7d
}

.supporting__list--alt li {
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: -ms-flexbox;
    display: flex
}

.supporting__list--alt li:last-child {
    border-bottom-width: 0
}

.supporting__list--alt span:first-child {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: center;
    align-self: center;
    padding-right: 1rem
}

.supporting__list--alt span:last-child {
    -ms-flex: none;
    flex: none;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: right;
    color: #002145;
    font-weight: 600
}

.supporting__list--top-align span:first-child,
.supporting__list--top-align span:last-child {
    -ms-flex-item-align: auto;
    align-self: auto
}

.supporting__list svg {
    height: 1.5rem;
    width: 1.5rem;
    color: #002145;
    position: absolute;
    top: calc(50% - .75rem);
    left: 1rem
}

.supporting .form-item {
    margin-bottom: .75rem !important
}

.accordion,
.accordion-formatted,
.widget-accordion {
    margin-bottom: .5rem
}

.widget-accordion .accordion {
    margin-bottom: 0
}

.accordion-tab,
.accordion__tab,
.accordion__trigger {
    position: relative;
    padding: 1rem 3rem 1rem 1rem;
    text-transform: uppercase;
    transition: background-color .125s ease, color .125s ease;
    border: 1px solid #002145;
    background-color: #f0f1f2;
    cursor: pointer;
    overflow: hidden;
    color: #002145
}

.accordion-tab:focus,
.accordion__tab:focus,
.accordion__trigger:focus {
    outline: 0
}

.accordion-tab:after,
.accordion__tab:after,
.accordion__trigger::after {
    position: absolute;
    padding: 1rem;
    top: 0;
    right: 1rem;
    height: 100%
}

.accordion-tab span,
.accordion__tab span {
    color: #fff
}

.accordion-content,
.accordion__content {
    padding: 1.5rem 1rem;
    border: 0;
    background-color: #fff
}

.accordion-content>:first-child,
.accordion__content>:first-child {
    margin-top: 0
}

.accordion-content>:last-child,
.accordion__content>:last-child {
    margin-bottom: 0
}

.accordion.accordion--closed .accordion__tab,
.accordion.accordion-closed .accordion-tab,
.accordion__trigger {
    background-color: #002145;
    color: #fff
}

.accordion.accordion--closed .accordion__tab:hover,
.accordion.accordion-closed .accordion-tab:hover,
.accordion__trigger:hover {
    background-color: #295da5;
    color: #fff
}

.accordion .accordion-tab::after,
.accordion .accordion__tab::after,
.tabcordion__heading.is-active::after,
.accordion__trigger::after {
    background-image: url(../img/svg/accordion-close.svg);
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    content: "";
    width: 2rem;
    height: 2rem;
    top: 50%;
    transform: translateY(-50%)
}

.accordion.accordion--closed .accordion__tab::after,
.accordion.accordion-closed .accordion-tab::after,
.tabcordion__heading::after,
.accordion__trigger[aria-expanded='false']::after {
    background-image: url(../img/svg/accordion-open.svg)
}

.js .accordion--closed .accordion__content,
.js .accordion-closed .accordion-content {
    display: none
}

.accordion__trigger h3 {
    color: #fff !important;
    font-size: 1rem;
    font-weight: 400;
}

.accordion-tab,
.accordion.accordion--closed .accordion__tab,
.accordion.accordion-closed .accordion-tab,
.accordion__tab {
    background-color: #fff;
    border: 0
}

.accordion>.accordion-tab,
.accordion>.accordion__tab {
    color: #00b7e0;
    border-bottom: 2px solid #00b7e0
}

.accordion.accordion--closed .accordion__tab,
.accordion.accordion-closed .accordion-tab {
    color: #7d7d7d;
    border-bottom: 2px solid #999
}

.tabcordion-button:after {
    position: absolute;
    background-image: url(../img/svg/chevron.svg);
    transform: rotate(0deg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 10;
    content: "";
    margin-left: 1rem;
    font-size: 1rem;
    width: 1rem;
    height: 1rem
}

.accordion.accordion--closed .accordion__tab:hover .is-active .tabcordion-button:after,
.accordion.accordion-closed .accordion-tab:hover .is-active .tabcordion-button:after,
.is-active .tabcordion-button:after {
    background-image: url(../img/svg/chevron-white.svg);
    transform: rotate(180deg)
}

.tabcordion__links {
    display: none
}

.tabcordion__tab {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    padding-left: .25rem;
    padding-right: .25rem
}

.tabcordion__tab button {
    font-size: .75rem;
    display: block;
    border-width: 1px;
    border-color: #002145;
    background-color: #fff;
    padding: .5rem;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5rem;
    color: #333
}

.tabcordion__tab:hover {
    text-decoration: none;
    color: #fff
}

.tabcordion__tab.is-active button,
.tabcordion__tab:hover button {
    background-color: #00b7e0;
    color: #fff
}

.widget-accordion.is-open .accordion__content {
    background-color: #f2f2f2;
    padding: 1.5rem 1rem;
    border: 0;
}

.tabcordion__heading {
    margin-top: .5rem;
    display: block;
    position: relative;
    padding: 1rem 3rem 1rem 1rem;
    text-transform: uppercase;
    margin-left: -1rem;
    margin-right: -1rem;
    transition: background-color .125s ease, color .125s ease;
    border: 1px solid #002145;
    background-color: #002145;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    color: #fff
}

.tabcordion__heading:hover {
    background-color: #295da5;
    text-decoration: none;
    color: #fff
}

.tabcordion__heading:focus {
    outline: 0
}

.tabcordion__heading.is-active {
    background-color: #f0f1f2;
    color: #002145
}

.tabcordion__heading:after {
    position: absolute;
    padding: 1rem;
    top: 0;
    right: 1rem;
    background-image: url(../img/svg/accordion-open.svg);
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    content: "";
    width: 2rem;
    height: 2rem;
    top: 50%;
    transform: translateY(-50%)
}

.tabcordion__heading.is-active:after {
    background-image: none
}

@media (min-width:768px) {
    .tabcordion__links {
        list-style: none;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: -.25rem;
        margin-right: -.25rem
    }

    .tabcordion__heading,
    .tabcordion__heading.is-active {
        display: none
    }
}

.tabcordion__content {
    display: none;
    padding-bottom: 1.5rem
}

.tabcordion__content.is-active {
    display: block
}

.testimonial {
    margin-bottom: 1.5rem
}

.testimonial__image {
    display: block
}

.testimonial__caption {
    color: #fff;
    top: 1px;
    right: 0;
    left: 0;
    text-align: left;
    width: 100%;
    height: 100%;
    font-size: 1rem
}

.testimonial__caption-container {
    padding: 1rem;
    margin-left: auto;
    width: 100%;
    position: relative;
    background-color: #7d7d7d
}

.testimonial__title {
    font-size: 1.125rem;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.5;
    margin-top: 0
}

.gradient-image-overlay {
    position: relative;
    margin-top: -6rem;
    background: linear-gradient(0deg, #7d7d7d 0, hsla(0, 0%, 49%, 0));
    height: 6rem
}

@media (min-width:768px) {
    .testimonial__caption {
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .testimonial__caption-container {
        max-width: 30rem;
        -ms-flex-item-align: center;
        align-self: center;
        background-color: transparent
    }

    .gradient-image-overlay {
        position: absolute;
        margin-top: 0;
        background: linear-gradient(270deg, #7d7d7d 0, hsla(0, 0%, 49%, 0));
        width: 70%;
        height: 100%
    }
}

@media (min-width:1200px) {
    .testimonial__caption-container {
        max-width: 40rem
    }
}

.ajax-progress-throbber {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: hsla(0, 0%, 100%, .5);
    width: 100%;
    height: 100%
}

.ajax-progress-throbber .message {
    display: none
}

.ajax-progress-throbber .throbber {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .25s linear;
    z-index: 10005;
    margin: auto;
    background: none;
    width: 50px;
    height: 50px
}

.ajax-progress-throbber .throbber:after,
.ajax-progress-throbber .throbber:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 110%;
    width: 100%;
    height: 100%;
    content: ""
}

.ajax-progress-throbber .throbber:before {
    border: 5px solid rgba(51, 51, 51, .25)
}

.ajax-progress-throbber .throbber:after {
    border: 5px solid transparent;
    border-top-color: #78be20;
    animation: a .75s linear infinite
}

@keyframes a {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.nav.user-info {
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0
}

.user-info a {
    color: #fff;
    display: block;
    padding: .5rem 1rem;
    font-size: .875rem
}

.user-info a:hover {
    background-color: #78be20;
    text-decoration: none
}

.nav.user-info svg {
    position: relative;
    top: .125rem;
    margin-right: .25rem
}

@media (min-width:980px) {
    .nav.user-info {
        float: right
    }
}

.navlink--secondary {
    text-decoration: none;
    display: block;
    padding-left: 1rem;
    font-size: .875rem;
    line-height: 1.25;
    position: relative;
    background-color: #fff;
    padding: .5rem 1rem .5rem 2rem
}

.navlink--secondary:hover {
    text-decoration: none;
    background-color: #002145;
    color: #fff
}

#secondary-navigation li:last-child .navlink--secondary {
    border-bottom-width: 0
}

.navlink--secondary:hover:after {
    color: #fff
}

.navlink--secondary .subnav-arrow {
    display: inline-block;
    position: absolute;
    top: calc(50% - .75rem);
    left: .125rem;
    transition: transform .125s ease, color .125s ease;
    width: 1.5rem;
    height: 1.5rem;
    color: #002145
}

.navlink--secondary:hover .subnav-arrow {
    transform: translateX(.25rem);
    color: #fff
}

.navlink--secondary.active-trail+.children {
    display: block
}

.navlink--secondary.active-trail .subnav-arrow {
    transform: rotate(90deg)
}

.navlink--secondary--alt,
ul ul .navlink--secondary {
    display: block;
    position: relative;
    color: #999;
    border-bottom-width: 1px;
    padding: .5rem .25rem;
    font-size: .75rem;
    border-color: #d9d9d9
}

.navlink--secondary--alt:hover,
ul ul .navlink--secondary:hover {
    background-color: #bfbfbf;
    color: #fff;
    text-decoration: none
}

ul ul .navlink--secondary.active .navlink--secondary--alt.active {
    border-color: #002145;
    background-color: #002145
}

.children {
    display: none
}

.subnav-trigger {
    display: inline-block;
    padding-right: 1rem;
    z-index: 10
}

.subnav-trigger,
.subnav-trigger:after {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: 2.5em
}

.subnav-trigger:after {
    display: block;
    background-image: url(../img/svg/chevron-white-01.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    content: "";
    background-position-x: left;
    background-position-y: center
}

.subnav-trigger:hover:after {
    cursor: pointer
}

.subnav-trigger.active:after {
    transform: rotate(180deg);
    background-position-x: right
}

.subnav--collapsing {
    border-color: #002145;
    border-width: 1px
}

.subnav__links>ul {
    padding: 1rem
}

.subnav__toggle {
    color: #fff;
    background-color: #002145;
    padding: 1rem;
    font-size: 1.25rem;
    margin: 0;
    line-height: 1.5;
    position: relative;
    padding-right: 2.5rem;
    font-weight: 400
}

.subnav__menu-handle {
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    position: absolute;
    top: calc(50% - .75rem);
    right: .5rem
}

@media (min-width:768px) {
    .subnav--collapsing .collapse {
        height: auto !important
    }
}

.login-links {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0
}

.login-links__link {
    color: #fff;
    text-transform: uppercase;
    margin-right: .75rem;
    font-size: .625rem
}

.login-links__link:hover {
    text-decoration: none;
    color: #000
}

.login-links>li:last-child .login-links__link {
    margin-right: 0
}

.login-links__svg {
    display: inline-block;
    height: .75rem;
    width: .75rem;
    color: #222b2f;
    position: relative;
    top: .125rem
}

.piped {
    position: relative;
    padding-right: 1.5rem
}

.piped:after {
    display: block;
    position: absolute;
    top: 0;
    right: .5rem;
    content: "|"
}

.piped--grey:after {
    color: #bfbfbf
}

.link--more {
    display: inline-block;
    position: relative;
    padding-right: 2em;
    text-decoration: none;
    color: #999
}

.link--more:hover {
    color: #78be20
}

.link--more:hover:after {
    color: #999
}

.link--more:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.25;
    color: #78be20;
    content: "> >"
}

.pager {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 0;
    list-style: none
}

.pager li {
    margin-left: 0
}

.pager a {
    display: block;
    padding: .5rem 1rem;
    border-width: 1px;
    border-color: #fff;
    background-color: #e6e6e6;
    color: #fff;
    font-size: .875rem
}

.pager a:hover {
    text-decoration: none;
    background-color: #999;
    color: #fff
}

.pager .pager-current {
    display: block;
    padding: .5rem 1rem;
    border-width: 1px;
    border-color: #fff;
    background-color: #002145;
    font-weight: 700;
    color: #fff;
    font-size: .875rem
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    float: left;
    z-index: 1000;
    margin: 1px 0 0;
    border: 1px solid #e4e5e6;
    border-radius: 0 0 .25rem .25rem;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    background-clip: padding-box;
    background-color: #fff;
    padding: 0;
    min-width: 160px;
    list-style: none
}

.open .dropdown-menu {
    display: block
}

.dropdown-menu li {
    border-top: 1px solid #e4e5e6
}

.dropdown-menu li:first-child {
    border-top: 0
}

.dropdown-menu a {
    display: block;
    clear: both;
    padding: .25rem 1.5rem;
    line-height: 1.5rem;
    white-space: nowrap;
    color: #7d7d7d;
    font-size: .875rem;
    font-weight: 400
}

.dropdown-menu a:hover {
    background-color: #e4e5e6;
    text-decoration: none
}

body {
    background-color: #fff
}

#ubc7-unit {
    background-color: #002145
}

#ubc7-footer,
#ubc7-global-menu,
#ubc7-header,
#ubc7-unit-menu,
#ubc7-unit .btn-navbar,
.ubc-required {
    box-sizing: content-box
}

.ubc-required .container {
    padding-left: 0;
    padding-right: 0
}

#ubc7-global-footer h3 {
    line-height: 30px
}

@media (min-width:768px) {
    #ubc7-search-box .input-xlarge {
        max-width: 278px !important
    }
}

.cbs-header {
    height: 98px
}

.sauder-logo {
    margin-top: .5rem;
    width: 180px;
    height: 75px
}

@media (min-width:1200px) {
    .cbs-header {
        height: 120px
    }

    .sauder-logo {
        margin-top: 1.5rem;
        width: 230px;
        height: 75px
    }
}

.cbs-search-tab {
    margin-right: 1rem;
    margin-left: .25rem;
    height: 3.5rem
}

.cbs-search-tab__button {
    background-color: #78be20;
    color: #fff;
    text-transform: uppercase;
    font-size: .625rem;
    border-radius: 0 0 .25rem .25rem;
    padding: .5rem .75rem 1rem
}

.cbs-search-tab__button:hover {
    background-color: #5c9219
}

.cbs-search-tab__button svg {
    position: relative;
    top: .5rem
}

.cbs-login-tab {
    border-radius: 0 0 .25rem .25rem;
    padding: .5rem .75rem;
    height: 3.5rem
}

.cbs-footer {
    font-size: .75rem;
    color: #002145
}

.cbs-footer li {
    line-height: 1.125rem
}

.cbs-footer a {
    color: #002145
}

.cbs-footer a:hover {
    text-decoration: none;
    color: #78be20
}

.cbs-footer .list-reset {
    margin-top: .625rem;
    margin-bottom: 1.429rem
}

.cbs-footer .list-reset svg {
    position: relative;
    top: .4rem;
    margin-right: .25rem
}

.cbs-address li {
    line-height: 1.25;
    float: left;
    border-right: 1px solid #002145;
    padding: 4px 10px 3px;
    color: #f2f2f2
}

.cbs-address li:first-child {
    padding: 4px 10px 3px 0
}

.cbs-address li:last-child {
    border-right: none
}

.cbs-address a {
    color: #fff
}

.cbs-address a:hover {
    text-decoration: none;
    color: #78be20
}

.aacsb-logo {
    margin-top: .25rem;
    width: 100px;
    height: 34px
}

.info-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #f0f1f2;
    margin-top: 1rem;
    color: #002145
}

.info-grid__item {
    position: relative;
    border-bottom-width: 2px;
    border-color: #fff
}

.info-grid__first {
    width: 100%;
    padding: 1.5rem;
    text-align: center;
    border-color: #fff
}

.info-grid__second {
    width: 100%;
    padding: 1.5rem;
    border-bottom-width: 1px;
    border-color: #fff
}

.info-grid__second :first-child {
    margin-top: 0
}

.info-grid__titles {
    display: none
}

.info-grid__trigger {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #bfbfbf;
    width: 2rem;
    height: 100%
}

.info-grid__trigger.is-active,
.info-grid__trigger:hover {
    background-color: #7d7d7d
}

.info-grid__trigger.is-active svg,
.info-grid__trigger:hover svg {
    transform: rotate(90deg)
}

.info-grid__title {
    min-width: 75%
}

.info-grid__number {
    color: #fff;
    background-color: #002145;
    padding: .25rem .75rem;
    margin-right: .75rem;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.info-grid__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 2.5rem;
    padding-top: .5rem;
    padding-right: .5rem;
    padding-bottom: .5rem
}

.info-grid__season {
    -ms-flex-item-align: center;
    align-self: center;
    width: 33.33333%;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    font-size: .875rem
}

.info-grid__titles .info-grid__season {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.info-grid__details {
    display: none;
    margin-top: 0;
    color: #e6e6e6
}

.info-grid__details.is-active {
    display: block
}

@media (min-width:768px) {
    .info-grid {
        margin-top: 0
    }

    .info-grid__first {
        border-right-width: 1px;
        border-bottom-width: 1px;
        position: relative;
        width: 25%
    }

    .info-grid__second {
        width: 75%
    }

    .info-grid__first svg {
        height: 1.5rem;
        width: 1.5rem;
        color: #002145;
        position: absolute;
        top: calc(50% - .75rem);
        left: 1rem
    }

    .info-grid__first h3 {
        margin-left: 2rem
    }
}

@media (min-width:980px) {
    .info-grid__titles {
        display: -ms-flexbox;
        display: flex;
        background-color: #fff;
        padding-right: .5rem;
        width: 100%
    }

    .info-grid__content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .info-grid__title {
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-right: 1px solid #fff;
        min-width: 0
    }

    .info-grid__season {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 6.25rem
    }

    .info-grid__titles .info-grid__content {
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .info-grid__titles .info-grid__content,
    .info-grid__titles .info-grid__season {
        -ms-flex-item-align: end;
        align-self: flex-end;
        padding: 0 0 .25rem;
        font-weight: 600
    }

    .info-grid__titles .info-grid__season {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.hide {
    display: none
}

.show {
    display: block
}

#cssearch {
    margin-bottom: 1.5rem;
    background-color: #999
}

#cssearch h2 {
    position: relative;
    margin-top: 0;
    padding: 1.5rem;
    text-align: center;
    line-height: 3rem;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700
}

#cssearch h2:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: calc(50% - .325rem);
    border-right: .75rem solid transparent;
    border-bottom: .75rem solid #f0f1f2;
    border-left: .75rem solid transparent;
    width: 0;
    height: 0;
    content: ""
}

.bigsearch {
    background-color: #f0f1f2;
    padding: 1.5rem
}

.input-append {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.button.addtocart,
.more-link a,
.unit-content .btn {
    display: inline-block;
    border: 1px solid #78be20;
    background-color: #78be20;
    padding: .5rem 2rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.5rem;
    color: #fff
}

.button.addtocart,
.more-link a,
.unit-content .btn-small {
    padding-right: 1rem;
    padding-left: 1rem;
    white-space: nowrap;
    font-size: .75rem
}

.more-link a {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.input-append .form-submit {
    background-image: url(../img/svg/icon-search-white.svg);
    background-repeat: no-repeat;
    background-position: 1rem .25rem;
    background-size: 2rem 2rem;
    width: 3rem
}

.drawer-button .form-submit {
    margin-top: 1rem
}

.button.addtocart:hover,
.more-link a:hover,
.unit-content .btn:hover {
    border: 1px solid #5c9219;
    background-color: #5c9219
}

#cssearch .views-widget-sort-by,
.views-widget-sort-by {
    display: -ms-flexbox;
    display: flex
}

.views-widget-sort-by {
    -ms-flex-align: end;
    align-items: flex-end
}

.views-widget-sort-by .sort-button {
    margin-bottom: 1.5rem;
    margin-left: 1rem
}

.panel-filters {
    background-color: #f0f1f2;
    padding: 1.5rem 1rem;
    text-align: center
}

.filters {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left
}

.drawer-button {
    width: 100%;
    text-align: center
}

.searchchoice .form-item,
.searchchoice .form-radios {
    display: inline-block
}

.filters h4 {
    margin-bottom: .5rem
}

.filters .span4 {
    padding: .5rem
}

.filters .form-item {
    margin-bottom: .5rem !important
}

.searchchoice .form-item {
    margin-right: 1rem
}

.view-content-search .results {
    font-size: .75rem
}

.view-content-search .even,
.view-content-search .odd {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-top: 1px solid #e4e5e6
}

.field-name-field-program-subtitle,
.view-content-search h4 {
    margin-top: 0
}

.course-code {
    color: #fff
}

.view-content-search .field-type-text-with-summary {
    margin-top: 1.25rem;
    margin-bottom: 0;
    line-height: 1.25rem
}

@media (max-width:767px) {

    .view-content-search .table--responsive td:nth-child(2),
    .view-content-search .table--responsive td:nth-child(4),
    .view-content-search .table--responsive th:nth-child(2),
    .view-content-search .table--responsive th:nth-child(4) {
        display: none
    }
}

@media (max-width:575px) {
    .table--responsive:after {
        font-size: .875rem;
        content: "Scroll right to view more"
    }
}

.searchchoice {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.filter-help {
    padding-bottom: 1rem
}

.panel-tab {
    position: relative;
    margin-top: 1.5rem;
    cursor: pointer;
    padding: .25rem 0 .25rem 2rem;
    color: #002145;
    font-weight: 700
}

.panel-tab:after {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/svg/accordion-open-blue.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1.5rem;
    height: 1.5rem;
    content: ""
}

.panel-open .panel-tab:after {
    background-image: url(../img/svg/accordion-close.svg)
}

.panel-tab:hover {
    color: #78be20
}

.panel-content {
    background-color: #f0f1f2;
    padding: 1rem
}

.panel-content :first-child {
    margin-top: 0
}

.panelgroup .panel-open:hover {
    background-color: #f0f1f2
}

.sponsorcodewrapper {
    padding-top: 1rem
}

.sponsorcodeid {
    width: 6rem
}

.block-title {
    margin: 0;
    background-color: #999;
    padding: 1rem;
    line-height: 1.25;
    color: #fff;
    font-size: 1rem;
    font-weight: 400
}

.list-reset {
    list-style: none;
    padding: 0
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.bg-fixed {
    background-attachment: fixed
}

.bg-local {
    background-attachment: local
}

.bg-scroll {
    background-attachment: scroll
}

.bg-ubc-blue {
    background-color: #002145
}

.bg-ubc-blue-secondary {
    background-color: #0055b7
}

.bg-ubc-blue-secondary-2 {
    background-color: #00a7e1
}

.bg-ubc-blue-secondary-3 {
    background-color: #40b4e5
}

.bg-ubc-blue-secondary-4 {
    background-color: #6ec4e8
}

.bg-ubc-blue-secondary-5 {
    background-color: #97d4e9
}

.bg-unit-blue-darker {
    background-color: #002145
}

.bg-unit-blue-dark {
    background-color: #295da5
}

.bg-unit-blue {
    background-color: #00b7e0
}

.bg-unit-blue-light {
    background-color: #87d6e6
}

.bg-unit-blue-lighter {
    background-color: #b7dff2
}

.bg-unit-green {
    background-color: #78be20
}

.bg-unit-green-dark {
    background-color: #5c9219
}

.bg-unit-green-light {
    background-color: #86d424
}

.bg-unit-grey-darkest {
    background-color: #333
}

.bg-unit-grey-darker {
    background-color: #7d7d7d
}

.bg-unit-grey-dark {
    background-color: #999
}

.bg-unit-grey {
    background-color: #bfbfbf
}

.bg-unit-grey-light {
    background-color: #e6e6e6
}

.bg-unit-grey-lighter {
    background-color: #f2f2f2
}

.bg-unit-grey-light-alt {
    background-color: #e4e5e6
}

.bg-unit-grey-lighter-alt {
    background-color: #f0f1f2
}

.bg-unit-orange {
    background-color: #ee7a15
}

.bg-unit-orange-light {
    background-color: #eea415
}

.bg-transparent {
    background-color: transparent
}

.bg-black {
    background-color: #222b2f
}

.bg-grey-darkest {
    background-color: #364349
}

.bg-grey-darker {
    background-color: #596a73
}

.bg-grey-dark {
    background-color: #70818a
}

.bg-grey {
    background-color: #9babb4
}

.bg-grey-light {
    background-color: #dae4e9
}

.bg-grey-lighter {
    background-color: #f3f7f9
}

.bg-grey-lightest {
    background-color: #fafcfc
}

.bg-white {
    background-color: #fff
}

.hover--bg-ubc-blue:hover {
    background-color: #002145
}

.hover--bg-ubc-blue-secondary:hover {
    background-color: #0055b7
}

.hover--bg-ubc-blue-secondary-2:hover {
    background-color: #00a7e1
}

.hover--bg-ubc-blue-secondary-3:hover {
    background-color: #40b4e5
}

.hover--bg-ubc-blue-secondary-4:hover {
    background-color: #6ec4e8
}

.hover--bg-ubc-blue-secondary-5:hover {
    background-color: #97d4e9
}

.hover--bg-unit-blue-darker:hover {
    background-color: #002145
}

.hover--bg-unit-blue-dark:hover {
    background-color: #295da5
}

.hover--bg-unit-blue:hover {
    background-color: #00b7e0
}

.hover--bg-unit-blue-light:hover {
    background-color: #87d6e6
}

.hover--bg-unit-blue-lighter:hover {
    background-color: #b7dff2
}

.hover--bg-unit-green:hover {
    background-color: #78be20
}

.hover--bg-unit-green-dark:hover {
    background-color: #5c9219
}

.hover--bg-unit-green-light:hover {
    background-color: #86d424
}

.hover--bg-unit-grey-darkest:hover {
    background-color: #333
}

.hover--bg-unit-grey-darker:hover {
    background-color: #7d7d7d
}

.hover--bg-unit-grey-dark:hover {
    background-color: #999
}

.hover--bg-unit-grey:hover {
    background-color: #bfbfbf
}

.hover--bg-unit-grey-light:hover {
    background-color: #e6e6e6
}

.hover--bg-unit-grey-lighter:hover {
    background-color: #f2f2f2
}

.hover--bg-unit-grey-light-alt:hover {
    background-color: #e4e5e6
}

.hover--bg-unit-grey-lighter-alt:hover {
    background-color: #f0f1f2
}

.hover--bg-unit-orange:hover {
    background-color: #ee7a15
}

.hover--bg-unit-orange-light:hover {
    background-color: #eea415
}

.hover--bg-transparent:hover {
    background-color: transparent
}

.hover--bg-black:hover {
    background-color: #222b2f
}

.hover--bg-grey-darkest:hover {
    background-color: #364349
}

.hover--bg-grey-darker:hover {
    background-color: #596a73
}

.hover--bg-grey-dark:hover {
    background-color: #70818a
}

.hover--bg-grey:hover {
    background-color: #9babb4
}

.hover--bg-grey-light:hover {
    background-color: #dae4e9
}

.hover--bg-grey-lighter:hover {
    background-color: #f3f7f9
}

.hover--bg-grey-lightest:hover {
    background-color: #fafcfc
}

.hover--bg-white:hover {
    background-color: #fff
}

.focus--bg-ubc-blue:focus {
    background-color: #002145
}

.focus--bg-ubc-blue-secondary:focus {
    background-color: #0055b7
}

.focus--bg-ubc-blue-secondary-2:focus {
    background-color: #00a7e1
}

.focus--bg-ubc-blue-secondary-3:focus {
    background-color: #40b4e5
}

.focus--bg-ubc-blue-secondary-4:focus {
    background-color: #6ec4e8
}

.focus--bg-ubc-blue-secondary-5:focus {
    background-color: #97d4e9
}

.focus--bg-unit-blue-darker:focus {
    background-color: #002145
}

.focus--bg-unit-blue-dark:focus {
    background-color: #295da5
}

.focus--bg-unit-blue:focus {
    background-color: #00b7e0
}

.focus--bg-unit-blue-light:focus {
    background-color: #87d6e6
}

.focus--bg-unit-blue-lighter:focus {
    background-color: #b7dff2
}

.focus--bg-unit-green:focus {
    background-color: #78be20
}

.focus--bg-unit-green-dark:focus {
    background-color: #5c9219
}

.focus--bg-unit-green-light:focus {
    background-color: #86d424
}

.focus--bg-unit-grey-darkest:focus {
    background-color: #333
}

.focus--bg-unit-grey-darker:focus {
    background-color: #7d7d7d
}

.focus--bg-unit-grey-dark:focus {
    background-color: #999
}

.focus--bg-unit-grey:focus {
    background-color: #bfbfbf
}

.focus--bg-unit-grey-light:focus {
    background-color: #e6e6e6
}

.focus--bg-unit-grey-lighter:focus {
    background-color: #f2f2f2
}

.focus--bg-unit-grey-light-alt:focus {
    background-color: #e4e5e6
}

.focus--bg-unit-grey-lighter-alt:focus {
    background-color: #f0f1f2
}

.focus--bg-unit-orange:focus {
    background-color: #ee7a15
}

.focus--bg-unit-orange-light:focus {
    background-color: #eea415
}

.focus--bg-transparent:focus {
    background-color: transparent
}

.focus--bg-black:focus {
    background-color: #222b2f
}

.focus--bg-grey-darkest:focus {
    background-color: #364349
}

.focus--bg-grey-darker:focus {
    background-color: #596a73
}

.focus--bg-grey-dark:focus {
    background-color: #70818a
}

.focus--bg-grey:focus {
    background-color: #9babb4
}

.focus--bg-grey-light:focus {
    background-color: #dae4e9
}

.focus--bg-grey-lighter:focus {
    background-color: #f3f7f9
}

.focus--bg-grey-lightest:focus {
    background-color: #fafcfc
}

.focus--bg-white:focus {
    background-color: #fff
}

.bg-bottom {
    background-position: bottom
}

.bg-center {
    background-position: 50%
}

.bg-left {
    background-position: 0
}

.bg-left-bottom {
    background-position: 0 100%
}

.bg-left-top {
    background-position: 0 0
}

.bg-right {
    background-position: 100%
}

.bg-right-bottom {
    background-position: 100% 100%
}

.bg-right-top {
    background-position: 100% 0
}

.bg-top {
    background-position: top
}

.bg-repeat {
    background-repeat: repeat
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-repeat-x {
    background-repeat: repeat-x
}

.bg-repeat-y {
    background-repeat: repeat-y
}

.bg-auto {
    background-size: auto
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

.border-collapse {
    border-collapse: collapse
}

.border-separate {
    border-collapse: separate
}

.border-ubc-blue {
    border-color: #002145
}

.border-ubc-blue-secondary {
    border-color: #0055b7
}

.border-ubc-blue-secondary-2 {
    border-color: #00a7e1
}

.border-ubc-blue-secondary-3 {
    border-color: #40b4e5
}

.border-ubc-blue-secondary-4 {
    border-color: #6ec4e8
}

.border-ubc-blue-secondary-5 {
    border-color: #97d4e9
}

.border-unit-blue-darker {
    border-color: #002145
}

.border-unit-blue-dark {
    border-color: #295da5
}

.border-unit-blue {
    border-color: #00b7e0
}

.border-unit-blue-light {
    border-color: #87d6e6
}

.border-unit-blue-lighter {
    border-color: #b7dff2
}

.border-unit-green {
    border-color: #78be20
}

.border-unit-green-dark {
    border-color: #5c9219
}

.border-unit-green-light {
    border-color: #86d424
}

.border-unit-grey-darkest {
    border-color: #333
}

.border-unit-grey-darker {
    border-color: #7d7d7d
}

.border-unit-grey-dark {
    border-color: #999
}

.border-unit-grey {
    border-color: #bfbfbf
}

.border-unit-grey-light {
    border-color: #e6e6e6
}

.border-unit-grey-lighter {
    border-color: #f2f2f2
}

.border-unit-grey-light-alt {
    border-color: #e4e5e6
}

.border-unit-grey-lighter-alt {
    border-color: #f0f1f2
}

.border-unit-orange {
    border-color: #ee7a15
}

.border-unit-orange-light {
    border-color: #eea415
}

.border-transparent {
    border-color: transparent
}

.border-black {
    border-color: #222b2f
}

.border-grey-darkest {
    border-color: #364349
}

.border-grey-darker {
    border-color: #596a73
}

.border-grey-dark {
    border-color: #70818a
}

.border-grey {
    border-color: #9babb4
}

.border-grey-light {
    border-color: #dae4e9
}

.border-grey-lighter {
    border-color: #f3f7f9
}

.border-grey-lightest {
    border-color: #fafcfc
}

.border-white {
    border-color: #fff
}

.hover--border-ubc-blue:hover {
    border-color: #002145
}

.hover--border-ubc-blue-secondary:hover {
    border-color: #0055b7
}

.hover--border-ubc-blue-secondary-2:hover {
    border-color: #00a7e1
}

.hover--border-ubc-blue-secondary-3:hover {
    border-color: #40b4e5
}

.hover--border-ubc-blue-secondary-4:hover {
    border-color: #6ec4e8
}

.hover--border-ubc-blue-secondary-5:hover {
    border-color: #97d4e9
}

.hover--border-unit-blue-darker:hover {
    border-color: #002145
}

.hover--border-unit-blue-dark:hover {
    border-color: #295da5
}

.hover--border-unit-blue:hover {
    border-color: #00b7e0
}

.hover--border-unit-blue-light:hover {
    border-color: #87d6e6
}

.hover--border-unit-blue-lighter:hover {
    border-color: #b7dff2
}

.hover--border-unit-green:hover {
    border-color: #78be20
}

.hover--border-unit-green-dark:hover {
    border-color: #5c9219
}

.hover--border-unit-green-light:hover {
    border-color: #86d424
}

.hover--border-unit-grey-darkest:hover {
    border-color: #333
}

.hover--border-unit-grey-darker:hover {
    border-color: #7d7d7d
}

.hover--border-unit-grey-dark:hover {
    border-color: #999
}

.hover--border-unit-grey:hover {
    border-color: #bfbfbf
}

.hover--border-unit-grey-light:hover {
    border-color: #e6e6e6
}

.hover--border-unit-grey-lighter:hover {
    border-color: #f2f2f2
}

.hover--border-unit-grey-light-alt:hover {
    border-color: #e4e5e6
}

.hover--border-unit-grey-lighter-alt:hover {
    border-color: #f0f1f2
}

.hover--border-unit-orange:hover {
    border-color: #ee7a15
}

.hover--border-unit-orange-light:hover {
    border-color: #eea415
}

.hover--border-transparent:hover {
    border-color: transparent
}

.hover--border-black:hover {
    border-color: #222b2f
}

.hover--border-grey-darkest:hover {
    border-color: #364349
}

.hover--border-grey-darker:hover {
    border-color: #596a73
}

.hover--border-grey-dark:hover {
    border-color: #70818a
}

.hover--border-grey:hover {
    border-color: #9babb4
}

.hover--border-grey-light:hover {
    border-color: #dae4e9
}

.hover--border-grey-lighter:hover {
    border-color: #f3f7f9
}

.hover--border-grey-lightest:hover {
    border-color: #fafcfc
}

.hover--border-white:hover {
    border-color: #fff
}

.focus--border-ubc-blue:focus {
    border-color: #002145
}

.focus--border-ubc-blue-secondary:focus {
    border-color: #0055b7
}

.focus--border-ubc-blue-secondary-2:focus {
    border-color: #00a7e1
}

.focus--border-ubc-blue-secondary-3:focus {
    border-color: #40b4e5
}

.focus--border-ubc-blue-secondary-4:focus {
    border-color: #6ec4e8
}

.focus--border-ubc-blue-secondary-5:focus {
    border-color: #97d4e9
}

.focus--border-unit-blue-darker:focus {
    border-color: #002145
}

.focus--border-unit-blue-dark:focus {
    border-color: #295da5
}

.focus--border-unit-blue:focus {
    border-color: #00b7e0
}

.focus--border-unit-blue-light:focus {
    border-color: #87d6e6
}

.focus--border-unit-blue-lighter:focus {
    border-color: #b7dff2
}

.focus--border-unit-green:focus {
    border-color: #78be20
}

.focus--border-unit-green-dark:focus {
    border-color: #5c9219
}

.focus--border-unit-green-light:focus {
    border-color: #86d424
}

.focus--border-unit-grey-darkest:focus {
    border-color: #333
}

.focus--border-unit-grey-darker:focus {
    border-color: #7d7d7d
}

.focus--border-unit-grey-dark:focus {
    border-color: #999
}

.focus--border-unit-grey:focus {
    border-color: #bfbfbf
}

.focus--border-unit-grey-light:focus {
    border-color: #e6e6e6
}

.focus--border-unit-grey-lighter:focus {
    border-color: #f2f2f2
}

.focus--border-unit-grey-light-alt:focus {
    border-color: #e4e5e6
}

.focus--border-unit-grey-lighter-alt:focus {
    border-color: #f0f1f2
}

.focus--border-unit-orange:focus {
    border-color: #ee7a15
}

.focus--border-unit-orange-light:focus {
    border-color: #eea415
}

.focus--border-transparent:focus {
    border-color: transparent
}

.focus--border-black:focus {
    border-color: #222b2f
}

.focus--border-grey-darkest:focus {
    border-color: #364349
}

.focus--border-grey-darker:focus {
    border-color: #596a73
}

.focus--border-grey-dark:focus {
    border-color: #70818a
}

.focus--border-grey:focus {
    border-color: #9babb4
}

.focus--border-grey-light:focus {
    border-color: #dae4e9
}

.focus--border-grey-lighter:focus {
    border-color: #f3f7f9
}

.focus--border-grey-lightest:focus {
    border-color: #fafcfc
}

.focus--border-white:focus {
    border-color: #fff
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded {
    border-radius: .25rem
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-t-sm {
    border-top-left-radius: .125rem
}

.rounded-r-sm,
.rounded-t-sm {
    border-top-right-radius: .125rem
}

.rounded-b-sm,
.rounded-r-sm {
    border-bottom-right-radius: .125rem
}

.rounded-b-sm,
.rounded-l-sm {
    border-bottom-left-radius: .125rem
}

.rounded-l-sm {
    border-top-left-radius: .125rem
}

.rounded-t {
    border-top-left-radius: .25rem
}

.rounded-r,
.rounded-t {
    border-top-right-radius: .25rem
}

.rounded-b,
.rounded-r {
    border-bottom-right-radius: .25rem
}

.rounded-b,
.rounded-l {
    border-bottom-left-radius: .25rem
}

.rounded-l {
    border-top-left-radius: .25rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem
}

.rounded-r-lg,
.rounded-t-lg {
    border-top-right-radius: .5rem
}

.rounded-b-lg,
.rounded-r-lg {
    border-bottom-right-radius: .5rem
}

.rounded-b-lg,
.rounded-l-lg {
    border-bottom-left-radius: .5rem
}

.rounded-l-lg {
    border-top-left-radius: .5rem
}

.rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px
}

.rounded-r-full {
    border-top-right-radius: 9999px
}

.rounded-b-full,
.rounded-r-full {
    border-bottom-right-radius: 9999px
}

.rounded-b-full,
.rounded-l-full {
    border-bottom-left-radius: 9999px
}

.rounded-l-full {
    border-top-left-radius: 9999px
}

.rounded-tl-none {
    border-top-left-radius: 0
}

.rounded-tr-none {
    border-top-right-radius: 0
}

.rounded-br-none {
    border-bottom-right-radius: 0
}

.rounded-bl-none {
    border-bottom-left-radius: 0
}

.rounded-tl-sm {
    border-top-left-radius: .125rem
}

.rounded-tr-sm {
    border-top-right-radius: .125rem
}

.rounded-br-sm {
    border-bottom-right-radius: .125rem
}

.rounded-bl-sm {
    border-bottom-left-radius: .125rem
}

.rounded-tl {
    border-top-left-radius: .25rem
}

.rounded-tr {
    border-top-right-radius: .25rem
}

.rounded-br {
    border-bottom-right-radius: .25rem
}

.rounded-bl {
    border-bottom-left-radius: .25rem
}

.rounded-tl-lg {
    border-top-left-radius: .5rem
}

.rounded-tr-lg {
    border-top-right-radius: .5rem
}

.rounded-br-lg {
    border-bottom-right-radius: .5rem
}

.rounded-bl-lg {
    border-bottom-left-radius: .5rem
}

.rounded-tl-full {
    border-top-left-radius: 9999px
}

.rounded-tr-full {
    border-top-right-radius: 9999px
}

.rounded-br-full {
    border-bottom-right-radius: 9999px
}

.rounded-bl-full {
    border-bottom-left-radius: 9999px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-none {
    border-style: none
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-8 {
    border-width: 8px
}

.border {
    border-width: 1px
}

.border-t-0 {
    border-top-width: 0
}

.border-r-0 {
    border-right-width: 0
}

.border-b-0 {
    border-bottom-width: 0
}

.border-l-0 {
    border-left-width: 0
}

.border-t-2 {
    border-top-width: 2px
}

.border-r-2 {
    border-right-width: 2px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l-2 {
    border-left-width: 2px
}

.border-t-4 {
    border-top-width: 4px
}

.border-r-4 {
    border-right-width: 4px
}

.border-b-4 {
    border-bottom-width: 4px
}

.border-l-4 {
    border-left-width: 4px
}

.border-t-8 {
    border-top-width: 8px
}

.border-r-8 {
    border-right-width: 8px
}

.border-b-8 {
    border-bottom-width: 8px
}

.border-l-8 {
    border-left-width: 8px
}

.border-t {
    border-top-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.cursor-auto {
    cursor: auto
}

.cursor-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.cursor-wait {
    cursor: wait
}

.cursor-move {
    cursor: move
}

.cursor-not-allowed {
    cursor: not-allowed
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.table {
    display: table
}

.table-row {
    display: table-row
}

.table-cell {
    display: table-cell
}

.hidden {
    display: none
}

.flex {
    display: -ms-flexbox;
    display: flex
}

.inline-flex {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-col {
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-col-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.flex-no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.items-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.items-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.items-center {
    -ms-flex-align: center;
    align-items: center
}

.items-baseline {
    -ms-flex-align: baseline;
    align-items: baseline
}

.items-stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

.self-auto {
    -ms-flex-item-align: auto;
    align-self: auto
}

.self-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.self-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.self-center {
    -ms-flex-item-align: center;
    align-self: center
}

.self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.justify-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-center {
    -ms-flex-pack: center;
    justify-content: center
}

.justify-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.content-center {
    -ms-flex-line-pack: center;
    align-content: center
}

.content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.content-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.content-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.flex-1 {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.flex-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-initial {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.flex-none {
    -ms-flex: none;
    flex: none
}

.flex-grow {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.flex-no-grow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.flex-no-shrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.float-none {
    float: none
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.font-sans {
    font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}

.font-serif {
    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif
}

.font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.font-hairline {
    font-weight: 100
}

.font-thin {
    font-weight: 200
}

.font-light {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-black {
    font-weight: 900
}

.hover--font-hairline:hover {
    font-weight: 100
}

.hover--font-thin:hover {
    font-weight: 200
}

.hover--font-light:hover {
    font-weight: 300
}

.hover--font-normal:hover {
    font-weight: 400
}

.hover--font-medium:hover {
    font-weight: 500
}

.hover--font-semibold:hover {
    font-weight: 600
}

.hover--font-bold:hover {
    font-weight: 700
}

.hover--font-extrabold:hover {
    font-weight: 800
}

.hover--font-black:hover {
    font-weight: 900
}

.focus--font-hairline:focus {
    font-weight: 100
}

.focus--font-thin:focus {
    font-weight: 200
}

.focus--font-light:focus {
    font-weight: 300
}

.focus--font-normal:focus {
    font-weight: 400
}

.focus--font-medium:focus {
    font-weight: 500
}

.focus--font-semibold:focus {
    font-weight: 600
}

.focus--font-bold:focus {
    font-weight: 700
}

.focus--font-extrabold:focus {
    font-weight: 800
}

.focus--font-black:focus {
    font-weight: 900
}

.h-1 {
    height: .25rem
}

.h-2 {
    height: .5rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-16 {
    height: 4rem
}

.h-24 {
    height: 6rem
}

.h-32 {
    height: 8rem
}

.h-48 {
    height: 12rem
}

.h-64 {
    height: 16rem
}

.h-auto {
    height: auto
}

.h-px {
    height: 1px
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.leading-none {
    line-height: 1
}

.leading-tight {
    line-height: 1.25
}

.leading-normal {
    line-height: 1.5
}

.leading-loose {
    line-height: 2
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-2 {
    margin: .5rem
}

.m-3 {
    margin: .75rem
}

.m-4 {
    margin: 1rem
}

.m-5 {
    margin: 1.25rem
}

.m-6 {
    margin: 1.5rem
}

.m-8 {
    margin: 2rem
}

.m-10 {
    margin: 2.5rem
}

.m-12 {
    margin: 3rem
}

.m-14 {
    margin: 3.5rem
}

.m-16 {
    margin: 4rem
}

.m-20 {
    margin: 5rem
}

.m-24 {
    margin: 6rem
}

.m-32 {
    margin: 8rem
}

.m-auto {
    margin: auto
}

.m-px {
    margin: 1px
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.mx-12 {
    margin-left: 3rem;
    margin-right: 3rem
}

.my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
}

.mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem
}

.my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.mx-16 {
    margin-left: 4rem;
    margin-right: 4rem
}

.my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.mx-20 {
    margin-left: 5rem;
    margin-right: 5rem
}

.my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.mx-24 {
    margin-left: 6rem;
    margin-right: 6rem
}

.my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem
}

.mx-32 {
    margin-left: 8rem;
    margin-right: 8rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

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

.my-px {
    margin-top: 1px;
    margin-bottom: 1px
}

.mx-px {
    margin-left: 1px;
    margin-right: 1px
}

.mt-0 {
    margin-top: 0
}

.mr-0 {
    margin-right: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.mt-1 {
    margin-top: .25rem
}

.mr-1 {
    margin-right: .25rem
}

.mb-1 {
    margin-bottom: .25rem
}

.ml-1 {
    margin-left: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mr-2 {
    margin-right: .5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.ml-2 {
    margin-left: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mr-3 {
    margin-right: .75rem
}

.mb-3 {
    margin-bottom: .75rem
}

.ml-3 {
    margin-left: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mr-4 {
    margin-right: 1rem
}

.mb-4 {
    margin-bottom: 1rem
}

.ml-4 {
    margin-left: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.ml-5 {
    margin-left: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mr-6 {
    margin-right: 1.5rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.ml-6 {
    margin-left: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mr-8 {
    margin-right: 2rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-8 {
    margin-left: 2rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mr-10 {
    margin-right: 2.5rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.ml-10 {
    margin-left: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mr-12 {
    margin-right: 3rem
}

.mb-12 {
    margin-bottom: 3rem
}

.ml-12 {
    margin-left: 3rem
}

.mt-14 {
    margin-top: 3.5rem
}

.mr-14 {
    margin-right: 3.5rem
}

.mb-14 {
    margin-bottom: 3.5rem
}

.ml-14 {
    margin-left: 3.5rem
}

.mt-16 {
    margin-top: 4rem
}

.mr-16 {
    margin-right: 4rem
}

.mb-16 {
    margin-bottom: 4rem
}

.ml-16 {
    margin-left: 4rem
}

.mt-20 {
    margin-top: 5rem
}

.mr-20 {
    margin-right: 5rem
}

.mb-20 {
    margin-bottom: 5rem
}

.ml-20 {
    margin-left: 5rem
}

.mt-24 {
    margin-top: 6rem
}

.mr-24 {
    margin-right: 6rem
}

.mb-24 {
    margin-bottom: 6rem
}

.ml-24 {
    margin-left: 6rem
}

.mt-32 {
    margin-top: 8rem
}

.mr-32 {
    margin-right: 8rem
}

.mb-32 {
    margin-bottom: 8rem
}

.ml-32 {
    margin-left: 8rem
}

.mt-auto {
    margin-top: auto
}

.mr-auto {
    margin-right: auto
}

.mb-auto {
    margin-bottom: auto
}

.ml-auto {
    margin-left: auto
}

.mt-px {
    margin-top: 1px
}

.mr-px {
    margin-right: 1px
}

.mb-px {
    margin-bottom: 1px
}

.ml-px {
    margin-left: 1px
}

.max-h-full {
    max-height: 100%
}

.max-h-screen {
    max-height: 100vh
}

.max-w-xs {
    max-width: 20rem
}

.max-w-sm {
    max-width: 30rem
}

.max-w-md {
    max-width: 40rem
}

.max-w-lg {
    max-width: 50rem
}

.max-w-xl {
    max-width: 60rem
}

.max-w-2xl {
    max-width: 70rem
}

.max-w-3xl {
    max-width: 80rem
}

.max-w-4xl {
    max-width: 90rem
}

.max-w-5xl {
    max-width: 100rem
}

.max-w-full {
    max-width: 100%
}

.min-h-0 {
    min-height: 0
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.min-w-0 {
    min-width: 0
}

.min-w-full {
    min-width: 100%
}

.-m-0 {
    margin: 0
}

.-m-1 {
    margin: -.25rem
}

.-m-2 {
    margin: -.5rem
}

.-m-3 {
    margin: -.75rem
}

.-m-4 {
    margin: -1rem
}

.-m-5 {
    margin: -1.25rem
}

.-m-6 {
    margin: -1.5rem
}

.-m-8 {
    margin: -2rem
}

.-m-10 {
    margin: -2.5rem
}

.-m-12 {
    margin: -3rem
}

.-m-14 {
    margin: -3.5rem
}

.-m-16 {
    margin: -4rem
}

.-m-20 {
    margin: -5rem
}

.-m-24 {
    margin: -6rem
}

.-m-32 {
    margin: -8rem
}

.-m-px {
    margin: -1px
}

.-my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.-mx-0 {
    margin-left: 0;
    margin-right: 0
}

.-my-1 {
    margin-top: -.25rem;
    margin-bottom: -.25rem
}

.-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.-my-2 {
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

.-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.-my-3 {
    margin-top: -.75rem;
    margin-bottom: -.75rem
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem
}

.-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

.-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem
}

.-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem
}

.-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem
}

.-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem
}

.-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem
}

.-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem
}

.-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem
}

.-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem
}

.-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem
}

.-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem
}

.-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem
}

.-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem
}

.-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem
}

.-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem
}

.-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem
}

.-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem
}

.-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem
}

.-my-px {
    margin-top: -1px;
    margin-bottom: -1px
}

.-mx-px {
    margin-left: -1px;
    margin-right: -1px
}

.-mt-0 {
    margin-top: 0
}

.-mr-0 {
    margin-right: 0
}

.-mb-0 {
    margin-bottom: 0
}

.-ml-0 {
    margin-left: 0
}

.-mt-1 {
    margin-top: -.25rem
}

.-mr-1 {
    margin-right: -.25rem
}

.-mb-1 {
    margin-bottom: -.25rem
}

.-ml-1 {
    margin-left: -.25rem
}

.-mt-2 {
    margin-top: -.5rem
}

.-mb-2 {
    margin-bottom: -.5rem
}

.-mt-3 {
    margin-top: -.75rem
}

.-mr-3 {
    margin-right: -.75rem
}

.-mb-3 {
    margin-bottom: -.75rem
}

.-ml-3 {
    margin-left: -.75rem
}

.-mt-4 {
    margin-top: -1rem
}

.-mr-4 {
    margin-right: -1rem
}

.-mb-4 {
    margin-bottom: -1rem
}

.-ml-4 {
    margin-left: -1rem
}

.-mt-5 {
    margin-top: -1.25rem
}

.-mr-5 {
    margin-right: -1.25rem
}

.-mb-5 {
    margin-bottom: -1.25rem
}

.-ml-5 {
    margin-left: -1.25rem
}

.-mt-6 {
    margin-top: -1.5rem
}

.-mr-6 {
    margin-right: -1.5rem
}

.-mb-6 {
    margin-bottom: -1.5rem
}

.-ml-6 {
    margin-left: -1.5rem
}

.-mt-8 {
    margin-top: -2rem
}

.-mr-8 {
    margin-right: -2rem
}

.-mb-8 {
    margin-bottom: -2rem
}

.-ml-8 {
    margin-left: -2rem
}

.-mt-10 {
    margin-top: -2.5rem
}

.-mr-10 {
    margin-right: -2.5rem
}

.-mb-10 {
    margin-bottom: -2.5rem
}

.-ml-10 {
    margin-left: -2.5rem
}

.-mt-12 {
    margin-top: -3rem
}

.-mr-12 {
    margin-right: -3rem
}

.-mb-12 {
    margin-bottom: -3rem
}

.-ml-12 {
    margin-left: -3rem
}

.-mt-14 {
    margin-top: -3.5rem
}

.-mr-14 {
    margin-right: -3.5rem
}

.-mb-14 {
    margin-bottom: -3.5rem
}

.-ml-14 {
    margin-left: -3.5rem
}

.-mt-16 {
    margin-top: -4rem
}

.-mr-16 {
    margin-right: -4rem
}

.-mb-16 {
    margin-bottom: -4rem
}

.-ml-16 {
    margin-left: -4rem
}

.-mt-20 {
    margin-top: -5rem
}

.-mr-20 {
    margin-right: -5rem
}

.-mb-20 {
    margin-bottom: -5rem
}

.-ml-20 {
    margin-left: -5rem
}

.-mt-24 {
    margin-top: -6rem
}

.-mr-24 {
    margin-right: -6rem
}

.-mb-24 {
    margin-bottom: -6rem
}

.-ml-24 {
    margin-left: -6rem
}

.-mt-32 {
    margin-top: -8rem
}

.-mr-32 {
    margin-right: -8rem
}

.-mb-32 {
    margin-bottom: -8rem
}

.-ml-32 {
    margin-left: -8rem
}

.-mt-px {
    margin-top: -1px
}

.-mr-px {
    margin-right: -1px
}

.-mb-px {
    margin-bottom: -1px
}

.-ml-px {
    margin-left: -1px
}

.opacity-0 {
    opacity: 0
}

.opacity-25 {
    opacity: .25
}

.opacity-50 {
    opacity: .5
}

.opacity-75 {
    opacity: .75
}

.opacity-100 {
    opacity: 1
}

.focus--outline-none:focus,
.outline-none {
    outline: 0
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-visible {
    overflow-x: visible
}

.overflow-y-visible {
    overflow-y: visible
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.scrolling-touch {
    -webkit-overflow-scrolling: touch
}

.scrolling-auto {
    -webkit-overflow-scrolling: auto
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-10 {
    padding: 2.5rem
}

.p-12 {
    padding: 3rem
}

.p-14 {
    padding: 3.5rem
}

.p-16 {
    padding: 4rem
}

.p-20 {
    padding: 5rem
}

.p-24 {
    padding: 6rem
}

.p-32 {
    padding: 8rem
}

.p-px {
    padding: 1px
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.px-16 {
    padding-left: 4rem;
    padding-right: 4rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.px-20 {
    padding-left: 5rem;
    padding-right: 5rem
}

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.px-24 {
    padding-left: 6rem;
    padding-right: 6rem
}

.py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.px-32 {
    padding-left: 8rem;
    padding-right: 8rem
}

.py-px {
    padding-top: 1px;
    padding-bottom: 1px
}

.px-px {
    padding-left: 1px;
    padding-right: 1px
}

.pt-0 {
    padding-top: 0
}

.pr-0 {
    padding-right: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.pt-1 {
    padding-top: .25rem
}

.pr-1 {
    padding-right: .25rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pl-1 {
    padding-left: .25rem
}

.pt-2 {
    padding-top: .5rem
}

.pr-2 {
    padding-right: .5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pl-2 {
    padding-left: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pr-3 {
    padding-right: .75rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pl-3 {
    padding-left: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pr-4 {
    padding-right: 1rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pl-4 {
    padding-left: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.pr-8 {
    padding-right: 2rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-8 {
    padding-left: 2rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pt-12 {
    padding-top: 3rem
}

.pr-12 {
    padding-right: 3rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pl-12 {
    padding-left: 3rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pr-14 {
    padding-right: 3.5rem
}

.pb-14 {
    padding-bottom: 3.5rem
}

.pl-14 {
    padding-left: 3.5rem
}

.pt-16 {
    padding-top: 4rem
}

.pr-16 {
    padding-right: 4rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pl-16 {
    padding-left: 4rem
}

.pt-20 {
    padding-top: 5rem
}

.pr-20 {
    padding-right: 5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pl-20 {
    padding-left: 5rem
}

.pt-24 {
    padding-top: 6rem
}

.pr-24 {
    padding-right: 6rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pl-24 {
    padding-left: 6rem
}

.pt-32 {
    padding-top: 8rem
}

.pr-32 {
    padding-right: 8rem
}

.pb-32 {
    padding-bottom: 8rem
}

.pl-32 {
    padding-left: 8rem
}

.pt-px {
    padding-top: 1px
}

.pr-px {
    padding-right: 1px
}

.pb-px {
    padding-bottom: 1px
}

.pl-px {
    padding-left: 1px
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto
}

.pin {
    right: 0;
    left: 0
}

.pin,
.pin-y {
    top: 0;
    bottom: 0
}

.pin-x {
    right: 0;
    left: 0
}

.pin-t {
    top: 0
}

.pin-r {
    right: 0
}

.pin-b {
    bottom: 0
}

.pin-l {
    left: 0
}

.resize-none {
    resize: none
}

.resize-y {
    resize: vertical
}

.resize-x {
    resize: horizontal
}

.resize {
    resize: both
}

.shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.shadow-md {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.shadow-lg {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
}

.shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

.shadow-outline {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
}

.shadow-none {
    box-shadow: none
}

.hover--shadow:hover {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.hover--shadow-md:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.hover--shadow-lg:hover {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
}

.hover--shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

.hover--shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
}

.hover--shadow-none:hover {
    box-shadow: none
}

.focus--shadow:focus {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.focus--shadow-md:focus {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.focus--shadow-lg:focus {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
}

.focus--shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

.focus--shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
}

.focus--shadow-none:focus {
    box-shadow: none
}

.fill-current {
    fill: currentColor
}

.stroke-current {
    stroke: currentColor
}

.table-auto {
    table-layout: auto
}

.table-fixed {
    table-layout: fixed
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-ubc-blue {
    color: #002145
}

.text-ubc-blue-secondary {
    color: #0055b7
}

.text-ubc-blue-secondary-2 {
    color: #00a7e1
}

.text-ubc-blue-secondary-3 {
    color: #40b4e5
}

.text-ubc-blue-secondary-4 {
    color: #6ec4e8
}

.text-ubc-blue-secondary-5 {
    color: #97d4e9
}

.text-unit-blue-darker {
    color: #002145
}

.text-unit-blue-dark {
    color: #295da5
}

.text-unit-blue {
    color: #00b7e0
}

.text-unit-blue-light {
    color: #87d6e6
}

.text-unit-blue-lighter {
    color: #b7dff2
}

.text-unit-green {
    color: #78be20
}

.text-unit-green-dark {
    color: #5c9219
}

.text-unit-green-light {
    color: #86d424
}

.text-unit-grey-darkest {
    color: #333
}

.text-unit-grey-darker {
    color: #7d7d7d
}

.text-unit-grey-dark {
    color: #999
}

.text-unit-grey {
    color: #bfbfbf
}

.text-unit-grey-light {
    color: #e6e6e6
}

.text-unit-grey-lighter {
    color: #f2f2f2
}

.text-unit-grey-light-alt {
    color: #e4e5e6
}

.text-unit-grey-lighter-alt {
    color: #f0f1f2
}

.text-unit-orange {
    color: #ee7a15
}

.text-unit-orange-light {
    color: #eea415
}

.text-transparent {
    color: transparent
}

.text-black {
    color: #222b2f
}

.text-grey-darkest {
    color: #364349
}

.text-grey-darker {
    color: #596a73
}

.text-grey-dark {
    color: #70818a
}

.text-grey {
    color: #9babb4
}

.text-grey-light {
    color: #dae4e9
}

.text-grey-lighter {
    color: #f3f7f9
}

.text-grey-lightest {
    color: #fafcfc
}

.text-white {
    color: #fff
}

.hover--text-ubc-blue:hover {
    color: #002145
}

.hover--text-ubc-blue-secondary:hover {
    color: #0055b7
}

.hover--text-ubc-blue-secondary-2:hover {
    color: #00a7e1
}

.hover--text-ubc-blue-secondary-3:hover {
    color: #40b4e5
}

.hover--text-ubc-blue-secondary-4:hover {
    color: #6ec4e8
}

.hover--text-ubc-blue-secondary-5:hover {
    color: #97d4e9
}

.hover--text-unit-blue-darker:hover {
    color: #002145
}

.hover--text-unit-blue-dark:hover {
    color: #295da5
}

.hover--text-unit-blue:hover {
    color: #00b7e0
}

.hover--text-unit-blue-light:hover {
    color: #87d6e6
}

.hover--text-unit-blue-lighter:hover {
    color: #b7dff2
}

.hover--text-unit-green:hover {
    color: #78be20
}

.hover--text-unit-green-dark:hover {
    color: #5c9219
}

.hover--text-unit-green-light:hover {
    color: #86d424
}

.hover--text-unit-grey-darkest:hover {
    color: #333
}

.hover--text-unit-grey-darker:hover {
    color: #7d7d7d
}

.hover--text-unit-grey-dark:hover {
    color: #999
}

.hover--text-unit-grey:hover {
    color: #bfbfbf
}

.hover--text-unit-grey-light:hover {
    color: #e6e6e6
}

.hover--text-unit-grey-lighter:hover {
    color: #f2f2f2
}

.hover--text-unit-grey-light-alt:hover {
    color: #e4e5e6
}

.hover--text-unit-grey-lighter-alt:hover {
    color: #f0f1f2
}

.hover--text-unit-orange:hover {
    color: #ee7a15
}

.hover--text-unit-orange-light:hover {
    color: #eea415
}

.hover--text-transparent:hover {
    color: transparent
}

.hover--text-black:hover {
    color: #222b2f
}

.hover--text-grey-darkest:hover {
    color: #364349
}

.hover--text-grey-darker:hover {
    color: #596a73
}

.hover--text-grey-dark:hover {
    color: #70818a
}

.hover--text-grey:hover {
    color: #9babb4
}

.hover--text-grey-light:hover {
    color: #dae4e9
}

.hover--text-grey-lighter:hover {
    color: #f3f7f9
}

.hover--text-grey-lightest:hover {
    color: #fafcfc
}

.hover--text-white:hover {
    color: #fff
}

.focus--text-ubc-blue:focus {
    color: #002145
}

.focus--text-ubc-blue-secondary:focus {
    color: #0055b7
}

.focus--text-ubc-blue-secondary-2:focus {
    color: #00a7e1
}

.focus--text-ubc-blue-secondary-3:focus {
    color: #40b4e5
}

.focus--text-ubc-blue-secondary-4:focus {
    color: #6ec4e8
}

.focus--text-ubc-blue-secondary-5:focus {
    color: #97d4e9
}

.focus--text-unit-blue-darker:focus {
    color: #002145
}

.focus--text-unit-blue-dark:focus {
    color: #295da5
}

.focus--text-unit-blue:focus {
    color: #00b7e0
}

.focus--text-unit-blue-light:focus {
    color: #87d6e6
}

.focus--text-unit-blue-lighter:focus {
    color: #b7dff2
}

.focus--text-unit-green:focus {
    color: #78be20
}

.focus--text-unit-green-dark:focus {
    color: #5c9219
}

.focus--text-unit-green-light:focus {
    color: #86d424
}

.focus--text-unit-grey-darkest:focus {
    color: #333
}

.focus--text-unit-grey-darker:focus {
    color: #7d7d7d
}

.focus--text-unit-grey-dark:focus {
    color: #999
}

.focus--text-unit-grey:focus {
    color: #bfbfbf
}

.focus--text-unit-grey-light:focus {
    color: #e6e6e6
}

.focus--text-unit-grey-lighter:focus {
    color: #f2f2f2
}

.focus--text-unit-grey-light-alt:focus {
    color: #e4e5e6
}

.focus--text-unit-grey-lighter-alt:focus {
    color: #f0f1f2
}

.focus--text-unit-orange:focus {
    color: #ee7a15
}

.focus--text-unit-orange-light:focus {
    color: #eea415
}

.focus--text-transparent:focus {
    color: transparent
}

.focus--text-black:focus {
    color: #222b2f
}

.focus--text-grey-darkest:focus {
    color: #364349
}

.focus--text-grey-darker:focus {
    color: #596a73
}

.focus--text-grey-dark:focus {
    color: #70818a
}

.focus--text-grey:focus {
    color: #9babb4
}

.focus--text-grey-light:focus {
    color: #dae4e9
}

.focus--text-grey-lighter:focus {
    color: #f3f7f9
}

.focus--text-grey-lightest:focus {
    color: #fafcfc
}

.focus--text-white:focus {
    color: #fff
}

.text-xs {
    font-size: .75rem
}

.text-sm {
    font-size: .875rem
}

.text-base {
    font-size: 1rem
}

.text-lg {
    font-size: 1.125rem
}

.text-xl {
    font-size: 1.25rem
}

.text-2xl {
    font-size: 1.5rem
}

.text-3xl {
    font-size: 1.875rem
}

.text-4xl {
    font-size: 2.25rem
}

.text-5xl {
    font-size: 3rem
}

.italic {
    font-style: italic
}

.roman {
    font-style: normal
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.normal-case {
    text-transform: none
}

.underline {
    text-decoration: underline
}

.line-through {
    text-decoration: line-through
}

.no-underline {
    text-decoration: none
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

.hover--italic:hover {
    font-style: italic
}

.hover--roman:hover {
    font-style: normal
}

.hover--uppercase:hover {
    text-transform: uppercase
}

.hover--lowercase:hover {
    text-transform: lowercase
}

.hover--capitalize:hover {
    text-transform: capitalize
}

.hover--normal-case:hover {
    text-transform: none
}

.hover--underline:hover {
    text-decoration: underline
}

.hover--line-through:hover {
    text-decoration: line-through
}

.hover--no-underline:hover {
    text-decoration: none
}

.hover--antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hover--subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

.focus--italic:focus {
    font-style: italic
}

.focus--roman:focus {
    font-style: normal
}

.focus--uppercase:focus {
    text-transform: uppercase
}

.focus--lowercase:focus {
    text-transform: lowercase
}

.focus--capitalize:focus {
    text-transform: capitalize
}

.focus--normal-case:focus {
    text-transform: none
}

.focus--underline:focus {
    text-decoration: underline
}

.focus--line-through:focus {
    text-decoration: line-through
}

.focus--no-underline:focus {
    text-decoration: none
}

.focus--antialiased:focus {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.focus--subpixel-antialiased:focus {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

.tracking-tight {
    letter-spacing: -.05em
}

.tracking-normal {
    letter-spacing: 0
}

.tracking-wide {
    letter-spacing: .05em
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.align-baseline {
    vertical-align: baseline
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-text-top {
    vertical-align: text-top
}

.align-text-bottom {
    vertical-align: text-bottom
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.whitespace-normal {
    white-space: normal
}

.whitespace-no-wrap {
    white-space: nowrap
}

.whitespace-pre {
    white-space: pre
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.break-words {
    word-wrap: break-word
}

.break-normal {
    word-wrap: normal
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.w-1 {
    width: .25rem
}

.w-2 {
    width: .5rem
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-8 {
    width: 2rem
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-24 {
    width: 6rem
}

.w-32 {
    width: 8rem
}

.w-48 {
    width: 12rem
}

.w-64 {
    width: 16rem
}

.w-auto {
    width: auto
}

.w-px {
    width: 1px
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-auto {
    z-index: auto
}

.rotate-90 {
    transform: rotate(90deg)
}

.rotate-180 {
    transform: rotate(180deg)
}

.rotate-270 {
    transform: rotate(270deg)
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.object-none {
    -o-object-fit: none;
    object-fit: none
}

.object-scale-down {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.object-bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.object-left {
    -o-object-position: left;
    object-position: left
}

.object-left-bottom {
    -o-object-position: left bottom;
    object-position: left bottom
}

.object-left-top {
    -o-object-position: left top;
    object-position: left top
}

.object-right {
    -o-object-position: right;
    object-position: right
}

.object-right-bottom {
    -o-object-position: right bottom;
    object-position: right bottom
}

.object-right-top {
    -o-object-position: right top;
    object-position: right top
}

.object-top {
    -o-object-position: top;
    object-position: top
}

.top-1 {
    top: 1px
}

.bg-ubc-blue--semi {
    background-color: rgba(0, 33, 69, .85)
}

.bg-unit-green--semi {
    background-color: rgba(120, 190, 32, .85)
}

.element-invisible,
.skip a:hover,
.skip a:link,
.skip a:visited,
.visuallyhidden {
    position: absolute;
    top: auto;
    left: -300%;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.flex-order--1 {
    -ms-flex-order: -1;
    order: -1
}

.flex-order-0 {
    -ms-flex-order: 0;
    order: 0
}

.flex-order-1 {
    -ms-flex-order: 1;
    order: 1
}

.w-half {
    width: 50%
}

.w-one-third {
    width: 33.33333%
}

.w-two-thirds {
    width: 66.66667%
}

.w-one-quarter {
    width: 25%
}

.w-three-quarters {
    width: 75%
}

.w-one-fifth {
    width: 20%
}

.w-two-fifths {
    width: 40%
}

.w-three-fifths {
    width: 60%
}

.w-four-fifths {
    width: 80%
}

.w-one-sixth {
    width: 16.66667%
}

.w-five-sixths {
    width: 83.33333%
}

.pr-0 {
    padding-right: 0 !important
}

@media (min-width:768px) {
    .md--pr-4 {
        padding-right: 1rem !important
    }
}

@media (max-width:767px) {
    .views-exposed-form .views-exposed-widget .form-submit {
        margin-top: 0;
        margin-bottom: 2rem
    }
}

.-ml-2 {
    margin-left: -.5rem
}

.-mr-2 {
    margin-right: -.5rem
}

.collapse {
    position: relative;
    transition: height .35s ease;
    height: 0;
    overflow: hidden
}

.collapse.in {
    height: auto
}

@media (min-width:980px) {
    .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important
    }
}

.container {
    padding-left: 1rem;
    padding-right: 1rem
}

#ubc7-unit-menu .rightMenu.nav>li>a {
    color: #fff
}

#ubc7-unit-menu .rightMenu.nav>li>a i.icon-info-circle:before {
    content: "\f054"
}

#ubc7-footer a {
    color: #295da5
}

.programs .unit-button--blue {
    border-color: #295da5;
    margin-bottom: 1rem;
    margin-right: 1rem
}

blockquote {
    position: relative;
    quotes: "“""”""‘""’";
    padding: 1.5rem
}

blockquote p:before {
    content: open-quote;
    top: 0;
    left: 0;
    color: #295da5
}

blockquote p:after,
blockquote p:before {
    position: absolute;
    display: inline-block;
    font-size: 4rem
}

blockquote p:after {
    content: close-quote;
    bottom: 0;
    right: 0
}

.quotes blockquote p:after,
.quotes blockquote p:before {
    color: #ee7a15
}

.sidebar blockquote p:after,
.sidebar blockquote p:before {
    color: #eea415;
    font-size: 3rem
}

.featured-quote blockquote p:after,
.featured-quote blockquote p:before {
    color: #002145
}

.quotes .quote {
    position: relative
}

.quotes div.flex .quote:after {
    position: absolute;
    height: 2px;
    width: 20%;
    background: #bfbfbf;
    content: "";
    bottom: 0;
    left: 40%
}

.quotes div.flex:last-child .quote:last-child:after {
    display: none
}

@media (min-width:768px) {
    .quotes div.flex:last-child .quote:after {
        display: none
    }
}

.programs-offered div:after {
    position: absolute;
    height: 2px;
    width: 80%;
    background: #00b7e0;
    content: "";
    bottom: 0;
    top: 50%
}

.spotlight-vancouver:after {
    position: absolute;
    content: url(../img/svg/orange_marker_V.svg);
    top: 7%;
    right: 12%;
    width: 2rem;
    z-index: 10
}

.spotlight-okanagan:before {
    position: absolute;
    content: url(../img/svg/orange_marker_O.svg);
    top: 19%;
    right: 3%;
    width: 2rem;
    z-index: 10
}

.campus-legend span:before {
    content: "";
    display: inline-block;
    background-image: url(../img/svg/orange_marker_O.svg);
    background-repeat: no-repeat;
    width: 1.25rem !important;
    height: 1.25rem !important;
    margin: 0 .5rem -.25rem
}

.campus-legend span.vancouver:before {
    background-image: url(../img/svg/orange_marker_V.svg)
}

.campus-legend span.okanagan:before {
    background-image: url(../img/svg/orange_marker_O.svg)
}

.programs:after {
    content: none
}

@media (min-width:980px) {
    .programs:after {
        position: absolute;
        content: url(../img/svg/blue_bg_symbol.svg);
        left: 0;
        top: -5rem;
        transform: scaleX(-1)
    }
}

.featured-quote:after {
    position: absolute;
    content: url(../img/svg/blue_bg_symbol.svg);
    right: 0
}

@media (min-width:1200px) {
    .announcements:before {
        position: absolute;
        left: 0;
        top: 25%;
        content: "";
        background-image: url(../img/svg/announcements_circle_graphics.svg);
        background-repeat: no-repeat;
        width: 15rem;
        height: 2rem;
        z-index: 0
    }
}

.card__image>div {
    transform: translateZ(0)
}

@media (min-width:576px) {
    .sm--list-reset {
        list-style: none;
        padding: 0
    }

    .sm--appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .sm--bg-fixed {
        background-attachment: fixed
    }

    .sm--bg-local {
        background-attachment: local
    }

    .sm--bg-scroll {
        background-attachment: scroll
    }

    .sm--bg-ubc-blue {
        background-color: #002145
    }

    .sm--bg-ubc-blue-secondary {
        background-color: #0055b7
    }

    .sm--bg-ubc-blue-secondary-2 {
        background-color: #00a7e1
    }

    .sm--bg-ubc-blue-secondary-3 {
        background-color: #40b4e5
    }

    .sm--bg-ubc-blue-secondary-4 {
        background-color: #6ec4e8
    }

    .sm--bg-ubc-blue-secondary-5 {
        background-color: #97d4e9
    }

    .sm--bg-unit-blue-darker {
        background-color: #002145
    }

    .sm--bg-unit-blue-dark {
        background-color: #295da5
    }

    .sm--bg-unit-blue {
        background-color: #00b7e0
    }

    .sm--bg-unit-blue-light {
        background-color: #87d6e6
    }

    .sm--bg-unit-blue-lighter {
        background-color: #b7dff2
    }

    .sm--bg-unit-green {
        background-color: #78be20
    }

    .sm--bg-unit-green-dark {
        background-color: #5c9219
    }

    .sm--bg-unit-green-light {
        background-color: #86d424
    }

    .sm--bg-unit-grey-darkest {
        background-color: #333
    }

    .sm--bg-unit-grey-darker {
        background-color: #7d7d7d
    }

    .sm--bg-unit-grey-dark {
        background-color: #999
    }

    .sm--bg-unit-grey {
        background-color: #bfbfbf
    }

    .sm--bg-unit-grey-light {
        background-color: #e6e6e6
    }

    .sm--bg-unit-grey-lighter {
        background-color: #f2f2f2
    }

    .sm--bg-unit-grey-light-alt {
        background-color: #e4e5e6
    }

    .sm--bg-unit-grey-lighter-alt {
        background-color: #f0f1f2
    }

    .sm--bg-unit-orange {
        background-color: #ee7a15
    }

    .sm--bg-unit-orange-light {
        background-color: #eea415
    }

    .sm--bg-transparent {
        background-color: transparent
    }

    .sm--bg-black {
        background-color: #222b2f
    }

    .sm--bg-grey-darkest {
        background-color: #364349
    }

    .sm--bg-grey-darker {
        background-color: #596a73
    }

    .sm--bg-grey-dark {
        background-color: #70818a
    }

    .sm--bg-grey {
        background-color: #9babb4
    }

    .sm--bg-grey-light {
        background-color: #dae4e9
    }

    .sm--bg-grey-lighter {
        background-color: #f3f7f9
    }

    .sm--bg-grey-lightest {
        background-color: #fafcfc
    }

    .sm--bg-white {
        background-color: #fff
    }

    .sm--hover--bg-ubc-blue:hover {
        background-color: #002145
    }

    .sm--hover--bg-ubc-blue-secondary:hover {
        background-color: #0055b7
    }

    .sm--hover--bg-ubc-blue-secondary-2:hover {
        background-color: #00a7e1
    }

    .sm--hover--bg-ubc-blue-secondary-3:hover {
        background-color: #40b4e5
    }

    .sm--hover--bg-ubc-blue-secondary-4:hover {
        background-color: #6ec4e8
    }

    .sm--hover--bg-ubc-blue-secondary-5:hover {
        background-color: #97d4e9
    }

    .sm--hover--bg-unit-blue-darker:hover {
        background-color: #002145
    }

    .sm--hover--bg-unit-blue-dark:hover {
        background-color: #295da5
    }

    .sm--hover--bg-unit-blue:hover {
        background-color: #00b7e0
    }

    .sm--hover--bg-unit-blue-light:hover {
        background-color: #87d6e6
    }

    .sm--hover--bg-unit-blue-lighter:hover {
        background-color: #b7dff2
    }

    .sm--hover--bg-unit-green:hover {
        background-color: #78be20
    }

    .sm--hover--bg-unit-green-dark:hover {
        background-color: #5c9219
    }

    .sm--hover--bg-unit-green-light:hover {
        background-color: #86d424
    }

    .sm--hover--bg-unit-grey-darkest:hover {
        background-color: #333
    }

    .sm--hover--bg-unit-grey-darker:hover {
        background-color: #7d7d7d
    }

    .sm--hover--bg-unit-grey-dark:hover {
        background-color: #999
    }

    .sm--hover--bg-unit-grey:hover {
        background-color: #bfbfbf
    }

    .sm--hover--bg-unit-grey-light:hover {
        background-color: #e6e6e6
    }

    .sm--hover--bg-unit-grey-lighter:hover {
        background-color: #f2f2f2
    }

    .sm--hover--bg-unit-grey-light-alt:hover {
        background-color: #e4e5e6
    }

    .sm--hover--bg-unit-grey-lighter-alt:hover {
        background-color: #f0f1f2
    }

    .sm--hover--bg-unit-orange:hover {
        background-color: #ee7a15
    }

    .sm--hover--bg-unit-orange-light:hover {
        background-color: #eea415
    }

    .sm--hover--bg-transparent:hover {
        background-color: transparent
    }

    .sm--hover--bg-black:hover {
        background-color: #222b2f
    }

    .sm--hover--bg-grey-darkest:hover {
        background-color: #364349
    }

    .sm--hover--bg-grey-darker:hover {
        background-color: #596a73
    }

    .sm--hover--bg-grey-dark:hover {
        background-color: #70818a
    }

    .sm--hover--bg-grey:hover {
        background-color: #9babb4
    }

    .sm--hover--bg-grey-light:hover {
        background-color: #dae4e9
    }

    .sm--hover--bg-grey-lighter:hover {
        background-color: #f3f7f9
    }

    .sm--hover--bg-grey-lightest:hover {
        background-color: #fafcfc
    }

    .sm--hover--bg-white:hover {
        background-color: #fff
    }

    .sm--focus--bg-ubc-blue:focus {
        background-color: #002145
    }

    .sm--focus--bg-ubc-blue-secondary:focus {
        background-color: #0055b7
    }

    .sm--focus--bg-ubc-blue-secondary-2:focus {
        background-color: #00a7e1
    }

    .sm--focus--bg-ubc-blue-secondary-3:focus {
        background-color: #40b4e5
    }

    .sm--focus--bg-ubc-blue-secondary-4:focus {
        background-color: #6ec4e8
    }

    .sm--focus--bg-ubc-blue-secondary-5:focus {
        background-color: #97d4e9
    }

    .sm--focus--bg-unit-blue-darker:focus {
        background-color: #002145
    }

    .sm--focus--bg-unit-blue-dark:focus {
        background-color: #295da5
    }

    .sm--focus--bg-unit-blue:focus {
        background-color: #00b7e0
    }

    .sm--focus--bg-unit-blue-light:focus {
        background-color: #87d6e6
    }

    .sm--focus--bg-unit-blue-lighter:focus {
        background-color: #b7dff2
    }

    .sm--focus--bg-unit-green:focus {
        background-color: #78be20
    }

    .sm--focus--bg-unit-green-dark:focus {
        background-color: #5c9219
    }

    .sm--focus--bg-unit-green-light:focus {
        background-color: #86d424
    }

    .sm--focus--bg-unit-grey-darkest:focus {
        background-color: #333
    }

    .sm--focus--bg-unit-grey-darker:focus {
        background-color: #7d7d7d
    }

    .sm--focus--bg-unit-grey-dark:focus {
        background-color: #999
    }

    .sm--focus--bg-unit-grey:focus {
        background-color: #bfbfbf
    }

    .sm--focus--bg-unit-grey-light:focus {
        background-color: #e6e6e6
    }

    .sm--focus--bg-unit-grey-lighter:focus {
        background-color: #f2f2f2
    }

    .sm--focus--bg-unit-grey-light-alt:focus {
        background-color: #e4e5e6
    }

    .sm--focus--bg-unit-grey-lighter-alt:focus {
        background-color: #f0f1f2
    }

    .sm--focus--bg-unit-orange:focus {
        background-color: #ee7a15
    }

    .sm--focus--bg-unit-orange-light:focus {
        background-color: #eea415
    }

    .sm--focus--bg-transparent:focus {
        background-color: transparent
    }

    .sm--focus--bg-black:focus {
        background-color: #222b2f
    }

    .sm--focus--bg-grey-darkest:focus {
        background-color: #364349
    }

    .sm--focus--bg-grey-darker:focus {
        background-color: #596a73
    }

    .sm--focus--bg-grey-dark:focus {
        background-color: #70818a
    }

    .sm--focus--bg-grey:focus {
        background-color: #9babb4
    }

    .sm--focus--bg-grey-light:focus {
        background-color: #dae4e9
    }

    .sm--focus--bg-grey-lighter:focus {
        background-color: #f3f7f9
    }

    .sm--focus--bg-grey-lightest:focus {
        background-color: #fafcfc
    }

    .sm--focus--bg-white:focus {
        background-color: #fff
    }

    .sm--bg-bottom {
        background-position: bottom
    }

    .sm--bg-center {
        background-position: 50%
    }

    .sm--bg-left {
        background-position: 0
    }

    .sm--bg-left-bottom {
        background-position: 0 100%
    }

    .sm--bg-left-top {
        background-position: 0 0
    }

    .sm--bg-right {
        background-position: 100%
    }

    .sm--bg-right-bottom {
        background-position: 100% 100%
    }

    .sm--bg-right-top {
        background-position: 100% 0
    }

    .sm--bg-top {
        background-position: top
    }

    .sm--bg-repeat {
        background-repeat: repeat
    }

    .sm--bg-no-repeat {
        background-repeat: no-repeat
    }

    .sm--bg-repeat-x {
        background-repeat: repeat-x
    }

    .sm--bg-repeat-y {
        background-repeat: repeat-y
    }

    .sm--bg-auto {
        background-size: auto
    }

    .sm--bg-cover {
        background-size: cover
    }

    .sm--bg-contain {
        background-size: contain
    }

    .sm--border-ubc-blue {
        border-color: #002145
    }

    .sm--border-ubc-blue-secondary {
        border-color: #0055b7
    }

    .sm--border-ubc-blue-secondary-2 {
        border-color: #00a7e1
    }

    .sm--border-ubc-blue-secondary-3 {
        border-color: #40b4e5
    }

    .sm--border-ubc-blue-secondary-4 {
        border-color: #6ec4e8
    }

    .sm--border-ubc-blue-secondary-5 {
        border-color: #97d4e9
    }

    .sm--border-unit-blue-darker {
        border-color: #002145
    }

    .sm--border-unit-blue-dark {
        border-color: #295da5
    }

    .sm--border-unit-blue {
        border-color: #00b7e0
    }

    .sm--border-unit-blue-light {
        border-color: #87d6e6
    }

    .sm--border-unit-blue-lighter {
        border-color: #b7dff2
    }

    .sm--border-unit-green {
        border-color: #78be20
    }

    .sm--border-unit-green-dark {
        border-color: #5c9219
    }

    .sm--border-unit-green-light {
        border-color: #86d424
    }

    .sm--border-unit-grey-darkest {
        border-color: #333
    }

    .sm--border-unit-grey-darker {
        border-color: #7d7d7d
    }

    .sm--border-unit-grey-dark {
        border-color: #999
    }

    .sm--border-unit-grey {
        border-color: #bfbfbf
    }

    .sm--border-unit-grey-light {
        border-color: #e6e6e6
    }

    .sm--border-unit-grey-lighter {
        border-color: #f2f2f2
    }

    .sm--border-unit-grey-light-alt {
        border-color: #e4e5e6
    }

    .sm--border-unit-grey-lighter-alt {
        border-color: #f0f1f2
    }

    .sm--border-unit-orange {
        border-color: #ee7a15
    }

    .sm--border-unit-orange-light {
        border-color: #eea415
    }

    .sm--border-transparent {
        border-color: transparent
    }

    .sm--border-black {
        border-color: #222b2f
    }

    .sm--border-grey-darkest {
        border-color: #364349
    }

    .sm--border-grey-darker {
        border-color: #596a73
    }

    .sm--border-grey-dark {
        border-color: #70818a
    }

    .sm--border-grey {
        border-color: #9babb4
    }

    .sm--border-grey-light {
        border-color: #dae4e9
    }

    .sm--border-grey-lighter {
        border-color: #f3f7f9
    }

    .sm--border-grey-lightest {
        border-color: #fafcfc
    }

    .sm--border-white {
        border-color: #fff
    }

    .sm--hover--border-ubc-blue:hover {
        border-color: #002145
    }

    .sm--hover--border-ubc-blue-secondary:hover {
        border-color: #0055b7
    }

    .sm--hover--border-ubc-blue-secondary-2:hover {
        border-color: #00a7e1
    }

    .sm--hover--border-ubc-blue-secondary-3:hover {
        border-color: #40b4e5
    }

    .sm--hover--border-ubc-blue-secondary-4:hover {
        border-color: #6ec4e8
    }

    .sm--hover--border-ubc-blue-secondary-5:hover {
        border-color: #97d4e9
    }

    .sm--hover--border-unit-blue-darker:hover {
        border-color: #002145
    }

    .sm--hover--border-unit-blue-dark:hover {
        border-color: #295da5
    }

    .sm--hover--border-unit-blue:hover {
        border-color: #00b7e0
    }

    .sm--hover--border-unit-blue-light:hover {
        border-color: #87d6e6
    }

    .sm--hover--border-unit-blue-lighter:hover {
        border-color: #b7dff2
    }

    .sm--hover--border-unit-green:hover {
        border-color: #78be20
    }

    .sm--hover--border-unit-green-dark:hover {
        border-color: #5c9219
    }

    .sm--hover--border-unit-green-light:hover {
        border-color: #86d424
    }

    .sm--hover--border-unit-grey-darkest:hover {
        border-color: #333
    }

    .sm--hover--border-unit-grey-darker:hover {
        border-color: #7d7d7d
    }

    .sm--hover--border-unit-grey-dark:hover {
        border-color: #999
    }

    .sm--hover--border-unit-grey:hover {
        border-color: #bfbfbf
    }

    .sm--hover--border-unit-grey-light:hover {
        border-color: #e6e6e6
    }

    .sm--hover--border-unit-grey-lighter:hover {
        border-color: #f2f2f2
    }

    .sm--hover--border-unit-grey-light-alt:hover {
        border-color: #e4e5e6
    }

    .sm--hover--border-unit-grey-lighter-alt:hover {
        border-color: #f0f1f2
    }

    .sm--hover--border-unit-orange:hover {
        border-color: #ee7a15
    }

    .sm--hover--border-unit-orange-light:hover {
        border-color: #eea415
    }

    .sm--hover--border-transparent:hover {
        border-color: transparent
    }

    .sm--hover--border-black:hover {
        border-color: #222b2f
    }

    .sm--hover--border-grey-darkest:hover {
        border-color: #364349
    }

    .sm--hover--border-grey-darker:hover {
        border-color: #596a73
    }

    .sm--hover--border-grey-dark:hover {
        border-color: #70818a
    }

    .sm--hover--border-grey:hover {
        border-color: #9babb4
    }

    .sm--hover--border-grey-light:hover {
        border-color: #dae4e9
    }

    .sm--hover--border-grey-lighter:hover {
        border-color: #f3f7f9
    }

    .sm--hover--border-grey-lightest:hover {
        border-color: #fafcfc
    }

    .sm--hover--border-white:hover {
        border-color: #fff
    }

    .sm--focus--border-ubc-blue:focus {
        border-color: #002145
    }

    .sm--focus--border-ubc-blue-secondary:focus {
        border-color: #0055b7
    }

    .sm--focus--border-ubc-blue-secondary-2:focus {
        border-color: #00a7e1
    }

    .sm--focus--border-ubc-blue-secondary-3:focus {
        border-color: #40b4e5
    }

    .sm--focus--border-ubc-blue-secondary-4:focus {
        border-color: #6ec4e8
    }

    .sm--focus--border-ubc-blue-secondary-5:focus {
        border-color: #97d4e9
    }

    .sm--focus--border-unit-blue-darker:focus {
        border-color: #002145
    }

    .sm--focus--border-unit-blue-dark:focus {
        border-color: #295da5
    }

    .sm--focus--border-unit-blue:focus {
        border-color: #00b7e0
    }

    .sm--focus--border-unit-blue-light:focus {
        border-color: #87d6e6
    }

    .sm--focus--border-unit-blue-lighter:focus {
        border-color: #b7dff2
    }

    .sm--focus--border-unit-green:focus {
        border-color: #78be20
    }

    .sm--focus--border-unit-green-dark:focus {
        border-color: #5c9219
    }

    .sm--focus--border-unit-green-light:focus {
        border-color: #86d424
    }

    .sm--focus--border-unit-grey-darkest:focus {
        border-color: #333
    }

    .sm--focus--border-unit-grey-darker:focus {
        border-color: #7d7d7d
    }

    .sm--focus--border-unit-grey-dark:focus {
        border-color: #999
    }

    .sm--focus--border-unit-grey:focus {
        border-color: #bfbfbf
    }

    .sm--focus--border-unit-grey-light:focus {
        border-color: #e6e6e6
    }

    .sm--focus--border-unit-grey-lighter:focus {
        border-color: #f2f2f2
    }

    .sm--focus--border-unit-grey-light-alt:focus {
        border-color: #e4e5e6
    }

    .sm--focus--border-unit-grey-lighter-alt:focus {
        border-color: #f0f1f2
    }

    .sm--focus--border-unit-orange:focus {
        border-color: #ee7a15
    }

    .sm--focus--border-unit-orange-light:focus {
        border-color: #eea415
    }

    .sm--focus--border-transparent:focus {
        border-color: transparent
    }

    .sm--focus--border-black:focus {
        border-color: #222b2f
    }

    .sm--focus--border-grey-darkest:focus {
        border-color: #364349
    }

    .sm--focus--border-grey-darker:focus {
        border-color: #596a73
    }

    .sm--focus--border-grey-dark:focus {
        border-color: #70818a
    }

    .sm--focus--border-grey:focus {
        border-color: #9babb4
    }

    .sm--focus--border-grey-light:focus {
        border-color: #dae4e9
    }

    .sm--focus--border-grey-lighter:focus {
        border-color: #f3f7f9
    }

    .sm--focus--border-grey-lightest:focus {
        border-color: #fafcfc
    }

    .sm--focus--border-white:focus {
        border-color: #fff
    }

    .sm--rounded-none {
        border-radius: 0
    }

    .sm--rounded-sm {
        border-radius: .125rem
    }

    .sm--rounded {
        border-radius: .25rem
    }

    .sm--rounded-lg {
        border-radius: .5rem
    }

    .sm--rounded-full {
        border-radius: 9999px
    }

    .sm--rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .sm--rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .sm--rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .sm--rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .sm--rounded-t-sm {
        border-top-left-radius: .125rem;
        border-top-right-radius: .125rem
    }

    .sm--rounded-r-sm {
        border-top-right-radius: .125rem;
        border-bottom-right-radius: .125rem
    }

    .sm--rounded-b-sm {
        border-bottom-right-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .sm--rounded-l-sm {
        border-top-left-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .sm--rounded-t {
        border-top-left-radius: .25rem
    }

    .sm--rounded-r,
    .sm--rounded-t {
        border-top-right-radius: .25rem
    }

    .sm--rounded-b,
    .sm--rounded-r {
        border-bottom-right-radius: .25rem
    }

    .sm--rounded-b,
    .sm--rounded-l {
        border-bottom-left-radius: .25rem
    }

    .sm--rounded-l {
        border-top-left-radius: .25rem
    }

    .sm--rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .sm--rounded-r-lg {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .sm--rounded-b-lg {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .sm--rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .sm--rounded-t-full {
        border-top-left-radius: 9999px;
        border-top-right-radius: 9999px
    }

    .sm--rounded-r-full {
        border-top-right-radius: 9999px;
        border-bottom-right-radius: 9999px
    }

    .sm--rounded-b-full {
        border-bottom-right-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .sm--rounded-l-full {
        border-top-left-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .sm--rounded-tl-none {
        border-top-left-radius: 0
    }

    .sm--rounded-tr-none {
        border-top-right-radius: 0
    }

    .sm--rounded-br-none {
        border-bottom-right-radius: 0
    }

    .sm--rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .sm--rounded-tl-sm {
        border-top-left-radius: .125rem
    }

    .sm--rounded-tr-sm {
        border-top-right-radius: .125rem
    }

    .sm--rounded-br-sm {
        border-bottom-right-radius: .125rem
    }

    .sm--rounded-bl-sm {
        border-bottom-left-radius: .125rem
    }

    .sm--rounded-tl {
        border-top-left-radius: .25rem
    }

    .sm--rounded-tr {
        border-top-right-radius: .25rem
    }

    .sm--rounded-br {
        border-bottom-right-radius: .25rem
    }

    .sm--rounded-bl {
        border-bottom-left-radius: .25rem
    }

    .sm--rounded-tl-lg {
        border-top-left-radius: .5rem
    }

    .sm--rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .sm--rounded-br-lg {
        border-bottom-right-radius: .5rem
    }

    .sm--rounded-bl-lg {
        border-bottom-left-radius: .5rem
    }

    .sm--rounded-tl-full {
        border-top-left-radius: 9999px
    }

    .sm--rounded-tr-full {
        border-top-right-radius: 9999px
    }

    .sm--rounded-br-full {
        border-bottom-right-radius: 9999px
    }

    .sm--rounded-bl-full {
        border-bottom-left-radius: 9999px
    }

    .sm--border-solid {
        border-style: solid
    }

    .sm--border-dashed {
        border-style: dashed
    }

    .sm--border-dotted {
        border-style: dotted
    }

    .sm--border-none {
        border-style: none
    }

    .sm--border-0 {
        border-width: 0
    }

    .sm--border-2 {
        border-width: 2px
    }

    .sm--border-4 {
        border-width: 4px
    }

    .sm--border-8 {
        border-width: 8px
    }

    .sm--border {
        border-width: 1px
    }

    .sm--border-t-0 {
        border-top-width: 0
    }

    .sm--border-r-0 {
        border-right-width: 0
    }

    .sm--border-b-0 {
        border-bottom-width: 0
    }

    .sm--border-l-0 {
        border-left-width: 0
    }

    .sm--border-t-2 {
        border-top-width: 2px
    }

    .sm--border-r-2 {
        border-right-width: 2px
    }

    .sm--border-b-2 {
        border-bottom-width: 2px
    }

    .sm--border-l-2 {
        border-left-width: 2px
    }

    .sm--border-t-4 {
        border-top-width: 4px
    }

    .sm--border-r-4 {
        border-right-width: 4px
    }

    .sm--border-b-4 {
        border-bottom-width: 4px
    }

    .sm--border-l-4 {
        border-left-width: 4px
    }

    .sm--border-t-8 {
        border-top-width: 8px
    }

    .sm--border-r-8 {
        border-right-width: 8px
    }

    .sm--border-b-8 {
        border-bottom-width: 8px
    }

    .sm--border-l-8 {
        border-left-width: 8px
    }

    .sm--border-t {
        border-top-width: 1px
    }

    .sm--border-r {
        border-right-width: 1px
    }

    .sm--border-b {
        border-bottom-width: 1px
    }

    .sm--border-l {
        border-left-width: 1px
    }

    .sm--cursor-auto {
        cursor: auto
    }

    .sm--cursor-default {
        cursor: default
    }

    .sm--cursor-pointer {
        cursor: pointer
    }

    .sm--cursor-wait {
        cursor: wait
    }

    .sm--cursor-move {
        cursor: move
    }

    .sm--cursor-not-allowed {
        cursor: not-allowed
    }

    .sm--block {
        display: block
    }

    .sm--inline-block {
        display: inline-block
    }

    .sm--inline {
        display: inline
    }

    .sm--table {
        display: table
    }

    .sm--table-row {
        display: table-row
    }

    .sm--table-cell {
        display: table-cell
    }

    .sm--hidden {
        display: none
    }

    .sm--flex {
        display: -ms-flexbox;
        display: flex
    }

    .sm--inline-flex {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .sm--flex-row {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .sm--flex-row-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .sm--flex-col {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sm--flex-col-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .sm--flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sm--flex-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .sm--flex-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .sm--items-start {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .sm--items-end {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .sm--items-center {
        -ms-flex-align: center;
        align-items: center
    }

    .sm--items-baseline {
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .sm--items-stretch {
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .sm--self-auto {
        -ms-flex-item-align: auto;
        align-self: auto
    }

    .sm--self-start {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .sm--self-end {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .sm--self-center {
        -ms-flex-item-align: center;
        align-self: center
    }

    .sm--self-stretch {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .sm--justify-start {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sm--justify-end {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .sm--justify-center {
        -ms-flex-pack: center;
        justify-content: center
    }

    .sm--justify-between {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sm--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .sm--content-center {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .sm--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .sm--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .sm--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .sm--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .sm--flex-1 {
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .sm--flex-auto {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .sm--flex-initial {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .sm--flex-none {
        -ms-flex: none;
        flex: none
    }

    .sm--flex-grow {
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .sm--flex-shrink {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .sm--flex-no-grow {
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .sm--flex-no-shrink {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .sm--float-right {
        float: right
    }

    .sm--float-left {
        float: left
    }

    .sm--float-none {
        float: none
    }

    .sm--clearfix:after {
        content: "";
        display: table;
        clear: both
    }

    .sm--font-sans {
        font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
    }

    .sm--font-serif {
        font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif
    }

    .sm--font-mono {
        font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }

    .sm--font-hairline {
        font-weight: 100
    }

    .sm--font-thin {
        font-weight: 200
    }

    .sm--font-light {
        font-weight: 300
    }

    .sm--font-normal {
        font-weight: 400
    }

    .sm--font-medium {
        font-weight: 500
    }

    .sm--font-semibold {
        font-weight: 600
    }

    .sm--font-bold {
        font-weight: 700
    }

    .sm--font-extrabold {
        font-weight: 800
    }

    .sm--font-black {
        font-weight: 900
    }

    .sm--hover--font-hairline:hover {
        font-weight: 100
    }

    .sm--hover--font-thin:hover {
        font-weight: 200
    }

    .sm--hover--font-light:hover {
        font-weight: 300
    }

    .sm--hover--font-normal:hover {
        font-weight: 400
    }

    .sm--hover--font-medium:hover {
        font-weight: 500
    }

    .sm--hover--font-semibold:hover {
        font-weight: 600
    }

    .sm--hover--font-bold:hover {
        font-weight: 700
    }

    .sm--hover--font-extrabold:hover {
        font-weight: 800
    }

    .sm--hover--font-black:hover {
        font-weight: 900
    }

    .sm--focus--font-hairline:focus {
        font-weight: 100
    }

    .sm--focus--font-thin:focus {
        font-weight: 200
    }

    .sm--focus--font-light:focus {
        font-weight: 300
    }

    .sm--focus--font-normal:focus {
        font-weight: 400
    }

    .sm--focus--font-medium:focus {
        font-weight: 500
    }

    .sm--focus--font-semibold:focus {
        font-weight: 600
    }

    .sm--focus--font-bold:focus {
        font-weight: 700
    }

    .sm--focus--font-extrabold:focus {
        font-weight: 800
    }

    .sm--focus--font-black:focus {
        font-weight: 900
    }

    .sm--h-1 {
        height: .25rem
    }

    .sm--h-2 {
        height: .5rem
    }

    .sm--h-3 {
        height: .75rem
    }

    .sm--h-4 {
        height: 1rem
    }

    .sm--h-5 {
        height: 1.25rem
    }

    .sm--h-6 {
        height: 1.5rem
    }

    .sm--h-8 {
        height: 2rem
    }

    .sm--h-10 {
        height: 2.5rem
    }

    .sm--h-12 {
        height: 3rem
    }

    .sm--h-16 {
        height: 4rem
    }

    .sm--h-24 {
        height: 6rem
    }

    .sm--h-32 {
        height: 8rem
    }

    .sm--h-48 {
        height: 12rem
    }

    .sm--h-64 {
        height: 16rem
    }

    .sm--h-auto {
        height: auto
    }

    .sm--h-px {
        height: 1px
    }

    .sm--h-full {
        height: 100%
    }

    .sm--h-screen {
        height: 100vh
    }

    .sm--leading-none {
        line-height: 1
    }

    .sm--leading-tight {
        line-height: 1.25
    }

    .sm--leading-normal {
        line-height: 1.5
    }

    .sm--leading-loose {
        line-height: 2
    }

    .sm--m-0 {
        margin: 0
    }

    .sm--m-1 {
        margin: .25rem
    }

    .sm--m-2 {
        margin: .5rem
    }

    .sm--m-3 {
        margin: .75rem
    }

    .sm--m-4 {
        margin: 1rem
    }

    .sm--m-5 {
        margin: 1.25rem
    }

    .sm--m-6 {
        margin: 1.5rem
    }

    .sm--m-8 {
        margin: 2rem
    }

    .sm--m-10 {
        margin: 2.5rem
    }

    .sm--m-12 {
        margin: 3rem
    }

    .sm--m-14 {
        margin: 3.5rem
    }

    .sm--m-16 {
        margin: 4rem
    }

    .sm--m-20 {
        margin: 5rem
    }

    .sm--m-24 {
        margin: 6rem
    }

    .sm--m-32 {
        margin: 8rem
    }

    .sm--m-auto {
        margin: auto
    }

    .sm--m-px {
        margin: 1px
    }

    .sm--my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .sm--mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm--my-1 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .sm--mx-1 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .sm--my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .sm--mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .sm--my-3 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .sm--mx-3 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .sm--my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .sm--mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .sm--my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .sm--mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .sm--my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .sm--mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .sm--my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .sm--mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .sm--my-10 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .sm--mx-10 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .sm--my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .sm--mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .sm--my-14 {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }

    .sm--mx-14 {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }

    .sm--my-16 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .sm--mx-16 {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .sm--my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .sm--mx-20 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .sm--my-24 {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .sm--mx-24 {
        margin-left: 6rem;
        margin-right: 6rem
    }

    .sm--my-32 {
        margin-top: 8rem;
        margin-bottom: 8rem
    }

    .sm--mx-32 {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .sm--my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .sm--mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .sm--my-px {
        margin-top: 1px;
        margin-bottom: 1px
    }

    .sm--mx-px {
        margin-left: 1px;
        margin-right: 1px
    }

    .sm--mt-0 {
        margin-top: 0
    }

    .sm--mr-0 {
        margin-right: 0
    }

    .sm--mb-0 {
        margin-bottom: 0
    }

    .sm--ml-0 {
        margin-left: 0
    }

    .sm--mt-1 {
        margin-top: .25rem
    }

    .sm--mr-1 {
        margin-right: .25rem
    }

    .sm--mb-1 {
        margin-bottom: .25rem
    }

    .sm--ml-1 {
        margin-left: .25rem
    }

    .sm--mt-2 {
        margin-top: .5rem
    }

    .sm--mr-2 {
        margin-right: .5rem
    }

    .sm--mb-2 {
        margin-bottom: .5rem
    }

    .sm--ml-2 {
        margin-left: .5rem
    }

    .sm--mt-3 {
        margin-top: .75rem
    }

    .sm--mr-3 {
        margin-right: .75rem
    }

    .sm--mb-3 {
        margin-bottom: .75rem
    }

    .sm--ml-3 {
        margin-left: .75rem
    }

    .sm--mt-4 {
        margin-top: 1rem
    }

    .sm--mr-4 {
        margin-right: 1rem
    }

    .sm--mb-4 {
        margin-bottom: 1rem
    }

    .sm--ml-4 {
        margin-left: 1rem
    }

    .sm--mt-5 {
        margin-top: 1.25rem
    }

    .sm--mr-5 {
        margin-right: 1.25rem
    }

    .sm--mb-5 {
        margin-bottom: 1.25rem
    }

    .sm--ml-5 {
        margin-left: 1.25rem
    }

    .sm--mt-6 {
        margin-top: 1.5rem
    }

    .sm--mr-6 {
        margin-right: 1.5rem
    }

    .sm--mb-6 {
        margin-bottom: 1.5rem
    }

    .sm--ml-6 {
        margin-left: 1.5rem
    }

    .sm--mt-8 {
        margin-top: 2rem
    }

    .sm--mr-8 {
        margin-right: 2rem
    }

    .sm--mb-8 {
        margin-bottom: 2rem
    }

    .sm--ml-8 {
        margin-left: 2rem
    }

    .sm--mt-10 {
        margin-top: 2.5rem
    }

    .sm--mr-10 {
        margin-right: 2.5rem
    }

    .sm--mb-10 {
        margin-bottom: 2.5rem
    }

    .sm--ml-10 {
        margin-left: 2.5rem
    }

    .sm--mt-12 {
        margin-top: 3rem
    }

    .sm--mr-12 {
        margin-right: 3rem
    }

    .sm--mb-12 {
        margin-bottom: 3rem
    }

    .sm--ml-12 {
        margin-left: 3rem
    }

    .sm--mt-14 {
        margin-top: 3.5rem
    }

    .sm--mr-14 {
        margin-right: 3.5rem
    }

    .sm--mb-14 {
        margin-bottom: 3.5rem
    }

    .sm--ml-14 {
        margin-left: 3.5rem
    }

    .sm--mt-16 {
        margin-top: 4rem
    }

    .sm--mr-16 {
        margin-right: 4rem
    }

    .sm--mb-16 {
        margin-bottom: 4rem
    }

    .sm--ml-16 {
        margin-left: 4rem
    }

    .sm--mt-20 {
        margin-top: 5rem
    }

    .sm--mr-20 {
        margin-right: 5rem
    }

    .sm--mb-20 {
        margin-bottom: 5rem
    }

    .sm--ml-20 {
        margin-left: 5rem
    }

    .sm--mt-24 {
        margin-top: 6rem
    }

    .sm--mr-24 {
        margin-right: 6rem
    }

    .sm--mb-24 {
        margin-bottom: 6rem
    }

    .sm--ml-24 {
        margin-left: 6rem
    }

    .sm--mt-32 {
        margin-top: 8rem
    }

    .sm--mr-32 {
        margin-right: 8rem
    }

    .sm--mb-32 {
        margin-bottom: 8rem
    }

    .sm--ml-32 {
        margin-left: 8rem
    }

    .sm--mt-auto {
        margin-top: auto
    }

    .sm--mr-auto {
        margin-right: auto
    }

    .sm--mb-auto {
        margin-bottom: auto
    }

    .sm--ml-auto {
        margin-left: auto
    }

    .sm--mt-px {
        margin-top: 1px
    }

    .sm--mr-px {
        margin-right: 1px
    }

    .sm--mb-px {
        margin-bottom: 1px
    }

    .sm--ml-px {
        margin-left: 1px
    }

    .sm--max-h-full {
        max-height: 100%
    }

    .sm--max-h-screen {
        max-height: 100vh
    }

    .sm--max-w-xs {
        max-width: 20rem
    }

    .sm--max-w-sm {
        max-width: 30rem
    }

    .sm--max-w-md {
        max-width: 40rem
    }

    .sm--max-w-lg {
        max-width: 50rem
    }

    .sm--max-w-xl {
        max-width: 60rem
    }

    .sm--max-w-2xl {
        max-width: 70rem
    }

    .sm--max-w-3xl {
        max-width: 80rem
    }

    .sm--max-w-4xl {
        max-width: 90rem
    }

    .sm--max-w-5xl {
        max-width: 100rem
    }

    .sm--max-w-full {
        max-width: 100%
    }

    .sm--min-h-0 {
        min-height: 0
    }

    .sm--min-h-full {
        min-height: 100%
    }

    .sm--min-h-screen {
        min-height: 100vh
    }

    .sm--min-w-0 {
        min-width: 0
    }

    .sm--min-w-full {
        min-width: 100%
    }

    .sm---m-0 {
        margin: 0
    }

    .sm---m-1 {
        margin: -.25rem
    }

    .sm---m-2 {
        margin: -.5rem
    }

    .sm---m-3 {
        margin: -.75rem
    }

    .sm---m-4 {
        margin: -1rem
    }

    .sm---m-5 {
        margin: -1.25rem
    }

    .sm---m-6 {
        margin: -1.5rem
    }

    .sm---m-8 {
        margin: -2rem
    }

    .sm---m-10 {
        margin: -2.5rem
    }

    .sm---m-12 {
        margin: -3rem
    }

    .sm---m-14 {
        margin: -3.5rem
    }

    .sm---m-16 {
        margin: -4rem
    }

    .sm---m-20 {
        margin: -5rem
    }

    .sm---m-24 {
        margin: -6rem
    }

    .sm---m-32 {
        margin: -8rem
    }

    .sm---m-px {
        margin: -1px
    }

    .sm---my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .sm---mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm---my-1 {
        margin-top: -.25rem;
        margin-bottom: -.25rem
    }

    .sm---mx-1 {
        margin-left: -.25rem;
        margin-right: -.25rem
    }

    .sm---my-2 {
        margin-top: -.5rem;
        margin-bottom: -.5rem
    }

    .sm---mx-2 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .sm---my-3 {
        margin-top: -.75rem;
        margin-bottom: -.75rem
    }

    .sm---mx-3 {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .sm---my-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .sm---mx-4 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .sm---my-5 {
        margin-top: -1.25rem;
        margin-bottom: -1.25rem
    }

    .sm---mx-5 {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .sm---my-6 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }

    .sm---mx-6 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .sm---my-8 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .sm---mx-8 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .sm---my-10 {
        margin-top: -2.5rem;
        margin-bottom: -2.5rem
    }

    .sm---mx-10 {
        margin-left: -2.5rem;
        margin-right: -2.5rem
    }

    .sm---my-12 {
        margin-top: -3rem;
        margin-bottom: -3rem
    }

    .sm---mx-12 {
        margin-left: -3rem;
        margin-right: -3rem
    }

    .sm---my-14 {
        margin-top: -3.5rem;
        margin-bottom: -3.5rem
    }

    .sm---mx-14 {
        margin-left: -3.5rem;
        margin-right: -3.5rem
    }

    .sm---my-16 {
        margin-top: -4rem;
        margin-bottom: -4rem
    }

    .sm---mx-16 {
        margin-left: -4rem;
        margin-right: -4rem
    }

    .sm---my-20 {
        margin-top: -5rem;
        margin-bottom: -5rem
    }

    .sm---mx-20 {
        margin-left: -5rem;
        margin-right: -5rem
    }

    .sm---my-24 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .sm---mx-24 {
        margin-left: -6rem;
        margin-right: -6rem
    }

    .sm---my-32 {
        margin-top: -8rem;
        margin-bottom: -8rem
    }

    .sm---mx-32 {
        margin-left: -8rem;
        margin-right: -8rem
    }

    .sm---my-px {
        margin-top: -1px;
        margin-bottom: -1px
    }

    .sm---mx-px {
        margin-left: -1px;
        margin-right: -1px
    }

    .sm---mt-0 {
        margin-top: 0
    }

    .sm---mr-0 {
        margin-right: 0
    }

    .sm---mb-0 {
        margin-bottom: 0
    }

    .sm---ml-0 {
        margin-left: 0
    }

    .sm---mt-1 {
        margin-top: -.25rem
    }

    .sm---mr-1 {
        margin-right: -.25rem
    }

    .sm---mb-1 {
        margin-bottom: -.25rem
    }

    .sm---ml-1 {
        margin-left: -.25rem
    }

    .sm---mt-2 {
        margin-top: -.5rem
    }

    .sm---mr-2 {
        margin-right: -.5rem
    }

    .sm---mb-2 {
        margin-bottom: -.5rem
    }

    .sm---ml-2 {
        margin-left: -.5rem
    }

    .sm---mt-3 {
        margin-top: -.75rem
    }

    .sm---mr-3 {
        margin-right: -.75rem
    }

    .sm---mb-3 {
        margin-bottom: -.75rem
    }

    .sm---ml-3 {
        margin-left: -.75rem
    }

    .sm---mt-4 {
        margin-top: -1rem
    }

    .sm---mr-4 {
        margin-right: -1rem
    }

    .sm---mb-4 {
        margin-bottom: -1rem
    }

    .sm---ml-4 {
        margin-left: -1rem
    }

    .sm---mt-5 {
        margin-top: -1.25rem
    }

    .sm---mr-5 {
        margin-right: -1.25rem
    }

    .sm---mb-5 {
        margin-bottom: -1.25rem
    }

    .sm---ml-5 {
        margin-left: -1.25rem
    }

    .sm---mt-6 {
        margin-top: -1.5rem
    }

    .sm---mr-6 {
        margin-right: -1.5rem
    }

    .sm---mb-6 {
        margin-bottom: -1.5rem
    }

    .sm---ml-6 {
        margin-left: -1.5rem
    }

    .sm---mt-8 {
        margin-top: -2rem
    }

    .sm---mr-8 {
        margin-right: -2rem
    }

    .sm---mb-8 {
        margin-bottom: -2rem
    }

    .sm---ml-8 {
        margin-left: -2rem
    }

    .sm---mt-10 {
        margin-top: -2.5rem
    }

    .sm---mr-10 {
        margin-right: -2.5rem
    }

    .sm---mb-10 {
        margin-bottom: -2.5rem
    }

    .sm---ml-10 {
        margin-left: -2.5rem
    }

    .sm---mt-12 {
        margin-top: -3rem
    }

    .sm---mr-12 {
        margin-right: -3rem
    }

    .sm---mb-12 {
        margin-bottom: -3rem
    }

    .sm---ml-12 {
        margin-left: -3rem
    }

    .sm---mt-14 {
        margin-top: -3.5rem
    }

    .sm---mr-14 {
        margin-right: -3.5rem
    }

    .sm---mb-14 {
        margin-bottom: -3.5rem
    }

    .sm---ml-14 {
        margin-left: -3.5rem
    }

    .sm---mt-16 {
        margin-top: -4rem
    }

    .sm---mr-16 {
        margin-right: -4rem
    }

    .sm---mb-16 {
        margin-bottom: -4rem
    }

    .sm---ml-16 {
        margin-left: -4rem
    }

    .sm---mt-20 {
        margin-top: -5rem
    }

    .sm---mr-20 {
        margin-right: -5rem
    }

    .sm---mb-20 {
        margin-bottom: -5rem
    }

    .sm---ml-20 {
        margin-left: -5rem
    }

    .sm---mt-24 {
        margin-top: -6rem
    }

    .sm---mr-24 {
        margin-right: -6rem
    }

    .sm---mb-24 {
        margin-bottom: -6rem
    }

    .sm---ml-24 {
        margin-left: -6rem
    }

    .sm---mt-32 {
        margin-top: -8rem
    }

    .sm---mr-32 {
        margin-right: -8rem
    }

    .sm---mb-32 {
        margin-bottom: -8rem
    }

    .sm---ml-32 {
        margin-left: -8rem
    }

    .sm---mt-px {
        margin-top: -1px
    }

    .sm---mr-px {
        margin-right: -1px
    }

    .sm---mb-px {
        margin-bottom: -1px
    }

    .sm---ml-px {
        margin-left: -1px
    }

    .sm--opacity-0 {
        opacity: 0
    }

    .sm--opacity-25 {
        opacity: .25
    }

    .sm--opacity-50 {
        opacity: .5
    }

    .sm--opacity-75 {
        opacity: .75
    }

    .sm--opacity-100 {
        opacity: 1
    }

    .sm--overflow-auto {
        overflow: auto
    }

    .sm--overflow-hidden {
        overflow: hidden
    }

    .sm--overflow-visible {
        overflow: visible
    }

    .sm--overflow-scroll {
        overflow: scroll
    }

    .sm--overflow-x-auto {
        overflow-x: auto
    }

    .sm--overflow-y-auto {
        overflow-y: auto
    }

    .sm--overflow-x-hidden {
        overflow-x: hidden
    }

    .sm--overflow-y-hidden {
        overflow-y: hidden
    }

    .sm--overflow-x-visible {
        overflow-x: visible
    }

    .sm--overflow-y-visible {
        overflow-y: visible
    }

    .sm--overflow-x-scroll {
        overflow-x: scroll
    }

    .sm--overflow-y-scroll {
        overflow-y: scroll
    }

    .sm--scrolling-touch {
        -webkit-overflow-scrolling: touch
    }

    .sm--scrolling-auto {
        -webkit-overflow-scrolling: auto
    }

    .sm--p-0 {
        padding: 0
    }

    .sm--p-1 {
        padding: .25rem
    }

    .sm--p-2 {
        padding: .5rem
    }

    .sm--p-3 {
        padding: .75rem
    }

    .sm--p-4 {
        padding: 1rem
    }

    .sm--p-5 {
        padding: 1.25rem
    }

    .sm--p-6 {
        padding: 1.5rem
    }

    .sm--p-8 {
        padding: 2rem
    }

    .sm--p-10 {
        padding: 2.5rem
    }

    .sm--p-12 {
        padding: 3rem
    }

    .sm--p-14 {
        padding: 3.5rem
    }

    .sm--p-16 {
        padding: 4rem
    }

    .sm--p-20 {
        padding: 5rem
    }

    .sm--p-24 {
        padding: 6rem
    }

    .sm--p-32 {
        padding: 8rem
    }

    .sm--p-px {
        padding: 1px
    }

    .sm--py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .sm--px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .sm--py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .sm--px-1 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .sm--py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .sm--px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .sm--py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .sm--px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .sm--py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .sm--px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm--py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .sm--px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .sm--py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .sm--px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm--py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .sm--px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .sm--py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .sm--px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .sm--py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .sm--px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .sm--py-14 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .sm--px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .sm--py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .sm--px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .sm--py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .sm--px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .sm--py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .sm--px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .sm--py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .sm--px-32 {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .sm--py-px {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .sm--px-px {
        padding-left: 1px;
        padding-right: 1px
    }

    .sm--pt-0 {
        padding-top: 0
    }

    .sm--pr-0 {
        padding-right: 0
    }

    .sm--pb-0 {
        padding-bottom: 0
    }

    .sm--pl-0 {
        padding-left: 0
    }

    .sm--pt-1 {
        padding-top: .25rem
    }

    .sm--pr-1 {
        padding-right: .25rem
    }

    .sm--pb-1 {
        padding-bottom: .25rem
    }

    .sm--pl-1 {
        padding-left: .25rem
    }

    .sm--pt-2 {
        padding-top: .5rem
    }

    .sm--pr-2 {
        padding-right: .5rem
    }

    .sm--pb-2 {
        padding-bottom: .5rem
    }

    .sm--pl-2 {
        padding-left: .5rem
    }

    .sm--pt-3 {
        padding-top: .75rem
    }

    .sm--pr-3 {
        padding-right: .75rem
    }

    .sm--pb-3 {
        padding-bottom: .75rem
    }

    .sm--pl-3 {
        padding-left: .75rem
    }

    .sm--pt-4 {
        padding-top: 1rem
    }

    .sm--pr-4 {
        padding-right: 1rem
    }

    .sm--pb-4 {
        padding-bottom: 1rem
    }

    .sm--pl-4 {
        padding-left: 1rem
    }

    .sm--pt-5 {
        padding-top: 1.25rem
    }

    .sm--pr-5 {
        padding-right: 1.25rem
    }

    .sm--pb-5 {
        padding-bottom: 1.25rem
    }

    .sm--pl-5 {
        padding-left: 1.25rem
    }

    .sm--pt-6 {
        padding-top: 1.5rem
    }

    .sm--pr-6 {
        padding-right: 1.5rem
    }

    .sm--pb-6 {
        padding-bottom: 1.5rem
    }

    .sm--pl-6 {
        padding-left: 1.5rem
    }

    .sm--pt-8 {
        padding-top: 2rem
    }

    .sm--pr-8 {
        padding-right: 2rem
    }

    .sm--pb-8 {
        padding-bottom: 2rem
    }

    .sm--pl-8 {
        padding-left: 2rem
    }

    .sm--pt-10 {
        padding-top: 2.5rem
    }

    .sm--pr-10 {
        padding-right: 2.5rem
    }

    .sm--pb-10 {
        padding-bottom: 2.5rem
    }

    .sm--pl-10 {
        padding-left: 2.5rem
    }

    .sm--pt-12 {
        padding-top: 3rem
    }

    .sm--pr-12 {
        padding-right: 3rem
    }

    .sm--pb-12 {
        padding-bottom: 3rem
    }

    .sm--pl-12 {
        padding-left: 3rem
    }

    .sm--pt-14 {
        padding-top: 3.5rem
    }

    .sm--pr-14 {
        padding-right: 3.5rem
    }

    .sm--pb-14 {
        padding-bottom: 3.5rem
    }

    .sm--pl-14 {
        padding-left: 3.5rem
    }

    .sm--pt-16 {
        padding-top: 4rem
    }

    .sm--pr-16 {
        padding-right: 4rem
    }

    .sm--pb-16 {
        padding-bottom: 4rem
    }

    .sm--pl-16 {
        padding-left: 4rem
    }

    .sm--pt-20 {
        padding-top: 5rem
    }

    .sm--pr-20 {
        padding-right: 5rem
    }

    .sm--pb-20 {
        padding-bottom: 5rem
    }

    .sm--pl-20 {
        padding-left: 5rem
    }

    .sm--pt-24 {
        padding-top: 6rem
    }

    .sm--pr-24 {
        padding-right: 6rem
    }

    .sm--pb-24 {
        padding-bottom: 6rem
    }

    .sm--pl-24 {
        padding-left: 6rem
    }

    .sm--pt-32 {
        padding-top: 8rem
    }

    .sm--pr-32 {
        padding-right: 8rem
    }

    .sm--pb-32 {
        padding-bottom: 8rem
    }

    .sm--pl-32 {
        padding-left: 8rem
    }

    .sm--pt-px {
        padding-top: 1px
    }

    .sm--pr-px {
        padding-right: 1px
    }

    .sm--pb-px {
        padding-bottom: 1px
    }

    .sm--pl-px {
        padding-left: 1px
    }

    .sm--pointer-events-none {
        pointer-events: none
    }

    .sm--pointer-events-auto {
        pointer-events: auto
    }

    .sm--static {
        position: static
    }

    .sm--fixed {
        position: fixed
    }

    .sm--absolute {
        position: absolute
    }

    .sm--relative {
        position: relative
    }

    .sm--sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .sm--pin-none {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .sm--pin {
        right: 0;
        left: 0
    }

    .sm--pin,
    .sm--pin-y {
        top: 0;
        bottom: 0
    }

    .sm--pin-x {
        right: 0;
        left: 0
    }

    .sm--pin-t {
        top: 0
    }

    .sm--pin-r {
        right: 0
    }

    .sm--pin-b {
        bottom: 0
    }

    .sm--pin-l {
        left: 0
    }

    .sm--resize-none {
        resize: none
    }

    .sm--resize-y {
        resize: vertical
    }

    .sm--resize-x {
        resize: horizontal
    }

    .sm--resize {
        resize: both
    }

    .sm--shadow {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
    }

    .sm--shadow-md {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
    }

    .sm--shadow-lg {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
    }

    .sm--shadow-inner {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    .sm--shadow-outline {
        box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
    }

    .sm--shadow-none {
        box-shadow: none
    }

    .sm--hover--shadow:hover {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
    }

    .sm--hover--shadow-md:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
    }

    .sm--hover--shadow-lg:hover {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
    }

    .sm--hover--shadow-inner:hover {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    .sm--hover--shadow-outline:hover {
        box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
    }

    .sm--hover--shadow-none:hover {
        box-shadow: none
    }

    .sm--focus--shadow:focus {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
    }

    .sm--focus--shadow-md:focus {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
    }

    .sm--focus--shadow-lg:focus {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
    }

    .sm--focus--shadow-inner:focus {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    .sm--focus--shadow-outline:focus {
        box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
    }

    .sm--focus--shadow-none:focus {
        box-shadow: none
    }

    .sm--table-auto {
        table-layout: auto
    }

    .sm--table-fixed {
        table-layout: fixed
    }

    .sm--text-left {
        text-align: left
    }

    .sm--text-center {
        text-align: center
    }

    .sm--text-right {
        text-align: right
    }

    .sm--text-justify {
        text-align: justify
    }

    .sm--text-ubc-blue {
        color: #002145
    }

    .sm--text-ubc-blue-secondary {
        color: #0055b7
    }

    .sm--text-ubc-blue-secondary-2 {
        color: #00a7e1
    }

    .sm--text-ubc-blue-secondary-3 {
        color: #40b4e5
    }

    .sm--text-ubc-blue-secondary-4 {
        color: #6ec4e8
    }

    .sm--text-ubc-blue-secondary-5 {
        color: #97d4e9
    }

    .sm--text-unit-blue-darker {
        color: #002145
    }

    .sm--text-unit-blue-dark {
        color: #295da5
    }

    .sm--text-unit-blue {
        color: #00b7e0
    }

    .sm--text-unit-blue-light {
        color: #87d6e6
    }

    .sm--text-unit-blue-lighter {
        color: #b7dff2
    }

    .sm--text-unit-green {
        color: #78be20
    }

    .sm--text-unit-green-dark {
        color: #5c9219
    }

    .sm--text-unit-green-light {
        color: #86d424
    }

    .sm--text-unit-grey-darkest {
        color: #333
    }

    .sm--text-unit-grey-darker {
        color: #7d7d7d
    }

    .sm--text-unit-grey-dark {
        color: #999
    }

    .sm--text-unit-grey {
        color: #bfbfbf
    }

    .sm--text-unit-grey-light {
        color: #e6e6e6
    }

    .sm--text-unit-grey-lighter {
        color: #f2f2f2
    }

    .sm--text-unit-grey-light-alt {
        color: #e4e5e6
    }

    .sm--text-unit-grey-lighter-alt {
        color: #f0f1f2
    }

    .sm--text-unit-orange {
        color: #ee7a15
    }

    .sm--text-unit-orange-light {
        color: #eea415
    }

    .sm--text-transparent {
        color: transparent
    }

    .sm--text-black {
        color: #222b2f
    }

    .sm--text-grey-darkest {
        color: #364349
    }

    .sm--text-grey-darker {
        color: #596a73
    }

    .sm--text-grey-dark {
        color: #70818a
    }

    .sm--text-grey {
        color: #9babb4
    }

    .sm--text-grey-light {
        color: #dae4e9
    }

    .sm--text-grey-lighter {
        color: #f3f7f9
    }

    .sm--text-grey-lightest {
        color: #fafcfc
    }

    .sm--text-white {
        color: #fff
    }

    .sm--hover--text-ubc-blue:hover {
        color: #002145
    }

    .sm--hover--text-ubc-blue-secondary:hover {
        color: #0055b7
    }

    .sm--hover--text-ubc-blue-secondary-2:hover {
        color: #00a7e1
    }

    .sm--hover--text-ubc-blue-secondary-3:hover {
        color: #40b4e5
    }

    .sm--hover--text-ubc-blue-secondary-4:hover {
        color: #6ec4e8
    }

    .sm--hover--text-ubc-blue-secondary-5:hover {
        color: #97d4e9
    }

    .sm--hover--text-unit-blue-darker:hover {
        color: #002145
    }

    .sm--hover--text-unit-blue-dark:hover {
        color: #295da5
    }

    .sm--hover--text-unit-blue:hover {
        color: #00b7e0
    }

    .sm--hover--text-unit-blue-light:hover {
        color: #87d6e6
    }

    .sm--hover--text-unit-blue-lighter:hover {
        color: #b7dff2
    }

    .sm--hover--text-unit-green:hover {
        color: #78be20
    }

    .sm--hover--text-unit-green-dark:hover {
        color: #5c9219
    }

    .sm--hover--text-unit-green-light:hover {
        color: #86d424
    }

    .sm--hover--text-unit-grey-darkest:hover {
        color: #333
    }

    .sm--hover--text-unit-grey-darker:hover {
        color: #7d7d7d
    }

    .sm--hover--text-unit-grey-dark:hover {
        color: #999
    }

    .sm--hover--text-unit-grey:hover {
        color: #bfbfbf
    }

    .sm--hover--text-unit-grey-light:hover {
        color: #e6e6e6
    }

    .sm--hover--text-unit-grey-lighter:hover {
        color: #f2f2f2
    }

    .sm--hover--text-unit-grey-light-alt:hover {
        color: #e4e5e6
    }

    .sm--hover--text-unit-grey-lighter-alt:hover {
        color: #f0f1f2
    }

    .sm--hover--text-unit-orange:hover {
        color: #ee7a15
    }

    .sm--hover--text-unit-orange-light:hover {
        color: #eea415
    }

    .sm--hover--text-transparent:hover {
        color: transparent
    }

    .sm--hover--text-black:hover {
        color: #222b2f
    }

    .sm--hover--text-grey-darkest:hover {
        color: #364349
    }

    .sm--hover--text-grey-darker:hover {
        color: #596a73
    }

    .sm--hover--text-grey-dark:hover {
        color: #70818a
    }

    .sm--hover--text-grey:hover {
        color: #9babb4
    }

    .sm--hover--text-grey-light:hover {
        color: #dae4e9
    }

    .sm--hover--text-grey-lighter:hover {
        color: #f3f7f9
    }

    .sm--hover--text-grey-lightest:hover {
        color: #fafcfc
    }

    .sm--hover--text-white:hover {
        color: #fff
    }

    .sm--focus--text-ubc-blue:focus {
        color: #002145
    }

    .sm--focus--text-ubc-blue-secondary:focus {
        color: #0055b7
    }

    .sm--focus--text-ubc-blue-secondary-2:focus {
        color: #00a7e1
    }

    .sm--focus--text-ubc-blue-secondary-3:focus {
        color: #40b4e5
    }

    .sm--focus--text-ubc-blue-secondary-4:focus {
        color: #6ec4e8
    }

    .sm--focus--text-ubc-blue-secondary-5:focus {
        color: #97d4e9
    }

    .sm--focus--text-unit-blue-darker:focus {
        color: #002145
    }

    .sm--focus--text-unit-blue-dark:focus {
        color: #295da5
    }

    .sm--focus--text-unit-blue:focus {
        color: #00b7e0
    }

    .sm--focus--text-unit-blue-light:focus {
        color: #87d6e6
    }

    .sm--focus--text-unit-blue-lighter:focus {
        color: #b7dff2
    }

    .sm--focus--text-unit-green:focus {
        color: #78be20
    }

    .sm--focus--text-unit-green-dark:focus {
        color: #5c9219
    }

    .sm--focus--text-unit-green-light:focus {
        color: #86d424
    }

    .sm--focus--text-unit-grey-darkest:focus {
        color: #333
    }

    .sm--focus--text-unit-grey-darker:focus {
        color: #7d7d7d
    }

    .sm--focus--text-unit-grey-dark:focus {
        color: #999
    }

    .sm--focus--text-unit-grey:focus {
        color: #bfbfbf
    }

    .sm--focus--text-unit-grey-light:focus {
        color: #e6e6e6
    }

    .sm--focus--text-unit-grey-lighter:focus {
        color: #f2f2f2
    }

    .sm--focus--text-unit-grey-light-alt:focus {
        color: #e4e5e6
    }

    .sm--focus--text-unit-grey-lighter-alt:focus {
        color: #f0f1f2
    }

    .sm--focus--text-unit-orange:focus {
        color: #ee7a15
    }

    .sm--focus--text-unit-orange-light:focus {
        color: #eea415
    }

    .sm--focus--text-transparent:focus {
        color: transparent
    }

    .sm--focus--text-black:focus {
        color: #222b2f
    }

    .sm--focus--text-grey-darkest:focus {
        color: #364349
    }

    .sm--focus--text-grey-darker:focus {
        color: #596a73
    }

    .sm--focus--text-grey-dark:focus {
        color: #70818a
    }

    .sm--focus--text-grey:focus {
        color: #9babb4
    }

    .sm--focus--text-grey-light:focus {
        color: #dae4e9
    }

    .sm--focus--text-grey-lighter:focus {
        color: #f3f7f9
    }

    .sm--focus--text-grey-lightest:focus {
        color: #fafcfc
    }

    .sm--focus--text-white:focus {
        color: #fff
    }

    .sm--text-xs {
        font-size: .75rem
    }

    .sm--text-sm {
        font-size: .875rem
    }

    .sm--text-base {
        font-size: 1rem
    }

    .sm--text-lg {
        font-size: 1.125rem
    }

    .sm--text-xl {
        font-size: 1.25rem
    }

    .sm--text-2xl {
        font-size: 1.5rem
    }

    .sm--text-3xl {
        font-size: 1.875rem
    }

    .sm--text-4xl {
        font-size: 2.25rem
    }

    .sm--text-5xl {
        font-size: 3rem
    }

    .sm--italic {
        font-style: italic
    }

    .sm--roman {
        font-style: normal
    }

    .sm--uppercase {
        text-transform: uppercase
    }

    .sm--lowercase {
        text-transform: lowercase
    }

    .sm--capitalize {
        text-transform: capitalize
    }

    .sm--normal-case {
        text-transform: none
    }

    .sm--underline {
        text-decoration: underline
    }

    .sm--line-through {
        text-decoration: line-through
    }

    .sm--no-underline {
        text-decoration: none
    }

    .sm--antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .sm--subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .sm--hover--italic:hover {
        font-style: italic
    }

    .sm--hover--roman:hover {
        font-style: normal
    }

    .sm--hover--uppercase:hover {
        text-transform: uppercase
    }

    .sm--hover--lowercase:hover {
        text-transform: lowercase
    }

    .sm--hover--capitalize:hover {
        text-transform: capitalize
    }

    .sm--hover--normal-case:hover {
        text-transform: none
    }

    .sm--hover--underline:hover {
        text-decoration: underline
    }

    .sm--hover--line-through:hover {
        text-decoration: line-through
    }

    .sm--hover--no-underline:hover {
        text-decoration: none
    }

    .sm--hover--antialiased:hover {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .sm--hover--subpixel-antialiased:hover {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .sm--focus--italic:focus {
        font-style: italic
    }

    .sm--focus--roman:focus {
        font-style: normal
    }

    .sm--focus--uppercase:focus {
        text-transform: uppercase
    }

    .sm--focus--lowercase:focus {
        text-transform: lowercase
    }

    .sm--focus--capitalize:focus {
        text-transform: capitalize
    }

    .sm--focus--normal-case:focus {
        text-transform: none
    }

    .sm--focus--underline:focus {
        text-decoration: underline
    }

    .sm--focus--line-through:focus {
        text-decoration: line-through
    }

    .sm--focus--no-underline:focus {
        text-decoration: none
    }

    .sm--focus--antialiased:focus {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .sm--focus--subpixel-antialiased:focus {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .sm--tracking-tight {
        letter-spacing: -.05em
    }

    .sm--tracking-normal {
        letter-spacing: 0
    }

    .sm--tracking-wide {
        letter-spacing: .05em
    }

    .sm--select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .sm--select-text {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text
    }

    .sm--align-baseline {
        vertical-align: baseline
    }

    .sm--align-top {
        vertical-align: top
    }

    .sm--align-middle {
        vertical-align: middle
    }

    .sm--align-bottom {
        vertical-align: bottom
    }

    .sm--align-text-top {
        vertical-align: text-top
    }

    .sm--align-text-bottom {
        vertical-align: text-bottom
    }

    .sm--visible {
        visibility: visible
    }

    .sm--invisible {
        visibility: hidden
    }

    .sm--whitespace-normal {
        white-space: normal
    }

    .sm--whitespace-no-wrap {
        white-space: nowrap
    }

    .sm--whitespace-pre {
        white-space: pre
    }

    .sm--whitespace-pre-line {
        white-space: pre-line
    }

    .sm--whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .sm--break-words {
        word-wrap: break-word
    }

    .sm--break-normal {
        word-wrap: normal
    }

    .sm--truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .sm--w-1 {
        width: .25rem
    }

    .sm--w-2 {
        width: .5rem
    }

    .sm--w-3 {
        width: .75rem
    }

    .sm--w-4 {
        width: 1rem
    }

    .sm--w-5 {
        width: 1.25rem
    }

    .sm--w-6 {
        width: 1.5rem
    }

    .sm--w-8 {
        width: 2rem
    }

    .sm--w-10 {
        width: 2.5rem
    }

    .sm--w-12 {
        width: 3rem
    }

    .sm--w-16 {
        width: 4rem
    }

    .sm--w-24 {
        width: 6rem
    }

    .sm--w-32 {
        width: 8rem
    }

    .sm--w-48 {
        width: 12rem
    }

    .sm--w-64 {
        width: 16rem
    }

    .sm--w-auto {
        width: auto
    }

    .sm--w-px {
        width: 1px
    }

    .sm--w-full {
        width: 100%
    }

    .sm--w-screen {
        width: 100vw
    }

    .sm--z-0 {
        z-index: 0
    }

    .sm--z-10 {
        z-index: 10
    }

    .sm--z-20 {
        z-index: 20
    }

    .sm--z-30 {
        z-index: 30
    }

    .sm--z-40 {
        z-index: 40
    }

    .sm--z-50 {
        z-index: 50
    }

    .sm--z-auto {
        z-index: auto
    }

    .sm--flex-order--1 {
        -ms-flex-order: -1;
        order: -1
    }

    .sm--flex-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .sm--flex-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .sm--w-half {
        width: 50%
    }

    .sm--w-one-third {
        width: 33.33333%
    }

    .sm--w-two-thirds {
        width: 66.66667%
    }

    .sm--w-one-quarter {
        width: 25%
    }

    .sm--w-three-quarters {
        width: 75%
    }

    .sm--w-one-fifth {
        width: 20%
    }

    .sm--w-two-fifths {
        width: 40%
    }

    .sm--w-three-fifths {
        width: 60%
    }

    .sm--w-four-fifths {
        width: 80%
    }

    .sm--w-one-sixth {
        width: 16.66667%
    }

    .sm--w-five-sixths {
        width: 83.33333%
    }
}

@media (min-width:768px) {
    .md--list-reset {
        list-style: none;
        padding: 0
    }

    .md--appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .md--bg-fixed {
        background-attachment: fixed
    }

    .md--bg-local {
        background-attachment: local
    }

    .md--bg-scroll {
        background-attachment: scroll
    }

    .md--bg-ubc-blue {
        background-color: #002145
    }

    .md--bg-ubc-blue-secondary {
        background-color: #0055b7
    }

    .md--bg-ubc-blue-secondary-2 {
        background-color: #00a7e1
    }

    .md--bg-ubc-blue-secondary-3 {
        background-color: #40b4e5
    }

    .md--bg-ubc-blue-secondary-4 {
        background-color: #6ec4e8
    }

    .md--bg-ubc-blue-secondary-5 {
        background-color: #97d4e9
    }

    .md--bg-unit-blue-darker {
        background-color: #002145
    }

    .md--bg-unit-blue-dark {
        background-color: #295da5
    }

    .md--bg-unit-blue {
        background-color: #00b7e0
    }

    .md--bg-unit-blue-light {
        background-color: #87d6e6
    }

    .md--bg-unit-blue-lighter {
        background-color: #b7dff2
    }

    .md--bg-unit-green {
        background-color: #78be20
    }

    .md--bg-unit-green-dark {
        background-color: #5c9219
    }

    .md--bg-unit-green-light {
        background-color: #86d424
    }

    .md--bg-unit-grey-darkest {
        background-color: #333
    }

    .md--bg-unit-grey-darker {
        background-color: #7d7d7d
    }

    .md--bg-unit-grey-dark {
        background-color: #999
    }

    .md--bg-unit-grey {
        background-color: #bfbfbf
    }

    .md--bg-unit-grey-light {
        background-color: #e6e6e6
    }

    .md--bg-unit-grey-lighter {
        background-color: #f2f2f2
    }

    .md--bg-unit-grey-light-alt {
        background-color: #e4e5e6
    }

    .md--bg-unit-grey-lighter-alt {
        background-color: #f0f1f2
    }

    .md--bg-unit-orange {
        background-color: #ee7a15
    }

    .md--bg-unit-orange-light {
        background-color: #eea415
    }

    .md--bg-transparent {
        background-color: transparent
    }

    .md--bg-black {
        background-color: #222b2f
    }

    .md--bg-grey-darkest {
        background-color: #364349
    }

    .md--bg-grey-darker {
        background-color: #596a73
    }

    .md--bg-grey-dark {
        background-color: #70818a
    }

    .md--bg-grey {
        background-color: #9babb4
    }

    .md--bg-grey-light {
        background-color: #dae4e9
    }

    .md--bg-grey-lighter {
        background-color: #f3f7f9
    }

    .md--bg-grey-lightest {
        background-color: #fafcfc
    }

    .md--bg-white {
        background-color: #fff
    }

    .md--hover--bg-ubc-blue:hover {
        background-color: #002145
    }

    .md--hover--bg-ubc-blue-secondary:hover {
        background-color: #0055b7
    }

    .md--hover--bg-ubc-blue-secondary-2:hover {
        background-color: #00a7e1
    }

    .md--hover--bg-ubc-blue-secondary-3:hover {
        background-color: #40b4e5
    }

    .md--hover--bg-ubc-blue-secondary-4:hover {
        background-color: #6ec4e8
    }

    .md--hover--bg-ubc-blue-secondary-5:hover {
        background-color: #97d4e9
    }

    .md--hover--bg-unit-blue-darker:hover {
        background-color: #002145
    }

    .md--hover--bg-unit-blue-dark:hover {
        background-color: #295da5
    }

    .md--hover--bg-unit-blue:hover {
        background-color: #00b7e0
    }

    .md--hover--bg-unit-blue-light:hover {
        background-color: #87d6e6
    }

    .md--hover--bg-unit-blue-lighter:hover {
        background-color: #b7dff2
    }

    .md--hover--bg-unit-green:hover {
        background-color: #78be20
    }

    .md--hover--bg-unit-green-dark:hover {
        background-color: #5c9219
    }

    .md--hover--bg-unit-green-light:hover {
        background-color: #86d424
    }

    .md--hover--bg-unit-grey-darkest:hover {
        background-color: #333
    }

    .md--hover--bg-unit-grey-darker:hover {
        background-color: #7d7d7d
    }

    .md--hover--bg-unit-grey-dark:hover {
        background-color: #999
    }

    .md--hover--bg-unit-grey:hover {
        background-color: #bfbfbf
    }

    .md--hover--bg-unit-grey-light:hover {
        background-color: #e6e6e6
    }

    .md--hover--bg-unit-grey-lighter:hover {
        background-color: #f2f2f2
    }

    .md--hover--bg-unit-grey-light-alt:hover {
        background-color: #e4e5e6
    }

    .md--hover--bg-unit-grey-lighter-alt:hover {
        background-color: #f0f1f2
    }

    .md--hover--bg-unit-orange:hover {
        background-color: #ee7a15
    }

    .md--hover--bg-unit-orange-light:hover {
        background-color: #eea415
    }

    .md--hover--bg-transparent:hover {
        background-color: transparent
    }

    .md--hover--bg-black:hover {
        background-color: #222b2f
    }

    .md--hover--bg-grey-darkest:hover {
        background-color: #364349
    }

    .md--hover--bg-grey-darker:hover {
        background-color: #596a73
    }

    .md--hover--bg-grey-dark:hover {
        background-color: #70818a
    }

    .md--hover--bg-grey:hover {
        background-color: #9babb4
    }

    .md--hover--bg-grey-light:hover {
        background-color: #dae4e9
    }

    .md--hover--bg-grey-lighter:hover {
        background-color: #f3f7f9
    }

    .md--hover--bg-grey-lightest:hover {
        background-color: #fafcfc
    }

    .md--hover--bg-white:hover {
        background-color: #fff
    }

    .md--focus--bg-ubc-blue:focus {
        background-color: #002145
    }

    .md--focus--bg-ubc-blue-secondary:focus {
        background-color: #0055b7
    }

    .md--focus--bg-ubc-blue-secondary-2:focus {
        background-color: #00a7e1
    }

    .md--focus--bg-ubc-blue-secondary-3:focus {
        background-color: #40b4e5
    }

    .md--focus--bg-ubc-blue-secondary-4:focus {
        background-color: #6ec4e8
    }

    .md--focus--bg-ubc-blue-secondary-5:focus {
        background-color: #97d4e9
    }

    .md--focus--bg-unit-blue-darker:focus {
        background-color: #002145
    }

    .md--focus--bg-unit-blue-dark:focus {
        background-color: #295da5
    }

    .md--focus--bg-unit-blue:focus {
        background-color: #00b7e0
    }

    .md--focus--bg-unit-blue-light:focus {
        background-color: #87d6e6
    }

    .md--focus--bg-unit-blue-lighter:focus {
        background-color: #b7dff2
    }

    .md--focus--bg-unit-green:focus {
        background-color: #78be20
    }

    .md--focus--bg-unit-green-dark:focus {
        background-color: #5c9219
    }

    .md--focus--bg-unit-green-light:focus {
        background-color: #86d424
    }

    .md--focus--bg-unit-grey-darkest:focus {
        background-color: #333
    }

    .md--focus--bg-unit-grey-darker:focus {
        background-color: #7d7d7d
    }

    .md--focus--bg-unit-grey-dark:focus {
        background-color: #999
    }

    .md--focus--bg-unit-grey:focus {
        background-color: #bfbfbf
    }

    .md--focus--bg-unit-grey-light:focus {
        background-color: #e6e6e6
    }

    .md--focus--bg-unit-grey-lighter:focus {
        background-color: #f2f2f2
    }

    .md--focus--bg-unit-grey-light-alt:focus {
        background-color: #e4e5e6
    }

    .md--focus--bg-unit-grey-lighter-alt:focus {
        background-color: #f0f1f2
    }

    .md--focus--bg-unit-orange:focus {
        background-color: #ee7a15
    }

    .md--focus--bg-unit-orange-light:focus {
        background-color: #eea415
    }

    .md--focus--bg-transparent:focus {
        background-color: transparent
    }

    .md--focus--bg-black:focus {
        background-color: #222b2f
    }

    .md--focus--bg-grey-darkest:focus {
        background-color: #364349
    }

    .md--focus--bg-grey-darker:focus {
        background-color: #596a73
    }

    .md--focus--bg-grey-dark:focus {
        background-color: #70818a
    }

    .md--focus--bg-grey:focus {
        background-color: #9babb4
    }

    .md--focus--bg-grey-light:focus {
        background-color: #dae4e9
    }

    .md--focus--bg-grey-lighter:focus {
        background-color: #f3f7f9
    }

    .md--focus--bg-grey-lightest:focus {
        background-color: #fafcfc
    }

    .md--focus--bg-white:focus {
        background-color: #fff
    }

    .md--bg-bottom {
        background-position: bottom
    }

    .md--bg-center {
        background-position: 50%
    }

    .md--bg-left {
        background-position: 0
    }

    .md--bg-left-bottom {
        background-position: 0 100%
    }

    .md--bg-left-top {
        background-position: 0 0
    }

    .md--bg-right {
        background-position: 100%
    }

    .md--bg-right-bottom {
        background-position: 100% 100%
    }

    .md--bg-right-top {
        background-position: 100% 0
    }

    .md--bg-top {
        background-position: top
    }

    .md--bg-repeat {
        background-repeat: repeat
    }

    .md--bg-no-repeat {
        background-repeat: no-repeat
    }

    .md--bg-repeat-x {
        background-repeat: repeat-x
    }

    .md--bg-repeat-y {
        background-repeat: repeat-y
    }

    .md--bg-auto {
        background-size: auto
    }

    .md--bg-cover {
        background-size: cover
    }

    .md--bg-contain {
        background-size: contain
    }

    .md--border-ubc-blue {
        border-color: #002145
    }

    .md--border-ubc-blue-secondary {
        border-color: #0055b7
    }

    .md--border-ubc-blue-secondary-2 {
        border-color: #00a7e1
    }

    .md--border-ubc-blue-secondary-3 {
        border-color: #40b4e5
    }

    .md--border-ubc-blue-secondary-4 {
        border-color: #6ec4e8
    }

    .md--border-ubc-blue-secondary-5 {
        border-color: #97d4e9
    }

    .md--border-unit-blue-darker {
        border-color: #002145
    }

    .md--border-unit-blue-dark {
        border-color: #295da5
    }

    .md--border-unit-blue {
        border-color: #00b7e0
    }

    .md--border-unit-blue-light {
        border-color: #87d6e6
    }

    .md--border-unit-blue-lighter {
        border-color: #b7dff2
    }

    .md--border-unit-green {
        border-color: #78be20
    }

    .md--border-unit-green-dark {
        border-color: #5c9219
    }

    .md--border-unit-green-light {
        border-color: #86d424
    }

    .md--border-unit-grey-darkest {
        border-color: #333
    }

    .md--border-unit-grey-darker {
        border-color: #7d7d7d
    }

    .md--border-unit-grey-dark {
        border-color: #999
    }

    .md--border-unit-grey {
        border-color: #bfbfbf
    }

    .md--border-unit-grey-light {
        border-color: #e6e6e6
    }

    .md--border-unit-grey-lighter {
        border-color: #f2f2f2
    }

    .md--border-unit-grey-light-alt {
        border-color: #e4e5e6
    }

    .md--border-unit-grey-lighter-alt {
        border-color: #f0f1f2
    }

    .md--border-unit-orange {
        border-color: #ee7a15
    }

    .md--border-unit-orange-light {
        border-color: #eea415
    }

    .md--border-transparent {
        border-color: transparent
    }

    .md--border-black {
        border-color: #222b2f
    }

    .md--border-grey-darkest {
        border-color: #364349
    }

    .md--border-grey-darker {
        border-color: #596a73
    }

    .md--border-grey-dark {
        border-color: #70818a
    }

    .md--border-grey {
        border-color: #9babb4
    }

    .md--border-grey-light {
        border-color: #dae4e9
    }

    .md--border-grey-lighter {
        border-color: #f3f7f9
    }

    .md--border-grey-lightest {
        border-color: #fafcfc
    }

    .md--border-white {
        border-color: #fff
    }

    .md--hover--border-ubc-blue:hover {
        border-color: #002145
    }

    .md--hover--border-ubc-blue-secondary:hover {
        border-color: #0055b7
    }

    .md--hover--border-ubc-blue-secondary-2:hover {
        border-color: #00a7e1
    }

    .md--hover--border-ubc-blue-secondary-3:hover {
        border-color: #40b4e5
    }

    .md--hover--border-ubc-blue-secondary-4:hover {
        border-color: #6ec4e8
    }

    .md--hover--border-ubc-blue-secondary-5:hover {
        border-color: #97d4e9
    }

    .md--hover--border-unit-blue-darker:hover {
        border-color: #002145
    }

    .md--hover--border-unit-blue-dark:hover {
        border-color: #295da5
    }

    .md--hover--border-unit-blue:hover {
        border-color: #00b7e0
    }

    .md--hover--border-unit-blue-light:hover {
        border-color: #87d6e6
    }

    .md--hover--border-unit-blue-lighter:hover {
        border-color: #b7dff2
    }

    .md--hover--border-unit-green:hover {
        border-color: #78be20
    }

    .md--hover--border-unit-green-dark:hover {
        border-color: #5c9219
    }

    .md--hover--border-unit-green-light:hover {
        border-color: #86d424
    }

    .md--hover--border-unit-grey-darkest:hover {
        border-color: #333
    }

    .md--hover--border-unit-grey-darker:hover {
        border-color: #7d7d7d
    }

    .md--hover--border-unit-grey-dark:hover {
        border-color: #999
    }

    .md--hover--border-unit-grey:hover {
        border-color: #bfbfbf
    }

    .md--hover--border-unit-grey-light:hover {
        border-color: #e6e6e6
    }

    .md--hover--border-unit-grey-lighter:hover {
        border-color: #f2f2f2
    }

    .md--hover--border-unit-grey-light-alt:hover {
        border-color: #e4e5e6
    }

    .md--hover--border-unit-grey-lighter-alt:hover {
        border-color: #f0f1f2
    }

    .md--hover--border-unit-orange:hover {
        border-color: #ee7a15
    }

    .md--hover--border-unit-orange-light:hover {
        border-color: #eea415
    }

    .md--hover--border-transparent:hover {
        border-color: transparent
    }

    .md--hover--border-black:hover {
        border-color: #222b2f
    }

    .md--hover--border-grey-darkest:hover {
        border-color: #364349
    }

    .md--hover--border-grey-darker:hover {
        border-color: #596a73
    }

    .md--hover--border-grey-dark:hover {
        border-color: #70818a
    }

    .md--hover--border-grey:hover {
        border-color: #9babb4
    }

    .md--hover--border-grey-light:hover {
        border-color: #dae4e9
    }

    .md--hover--border-grey-lighter:hover {
        border-color: #f3f7f9
    }

    .md--hover--border-grey-lightest:hover {
        border-color: #fafcfc
    }

    .md--hover--border-white:hover {
        border-color: #fff
    }

    .md--focus--border-ubc-blue:focus {
        border-color: #002145
    }

    .md--focus--border-ubc-blue-secondary:focus {
        border-color: #0055b7
    }

    .md--focus--border-ubc-blue-secondary-2:focus {
        border-color: #00a7e1
    }

    .md--focus--border-ubc-blue-secondary-3:focus {
        border-color: #40b4e5
    }

    .md--focus--border-ubc-blue-secondary-4:focus {
        border-color: #6ec4e8
    }

    .md--focus--border-ubc-blue-secondary-5:focus {
        border-color: #97d4e9
    }

    .md--focus--border-unit-blue-darker:focus {
        border-color: #002145
    }

    .md--focus--border-unit-blue-dark:focus {
        border-color: #295da5
    }

    .md--focus--border-unit-blue:focus {
        border-color: #00b7e0
    }

    .md--focus--border-unit-blue-light:focus {
        border-color: #87d6e6
    }

    .md--focus--border-unit-blue-lighter:focus {
        border-color: #b7dff2
    }

    .md--focus--border-unit-green:focus {
        border-color: #78be20
    }

    .md--focus--border-unit-green-dark:focus {
        border-color: #5c9219
    }

    .md--focus--border-unit-green-light:focus {
        border-color: #86d424
    }

    .md--focus--border-unit-grey-darkest:focus {
        border-color: #333
    }

    .md--focus--border-unit-grey-darker:focus {
        border-color: #7d7d7d
    }

    .md--focus--border-unit-grey-dark:focus {
        border-color: #999
    }

    .md--focus--border-unit-grey:focus {
        border-color: #bfbfbf
    }

    .md--focus--border-unit-grey-light:focus {
        border-color: #e6e6e6
    }

    .md--focus--border-unit-grey-lighter:focus {
        border-color: #f2f2f2
    }

    .md--focus--border-unit-grey-light-alt:focus {
        border-color: #e4e5e6
    }

    .md--focus--border-unit-grey-lighter-alt:focus {
        border-color: #f0f1f2
    }

    .md--focus--border-unit-orange:focus {
        border-color: #ee7a15
    }

    .md--focus--border-unit-orange-light:focus {
        border-color: #eea415
    }

    .md--focus--border-transparent:focus {
        border-color: transparent
    }

    .md--focus--border-black:focus {
        border-color: #222b2f
    }

    .md--focus--border-grey-darkest:focus {
        border-color: #364349
    }

    .md--focus--border-grey-darker:focus {
        border-color: #596a73
    }

    .md--focus--border-grey-dark:focus {
        border-color: #70818a
    }

    .md--focus--border-grey:focus {
        border-color: #9babb4
    }

    .md--focus--border-grey-light:focus {
        border-color: #dae4e9
    }

    .md--focus--border-grey-lighter:focus {
        border-color: #f3f7f9
    }

    .md--focus--border-grey-lightest:focus {
        border-color: #fafcfc
    }

    .md--focus--border-white:focus {
        border-color: #fff
    }

    .md--rounded-none {
        border-radius: 0
    }

    .md--rounded-sm {
        border-radius: .125rem
    }

    .md--rounded {
        border-radius: .25rem
    }

    .md--rounded-lg {
        border-radius: .5rem
    }

    .md--rounded-full {
        border-radius: 9999px
    }

    .md--rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .md--rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .md--rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .md--rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .md--rounded-t-sm {
        border-top-left-radius: .125rem;
        border-top-right-radius: .125rem
    }

    .md--rounded-r-sm {
        border-top-right-radius: .125rem;
        border-bottom-right-radius: .125rem
    }

    .md--rounded-b-sm {
        border-bottom-right-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .md--rounded-l-sm {
        border-top-left-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .md--rounded-t {
        border-top-left-radius: .25rem
    }

    .md--rounded-r,
    .md--rounded-t {
        border-top-right-radius: .25rem
    }

    .md--rounded-b,
    .md--rounded-r {
        border-bottom-right-radius: .25rem
    }

    .md--rounded-b,
    .md--rounded-l {
        border-bottom-left-radius: .25rem
    }

    .md--rounded-l {
        border-top-left-radius: .25rem
    }

    .md--rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .md--rounded-r-lg {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .md--rounded-b-lg {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .md--rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .md--rounded-t-full {
        border-top-left-radius: 9999px;
        border-top-right-radius: 9999px
    }

    .md--rounded-r-full {
        border-top-right-radius: 9999px;
        border-bottom-right-radius: 9999px
    }

    .md--rounded-b-full {
        border-bottom-right-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .md--rounded-l-full {
        border-top-left-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .md--rounded-tl-none {
        border-top-left-radius: 0
    }

    .md--rounded-tr-none {
        border-top-right-radius: 0
    }

    .md--rounded-br-none {
        border-bottom-right-radius: 0
    }

    .md--rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .md--rounded-tl-sm {
        border-top-left-radius: .125rem
    }

    .md--rounded-tr-sm {
        border-top-right-radius: .125rem
    }

    .md--rounded-br-sm {
        border-bottom-right-radius: .125rem
    }

    .md--rounded-bl-sm {
        border-bottom-left-radius: .125rem
    }

    .md--rounded-tl {
        border-top-left-radius: .25rem
    }

    .md--rounded-tr {
        border-top-right-radius: .25rem
    }

    .md--rounded-br {
        border-bottom-right-radius: .25rem
    }

    .md--rounded-bl {
        border-bottom-left-radius: .25rem
    }

    .md--rounded-tl-lg {
        border-top-left-radius: .5rem
    }

    .md--rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .md--rounded-br-lg {
        border-bottom-right-radius: .5rem
    }

    .md--rounded-bl-lg {
        border-bottom-left-radius: .5rem
    }

    .md--rounded-tl-full {
        border-top-left-radius: 9999px
    }

    .md--rounded-tr-full {
        border-top-right-radius: 9999px
    }

    .md--rounded-br-full {
        border-bottom-right-radius: 9999px
    }

    .md--rounded-bl-full {
        border-bottom-left-radius: 9999px
    }

    .md--border-solid {
        border-style: solid
    }

    .md--border-dashed {
        border-style: dashed
    }

    .md--border-dotted {
        border-style: dotted
    }

    .md--border-none {
        border-style: none
    }

    .md--border-0 {
        border-width: 0
    }

    .md--border-2 {
        border-width: 2px
    }

    .md--border-4 {
        border-width: 4px
    }

    .md--border-8 {
        border-width: 8px
    }

    .md--border {
        border-width: 1px
    }

    .md--border-t-0 {
        border-top-width: 0
    }

    .md--border-r-0 {
        border-right-width: 0
    }

    .md--border-b-0 {
        border-bottom-width: 0
    }

    .md--border-l-0 {
        border-left-width: 0
    }

    .md--border-t-2 {
        border-top-width: 2px
    }

    .md--border-r-2 {
        border-right-width: 2px
    }

    .md--border-b-2 {
        border-bottom-width: 2px
    }

    .md--border-l-2 {
        border-left-width: 2px
    }

    .md--border-t-4 {
        border-top-width: 4px
    }

    .md--border-r-4 {
        border-right-width: 4px
    }

    .md--border-b-4 {
        border-bottom-width: 4px
    }

    .md--border-l-4 {
        border-left-width: 4px
    }

    .md--border-t-8 {
        border-top-width: 8px
    }

    .md--border-r-8 {
        border-right-width: 8px
    }

    .md--border-b-8 {
        border-bottom-width: 8px
    }

    .md--border-l-8 {
        border-left-width: 8px
    }

    .md--border-t {
        border-top-width: 1px
    }

    .md--border-r {
        border-right-width: 1px
    }

    .md--border-b {
        border-bottom-width: 1px
    }

    .md--border-l {
        border-left-width: 1px
    }

    .md--cursor-auto {
        cursor: auto
    }

    .md--cursor-default {
        cursor: default
    }

    .md--cursor-pointer {
        cursor: pointer
    }

    .md--cursor-wait {
        cursor: wait
    }

    .md--cursor-move {
        cursor: move
    }

    .md--cursor-not-allowed {
        cursor: not-allowed
    }

    .md--block {
        display: block
    }

    .md--inline-block {
        display: inline-block
    }

    .md--inline {
        display: inline
    }

    .md--table {
        display: table
    }

    .md--table-row {
        display: table-row
    }

    .md--table-cell {
        display: table-cell
    }

    .md--hidden {
        display: none
    }

    .md--flex {
        display: -ms-flexbox;
        display: flex
    }

    .md--inline-flex {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .md--flex-row {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .md--flex-row-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .md--flex-col {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .md--flex-col-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .md--flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .md--flex-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .md--flex-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .md--items-start {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .md--items-end {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .md--items-center {
        -ms-flex-align: center;
        align-items: center
    }

    .md--items-baseline {
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .md--items-stretch {
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .md--self-auto {
        -ms-flex-item-align: auto;
        align-self: auto
    }

    .md--self-start {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .md--self-end {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .md--self-center {
        -ms-flex-item-align: center;
        align-self: center
    }

    .md--self-stretch {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .md--justify-start {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .md--justify-end {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .md--justify-center {
        -ms-flex-pack: center;
        justify-content: center
    }

    .md--justify-between {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .md--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .md--content-center {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .md--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .md--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .md--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .md--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .md--flex-1 {
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .md--flex-auto {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .md--flex-initial {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .md--flex-none {
        -ms-flex: none;
        flex: none
    }

    .md--flex-grow {
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .md--flex-shrink {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .md--flex-no-grow {
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .md--flex-no-shrink {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .md--float-right {
        float: right
    }

    .md--float-left {
        float: left
    }

    .md--float-none {
        float: none
    }

    .md--clearfix:after {
        content: "";
        display: table;
        clear: both
    }

    .md--font-sans {
        font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
    }

    .md--font-serif {
        font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif
    }

    .md--font-mono {
        font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }

    .md--font-hairline {
        font-weight: 100
    }

    .md--font-thin {
        font-weight: 200
    }

    .md--font-light {
        font-weight: 300
    }

    .md--font-normal {
        font-weight: 400
    }

    .md--font-medium {
        font-weight: 500
    }

    .md--font-semibold {
        font-weight: 600
    }

    .md--font-bold {
        font-weight: 700
    }

    .md--font-extrabold {
        font-weight: 800
    }

    .md--font-black {
        font-weight: 900
    }

    .md--hover--font-hairline:hover {
        font-weight: 100
    }

    .md--hover--font-thin:hover {
        font-weight: 200
    }

    .md--hover--font-light:hover {
        font-weight: 300
    }

    .md--hover--font-normal:hover {
        font-weight: 400
    }

    .md--hover--font-medium:hover {
        font-weight: 500
    }

    .md--hover--font-semibold:hover {
        font-weight: 600
    }

    .md--hover--font-bold:hover {
        font-weight: 700
    }

    .md--hover--font-extrabold:hover {
        font-weight: 800
    }

    .md--hover--font-black:hover {
        font-weight: 900
    }

    .md--focus--font-hairline:focus {
        font-weight: 100
    }

    .md--focus--font-thin:focus {
        font-weight: 200
    }

    .md--focus--font-light:focus {
        font-weight: 300
    }

    .md--focus--font-normal:focus {
        font-weight: 400
    }

    .md--focus--font-medium:focus {
        font-weight: 500
    }

    .md--focus--font-semibold:focus {
        font-weight: 600
    }

    .md--focus--font-bold:focus {
        font-weight: 700
    }

    .md--focus--font-extrabold:focus {
        font-weight: 800
    }

    .md--focus--font-black:focus {
        font-weight: 900
    }

    .md--h-1 {
        height: .25rem
    }

    .md--h-2 {
        height: .5rem
    }

    .md--h-3 {
        height: .75rem
    }

    .md--h-4 {
        height: 1rem
    }

    .md--h-5 {
        height: 1.25rem
    }

    .md--h-6 {
        height: 1.5rem
    }

    .md--h-8 {
        height: 2rem
    }

    .md--h-10 {
        height: 2.5rem
    }

    .md--h-12 {
        height: 3rem
    }

    .md--h-16 {
        height: 4rem
    }

    .md--h-24 {
        height: 6rem
    }

    .md--h-32 {
        height: 8rem
    }

    .md--h-48 {
        height: 12rem
    }

    .md--h-64 {
        height: 16rem
    }

    .md--h-auto {
        height: auto
    }

    .md--h-px {
        height: 1px
    }

    .md--h-full {
        height: 100%
    }

    .md--h-screen {
        height: 100vh
    }

    .md--leading-none {
        line-height: 1
    }

    .md--leading-tight {
        line-height: 1.25
    }

    .md--leading-normal {
        line-height: 1.5
    }

    .md--leading-loose {
        line-height: 2
    }

    .md--m-0 {
        margin: 0
    }

    .md--m-1 {
        margin: .25rem
    }

    .md--m-2 {
        margin: .5rem
    }

    .md--m-3 {
        margin: .75rem
    }

    .md--m-4 {
        margin: 1rem
    }

    .md--m-5 {
        margin: 1.25rem
    }

    .md--m-6 {
        margin: 1.5rem
    }

    .md--m-8 {
        margin: 2rem
    }

    .md--m-10 {
        margin: 2.5rem
    }

    .md--m-12 {
        margin: 3rem
    }

    .md--m-14 {
        margin: 3.5rem
    }

    .md--m-16 {
        margin: 4rem
    }

    .md--m-20 {
        margin: 5rem
    }

    .md--m-24 {
        margin: 6rem
    }

    .md--m-32 {
        margin: 8rem
    }

    .md--m-auto {
        margin: auto
    }

    .md--m-px {
        margin: 1px
    }

    .md--my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .md--mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md--my-1 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .md--mx-1 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .md--my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .md--mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .md--my-3 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .md--mx-3 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .md--my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .md--mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .md--my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .md--mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .md--my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .md--mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .md--my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .md--mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .md--my-10 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .md--mx-10 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .md--my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .md--mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .md--my-14 {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }

    .md--mx-14 {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }

    .md--my-16 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .md--mx-16 {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .md--my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .md--mx-20 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .md--my-24 {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .md--mx-24 {
        margin-left: 6rem;
        margin-right: 6rem
    }

    .md--my-32 {
        margin-top: 8rem;
        margin-bottom: 8rem
    }

    .md--mx-32 {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .md--my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .md--mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md--my-px {
        margin-top: 1px;
        margin-bottom: 1px
    }

    .md--mx-px {
        margin-left: 1px;
        margin-right: 1px
    }

    .md--mt-0 {
        margin-top: 0
    }

    .md--mr-0 {
        margin-right: 0
    }

    .md--mb-0 {
        margin-bottom: 0
    }

    .md--ml-0 {
        margin-left: 0
    }

    .md--mt-1 {
        margin-top: .25rem
    }

    .md--mr-1 {
        margin-right: .25rem
    }

    .md--mb-1 {
        margin-bottom: .25rem
    }

    .md--ml-1 {
        margin-left: .25rem
    }

    .md--mt-2 {
        margin-top: .5rem
    }

    .md--mr-2 {
        margin-right: .5rem
    }

    .md--mb-2 {
        margin-bottom: .5rem
    }

    .md--ml-2 {
        margin-left: .5rem
    }

    .md--mt-3 {
        margin-top: .75rem
    }

    .md--mr-3 {
        margin-right: .75rem
    }

    .md--mb-3 {
        margin-bottom: .75rem
    }

    .md--ml-3 {
        margin-left: .75rem
    }

    .md--mt-4 {
        margin-top: 1rem
    }

    .md--mr-4 {
        margin-right: 1rem
    }

    .md--mb-4 {
        margin-bottom: 1rem
    }

    .md--ml-4 {
        margin-left: 1rem
    }

    .md--mt-5 {
        margin-top: 1.25rem
    }

    .md--mr-5 {
        margin-right: 1.25rem
    }

    .md--mb-5 {
        margin-bottom: 1.25rem
    }

    .md--ml-5 {
        margin-left: 1.25rem
    }

    .md--mt-6 {
        margin-top: 1.5rem
    }

    .md--mr-6 {
        margin-right: 1.5rem
    }

    .md--mb-6 {
        margin-bottom: 1.5rem
    }

    .md--ml-6 {
        margin-left: 1.5rem
    }

    .md--mt-8 {
        margin-top: 2rem
    }

    .md--mr-8 {
        margin-right: 2rem
    }

    .md--mb-8 {
        margin-bottom: 2rem
    }

    .md--ml-8 {
        margin-left: 2rem
    }

    .md--mt-10 {
        margin-top: 2.5rem
    }

    .md--mr-10 {
        margin-right: 2.5rem
    }

    .md--mb-10 {
        margin-bottom: 2.5rem
    }

    .md--ml-10 {
        margin-left: 2.5rem
    }

    .md--mt-12 {
        margin-top: 3rem
    }

    .md--mr-12 {
        margin-right: 3rem
    }

    .md--mb-12 {
        margin-bottom: 3rem
    }

    .md--ml-12 {
        margin-left: 3rem
    }

    .md--mt-14 {
        margin-top: 3.5rem
    }

    .md--mr-14 {
        margin-right: 3.5rem
    }

    .md--mb-14 {
        margin-bottom: 3.5rem
    }

    .md--ml-14 {
        margin-left: 3.5rem
    }

    .md--mt-16 {
        margin-top: 4rem
    }

    .md--mr-16 {
        margin-right: 4rem
    }

    .md--mb-16 {
        margin-bottom: 4rem
    }

    .md--ml-16 {
        margin-left: 4rem
    }

    .md--mt-20 {
        margin-top: 5rem
    }

    .md--mr-20 {
        margin-right: 5rem
    }

    .md--mb-20 {
        margin-bottom: 5rem
    }

    .md--ml-20 {
        margin-left: 5rem
    }

    .md--mt-24 {
        margin-top: 6rem
    }

    .md--mr-24 {
        margin-right: 6rem
    }

    .md--mb-24 {
        margin-bottom: 6rem
    }

    .md--ml-24 {
        margin-left: 6rem
    }

    .md--mt-32 {
        margin-top: 8rem
    }

    .md--mr-32 {
        margin-right: 8rem
    }

    .md--mb-32 {
        margin-bottom: 8rem
    }

    .md--ml-32 {
        margin-left: 8rem
    }

    .md--mt-auto {
        margin-top: auto
    }

    .md--mr-auto {
        margin-right: auto
    }

    .md--mb-auto {
        margin-bottom: auto
    }

    .md--ml-auto {
        margin-left: auto
    }

    .md--mt-px {
        margin-top: 1px
    }

    .md--mr-px {
        margin-right: 1px
    }

    .md--mb-px {
        margin-bottom: 1px
    }

    .md--ml-px {
        margin-left: 1px
    }

    .md--max-h-full {
        max-height: 100%
    }

    .md--max-h-screen {
        max-height: 100vh
    }

    .md--max-w-xs {
        max-width: 20rem
    }

    .md--max-w-sm {
        max-width: 30rem
    }

    .md--max-w-md {
        max-width: 40rem
    }

    .md--max-w-lg {
        max-width: 50rem
    }

    .md--max-w-xl {
        max-width: 60rem
    }

    .md--max-w-2xl {
        max-width: 70rem
    }

    .md--max-w-3xl {
        max-width: 80rem
    }

    .md--max-w-4xl {
        max-width: 90rem
    }

    .md--max-w-5xl {
        max-width: 100rem
    }

    .md--max-w-full {
        max-width: 100%
    }

    .md--min-h-0 {
        min-height: 0
    }

    .md--min-h-full {
        min-height: 100%
    }

    .md--min-h-screen {
        min-height: 100vh
    }

    .md--min-w-0 {
        min-width: 0
    }

    .md--min-w-full {
        min-width: 100%
    }

    .md---m-0 {
        margin: 0
    }

    .md---m-1 {
        margin: -.25rem
    }

    .md---m-2 {
        margin: -.5rem
    }

    .md---m-3 {
        margin: -.75rem
    }

    .md---m-4 {
        margin: -1rem
    }

    .md---m-5 {
        margin: -1.25rem
    }

    .md---m-6 {
        margin: -1.5rem
    }

    .md---m-8 {
        margin: -2rem
    }

    .md---m-10 {
        margin: -2.5rem
    }

    .md---m-12 {
        margin: -3rem
    }

    .md---m-14 {
        margin: -3.5rem
    }

    .md---m-16 {
        margin: -4rem
    }

    .md---m-20 {
        margin: -5rem
    }

    .md---m-24 {
        margin: -6rem
    }

    .md---m-32 {
        margin: -8rem
    }

    .md---m-px {
        margin: -1px
    }

    .md---my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .md---mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md---my-1 {
        margin-top: -.25rem;
        margin-bottom: -.25rem
    }

    .md---mx-1 {
        margin-left: -.25rem;
        margin-right: -.25rem
    }

    .md---my-2 {
        margin-top: -.5rem;
        margin-bottom: -.5rem
    }

    .md---mx-2 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .md---my-3 {
        margin-top: -.75rem;
        margin-bottom: -.75rem
    }

    .md---mx-3 {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .md---my-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .md---mx-4 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .md---my-5 {
        margin-top: -1.25rem;
        margin-bottom: -1.25rem
    }

    .md---mx-5 {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .md---my-6 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }

    .md---mx-6 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .md---my-8 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .md---mx-8 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .md---my-10 {
        margin-top: -2.5rem;
        margin-bottom: -2.5rem
    }

    .md---mx-10 {
        margin-left: -2.5rem;
        margin-right: -2.5rem
    }

    .md---my-12 {
        margin-top: -3rem;
        margin-bottom: -3rem
    }

    .md---mx-12 {
        margin-left: -3rem;
        margin-right: -3rem
    }

    .md---my-14 {
        margin-top: -3.5rem;
        margin-bottom: -3.5rem
    }

    .md---mx-14 {
        margin-left: -3.5rem;
        margin-right: -3.5rem
    }

    .md---my-16 {
        margin-top: -4rem;
        margin-bottom: -4rem
    }

    .md---mx-16 {
        margin-left: -4rem;
        margin-right: -4rem
    }

    .md---my-20 {
        margin-top: -5rem;
        margin-bottom: -5rem
    }

    .md---mx-20 {
        margin-left: -5rem;
        margin-right: -5rem
    }

    .md---my-24 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .md---mx-24 {
        margin-left: -6rem;
        margin-right: -6rem
    }

    .md---my-32 {
        margin-top: -8rem;
        margin-bottom: -8rem
    }

    .md---mx-32 {
        margin-left: -8rem;
        margin-right: -8rem
    }

    .md---my-px {
        margin-top: -1px;
        margin-bottom: -1px
    }

    .md---mx-px {
        margin-left: -1px;
        margin-right: -1px
    }

    .md---mt-0 {
        margin-top: 0
    }

    .md---mr-0 {
        margin-right: 0
    }

    .md---mb-0 {
        margin-bottom: 0
    }

    .md---ml-0 {
        margin-left: 0
    }

    .md---mt-1 {
        margin-top: -.25rem
    }

    .md---mr-1 {
        margin-right: -.25rem
    }

    .md---mb-1 {
        margin-bottom: -.25rem
    }

    .md---ml-1 {
        margin-left: -.25rem
    }

    .md---mt-2 {
        margin-top: -.5rem
    }

    .md---mr-2 {
        margin-right: -.5rem
    }

    .md---mb-2 {
        margin-bottom: -.5rem
    }

    .md---ml-2 {
        margin-left: -.5rem
    }

    .md---mt-3 {
        margin-top: -.75rem
    }

    .md---mr-3 {
        margin-right: -.75rem
    }

    .md---mb-3 {
        margin-bottom: -.75rem
    }

    .md---ml-3 {
        margin-left: -.75rem
    }

    .md---mt-4 {
        margin-top: -1rem
    }

    .md---mr-4 {
        margin-right: -1rem
    }

    .md---mb-4 {
        margin-bottom: -1rem
    }

    .md---ml-4 {
        margin-left: -1rem
    }

    .md---mt-5 {
        margin-top: -1.25rem
    }

    .md---mr-5 {
        margin-right: -1.25rem
    }

    .md---mb-5 {
        margin-bottom: -1.25rem
    }

    .md---ml-5 {
        margin-left: -1.25rem
    }

    .md---mt-6 {
        margin-top: -1.5rem
    }

    .md---mr-6 {
        margin-right: -1.5rem
    }

    .md---mb-6 {
        margin-bottom: -1.5rem
    }

    .md---ml-6 {
        margin-left: -1.5rem
    }

    .md---mt-8 {
        margin-top: -2rem
    }

    .md---mr-8 {
        margin-right: -2rem
    }

    .md---mb-8 {
        margin-bottom: -2rem
    }

    .md---ml-8 {
        margin-left: -2rem
    }

    .md---mt-10 {
        margin-top: -2.5rem
    }

    .md---mr-10 {
        margin-right: -2.5rem
    }

    .md---mb-10 {
        margin-bottom: -2.5rem
    }

    .md---ml-10 {
        margin-left: -2.5rem
    }

    .md---mt-12 {
        margin-top: -3rem
    }

    .md---mr-12 {
        margin-right: -3rem
    }

    .md---mb-12 {
        margin-bottom: -3rem
    }

    .md---ml-12 {
        margin-left: -3rem
    }

    .md---mt-14 {
        margin-top: -3.5rem
    }

    .md---mr-14 {
        margin-right: -3.5rem
    }

    .md---mb-14 {
        margin-bottom: -3.5rem
    }

    .md---ml-14 {
        margin-left: -3.5rem
    }

    .md---mt-16 {
        margin-top: -4rem
    }

    .md---mr-16 {
        margin-right: -4rem
    }

    .md---mb-16 {
        margin-bottom: -4rem
    }

    .md---ml-16 {
        margin-left: -4rem
    }

    .md---mt-20 {
        margin-top: -5rem
    }

    .md---mr-20 {
        margin-right: -5rem
    }

    .md---mb-20 {
        margin-bottom: -5rem
    }

    .md---ml-20 {
        margin-left: -5rem
    }

    .md---mt-24 {
        margin-top: -6rem
    }

    .md---mr-24 {
        margin-right: -6rem
    }

    .md---mb-24 {
        margin-bottom: -6rem
    }

    .md---ml-24 {
        margin-left: -6rem
    }

    .md---mt-32 {
        margin-top: -8rem
    }

    .md---mr-32 {
        margin-right: -8rem
    }

    .md---mb-32 {
        margin-bottom: -8rem
    }

    .md---ml-32 {
        margin-left: -8rem
    }

    .md---mt-px {
        margin-top: -1px
    }

    .md---mr-px {
        margin-right: -1px
    }

    .md---mb-px {
        margin-bottom: -1px
    }

    .md---ml-px {
        margin-left: -1px
    }

    .md--opacity-0 {
        opacity: 0
    }

    .md--opacity-25 {
        opacity: .25
    }

    .md--opacity-50 {
        opacity: .5
    }

    .md--opacity-75 {
        opacity: .75
    }

    .md--opacity-100 {
        opacity: 1
    }

    .md--overflow-auto {
        overflow: auto
    }

    .md--overflow-hidden {
        overflow: hidden
    }

    .md--overflow-visible {
        overflow: visible
    }

    .md--overflow-scroll {
        overflow: scroll
    }

    .md--overflow-x-auto {
        overflow-x: auto
    }

    .md--overflow-y-auto {
        overflow-y: auto
    }

    .md--overflow-x-hidden {
        overflow-x: hidden
    }

    .md--overflow-y-hidden {
        overflow-y: hidden
    }

    .md--overflow-x-visible {
        overflow-x: visible
    }

    .md--overflow-y-visible {
        overflow-y: visible
    }

    .md--overflow-x-scroll {
        overflow-x: scroll
    }

    .md--overflow-y-scroll {
        overflow-y: scroll
    }

    .md--scrolling-touch {
        -webkit-overflow-scrolling: touch
    }

    .md--scrolling-auto {
        -webkit-overflow-scrolling: auto
    }

    .md--p-0 {
        padding: 0
    }

    .md--p-1 {
        padding: .25rem
    }

    .md--p-2 {
        padding: .5rem
    }

    .md--p-3 {
        padding: .75rem
    }

    .md--p-4 {
        padding: 1rem
    }

    .md--p-5 {
        padding: 1.25rem
    }

    .md--p-6 {
        padding: 1.5rem
    }

    .md--p-8 {
        padding: 2rem
    }

    .md--p-10 {
        padding: 2.5rem
    }

    .md--p-12 {
        padding: 3rem
    }

    .md--p-14 {
        padding: 3.5rem
    }

    .md--p-16 {
        padding: 4rem
    }

    .md--p-20 {
        padding: 5rem
    }

    .md--p-24 {
        padding: 6rem
    }

    .md--p-32 {
        padding: 8rem
    }

    .md--p-px {
        padding: 1px
    }

    .md--py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .md--px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md--py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .md--px-1 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .md--py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .md--px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md--py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .md--px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .md--py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md--px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md--py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .md--px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .md--py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md--px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md--py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .md--px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md--py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .md--px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md--py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .md--px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .md--py-14 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .md--px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .md--py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .md--px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .md--py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .md--px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .md--py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .md--px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .md--py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .md--px-32 {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .md--py-px {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .md--px-px {
        padding-left: 1px;
        padding-right: 1px
    }

    .md--pt-0 {
        padding-top: 0
    }

    .md--pr-0 {
        padding-right: 0
    }

    .md--pb-0 {
        padding-bottom: 0
    }

    .md--pl-0 {
        padding-left: 0
    }

    .md--pt-1 {
        padding-top: .25rem
    }

    .md--pr-1 {
        padding-right: .25rem
    }

    .md--pb-1 {
        padding-bottom: .25rem
    }

    .md--pl-1 {
        padding-left: .25rem
    }

    .md--pt-2 {
        padding-top: .5rem
    }

    .md--pr-2 {
        padding-right: .5rem
    }

    .md--pb-2 {
        padding-bottom: .5rem
    }

    .md--pl-2 {
        padding-left: .5rem
    }

    .md--pt-3 {
        padding-top: .75rem
    }

    .md--pr-3 {
        padding-right: .75rem
    }

    .md--pb-3 {
        padding-bottom: .75rem
    }

    .md--pl-3 {
        padding-left: .75rem
    }

    .md--pt-4 {
        padding-top: 1rem
    }

    .md--pr-4 {
        padding-right: 1rem
    }

    .md--pb-4 {
        padding-bottom: 1rem
    }

    .md--pl-4 {
        padding-left: 1rem
    }

    .md--pt-5 {
        padding-top: 1.25rem
    }

    .md--pr-5 {
        padding-right: 1.25rem
    }

    .md--pb-5 {
        padding-bottom: 1.25rem
    }

    .md--pl-5 {
        padding-left: 1.25rem
    }

    .md--pt-6 {
        padding-top: 1.5rem
    }

    .md--pr-6 {
        padding-right: 1.5rem
    }

    .md--pb-6 {
        padding-bottom: 1.5rem
    }

    .md--pl-6 {
        padding-left: 1.5rem
    }

    .md--pt-8 {
        padding-top: 2rem
    }

    .md--pr-8 {
        padding-right: 2rem
    }

    .md--pb-8 {
        padding-bottom: 2rem
    }

    .md--pl-8 {
        padding-left: 2rem
    }

    .md--pt-10 {
        padding-top: 2.5rem
    }

    .md--pr-10 {
        padding-right: 2.5rem
    }

    .md--pb-10 {
        padding-bottom: 2.5rem
    }

    .md--pl-10 {
        padding-left: 2.5rem
    }

    .md--pt-12 {
        padding-top: 3rem
    }

    .md--pr-12 {
        padding-right: 3rem
    }

    .md--pb-12 {
        padding-bottom: 3rem
    }

    .md--pl-12 {
        padding-left: 3rem
    }

    .md--pt-14 {
        padding-top: 3.5rem
    }

    .md--pr-14 {
        padding-right: 3.5rem
    }

    .md--pb-14 {
        padding-bottom: 3.5rem
    }

    .md--pl-14 {
        padding-left: 3.5rem
    }

    .md--pt-16 {
        padding-top: 4rem
    }

    .md--pr-16 {
        padding-right: 4rem
    }

    .md--pb-16 {
        padding-bottom: 4rem
    }

    .md--pl-16 {
        padding-left: 4rem
    }

    .md--pt-20 {
        padding-top: 5rem
    }

    .md--pr-20 {
        padding-right: 5rem
    }

    .md--pb-20 {
        padding-bottom: 5rem
    }

    .md--pl-20 {
        padding-left: 5rem
    }

    .md--pt-24 {
        padding-top: 6rem
    }

    .md--pr-24 {
        padding-right: 6rem
    }

    .md--pb-24 {
        padding-bottom: 6rem
    }

    .md--pl-24 {
        padding-left: 6rem
    }

    .md--pt-32 {
        padding-top: 8rem
    }

    .md--pr-32 {
        padding-right: 8rem
    }

    .md--pb-32 {
        padding-bottom: 8rem
    }

    .md--pl-32 {
        padding-left: 8rem
    }

    .md--pt-px {
        padding-top: 1px
    }

    .md--pr-px {
        padding-right: 1px
    }

    .md--pb-px {
        padding-bottom: 1px
    }

    .md--pl-px {
        padding-left: 1px
    }

    .md--pointer-events-none {
        pointer-events: none
    }

    .md--pointer-events-auto {
        pointer-events: auto
    }

    .md--static {
        position: static
    }

    .md--fixed {
        position: fixed
    }

    .md--absolute {
        position: absolute
    }

    .md--relative {
        position: relative
    }

    .md--sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .md--pin-none {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .md--pin {
        right: 0;
        left: 0
    }

    .md--pin,
    .md--pin-y {
        top: 0;
        bottom: 0
    }

    .md--pin-x {
        right: 0;
        left: 0
    }

    .md--pin-t {
        top: 0
    }

    .md--pin-r {
        right: 0
    }

    .md--pin-b {
        bottom: 0
    }

    .md--pin-l {
        left: 0
    }

    .md--resize-none {
        resize: none
    }

    .md--resize-y {
        resize: vertical
    }

    .md--resize-x {
        resize: horizontal
    }

    .md--resize {
        resize: both
    }

    .md--shadow {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
    }

    .md--shadow-md {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
    }

    .md--shadow-lg {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
    }

    .md--shadow-inner {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    .md--shadow-outline {
        box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
    }

    .md--shadow-none {
        box-shadow: none
    }

    .md--hover--shadow:hover {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
    }

    .md--hover--shadow-md:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
    }

    .md--hover--shadow-lg:hover {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
    }

    .md--hover--shadow-inner:hover {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    .md--hover--shadow-outline:hover {
        box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
    }

    .md--hover--shadow-none:hover {
        box-shadow: none
    }

    .md--focus--shadow:focus {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
    }

    .md--focus--shadow-md:focus {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
    }

    .md--focus--shadow-lg:focus {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
    }

    .md--focus--shadow-inner:focus {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    .md--focus--shadow-outline:focus {
        box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
    }

    .md--focus--shadow-none:focus {
        box-shadow: none
    }

    .md--table-auto {
        table-layout: auto
    }

    .md--table-fixed {
        table-layout: fixed
    }

    .md--text-left {
        text-align: left
    }

    .md--text-center {
        text-align: center
    }

    .md--text-right {
        text-align: right
    }

    .md--text-justify {
        text-align: justify
    }

    .md--text-ubc-blue {
        color: #002145
    }

    .md--text-ubc-blue-secondary {
        color: #0055b7
    }

    .md--text-ubc-blue-secondary-2 {
        color: #00a7e1
    }

    .md--text-ubc-blue-secondary-3 {
        color: #40b4e5
    }

    .md--text-ubc-blue-secondary-4 {
        color: #6ec4e8
    }

    .md--text-ubc-blue-secondary-5 {
        color: #97d4e9
    }

    .md--text-unit-blue-darker {
        color: #002145
    }

    .md--text-unit-blue-dark {
        color: #295da5
    }

    .md--text-unit-blue {
        color: #00b7e0
    }

    .md--text-unit-blue-light {
        color: #87d6e6
    }

    .md--text-unit-blue-lighter {
        color: #b7dff2
    }

    .md--text-unit-green {
        color: #78be20
    }

    .md--text-unit-green-dark {
        color: #5c9219
    }

    .md--text-unit-green-light {
        color: #86d424
    }

    .md--text-unit-grey-darkest {
        color: #333
    }

    .md--text-unit-grey-darker {
        color: #7d7d7d
    }

    .md--text-unit-grey-dark {
        color: #999
    }

    .md--text-unit-grey {
        color: #bfbfbf
    }

    .md--text-unit-grey-light {
        color: #e6e6e6
    }

    .md--text-unit-grey-lighter {
        color: #f2f2f2
    }

    .md--text-unit-grey-light-alt {
        color: #e4e5e6
    }

    .md--text-unit-grey-lighter-alt {
        color: #f0f1f2
    }

    .md--text-unit-orange {
        color: #ee7a15
    }

    .md--text-unit-orange-light {
        color: #eea415
    }

    .md--text-transparent {
        color: transparent
    }

    .md--text-black {
        color: #222b2f
    }

    .md--text-grey-darkest {
        color: #364349
    }

    .md--text-grey-darker {
        color: #596a73
    }

    .md--text-grey-dark {
        color: #70818a
    }

    .md--text-grey {
        color: #9babb4
    }

    .md--text-grey-light {
        color: #dae4e9
    }

    .md--text-grey-lighter {
        color: #f3f7f9
    }

    .md--text-grey-lightest {
        color: #fafcfc
    }

    .md--text-white {
        color: #fff
    }

    .md--hover--text-ubc-blue:hover {
        color: #002145
    }

    .md--hover--text-ubc-blue-secondary:hover {
        color: #0055b7
    }

    .md--hover--text-ubc-blue-secondary-2:hover {
        color: #00a7e1
    }

    .md--hover--text-ubc-blue-secondary-3:hover {
        color: #40b4e5
    }

    .md--hover--text-ubc-blue-secondary-4:hover {
        color: #6ec4e8
    }

    .md--hover--text-ubc-blue-secondary-5:hover {
        color: #97d4e9
    }

    .md--hover--text-unit-blue-darker:hover {
        color: #002145
    }

    .md--hover--text-unit-blue-dark:hover {
        color: #295da5
    }

    .md--hover--text-unit-blue:hover {
        color: #00b7e0
    }

    .md--hover--text-unit-blue-light:hover {
        color: #87d6e6
    }

    .md--hover--text-unit-blue-lighter:hover {
        color: #b7dff2
    }

    .md--hover--text-unit-green:hover {
        color: #78be20
    }

    .md--hover--text-unit-green-dark:hover {
        color: #5c9219
    }

    .md--hover--text-unit-green-light:hover {
        color: #86d424
    }

    .md--hover--text-unit-grey-darkest:hover {
        color: #333
    }

    .md--hover--text-unit-grey-darker:hover {
        color: #7d7d7d
    }

    .md--hover--text-unit-grey-dark:hover {
        color: #999
    }

    .md--hover--text-unit-grey:hover {
        color: #bfbfbf
    }

    .md--hover--text-unit-grey-light:hover {
        color: #e6e6e6
    }

    .md--hover--text-unit-grey-lighter:hover {
        color: #f2f2f2
    }

    .md--hover--text-unit-grey-light-alt:hover {
        color: #e4e5e6
    }

    .md--hover--text-unit-grey-lighter-alt:hover {
        color: #f0f1f2
    }

    .md--hover--text-unit-orange:hover {
        color: #ee7a15
    }

    .md--hover--text-unit-orange-light:hover {
        color: #eea415
    }

    .md--hover--text-transparent:hover {
        color: transparent
    }

    .md--hover--text-black:hover {
        color: #222b2f
    }

    .md--hover--text-grey-darkest:hover {
        color: #364349
    }

    .md--hover--text-grey-darker:hover {
        color: #596a73
    }

    .md--hover--text-grey-dark:hover {
        color: #70818a
    }

    .md--hover--text-grey:hover {
        color: #9babb4
    }

    .md--hover--text-grey-light:hover {
        color: #dae4e9
    }

    .md--hover--text-grey-lighter:hover {
        color: #f3f7f9
    }

    .md--hover--text-grey-lightest:hover {
        color: #fafcfc
    }

    .md--hover--text-white:hover {
        color: #fff
    }

    .md--focus--text-ubc-blue:focus {
        color: #002145
    }

    .md--focus--text-ubc-blue-secondary:focus {
        color: #0055b7
    }

    .md--focus--text-ubc-blue-secondary-2:focus {
        color: #00a7e1
    }

    .md--focus--text-ubc-blue-secondary-3:focus {
        color: #40b4e5
    }

    .md--focus--text-ubc-blue-secondary-4:focus {
        color: #6ec4e8
    }

    .md--focus--text-ubc-blue-secondary-5:focus {
        color: #97d4e9
    }

    .md--focus--text-unit-blue-darker:focus {
        color: #002145
    }

    .md--focus--text-unit-blue-dark:focus {
        color: #295da5
    }

    .md--focus--text-unit-blue:focus {
        color: #00b7e0
    }

    .md--focus--text-unit-blue-light:focus {
        color: #87d6e6
    }

    .md--focus--text-unit-blue-lighter:focus {
        color: #b7dff2
    }

    .md--focus--text-unit-green:focus {
        color: #78be20
    }

    .md--focus--text-unit-green-dark:focus {
        color: #5c9219
    }

    .md--focus--text-unit-green-light:focus {
        color: #86d424
    }

    .md--focus--text-unit-grey-darkest:focus {
        color: #333
    }

    .md--focus--text-unit-grey-darker:focus {
        color: #7d7d7d
    }

    .md--focus--text-unit-grey-dark:focus {
        color: #999
    }

    .md--focus--text-unit-grey:focus {
        color: #bfbfbf
    }

    .md--focus--text-unit-grey-light:focus {
        color: #e6e6e6
    }

    .md--focus--text-unit-grey-lighter:focus {
        color: #f2f2f2
    }

    .md--focus--text-unit-grey-light-alt:focus {
        color: #e4e5e6
    }

    .md--focus--text-unit-grey-lighter-alt:focus {
        color: #f0f1f2
    }

    .md--focus--text-unit-orange:focus {
        color: #ee7a15
    }

    .md--focus--text-unit-orange-light:focus {
        color: #eea415
    }

    .md--focus--text-transparent:focus {
        color: transparent
    }

    .md--focus--text-black:focus {
        color: #222b2f
    }

    .md--focus--text-grey-darkest:focus {
        color: #364349
    }

    .md--focus--text-grey-darker:focus {
        color: #596a73
    }

    .md--focus--text-grey-dark:focus {
        color: #70818a
    }

    .md--focus--text-grey:focus {
        color: #9babb4
    }

    .md--focus--text-grey-light:focus {
        color: #dae4e9
    }

    .md--focus--text-grey-lighter:focus {
        color: #f3f7f9
    }

    .md--focus--text-grey-lightest:focus {
        color: #fafcfc
    }

    .md--focus--text-white:focus {
        color: #fff
    }

    .md--text-xs {
        font-size: .75rem
    }

    .md--text-sm {
        font-size: .875rem
    }

    .md--text-base {
        font-size: 1rem
    }

    .md--text-lg {
        font-size: 1.125rem
    }

    .md--text-xl {
        font-size: 1.25rem
    }

    .md--text-2xl {
        font-size: 1.5rem
    }

    .md--text-3xl {
        font-size: 1.875rem
    }

    .md--text-4xl {
        font-size: 2.25rem
    }

    .md--text-5xl {
        font-size: 3rem
    }

    .md--italic {
        font-style: italic
    }

    .md--roman {
        font-style: normal
    }

    .md--uppercase {
        text-transform: uppercase
    }

    .md--lowercase {
        text-transform: lowercase
    }

    .md--capitalize {
        text-transform: capitalize
    }

    .md--normal-case {
        text-transform: none
    }

    .md--underline {
        text-decoration: underline
    }

    .md--line-through {
        text-decoration: line-through
    }

    .md--no-underline {
        text-decoration: none
    }

    .md--antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .md--subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .md--hover--italic:hover {
        font-style: italic
    }

    .md--hover--roman:hover {
        font-style: normal
    }

    .md--hover--uppercase:hover {
        text-transform: uppercase
    }

    .md--hover--lowercase:hover {
        text-transform: lowercase
    }

    .md--hover--capitalize:hover {
        text-transform: capitalize
    }

    .md--hover--normal-case:hover {
        text-transform: none
    }

    .md--hover--underline:hover {
        text-decoration: underline
    }

    .md--hover--line-through:hover {
        text-decoration: line-through
    }

    .md--hover--no-underline:hover {
        text-decoration: none
    }

    .md--hover--antialiased:hover {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .md--hover--subpixel-antialiased:hover {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .md--focus--italic:focus {
        font-style: italic
    }

    .md--focus--roman:focus {
        font-style: normal
    }

    .md--focus--uppercase:focus {
        text-transform: uppercase
    }

    .md--focus--lowercase:focus {
        text-transform: lowercase
    }

    .md--focus--capitalize:focus {
        text-transform: capitalize
    }

    .md--focus--normal-case:focus {
        text-transform: none
    }

    .md--focus--underline:focus {
        text-decoration: underline
    }

    .md--focus--line-through:focus {
        text-decoration: line-through
    }

    .md--focus--no-underline:focus {
        text-decoration: none
    }

    .md--focus--antialiased:focus {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .md--focus--subpixel-antialiased:focus {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .md--tracking-tight {
        letter-spacing: -.05em
    }

    .md--tracking-normal {
        letter-spacing: 0
    }

    .md--tracking-wide {
        letter-spacing: .05em
    }

    .md--select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .md--select-text {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text
    }

    .md--align-baseline {
        vertical-align: baseline
    }

    .md--align-top {
        vertical-align: top
    }

    .md--align-middle {
        vertical-align: middle
    }

    .md--align-bottom {
        vertical-align: bottom
    }

    .md--align-text-top {
        vertical-align: text-top
    }

    .md--align-text-bottom {
        vertical-align: text-bottom
    }

    .md--visible {
        visibility: visible
    }

    .md--invisible {
        visibility: hidden
    }

    .md--whitespace-normal {
        white-space: normal
    }

    .md--whitespace-no-wrap {
        white-space: nowrap
    }

    .md--whitespace-pre {
        white-space: pre
    }

    .md--whitespace-pre-line {
        white-space: pre-line
    }

    .md--whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .md--break-words {
        word-wrap: break-word
    }

    .md--break-normal {
        word-wrap: normal
    }

    .md--truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .md--w-1 {
        width: .25rem
    }

    .md--w-2 {
        width: .5rem
    }

    .md--w-3 {
        width: .75rem
    }

    .md--w-4 {
        width: 1rem
    }

    .md--w-5 {
        width: 1.25rem
    }

    .md--w-6 {
        width: 1.5rem
    }

    .md--w-8 {
        width: 2rem
    }

    .md--w-10 {
        width: 2.5rem
    }

    .md--w-12 {
        width: 3rem
    }

    .md--w-16 {
        width: 4rem
    }

    .md--w-24 {
        width: 6rem
    }

    .md--w-32 {
        width: 8rem
    }

    .md--w-48 {
        width: 12rem
    }

    .md--w-64 {
        width: 16rem
    }

    .md--w-auto {
        width: auto
    }

    .md--w-px {
        width: 1px
    }

    .md--w-full {
        width: 100%
    }

    .md--w-screen {
        width: 100vw
    }

    .md--z-0 {
        z-index: 0
    }

    .md--z-10 {
        z-index: 10
    }

    .md--z-20 {
        z-index: 20
    }

    .md--z-30 {
        z-index: 30
    }

    .md--z-40 {
        z-index: 40
    }

    .md--z-50 {
        z-index: 50
    }

    .md--z-auto {
        z-index: auto
    }

    .md--flex-order--1 {
        -ms-flex-order: -1;
        order: -1
    }

    .md--flex-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .md--flex-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .md--w-half {
        width: 50%
    }

    .md--w-one-third {
        width: 33.33333%
    }

    .md--w-two-thirds {
        width: 66.66667%
    }

    .md--w-one-quarter {
        width: 25%
    }

    .md--w-three-quarters {
        width: 75%
    }

    .md--w-one-fifth {
        width: 20%
    }

    .md--w-two-fifths {
        width: 40%
    }

    .md--w-three-fifths {
        width: 60%
    }

    .md--w-four-fifths {
        width: 80%
    }

    .md--w-one-sixth {
        width: 16.66667%
    }

    .md--w-five-sixths {
        width: 83.33333%
    }
}

@media (min-width:980px) {
    .lg--list-reset {
        list-style: none;
        padding: 0
    }

    .lg--appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .lg--bg-fixed {
        background-attachment: fixed
    }

    .lg--bg-local {
        background-attachment: local
    }

    .lg--bg-scroll {
        background-attachment: scroll
    }

    .lg--bg-ubc-blue {
        background-color: #002145
    }

    .lg--bg-ubc-blue-secondary {
        background-color: #0055b7
    }

    .lg--bg-ubc-blue-secondary-2 {
        background-color: #00a7e1
    }

    .lg--bg-ubc-blue-secondary-3 {
        background-color: #40b4e5
    }

    .lg--bg-ubc-blue-secondary-4 {
        background-color: #6ec4e8
    }

    .lg--bg-ubc-blue-secondary-5 {
        background-color: #97d4e9
    }

    .lg--bg-unit-blue-darker {
        background-color: #002145
    }

    .lg--bg-unit-blue-dark {
        background-color: #295da5
    }

    .lg--bg-unit-blue {
        background-color: #00b7e0
    }

    .lg--bg-unit-blue-light {
        background-color: #87d6e6
    }

    .lg--bg-unit-blue-lighter {
        background-color: #b7dff2
    }

    .lg--bg-unit-green {
        background-color: #78be20
    }

    .lg--bg-unit-green-dark {
        background-color: #5c9219
    }

    .lg--bg-unit-green-light {
        background-color: #86d424
    }

    .lg--bg-unit-grey-darkest {
        background-color: #333
    }

    .lg--bg-unit-grey-darker {
        background-color: #7d7d7d
    }

    .lg--bg-unit-grey-dark {
        background-color: #999
    }

    .lg--bg-unit-grey {
        background-color: #bfbfbf
    }

    .lg--bg-unit-grey-light {
        background-color: #e6e6e6
    }

    .lg--bg-unit-grey-lighter {
        background-color: #f2f2f2
    }

    .lg--bg-unit-grey-light-alt {
        background-color: #e4e5e6
    }

    .lg--bg-unit-grey-lighter-alt {
        background-color: #f0f1f2
    }

    .lg--bg-unit-orange {
        background-color: #ee7a15
    }

    .lg--bg-unit-orange-light {
        background-color: #eea415
    }

    .lg--bg-transparent {
        background-color: transparent
    }

    .lg--bg-black {
        background-color: #222b2f
    }

    .lg--bg-grey-darkest {
        background-color: #364349
    }

    .lg--bg-grey-darker {
        background-color: #596a73
    }

    .lg--bg-grey-dark {
        background-color: #70818a
    }

    .lg--bg-grey {
        background-color: #9babb4
    }

    .lg--bg-grey-light {
        background-color: #dae4e9
    }

    .lg--bg-grey-lighter {
        background-color: #f3f7f9
    }

    .lg--bg-grey-lightest {
        background-color: #fafcfc
    }

    .lg--bg-white {
        background-color: #fff
    }

    .lg--hover--bg-ubc-blue:hover {
        background-color: #002145
    }

    .lg--hover--bg-ubc-blue-secondary:hover {
        background-color: #0055b7
    }

    .lg--hover--bg-ubc-blue-secondary-2:hover {
        background-color: #00a7e1
    }

    .lg--hover--bg-ubc-blue-secondary-3:hover {
        background-color: #40b4e5
    }

    .lg--hover--bg-ubc-blue-secondary-4:hover {
        background-color: #6ec4e8
    }

    .lg--hover--bg-ubc-blue-secondary-5:hover {
        background-color: #97d4e9
    }

    .lg--hover--bg-unit-blue-darker:hover {
        background-color: #002145
    }

    .lg--hover--bg-unit-blue-dark:hover {
        background-color: #295da5
    }

    .lg--hover--bg-unit-blue:hover {
        background-color: #00b7e0
    }

    .lg--hover--bg-unit-blue-light:hover {
        background-color: #87d6e6
    }

    .lg--hover--bg-unit-blue-lighter:hover {
        background-color: #b7dff2
    }

    .lg--hover--bg-unit-green:hover {
        background-color: #78be20
    }

    .lg--hover--bg-unit-green-dark:hover {
        background-color: #5c9219
    }

    .lg--hover--bg-unit-green-light:hover {
        background-color: #86d424
    }

    .lg--hover--bg-unit-grey-darkest:hover {
        background-color: #333
    }

    .lg--hover--bg-unit-grey-darker:hover {
        background-color: #7d7d7d
    }

    .lg--hover--bg-unit-grey-dark:hover {
        background-color: #999
    }

    .lg--hover--bg-unit-grey:hover {
        background-color: #bfbfbf
    }

    .lg--hover--bg-unit-grey-light:hover {
        background-color: #e6e6e6
    }

    .lg--hover--bg-unit-grey-lighter:hover {
        background-color: #f2f2f2
    }

    .lg--hover--bg-unit-grey-light-alt:hover {
        background-color: #e4e5e6
    }

    .lg--hover--bg-unit-grey-lighter-alt:hover {
        background-color: #f0f1f2
    }

    .lg--hover--bg-unit-orange:hover {
        background-color: #ee7a15
    }

    .lg--hover--bg-unit-orange-light:hover {
        background-color: #eea415
    }

    .lg--hover--bg-transparent:hover {
        background-color: transparent
    }

    .lg--hover--bg-black:hover {
        background-color: #222b2f
    }

    .lg--hover--bg-grey-darkest:hover {
        background-color: #364349
    }

    .lg--hover--bg-grey-darker:hover {
        background-color: #596a73
    }

    .lg--hover--bg-grey-dark:hover {
        background-color: #70818a
    }

    .lg--hover--bg-grey:hover {
        background-color: #9babb4
    }

    .lg--hover--bg-grey-light:hover {
        background-color: #dae4e9
    }

    .lg--hover--bg-grey-lighter:hover {
        background-color: #f3f7f9
    }

    .lg--hover--bg-grey-lightest:hover {
        background-color: #fafcfc
    }

    .lg--hover--bg-white:hover {
        background-color: #fff
    }

    .lg--focus--bg-ubc-blue:focus {
        background-color: #002145
    }

    .lg--focus--bg-ubc-blue-secondary:focus {
        background-color: #0055b7
    }

    .lg--focus--bg-ubc-blue-secondary-2:focus {
        background-color: #00a7e1
    }

    .lg--focus--bg-ubc-blue-secondary-3:focus {
        background-color: #40b4e5
    }

    .lg--focus--bg-ubc-blue-secondary-4:focus {
        background-color: #6ec4e8
    }

    .lg--focus--bg-ubc-blue-secondary-5:focus {
        background-color: #97d4e9
    }

    .lg--focus--bg-unit-blue-darker:focus {
        background-color: #002145
    }

    .lg--focus--bg-unit-blue-dark:focus {
        background-color: #295da5
    }

    .lg--focus--bg-unit-blue:focus {
        background-color: #00b7e0
    }

    .lg--focus--bg-unit-blue-light:focus {
        background-color: #87d6e6
    }

    .lg--focus--bg-unit-blue-lighter:focus {
        background-color: #b7dff2
    }

    .lg--focus--bg-unit-green:focus {
        background-color: #78be20
    }

    .lg--focus--bg-unit-green-dark:focus {
        background-color: #5c9219
    }

    .lg--focus--bg-unit-green-light:focus {
        background-color: #86d424
    }

    .lg--focus--bg-unit-grey-darkest:focus {
        background-color: #333
    }

    .lg--focus--bg-unit-grey-darker:focus {
        background-color: #7d7d7d
    }

    .lg--focus--bg-unit-grey-dark:focus {
        background-color: #999
    }

    .lg--focus--bg-unit-grey:focus {
        background-color: #bfbfbf
    }

    .lg--focus--bg-unit-grey-light:focus {
        background-color: #e6e6e6
    }

    .lg--focus--bg-unit-grey-lighter:focus {
        background-color: #f2f2f2
    }

    .lg--focus--bg-unit-grey-light-alt:focus {
        background-color: #e4e5e6
    }

    .lg--focus--bg-unit-grey-lighter-alt:focus {
        background-color: #f0f1f2
    }

    .lg--focus--bg-unit-orange:focus {
        background-color: #ee7a15
    }

    .lg--focus--bg-unit-orange-light:focus {
        background-color: #eea415
    }

    .lg--focus--bg-transparent:focus {
        background-color: transparent
    }

    .lg--focus--bg-black:focus {
        background-color: #222b2f
    }

    .lg--focus--bg-grey-darkest:focus {
        background-color: #364349
    }

    .lg--focus--bg-grey-darker:focus {
        background-color: #596a73
    }

    .lg--focus--bg-grey-dark:focus {
        background-color: #70818a
    }

    .lg--focus--bg-grey:focus {
        background-color: #9babb4
    }

    .lg--focus--bg-grey-light:focus {
        background-color: #dae4e9
    }

    .lg--focus--bg-grey-lighter:focus {
        background-color: #f3f7f9
    }

    .lg--focus--bg-grey-lightest:focus {
        background-color: #fafcfc
    }

    .lg--focus--bg-white:focus {
        background-color: #fff
    }

    .lg--bg-bottom {
        background-position: bottom
    }

    .lg--bg-center {
        background-position: 50%
    }

    .lg--bg-left {
        background-position: 0
    }

    .lg--bg-left-bottom {
        background-position: 0 100%
    }

    .lg--bg-left-top {
        background-position: 0 0
    }

    .lg--bg-right {
        background-position: 100%
    }

    .lg--bg-right-bottom {
        background-position: 100% 100%
    }

    .lg--bg-right-top {
        background-position: 100% 0
    }

    .lg--bg-top {
        background-position: top
    }

    .lg--bg-repeat {
        background-repeat: repeat
    }

    .lg--bg-no-repeat {
        background-repeat: no-repeat
    }

    .lg--bg-repeat-x {
        background-repeat: repeat-x
    }

    .lg--bg-repeat-y {
        background-repeat: repeat-y
    }

    .lg--bg-auto {
        background-size: auto
    }

    .lg--bg-cover {
        background-size: cover
    }

    .lg--bg-contain {
        background-size: contain
    }

    .lg--border-ubc-blue {
        border-color: #002145
    }

    .lg--border-ubc-blue-secondary {
        border-color: #0055b7
    }

    .lg--border-ubc-blue-secondary-2 {
        border-color: #00a7e1
    }

    .lg--border-ubc-blue-secondary-3 {
        border-color: #40b4e5
    }

    .lg--border-ubc-blue-secondary-4 {
        border-color: #6ec4e8
    }

    .lg--border-ubc-blue-secondary-5 {
        border-color: #97d4e9
    }

    .lg--border-unit-blue-darker {
        border-color: #002145
    }

    .lg--border-unit-blue-dark {
        border-color: #295da5
    }

    .lg--border-unit-blue {
        border-color: #00b7e0
    }

    .lg--border-unit-blue-light {
        border-color: #87d6e6
    }

    .lg--border-unit-blue-lighter {
        border-color: #b7dff2
    }

    .lg--border-unit-green {
        border-color: #78be20
    }

    .lg--border-unit-green-dark {
        border-color: #5c9219
    }

    .lg--border-unit-green-light {
        border-color: #86d424
    }

    .lg--border-unit-grey-darkest {
        border-color: #333
    }

    .lg--border-unit-grey-darker {
        border-color: #7d7d7d
    }

    .lg--border-unit-grey-dark {
        border-color: #999
    }

    .lg--border-unit-grey {
        border-color: #bfbfbf
    }

    .lg--border-unit-grey-light {
        border-color: #e6e6e6
    }

    .lg--border-unit-grey-lighter {
        border-color: #f2f2f2
    }

    .lg--border-unit-grey-light-alt {
        border-color: #e4e5e6
    }

    .lg--border-unit-grey-lighter-alt {
        border-color: #f0f1f2
    }

    .lg--border-unit-orange {
        border-color: #ee7a15
    }

    .lg--border-unit-orange-light {
        border-color: #eea415
    }

    .lg--border-transparent {
        border-color: transparent
    }

    .lg--border-black {
        border-color: #222b2f
    }

    .lg--border-grey-darkest {
        border-color: #364349
    }

    .lg--border-grey-darker {
        border-color: #596a73
    }

    .lg--border-grey-dark {
        border-color: #70818a
    }

    .lg--border-grey {
        border-color: #9babb4
    }

    .lg--border-grey-light {
        border-color: #dae4e9
    }

    .lg--border-grey-lighter {
        border-color: #f3f7f9
    }

    .lg--border-grey-lightest {
        border-color: #fafcfc
    }

    .lg--border-white {
        border-color: #fff
    }

    .lg--hover--border-ubc-blue:hover {
        border-color: #002145
    }

    .lg--hover--border-ubc-blue-secondary:hover {
        border-color: #0055b7
    }

    .lg--hover--border-ubc-blue-secondary-2:hover {
        border-color: #00a7e1
    }

    .lg--hover--border-ubc-blue-secondary-3:hover {
        border-color: #40b4e5
    }

    .lg--hover--border-ubc-blue-secondary-4:hover {
        border-color: #6ec4e8
    }

    .lg--hover--border-ubc-blue-secondary-5:hover {
        border-color: #97d4e9
    }

    .lg--hover--border-unit-blue-darker:hover {
        border-color: #002145
    }

    .lg--hover--border-unit-blue-dark:hover {
        border-color: #295da5
    }

    .lg--hover--border-unit-blue:hover {
        border-color: #00b7e0
    }

    .lg--hover--border-unit-blue-light:hover {
        border-color: #87d6e6
    }

    .lg--hover--border-unit-blue-lighter:hover {
        border-color: #b7dff2
    }

    .lg--hover--border-unit-green:hover {
        border-color: #78be20
    }

    .lg--hover--border-unit-green-dark:hover {
        border-color: #5c9219
    }

    .lg--hover--border-unit-green-light:hover {
        border-color: #86d424
    }

    .lg--hover--border-unit-grey-darkest:hover {
        border-color: #333
    }

    .lg--hover--border-unit-grey-darker:hover {
        border-color: #7d7d7d
    }

    .lg--hover--border-unit-grey-dark:hover {
        border-color: #999
    }

    .lg--hover--border-unit-grey:hover {
        border-color: #bfbfbf
    }

    .lg--hover--border-unit-grey-light:hover {
        border-color: #e6e6e6
    }

    .lg--hover--border-unit-grey-lighter:hover {
        border-color: #f2f2f2
    }

    .lg--hover--border-unit-grey-light-alt:hover {
        border-color: #e4e5e6
    }

    .lg--hover--border-unit-grey-lighter-alt:hover {
        border-color: #f0f1f2
    }

    .lg--hover--border-unit-orange:hover {
        border-color: #ee7a15
    }

    .lg--hover--border-unit-orange-light:hover {
        border-color: #eea415
    }

    .lg--hover--border-transparent:hover {
        border-color: transparent
    }

    .lg--hover--border-black:hover {
        border-color: #222b2f
    }

    .lg--hover--border-grey-darkest:hover {
        border-color: #364349
    }

    .lg--hover--border-grey-darker:hover {
        border-color: #596a73
    }

    .lg--hover--border-grey-dark:hover {
        border-color: #70818a
    }

    .lg--hover--border-grey:hover {
        border-color: #9babb4
    }

    .lg--hover--border-grey-light:hover {
        border-color: #dae4e9
    }

    .lg--hover--border-grey-lighter:hover {
        border-color: #f3f7f9
    }

    .lg--hover--border-grey-lightest:hover {
        border-color: #fafcfc
    }

    .lg--hover--border-white:hover {
        border-color: #fff
    }

    .lg--focus--border-ubc-blue:focus {
        border-color: #002145
    }

    .lg--focus--border-ubc-blue-secondary:focus {
        border-color: #0055b7
    }

    .lg--focus--border-ubc-blue-secondary-2:focus {
        border-color: #00a7e1
    }

    .lg--focus--border-ubc-blue-secondary-3:focus {
        border-color: #40b4e5
    }

    .lg--focus--border-ubc-blue-secondary-4:focus {
        border-color: #6ec4e8
    }

    .lg--focus--border-ubc-blue-secondary-5:focus {
        border-color: #97d4e9
    }

    .lg--focus--border-unit-blue-darker:focus {
        border-color: #002145
    }

    .lg--focus--border-unit-blue-dark:focus {
        border-color: #295da5
    }

    .lg--focus--border-unit-blue:focus {
        border-color: #00b7e0
    }

    .lg--focus--border-unit-blue-light:focus {
        border-color: #87d6e6
    }

    .lg--focus--border-unit-blue-lighter:focus {
        border-color: #b7dff2
    }

    .lg--focus--border-unit-green:focus {
        border-color: #78be20
    }

    .lg--focus--border-unit-green-dark:focus {
        border-color: #5c9219
    }

    .lg--focus--border-unit-green-light:focus {
        border-color: #86d424
    }

    .lg--focus--border-unit-grey-darkest:focus {
        border-color: #333
    }

    .lg--focus--border-unit-grey-darker:focus {
        border-color: #7d7d7d
    }

    .lg--focus--border-unit-grey-dark:focus {
        border-color: #999
    }

    .lg--focus--border-unit-grey:focus {
        border-color: #bfbfbf
    }

    .lg--focus--border-unit-grey-light:focus {
        border-color: #e6e6e6
    }

    .lg--focus--border-unit-grey-lighter:focus {
        border-color: #f2f2f2
    }

    .lg--focus--border-unit-grey-light-alt:focus {
        border-color: #e4e5e6
    }

    .lg--focus--border-unit-grey-lighter-alt:focus {
        border-color: #f0f1f2
    }

    .lg--focus--border-unit-orange:focus {
        border-color: #ee7a15
    }

    .lg--focus--border-unit-orange-light:focus {
        border-color: #eea415
    }

    .lg--focus--border-transparent:focus {
        border-color: transparent
    }

    .lg--focus--border-black:focus {
        border-color: #222b2f
    }

    .lg--focus--border-grey-darkest:focus {
        border-color: #364349
    }

    .lg--focus--border-grey-darker:focus {
        border-color: #596a73
    }

    .lg--focus--border-grey-dark:focus {
        border-color: #70818a
    }

    .lg--focus--border-grey:focus {
        border-color: #9babb4
    }

    .lg--focus--border-grey-light:focus {
        border-color: #dae4e9
    }

    .lg--focus--border-grey-lighter:focus {
        border-color: #f3f7f9
    }

    .lg--focus--border-grey-lightest:focus {
        border-color: #fafcfc
    }

    .lg--focus--border-white:focus {
        border-color: #fff
    }

    .lg--rounded-none {
        border-radius: 0
    }

    .lg--rounded-sm {
        border-radius: .125rem
    }

    .lg--rounded {
        border-radius: .25rem
    }

    .lg--rounded-lg {
        border-radius: .5rem
    }

    .lg--rounded-full {
        border-radius: 9999px
    }

    .lg--rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .lg--rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .lg--rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .lg--rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .lg--rounded-t-sm {
        border-top-left-radius: .125rem;
        border-top-right-radius: .125rem
    }

    .lg--rounded-r-sm {
        border-top-right-radius: .125rem;
        border-bottom-right-radius: .125rem
    }

    .lg--rounded-b-sm {
        border-bottom-right-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .lg--rounded-l-sm {
        border-top-left-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .lg--rounded-t {
        border-top-left-radius: .25rem
    }

    .lg--rounded-r,
    .lg--rounded-t {
        border-top-right-radius: .25rem
    }

    .lg--rounded-b,
    .lg--rounded-r {
        border-bottom-right-radius: .25rem
    }

    .lg--rounded-b,
    .lg--rounded-l {
        border-bottom-left-radius: .25rem
    }

    .lg--rounded-l {
        border-top-left-radius: .25rem
    }

    .lg--rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .lg--rounded-r-lg {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .lg--rounded-b-lg {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .lg--rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .lg--rounded-t-full {
        border-top-left-radius: 9999px;
        border-top-right-radius: 9999px
    }

    .lg--rounded-r-full {
        border-top-right-radius: 9999px;
        border-bottom-right-radius: 9999px
    }

    .lg--rounded-b-full {
        border-bottom-right-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .lg--rounded-l-full {
        border-top-left-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .lg--rounded-tl-none {
        border-top-left-radius: 0
    }

    .lg--rounded-tr-none {
        border-top-right-radius: 0
    }

    .lg--rounded-br-none {
        border-bottom-right-radius: 0
    }

    .lg--rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .lg--rounded-tl-sm {
        border-top-left-radius: .125rem
    }

    .lg--rounded-tr-sm {
        border-top-right-radius: .125rem
    }

    .lg--rounded-br-sm {
        border-bottom-right-radius: .125rem
    }

    .lg--rounded-bl-sm {
        border-bottom-left-radius: .125rem
    }

    .lg--rounded-tl {
        border-top-left-radius: .25rem
    }

    .lg--rounded-tr {
        border-top-right-radius: .25rem
    }

    .lg--rounded-br {
        border-bottom-right-radius: .25rem
    }

    .lg--rounded-bl {
        border-bottom-left-radius: .25rem
    }

    .lg--rounded-tl-lg {
        border-top-left-radius: .5rem
    }

    .lg--rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .lg--rounded-br-lg {
        border-bottom-right-radius: .5rem
    }

    .lg--rounded-bl-lg {
        border-bottom-left-radius: .5rem
    }

    .lg--rounded-tl-full {
        border-top-left-radius: 9999px
    }

    .lg--rounded-tr-full {
        border-top-right-radius: 9999px
    }

    .lg--rounded-br-full {
        border-bottom-right-radius: 9999px
    }

    .lg--rounded-bl-full {
        border-bottom-left-radius: 9999px
    }

    .lg--border-solid {
        border-style: solid
    }

    .lg--border-dashed {
        border-style: dashed
    }

    .lg--border-dotted {
        border-style: dotted
    }

    .lg--border-none {
        border-style: none
    }

    .lg--border-0 {
        border-width: 0
    }

    .lg--border-2 {
        border-width: 2px
    }

    .lg--border-4 {
        border-width: 4px
    }

    .lg--border-8 {
        border-width: 8px
    }

    .lg--border {
        border-width: 1px
    }

    .lg--border-t-0 {
        border-top-width: 0
    }

    .lg--border-r-0 {
        border-right-width: 0
    }

    .lg--border-b-0 {
        border-bottom-width: 0
    }

    .lg--border-l-0 {
        border-left-width: 0
    }

    .lg--border-t-2 {
        border-top-width: 2px
    }

    .lg--border-r-2 {
        border-right-width: 2px
    }

    .lg--border-b-2 {
        border-bottom-width: 2px
    }

    .lg--border-l-2 {
        border-left-width: 2px
    }

    .lg--border-t-4 {
        border-top-width: 4px
    }

    .lg--border-r-4 {
        border-right-width: 4px
    }

    .lg--border-b-4 {
        border-bottom-width: 4px
    }

    .lg--border-l-4 {
        border-left-width: 4px
    }

    .lg--border-t-8 {
        border-top-width: 8px
    }

    .lg--border-r-8 {
        border-right-width: 8px
    }

    .lg--border-b-8 {
        border-bottom-width: 8px
    }

    .lg--border-l-8 {
        border-left-width: 8px
    }

    .lg--border-t {
        border-top-width: 1px
    }

    .lg--border-r {
        border-right-width: 1px
    }

    .lg--border-b {
        border-bottom-width: 1px
    }

    .lg--border-l {
        border-left-width: 1px
    }

    .lg--cursor-auto {
        cursor: auto
    }

    .lg--cursor-default {
        cursor: default
    }

    .lg--cursor-pointer {
        cursor: pointer
    }

    .lg--cursor-wait {
        cursor: wait
    }

    .lg--cursor-move {
        cursor: move
    }

    .lg--cursor-not-allowed {
        cursor: not-allowed
    }

    .lg--block {
        display: block
    }

    .lg--inline-block {
        display: inline-block
    }

    .lg--inline {
        display: inline
    }

    .lg--table {
        display: table
    }

    .lg--table-row {
        display: table-row
    }

    .lg--table-cell {
        display: table-cell
    }

    .lg--hidden {
        display: none
    }

    .lg--flex {
        display: -ms-flexbox;
        display: flex
    }

    .lg--inline-flex {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .lg--flex-row {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .lg--flex-row-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .lg--flex-col {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .lg--flex-col-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .lg--flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .lg--flex-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .lg--flex-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .lg--items-start {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .lg--items-end {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .lg--items-center {
        -ms-flex-align: center;
        align-items: center
    }

    .lg--items-baseline {
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .lg--items-stretch {
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .lg--self-auto {
        -ms-flex-item-align: auto;
        align-self: auto
    }

    .lg--self-start {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .lg--self-end {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .lg--self-center {
        -ms-flex-item-align: center;
        align-self: center
    }

    .lg--self-stretch {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .lg--justify-start {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .lg--justify-end {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .lg--justify-center {
        -ms-flex-pack: center;
        justify-content: center
    }

    .lg--justify-between {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .lg--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .lg--content-center {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .lg--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .lg--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .lg--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .lg--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .lg--flex-1 {
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .lg--flex-auto {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .lg--flex-initial {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .lg--flex-none {
        -ms-flex: none;
        flex: none
    }

    .lg--flex-grow {
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .lg--flex-shrink {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .lg--flex-no-grow {
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .lg--flex-no-shrink {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .lg--float-right {
        float: right
    }

    .lg--float-left {
        float: left
    }

    .lg--float-none {
        float: none
    }

    .lg--clearfix:after {
        content: "";
        display: table;
        clear: both
    }

    .lg--font-sans {
        font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
    }

    .lg--font-serif {
        font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif
    }

    .lg--font-mono {
        font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }

    .lg--font-hairline {
        font-weight: 100
    }

    .lg--font-thin {
        font-weight: 200
    }

    .lg--font-light {
        font-weight: 300
    }

    .lg--font-normal {
        font-weight: 400
    }

    .lg--font-medium {
        font-weight: 500
    }

    .lg--font-semibold {
        font-weight: 600
    }

    .lg--font-bold {
        font-weight: 700
    }

    .lg--font-extrabold {
        font-weight: 800
    }

    .lg--font-black {
        font-weight: 900
    }

    .lg--hover--font-hairline:hover {
        font-weight: 100
    }

    .lg--hover--font-thin:hover {
        font-weight: 200
    }

    .lg--hover--font-light:hover {
        font-weight: 300
    }

    .lg--hover--font-normal:hover {
        font-weight: 400
    }

    .lg--hover--font-medium:hover {
        font-weight: 500
    }

    .lg--hover--font-semibold:hover {
        font-weight: 600
    }

    .lg--hover--font-bold:hover {
        font-weight: 700
    }

    .lg--hover--font-extrabold:hover {
        font-weight: 800
    }

    .lg--hover--font-black:hover {
        font-weight: 900
    }

    .lg--focus--font-hairline:focus {
        font-weight: 100
    }

    .lg--focus--font-thin:focus {
        font-weight: 200
    }

    .lg--focus--font-light:focus {
        font-weight: 300
    }

    .lg--focus--font-normal:focus {
        font-weight: 400
    }

    .lg--focus--font-medium:focus {
        font-weight: 500
    }

    .lg--focus--font-semibold:focus {
        font-weight: 600
    }

    .lg--focus--font-bold:focus {
        font-weight: 700
    }

    .lg--focus--font-extrabold:focus {
        font-weight: 800
    }

    .lg--focus--font-black:focus {
        font-weight: 900
    }

    .lg--h-1 {
        height: .25rem
    }

    .lg--h-2 {
        height: .5rem
    }

    .lg--h-3 {
        height: .75rem
    }

    .lg--h-4 {
        height: 1rem
    }

    .lg--h-5 {
        height: 1.25rem
    }

    .lg--h-6 {
        height: 1.5rem
    }

    .lg--h-8 {
        height: 2rem
    }

    .lg--h-10 {
        height: 2.5rem
    }

    .lg--h-12 {
        height: 3rem
    }

    .lg--h-16 {
        height: 4rem
    }

    .lg--h-24 {
        height: 6rem
    }

    .lg--h-32 {
        height: 8rem
    }

    .lg--h-48 {
        height: 12rem
    }

    .lg--h-64 {
        height: 16rem
    }

    .lg--h-auto {
        height: auto
    }

    .lg--h-px {
        height: 1px
    }

    .lg--h-full {
        height: 100%
    }

    .lg--h-screen {
        height: 100vh
    }

    .lg--leading-none {
        line-height: 1
    }

    .lg--leading-tight {
        line-height: 1.25
    }

    .lg--leading-normal {
        line-height: 1.5
    }

    .lg--leading-loose {
        line-height: 2
    }

    .lg--m-0 {
        margin: 0
    }

    .lg--m-1 {
        margin: .25rem
    }

    .lg--m-2 {
        margin: .5rem
    }

    .lg--m-3 {
        margin: .75rem
    }

    .lg--m-4 {
        margin: 1rem
    }

    .lg--m-5 {
        margin: 1.25rem
    }

    .lg--m-6 {
        margin: 1.5rem
    }

    .lg--m-8 {
        margin: 2rem
    }

    .lg--m-10 {
        margin: 2.5rem
    }

    .lg--m-12 {
        margin: 3rem
    }

    .lg--m-14 {
        margin: 3.5rem
    }

    .lg--m-16 {
        margin: 4rem
    }

    .lg--m-20 {
        margin: 5rem
    }

    .lg--m-24 {
        margin: 6rem
    }

    .lg--m-32 {
        margin: 8rem
    }

    .lg--m-auto {
        margin: auto
    }

    .lg--m-px {
        margin: 1px
    }

    .lg--my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg--mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg--my-1 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .lg--mx-1 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .lg--my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .lg--mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .lg--my-3 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .lg--mx-3 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .lg--my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .lg--mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .lg--my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .lg--mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .lg--my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .lg--mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .lg--my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .lg--mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .lg--my-10 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .lg--mx-10 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .lg--my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .lg--mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .lg--my-14 {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }

    .lg--mx-14 {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }

    .lg--my-16 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .lg--mx-16 {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .lg--my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .lg--mx-20 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .lg--my-24 {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .lg--mx-24 {
        margin-left: 6rem;
        margin-right: 6rem
    }

    .lg--my-32 {
        margin-top: 8rem;
        margin-bottom: 8rem
    }

    .lg--mx-32 {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .lg--my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .lg--mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lg--my-px {
        margin-top: 1px;
        margin-bottom: 1px
    }

    .lg--mx-px {
        margin-left: 1px;
        margin-right: 1px
    }

    .lg--mt-0 {
        margin-top: 0
    }

    .lg--mr-0 {
        margin-right: 0
    }

    .lg--mb-0 {
        margin-bottom: 0
    }

    .lg--ml-0 {
        margin-left: 0
    }

    .lg--mt-1 {
        margin-top: .25rem
    }

    .lg--mr-1 {
        margin-right: .25rem
    }

    .lg--mb-1 {
        margin-bottom: .25rem
    }

    .lg--ml-1 {
        margin-left: .25rem
    }

    .lg--mt-2 {
        margin-top: .5rem
    }

    .lg--mr-2 {
        margin-right: .5rem
    }

    .lg--mb-2 {
        margin-bottom: .5rem
    }

    .lg--ml-2 {
        margin-left: .5rem
    }

    .lg--mt-3 {
        margin-top: .75rem
    }

    .lg--mr-3 {
        margin-right: .75rem
    }

    .lg--mb-3 {
        margin-bottom: .75rem
    }

    .lg--ml-3 {
        margin-left: .75rem
    }

    .lg--mt-4 {
        margin-top: 1rem
    }

    .lg--mr-4 {
        margin-right: 1rem
    }

    .lg--mb-4 {
        margin-bottom: 1rem
    }

    .lg--ml-4 {
        margin-left: 1rem
    }

    .lg--mt-5 {
        margin-top: 1.25rem
    }

    .lg--mr-5 {
        margin-right: 1.25rem
    }

    .lg--mb-5 {
        margin-bottom: 1.25rem
    }

    .lg--ml-5 {
        margin-left: 1.25rem
    }

    .lg--mt-6 {
        margin-top: 1.5rem
    }

    .lg--mr-6 {
        margin-right: 1.5rem
    }

    .lg--mb-6 {
        margin-bottom: 1.5rem
    }

    .lg--ml-6 {
        margin-left: 1.5rem
    }

    .lg--mt-8 {
        margin-top: 2rem
    }

    .lg--mr-8 {
        margin-right: 2rem
    }

    .lg--mb-8 {
        margin-bottom: 2rem
    }

    .lg--ml-8 {
        margin-left: 2rem
    }

    .lg--mt-10 {
        margin-top: 2.5rem
    }

    .lg--mr-10 {
        margin-right: 2.5rem
    }

    .lg--mb-10 {
        margin-bottom: 2.5rem
    }

    .lg--ml-10 {
        margin-left: 2.5rem
    }

    .lg--mt-12 {
        margin-top: 3rem
    }

    .lg--mr-12 {
        margin-right: 3rem
    }

    .lg--mb-12 {
        margin-bottom: 3rem
    }

    .lg--ml-12 {
        margin-left: 3rem
    }

    .lg--mt-14 {
        margin-top: 3.5rem
    }

    .lg--mr-14 {
        margin-right: 3.5rem
    }

    .lg--mb-14 {
        margin-bottom: 3.5rem
    }

    .lg--ml-14 {
        margin-left: 3.5rem
    }

    .lg--mt-16 {
        margin-top: 4rem
    }

    .lg--mr-16 {
        margin-right: 4rem
    }

    .lg--mb-16 {
        margin-bottom: 4rem
    }

    .lg--ml-16 {
        margin-left: 4rem
    }

    .lg--mt-20 {
        margin-top: 5rem
    }

    .lg--mr-20 {
        margin-right: 5rem
    }

    .lg--mb-20 {
        margin-bottom: 5rem
    }

    .lg--ml-20 {
        margin-left: 5rem
    }

    .lg--mt-24 {
        margin-top: 6rem
    }

    .lg--mr-24 {
        margin-right: 6rem
    }

    .lg--mb-24 {
        margin-bottom: 6rem
    }

    .lg--ml-24 {
        margin-left: 6rem
    }

    .lg--mt-32 {
        margin-top: 8rem
    }

    .lg--mr-32 {
        margin-right: 8rem
    }

    .lg--mb-32 {
        margin-bottom: 8rem
    }

    .lg--ml-32 {
        margin-left: 8rem
    }

    .lg--mt-auto {
        margin-top: auto
    }

    .lg--mr-auto {
        margin-right: auto
    }

    .lg--mb-auto {
        margin-bottom: auto
    }

    .lg--ml-auto {
        margin-left: auto
    }

    .lg--mt-px {
        margin-top: 1px
    }

    .lg--mr-px {
        margin-right: 1px
    }

    .lg--mb-px {
        margin-bottom: 1px
    }

    .lg--ml-px {
        margin-left: 1px
    }

    .lg--max-h-full {
        max-height: 100%
    }

    .lg--max-h-screen {
        max-height: 100vh
    }

    .lg--max-w-xs {
        max-width: 20rem
    }

    .lg--max-w-sm {
        max-width: 30rem
    }

    .lg--max-w-md {
        max-width: 40rem
    }

    .lg--max-w-lg {
        max-width: 50rem
    }

    .lg--max-w-xl {
        max-width: 60rem
    }

    .lg--max-w-2xl {
        max-width: 70rem
    }

    .lg--max-w-3xl {
        max-width: 80rem
    }

    .lg--max-w-4xl {
        max-width: 90rem
    }

    .lg--max-w-5xl {
        max-width: 100rem
    }

    .lg--max-w-full {
        max-width: 100%
    }

    .lg--min-h-0 {
        min-height: 0
    }

    .lg--min-h-full {
        min-height: 100%
    }

    .lg--min-h-screen {
        min-height: 100vh
    }

    .lg--min-w-0 {
        min-width: 0
    }

    .lg--min-w-full {
        min-width: 100%
    }

    .lg---m-0 {
        margin: 0
    }

    .lg---m-1 {
        margin: -.25rem
    }

    .lg---m-2 {
        margin: -.5rem
    }

    .lg---m-3 {
        margin: -.75rem
    }

    .lg---m-4 {
        margin: -1rem
    }

    .lg---m-5 {
        margin: -1.25rem
    }

    .lg---m-6 {
        margin: -1.5rem
    }

    .lg---m-8 {
        margin: -2rem
    }

    .lg---m-10 {
        margin: -2.5rem
    }

    .lg---m-12 {
        margin: -3rem
    }

    .lg---m-14 {
        margin: -3.5rem
    }

    .lg---m-16 {
        margin: -4rem
    }

    .lg---m-20 {
        margin: -5rem
    }

    .lg---m-24 {
        margin: -6rem
    }

    .lg---m-32 {
        margin: -8rem
    }

    .lg---m-px {
        margin: -1px
    }

    .lg---my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg---mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg---my-1 {
        margin-top: -.25rem;
        margin-bottom: -.25rem
    }

    .lg---mx-1 {
        margin-left: -.25rem;
        margin-right: -.25rem
    }

    .lg---my-2 {
        margin-top: -.5rem;
        margin-bottom: -.5rem
    }

    .lg---mx-2 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .lg---my-3 {
        margin-top: -.75rem;
        margin-bottom: -.75rem
    }

    .lg---mx-3 {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .lg---my-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .lg---mx-4 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .lg---my-5 {
        margin-top: -1.25rem;
        margin-bottom: -1.25rem
    }

    .lg---mx-5 {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .lg---my-6 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }

    .lg---mx-6 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .lg---my-8 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .lg---mx-8 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .lg---my-10 {
        margin-top: -2.5rem;
        margin-bottom: -2.5rem
    }

    .lg---mx-10 {
        margin-left: -2.5rem;
        margin-right: -2.5rem
    }

    .lg---my-12 {
        margin-top: -3rem;
        margin-bottom: -3rem
    }

    .lg---mx-12 {
        margin-left: -3rem;
        margin-right: -3rem
    }

    .lg---my-14 {
        margin-top: -3.5rem;
        margin-bottom: -3.5rem
    }

    .lg---mx-14 {
        margin-left: -3.5rem;
        margin-right: -3.5rem
    }

    .lg---my-16 {
        margin-top: -4rem;
        margin-bottom: -4rem
    }

    .lg---mx-16 {
        margin-left: -4rem;
        margin-right: -4rem
    }

    .lg---my-20 {
        margin-top: -5rem;
        margin-bottom: -5rem
    }

    .lg---mx-20 {
        margin-left: -5rem;
        margin-right: -5rem
    }

    .lg---my-24 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .lg---mx-24 {
        margin-left: -6rem;
        margin-right: -6rem
    }

    .lg---my-32 {
        margin-top: -8rem;
        margin-bottom: -8rem
    }

    .lg---mx-32 {
        margin-left: -8rem;
        margin-right: -8rem
    }

    .lg---my-px {
        margin-top: -1px;
        margin-bottom: -1px
    }

    .lg---mx-px {
        margin-left: -1px;
        margin-right: -1px
    }

    .lg---mt-0 {
        margin-top: 0
    }

    .lg---mr-0 {
        margin-right: 0
    }

    .lg---mb-0 {
        margin-bottom: 0
    }

    .lg---ml-0 {
        margin-left: 0
    }

    .lg---mt-1 {
        margin-top: -.25rem
    }

    .lg---mr-1 {
        margin-right: -.25rem
    }

    .lg---mb-1 {
        margin-bottom: -.25rem
    }

    .lg---ml-1 {
        margin-left: -.25rem
    }

    .lg---mt-2 {
        margin-top: -.5rem
    }

    .lg---mr-2 {
        margin-right: -.5rem
    }

    .lg---mb-2 {
        margin-bottom: -.5rem
    }

    .lg---ml-2 {
        margin-left: -.5rem
    }

    .lg---mt-3 {
        margin-top: -.75rem
    }

    .lg---mr-3 {
        margin-right: -.75rem
    }

    .lg---mb-3 {
        margin-bottom: -.75rem
    }

    .lg---ml-3 {
        margin-left: -.75rem
    }

    .lg---mt-4 {
        margin-top: -1rem
    }

    .lg---mr-4 {
        margin-right: -1rem
    }

    .lg---mb-4 {
        margin-bottom: -1rem
    }

    .lg---ml-4 {
        margin-left: -1rem
    }

    .lg---mt-5 {
        margin-top: -1.25rem
    }

    .lg---mr-5 {
        margin-right: -1.25rem
    }

    .lg---mb-5 {
        margin-bottom: -1.25rem
    }

    .lg---ml-5 {
        margin-left: -1.25rem
    }

    .lg---mt-6 {
        margin-top: -1.5rem
    }

    .lg---mr-6 {
        margin-right: -1.5rem
    }

    .lg---mb-6 {
        margin-bottom: -1.5rem
    }

    .lg---ml-6 {
        margin-left: -1.5rem
    }

    .lg---mt-8 {
        margin-top: -2rem
    }

    .lg---mr-8 {
        margin-right: -2rem
    }

    .lg---mb-8 {
        margin-bottom: -2rem
    }

    .lg---ml-8 {
        margin-left: -2rem
    }

    .lg---mt-10 {
        margin-top: -2.5rem
    }

    .lg---mr-10 {
        margin-right: -2.5rem
    }

    .lg---mb-10 {
        margin-bottom: -2.5rem
    }

    .lg---ml-10 {
        margin-left: -2.5rem
    }

    .lg---mt-12 {
        margin-top: -3rem
    }

    .lg---mr-12 {
        margin-right: -3rem
    }

    .lg---mb-12 {
        margin-bottom: -3rem
    }

    .lg---ml-12 {
        margin-left: -3rem
    }

    .lg---mt-14 {
        margin-top: -3.5rem
    }

    .lg---mr-14 {
        margin-right: -3.5rem
    }

    .lg---mb-14 {
        margin-bottom: -3.5rem
    }

    .lg---ml-14 {
        margin-left: -3.5rem
    }

    .lg---mt-16 {
        margin-top: -4rem
    }

    .lg---mr-16 {
        margin-right: -4rem
    }

    .lg---mb-16 {
        margin-bottom: -4rem
    }

    .lg---ml-16 {
        margin-left: -4rem
    }

    .lg---mt-20 {
        margin-top: -5rem
    }

    .lg---mr-20 {
        margin-right: -5rem
    }

    .lg---mb-20 {
        margin-bottom: -5rem
    }

    .lg---ml-20 {
        margin-left: -5rem
    }

    .lg---mt-24 {
        margin-top: -6rem
    }

    .lg---mr-24 {
        margin-right: -6rem
    }

    .lg---mb-24 {
        margin-bottom: -6rem
    }

    .lg---ml-24 {
        margin-left: -6rem
    }

    .lg---mt-32 {
        margin-top: -8rem
    }

    .lg---mr-32 {
        margin-right: -8rem
    }

    .lg---mb-32 {
        margin-bottom: -8rem
    }

    .lg---ml-32 {
        margin-left: -8rem
    }

    .lg---mt-px {
        margin-top: -1px
    }

    .lg---mr-px {
        margin-right: -1px
    }

    .lg---mb-px {
        margin-bottom: -1px
    }

    .lg---ml-px {
        margin-left: -1px
    }

    .lg--opacity-0 {
        opacity: 0
    }

    .lg--opacity-25 {
        opacity: .25
    }

    .lg--opacity-50 {
        opacity: .5
    }

    .lg--opacity-75 {
        opacity: .75
    }

    .lg--opacity-100 {
        opacity: 1
    }

    .lg--overflow-auto {
        overflow: auto
    }

    .lg--overflow-hidden {
        overflow: hidden
    }

    .lg--overflow-visible {
        overflow: visible
    }

    .lg--overflow-scroll {
        overflow: scroll
    }

    .lg--overflow-x-auto {
        overflow-x: auto
    }

    .lg--overflow-y-auto {
        overflow-y: auto
    }

    .lg--overflow-x-hidden {
        overflow-x: hidden
    }

    .lg--overflow-y-hidden {
        overflow-y: hidden
    }

    .lg--overflow-x-visible {
        overflow-x: visible
    }

    .lg--overflow-y-visible {
        overflow-y: visible
    }

    .lg--overflow-x-scroll {
        overflow-x: scroll
    }

    .lg--overflow-y-scroll {
        overflow-y: scroll
    }

    .lg--scrolling-touch {
        -webkit-overflow-scrolling: touch
    }

    .lg--scrolling-auto {
        -webkit-overflow-scrolling: auto
    }

    .lg--p-0 {
        padding: 0
    }

    .lg--p-1 {
        padding: .25rem
    }

    .lg--p-2 {
        padding: .5rem
    }

    .lg--p-3 {
        padding: .75rem
    }

    .lg--p-4 {
        padding: 1rem
    }

    .lg--p-5 {
        padding: 1.25rem
    }

    .lg--p-6 {
        padding: 1.5rem
    }

    .lg--p-8 {
        padding: 2rem
    }

    .lg--p-10 {
        padding: 2.5rem
    }

    .lg--p-12 {
        padding: 3rem
    }

    .lg--p-14 {
        padding: 3.5rem
    }

    .lg--p-16 {
        padding: 4rem
    }

    .lg--p-20 {
        padding: 5rem
    }

    .lg--p-24 {
        padding: 6rem
    }

    .lg--p-32 {
        padding: 8rem
    }

    .lg--p-px {
        padding: 1px
    }

    .lg--py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .lg--px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg--py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .lg--px-1 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lg--py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .lg--px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .lg--py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .lg--px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .lg--py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .lg--px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg--py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .lg--px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .lg--py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .lg--px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg--py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .lg--px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg--py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .lg--px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .lg--py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .lg--px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .lg--py-14 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .lg--px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .lg--py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .lg--px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .lg--py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .lg--px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .lg--py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .lg--px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .lg--py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .lg--px-32 {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .lg--py-px {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .lg--px-px {
        padding-left: 1px;
        padding-right: 1px
    }

    .lg--pt-0 {
        padding-top: 0
    }

    .lg--pr-0 {
        padding-right: 0
    }

    .lg--pb-0 {
        padding-bottom: 0
    }

    .lg--pl-0 {
        padding-left: 0
    }

    .lg--pt-1 {
        padding-top: .25rem
    }

    .lg--pr-1 {
        padding-right: .25rem
    }

    .lg--pb-1 {
        padding-bottom: .25rem
    }

    .lg--pl-1 {
        padding-left: .25rem
    }

    .lg--pt-2 {
        padding-top: .5rem
    }

    .lg--pr-2 {
        padding-right: .5rem
    }

    .lg--pb-2 {
        padding-bottom: .5rem
    }

    .lg--pl-2 {
        padding-left: .5rem
    }

    .lg--pt-3 {
        padding-top: .75rem
    }

    .lg--pr-3 {
        padding-right: .75rem
    }

    .lg--pb-3 {
        padding-bottom: .75rem
    }

    .lg--pl-3 {
        padding-left: .75rem
    }

    .lg--pt-4 {
        padding-top: 1rem
    }

    .lg--pr-4 {
        padding-right: 1rem
    }

    .lg--pb-4 {
        padding-bottom: 1rem
    }

    .lg--pl-4 {
        padding-left: 1rem
    }

    .lg--pt-5 {
        padding-top: 1.25rem
    }

    .lg--pr-5 {
        padding-right: 1.25rem
    }

    .lg--pb-5 {
        padding-bottom: 1.25rem
    }

    .lg--pl-5 {
        padding-left: 1.25rem
    }

    .lg--pt-6 {
        padding-top: 1.5rem
    }

    .lg--pr-6 {
        padding-right: 1.5rem
    }

    .lg--pb-6 {
        padding-bottom: 1.5rem
    }

    .lg--pl-6 {
        padding-left: 1.5rem
    }

    .lg--pt-8 {
        padding-top: 2rem
    }

    .lg--pr-8 {
        padding-right: 2rem
    }

    .lg--pb-8 {
        padding-bottom: 2rem
    }

    .lg--pl-8 {
        padding-left: 2rem
    }

    .lg--pt-10 {
        padding-top: 2.5rem
    }

    .lg--pr-10 {
        padding-right: 2.5rem
    }

    .lg--pb-10 {
        padding-bottom: 2.5rem
    }

    .lg--pl-10 {
        padding-left: 2.5rem
    }

    .lg--pt-12 {
        padding-top: 3rem
    }

    .lg--pr-12 {
        padding-right: 3rem
    }

    .lg--pb-12 {
        padding-bottom: 3rem
    }

    .lg--pl-12 {
        padding-left: 3rem
    }

    .lg--pt-14 {
        padding-top: 3.5rem
    }

    .lg--pr-14 {
        padding-right: 3.5rem
    }

    .lg--pb-14 {
        padding-bottom: 3.5rem
    }

    .lg--pl-14 {
        padding-left: 3.5rem
    }

    .lg--pt-16 {
        padding-top: 4rem
    }

    .lg--pr-16 {
        padding-right: 4rem
    }

    .lg--pb-16 {
        padding-bottom: 4rem
    }

    .lg--pl-16 {
        padding-left: 4rem
    }

    .lg--pt-20 {
        padding-top: 5rem
    }

    .lg--pr-20 {
        padding-right: 5rem
    }

    .lg--pb-20 {
        padding-bottom: 5rem
    }

    .lg--pl-20 {
        padding-left: 5rem
    }

    .lg--pt-24 {
        padding-top: 6rem
    }

    .lg--pr-24 {
        padding-right: 6rem
    }

    .lg--pb-24 {
        padding-bottom: 6rem
    }

    .lg--pl-24 {
        padding-left: 6rem
    }

    .lg--pt-32 {
        padding-top: 8rem
    }

    .lg--pr-32 {
        padding-right: 8rem
    }

    .lg--pb-32 {
        padding-bottom: 8rem
    }

    .lg--pl-32 {
        padding-left: 8rem
    }

    .lg--pt-px {
        padding-top: 1px
    }

    .lg--pr-px {
        padding-right: 1px
    }

    .lg--pb-px {
        padding-bottom: 1px
    }

    .lg--pl-px {
        padding-left: 1px
    }

    .lg--pointer-events-none {
        pointer-events: none
    }

    .lg--pointer-events-auto {
        pointer-events: auto
    }

    .lg--static {
        position: static
    }

    .lg--fixed {
        position: fixed
    }

    .lg--absolute {
        position: absolute
    }

    .lg--relative {
        position: relative
    }

    .lg--sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .lg--pin-none {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .lg--pin {
        right: 0;
        left: 0
    }

    .lg--pin,
    .lg--pin-y {
        top: 0;
        bottom: 0
    }

    .lg--pin-x {
        right: 0;
        left: 0
    }

    .lg--pin-t {
        top: 0
    }

    .lg--pin-r {
        right: 0
    }

    .lg--pin-b {
        bottom: 0
    }

    .lg--pin-l {
        left: 0
    }

    .lg--resize-none {
        resize: none
    }

    .lg--resize-y {
        resize: vertical
    }

    .lg--resize-x {
        resize: horizontal
    }

    .lg--resize {
        resize: both
    }

    .lg--shadow {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
    }

    .lg--shadow-md {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
    }

    .lg--shadow-lg {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
    }

    .lg--shadow-inner {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    .lg--shadow-outline {
        box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
    }

    .lg--shadow-none {
        box-shadow: none
    }

    .lg--hover--shadow:hover {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
    }

    .lg--hover--shadow-md:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
    }

    .lg--hover--shadow-lg:hover {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
    }

    .lg--hover--shadow-inner:hover {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    .lg--hover--shadow-outline:hover {
        box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
    }

    .lg--hover--shadow-none:hover {
        box-shadow: none
    }

    .lg--focus--shadow:focus {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
    }

    .lg--focus--shadow-md:focus {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
    }

    .lg--focus--shadow-lg:focus {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
    }

    .lg--focus--shadow-inner:focus {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    .lg--focus--shadow-outline:focus {
        box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
    }

    .lg--focus--shadow-none:focus {
        box-shadow: none
    }

    .lg--table-auto {
        table-layout: auto
    }

    .lg--table-fixed {
        table-layout: fixed
    }

    .lg--text-left {
        text-align: left
    }

    .lg--text-center {
        text-align: center
    }

    .lg--text-right {
        text-align: right
    }

    .lg--text-justify {
        text-align: justify
    }

    .lg--text-ubc-blue {
        color: #002145
    }

    .lg--text-ubc-blue-secondary {
        color: #0055b7
    }

    .lg--text-ubc-blue-secondary-2 {
        color: #00a7e1
    }

    .lg--text-ubc-blue-secondary-3 {
        color: #40b4e5
    }

    .lg--text-ubc-blue-secondary-4 {
        color: #6ec4e8
    }

    .lg--text-ubc-blue-secondary-5 {
        color: #97d4e9
    }

    .lg--text-unit-blue-darker {
        color: #002145
    }

    .lg--text-unit-blue-dark {
        color: #295da5
    }

    .lg--text-unit-blue {
        color: #00b7e0
    }

    .lg--text-unit-blue-light {
        color: #87d6e6
    }

    .lg--text-unit-blue-lighter {
        color: #b7dff2
    }

    .lg--text-unit-green {
        color: #78be20
    }

    .lg--text-unit-green-dark {
        color: #5c9219
    }

    .lg--text-unit-green-light {
        color: #86d424
    }

    .lg--text-unit-grey-darkest {
        color: #333
    }

    .lg--text-unit-grey-darker {
        color: #7d7d7d
    }

    .lg--text-unit-grey-dark {
        color: #999
    }

    .lg--text-unit-grey {
        color: #bfbfbf
    }

    .lg--text-unit-grey-light {
        color: #e6e6e6
    }

    .lg--text-unit-grey-lighter {
        color: #f2f2f2
    }

    .lg--text-unit-grey-light-alt {
        color: #e4e5e6
    }

    .lg--text-unit-grey-lighter-alt {
        color: #f0f1f2
    }

    .lg--text-unit-orange {
        color: #ee7a15
    }

    .lg--text-unit-orange-light {
        color: #eea415
    }

    .lg--text-transparent {
        color: transparent
    }

    .lg--text-black {
        color: #222b2f
    }

    .lg--text-grey-darkest {
        color: #364349
    }

    .lg--text-grey-darker {
        color: #596a73
    }

    .lg--text-grey-dark {
        color: #70818a
    }

    .lg--text-grey {
        color: #9babb4
    }

    .lg--text-grey-light {
        color: #dae4e9
    }

    .lg--text-grey-lighter {
        color: #f3f7f9
    }

    .lg--text-grey-lightest {
        color: #fafcfc
    }

    .lg--text-white {
        color: #fff
    }

    .lg--hover--text-ubc-blue:hover {
        color: #002145
    }

    .lg--hover--text-ubc-blue-secondary:hover {
        color: #0055b7
    }

    .lg--hover--text-ubc-blue-secondary-2:hover {
        color: #00a7e1
    }

    .lg--hover--text-ubc-blue-secondary-3:hover {
        color: #40b4e5
    }

    .lg--hover--text-ubc-blue-secondary-4:hover {
        color: #6ec4e8
    }

    .lg--hover--text-ubc-blue-secondary-5:hover {
        color: #97d4e9
    }

    .lg--hover--text-unit-blue-darker:hover {
        color: #002145
    }

    .lg--hover--text-unit-blue-dark:hover {
        color: #295da5
    }

    .lg--hover--text-unit-blue:hover {
        color: #00b7e0
    }

    .lg--hover--text-unit-blue-light:hover {
        color: #87d6e6
    }

    .lg--hover--text-unit-blue-lighter:hover {
        color: #b7dff2
    }

    .lg--hover--text-unit-green:hover {
        color: #78be20
    }

    .lg--hover--text-unit-green-dark:hover {
        color: #5c9219
    }

    .lg--hover--text-unit-green-light:hover {
        color: #86d424
    }

    .lg--hover--text-unit-grey-darkest:hover {
        color: #333
    }

    .lg--hover--text-unit-grey-darker:hover {
        color: #7d7d7d
    }

    .lg--hover--text-unit-grey-dark:hover {
        color: #999
    }

    .lg--hover--text-unit-grey:hover {
        color: #bfbfbf
    }

    .lg--hover--text-unit-grey-light:hover {
        color: #e6e6e6
    }

    .lg--hover--text-unit-grey-lighter:hover {
        color: #f2f2f2
    }

    .lg--hover--text-unit-grey-light-alt:hover {
        color: #e4e5e6
    }

    .lg--hover--text-unit-grey-lighter-alt:hover {
        color: #f0f1f2
    }

    .lg--hover--text-unit-orange:hover {
        color: #ee7a15
    }

    .lg--hover--text-unit-orange-light:hover {
        color: #eea415
    }

    .lg--hover--text-transparent:hover {
        color: transparent
    }

    .lg--hover--text-black:hover {
        color: #222b2f
    }

    .lg--hover--text-grey-darkest:hover {
        color: #364349
    }

    .lg--hover--text-grey-darker:hover {
        color: #596a73
    }

    .lg--hover--text-grey-dark:hover {
        color: #70818a
    }

    .lg--hover--text-grey:hover {
        color: #9babb4
    }

    .lg--hover--text-grey-light:hover {
        color: #dae4e9
    }

    .lg--hover--text-grey-lighter:hover {
        color: #f3f7f9
    }

    .lg--hover--text-grey-lightest:hover {
        color: #fafcfc
    }

    .lg--hover--text-white:hover {
        color: #fff
    }

    .lg--focus--text-ubc-blue:focus {
        color: #002145
    }

    .lg--focus--text-ubc-blue-secondary:focus {
        color: #0055b7
    }

    .lg--focus--text-ubc-blue-secondary-2:focus {
        color: #00a7e1
    }

    .lg--focus--text-ubc-blue-secondary-3:focus {
        color: #40b4e5
    }

    .lg--focus--text-ubc-blue-secondary-4:focus {
        color: #6ec4e8
    }

    .lg--focus--text-ubc-blue-secondary-5:focus {
        color: #97d4e9
    }

    .lg--focus--text-unit-blue-darker:focus {
        color: #002145
    }

    .lg--focus--text-unit-blue-dark:focus {
        color: #295da5
    }

    .lg--focus--text-unit-blue:focus {
        color: #00b7e0
    }

    .lg--focus--text-unit-blue-light:focus {
        color: #87d6e6
    }

    .lg--focus--text-unit-blue-lighter:focus {
        color: #b7dff2
    }

    .lg--focus--text-unit-green:focus {
        color: #78be20
    }

    .lg--focus--text-unit-green-dark:focus {
        color: #5c9219
    }

    .lg--focus--text-unit-green-light:focus {
        color: #86d424
    }

    .lg--focus--text-unit-grey-darkest:focus {
        color: #333
    }

    .lg--focus--text-unit-grey-darker:focus {
        color: #7d7d7d
    }

    .lg--focus--text-unit-grey-dark:focus {
        color: #999
    }

    .lg--focus--text-unit-grey:focus {
        color: #bfbfbf
    }

    .lg--focus--text-unit-grey-light:focus {
        color: #e6e6e6
    }

    .lg--focus--text-unit-grey-lighter:focus {
        color: #f2f2f2
    }

    .lg--focus--text-unit-grey-light-alt:focus {
        color: #e4e5e6
    }

    .lg--focus--text-unit-grey-lighter-alt:focus {
        color: #f0f1f2
    }

    .lg--focus--text-unit-orange:focus {
        color: #ee7a15
    }

    .lg--focus--text-unit-orange-light:focus {
        color: #eea415
    }

    .lg--focus--text-transparent:focus {
        color: transparent
    }

    .lg--focus--text-black:focus {
        color: #222b2f
    }

    .lg--focus--text-grey-darkest:focus {
        color: #364349
    }

    .lg--focus--text-grey-darker:focus {
        color: #596a73
    }

    .lg--focus--text-grey-dark:focus {
        color: #70818a
    }

    .lg--focus--text-grey:focus {
        color: #9babb4
    }

    .lg--focus--text-grey-light:focus {
        color: #dae4e9
    }

    .lg--focus--text-grey-lighter:focus {
        color: #f3f7f9
    }

    .lg--focus--text-grey-lightest:focus {
        color: #fafcfc
    }

    .lg--focus--text-white:focus {
        color: #fff
    }

    .lg--text-xs {
        font-size: .75rem
    }

    .lg--text-sm {
        font-size: .875rem
    }

    .lg--text-base {
        font-size: 1rem
    }

    .lg--text-lg {
        font-size: 1.125rem
    }

    .lg--text-xl {
        font-size: 1.25rem
    }

    .lg--text-2xl {
        font-size: 1.5rem
    }

    .lg--text-3xl {
        font-size: 1.875rem
    }

    .lg--text-4xl {
        font-size: 2.25rem
    }

    .lg--text-5xl {
        font-size: 3rem
    }

    .lg--italic {
        font-style: italic
    }

    .lg--roman {
        font-style: normal
    }

    .lg--uppercase {
        text-transform: uppercase
    }

    .lg--lowercase {
        text-transform: lowercase
    }

    .lg--capitalize {
        text-transform: capitalize
    }

    .lg--normal-case {
        text-transform: none
    }

    .lg--underline {
        text-decoration: underline
    }

    .lg--line-through {
        text-decoration: line-through
    }

    .lg--no-underline {
        text-decoration: none
    }

    .lg--antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .lg--subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .lg--hover--italic:hover {
        font-style: italic
    }

    .lg--hover--roman:hover {
        font-style: normal
    }

    .lg--hover--uppercase:hover {
        text-transform: uppercase
    }

    .lg--hover--lowercase:hover {
        text-transform: lowercase
    }

    .lg--hover--capitalize:hover {
        text-transform: capitalize
    }

    .lg--hover--normal-case:hover {
        text-transform: none
    }

    .lg--hover--underline:hover {
        text-decoration: underline
    }

    .lg--hover--line-through:hover {
        text-decoration: line-through
    }

    .lg--hover--no-underline:hover {
        text-decoration: none
    }

    .lg--hover--antialiased:hover {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .lg--hover--subpixel-antialiased:hover {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .lg--focus--italic:focus {
        font-style: italic
    }

    .lg--focus--roman:focus {
        font-style: normal
    }

    .lg--focus--uppercase:focus {
        text-transform: uppercase
    }

    .lg--focus--lowercase:focus {
        text-transform: lowercase
    }

    .lg--focus--capitalize:focus {
        text-transform: capitalize
    }

    .lg--focus--normal-case:focus {
        text-transform: none
    }

    .lg--focus--underline:focus {
        text-decoration: underline
    }

    .lg--focus--line-through:focus {
        text-decoration: line-through
    }

    .lg--focus--no-underline:focus {
        text-decoration: none
    }

    .lg--focus--antialiased:focus {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .lg--focus--subpixel-antialiased:focus {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .lg--tracking-tight {
        letter-spacing: -.05em
    }

    .lg--tracking-normal {
        letter-spacing: 0
    }

    .lg--tracking-wide {
        letter-spacing: .05em
    }

    .lg--select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .lg--select-text {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text
    }

    .lg--align-baseline {
        vertical-align: baseline
    }

    .lg--align-top {
        vertical-align: top
    }

    .lg--align-middle {
        vertical-align: middle
    }

    .lg--align-bottom {
        vertical-align: bottom
    }

    .lg--align-text-top {
        vertical-align: text-top
    }

    .lg--align-text-bottom {
        vertical-align: text-bottom
    }

    .lg--visible {
        visibility: visible
    }

    .lg--invisible {
        visibility: hidden
    }

    .lg--whitespace-normal {
        white-space: normal
    }

    .lg--whitespace-no-wrap {
        white-space: nowrap
    }

    .lg--whitespace-pre {
        white-space: pre
    }

    .lg--whitespace-pre-line {
        white-space: pre-line
    }

    .lg--whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .lg--break-words {
        word-wrap: break-word
    }

    .lg--break-normal {
        word-wrap: normal
    }

    .lg--truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .lg--w-1 {
        width: .25rem
    }

    .lg--w-2 {
        width: .5rem
    }

    .lg--w-3 {
        width: .75rem
    }

    .lg--w-4 {
        width: 1rem
    }

    .lg--w-5 {
        width: 1.25rem
    }

    .lg--w-6 {
        width: 1.5rem
    }

    .lg--w-8 {
        width: 2rem
    }

    .lg--w-10 {
        width: 2.5rem
    }

    .lg--w-12 {
        width: 3rem
    }

    .lg--w-16 {
        width: 4rem
    }

    .lg--w-24 {
        width: 6rem
    }

    .lg--w-32 {
        width: 8rem
    }

    .lg--w-48 {
        width: 12rem
    }

    .lg--w-64 {
        width: 16rem
    }

    .lg--w-auto {
        width: auto
    }

    .lg--w-px {
        width: 1px
    }

    .lg--w-full {
        width: 100%
    }

    .lg--w-screen {
        width: 100vw
    }

    .lg--z-0 {
        z-index: 0
    }

    .lg--z-10 {
        z-index: 10
    }

    .lg--z-20 {
        z-index: 20
    }

    .lg--z-30 {
        z-index: 30
    }

    .lg--z-40 {
        z-index: 40
    }

    .lg--z-50 {
        z-index: 50
    }

    .lg--z-auto {
        z-index: auto
    }

    .lg--flex-order--1 {
        -ms-flex-order: -1;
        order: -1
    }

    .lg--flex-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .lg--flex-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .lg--w-half {
        width: 50%
    }

    .lg--w-one-third {
        width: 33.33333%
    }

    .lg--w-two-thirds {
        width: 66.66667%
    }

    .lg--w-one-quarter {
        width: 25%
    }

    .lg--w-three-quarters {
        width: 75%
    }

    .lg--w-one-fifth {
        width: 20%
    }

    .lg--w-two-fifths {
        width: 40%
    }

    .lg--w-three-fifths {
        width: 60%
    }

    .lg--w-four-fifths {
        width: 80%
    }

    .lg--w-one-sixth {
        width: 16.66667%
    }

    .lg--w-five-sixths {
        width: 83.33333%
    }
}

@media (min-width:1200px) {
    .xl--list-reset {
        list-style: none;
        padding: 0
    }

    .xl--appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .xl--bg-fixed {
        background-attachment: fixed
    }

    .xl--bg-local {
        background-attachment: local
    }

    .xl--bg-scroll {
        background-attachment: scroll
    }

    .xl--bg-ubc-blue {
        background-color: #002145
    }

    .xl--bg-ubc-blue-secondary {
        background-color: #0055b7
    }

    .xl--bg-ubc-blue-secondary-2 {
        background-color: #00a7e1
    }

    .xl--bg-ubc-blue-secondary-3 {
        background-color: #40b4e5
    }

    .xl--bg-ubc-blue-secondary-4 {
        background-color: #6ec4e8
    }

    .xl--bg-ubc-blue-secondary-5 {
        background-color: #97d4e9
    }

    .xl--bg-unit-blue-darker {
        background-color: #002145
    }

    .xl--bg-unit-blue-dark {
        background-color: #295da5
    }

    .xl--bg-unit-blue {
        background-color: #00b7e0
    }

    .xl--bg-unit-blue-light {
        background-color: #87d6e6
    }

    .xl--bg-unit-blue-lighter {
        background-color: #b7dff2
    }

    .xl--bg-unit-green {
        background-color: #78be20
    }

    .xl--bg-unit-green-dark {
        background-color: #5c9219
    }

    .xl--bg-unit-green-light {
        background-color: #86d424
    }

    .xl--bg-unit-grey-darkest {
        background-color: #333
    }

    .xl--bg-unit-grey-darker {
        background-color: #7d7d7d
    }

    .xl--bg-unit-grey-dark {
        background-color: #999
    }

    .xl--bg-unit-grey {
        background-color: #bfbfbf
    }

    .xl--bg-unit-grey-light {
        background-color: #e6e6e6
    }

    .xl--bg-unit-grey-lighter {
        background-color: #f2f2f2
    }

    .xl--bg-unit-grey-light-alt {
        background-color: #e4e5e6
    }

    .xl--bg-unit-grey-lighter-alt {
        background-color: #f0f1f2
    }

    .xl--bg-unit-orange {
        background-color: #ee7a15
    }

    .xl--bg-unit-orange-light {
        background-color: #eea415
    }

    .xl--bg-transparent {
        background-color: transparent
    }

    .xl--bg-black {
        background-color: #222b2f
    }

    .xl--bg-grey-darkest {
        background-color: #364349
    }

    .xl--bg-grey-darker {
        background-color: #596a73
    }

    .xl--bg-grey-dark {
        background-color: #70818a
    }

    .xl--bg-grey {
        background-color: #9babb4
    }

    .xl--bg-grey-light {
        background-color: #dae4e9
    }

    .xl--bg-grey-lighter {
        background-color: #f3f7f9
    }

    .xl--bg-grey-lightest {
        background-color: #fafcfc
    }

    .xl--bg-white {
        background-color: #fff
    }

    .xl--hover--bg-ubc-blue:hover {
        background-color: #002145
    }

    .xl--hover--bg-ubc-blue-secondary:hover {
        background-color: #0055b7
    }

    .xl--hover--bg-ubc-blue-secondary-2:hover {
        background-color: #00a7e1
    }

    .xl--hover--bg-ubc-blue-secondary-3:hover {
        background-color: #40b4e5
    }

    .xl--hover--bg-ubc-blue-secondary-4:hover {
        background-color: #6ec4e8
    }

    .xl--hover--bg-ubc-blue-secondary-5:hover {
        background-color: #97d4e9
    }

    .xl--hover--bg-unit-blue-darker:hover {
        background-color: #002145
    }

    .xl--hover--bg-unit-blue-dark:hover {
        background-color: #295da5
    }

    .xl--hover--bg-unit-blue:hover {
        background-color: #00b7e0
    }

    .xl--hover--bg-unit-blue-light:hover {
        background-color: #87d6e6
    }

    .xl--hover--bg-unit-blue-lighter:hover {
        background-color: #b7dff2
    }

    .xl--hover--bg-unit-green:hover {
        background-color: #78be20
    }

    .xl--hover--bg-unit-green-dark:hover {
        background-color: #5c9219
    }

    .xl--hover--bg-unit-green-light:hover {
        background-color: #86d424
    }

    .xl--hover--bg-unit-grey-darkest:hover {
        background-color: #333
    }

    .xl--hover--bg-unit-grey-darker:hover {
        background-color: #7d7d7d
    }

    .xl--hover--bg-unit-grey-dark:hover {
        background-color: #999
    }

    .xl--hover--bg-unit-grey:hover {
        background-color: #bfbfbf
    }

    .xl--hover--bg-unit-grey-light:hover {
        background-color: #e6e6e6
    }

    .xl--hover--bg-unit-grey-lighter:hover {
        background-color: #f2f2f2
    }

    .xl--hover--bg-unit-grey-light-alt:hover {
        background-color: #e4e5e6
    }

    .xl--hover--bg-unit-grey-lighter-alt:hover {
        background-color: #f0f1f2
    }

    .xl--hover--bg-unit-orange:hover {
        background-color: #ee7a15
    }

    .xl--hover--bg-unit-orange-light:hover {
        background-color: #eea415
    }

    .xl--hover--bg-transparent:hover {
        background-color: transparent
    }

    .xl--hover--bg-black:hover {
        background-color: #222b2f
    }

    .xl--hover--bg-grey-darkest:hover {
        background-color: #364349
    }

    .xl--hover--bg-grey-darker:hover {
        background-color: #596a73
    }

    .xl--hover--bg-grey-dark:hover {
        background-color: #70818a
    }

    .xl--hover--bg-grey:hover {
        background-color: #9babb4
    }

    .xl--hover--bg-grey-light:hover {
        background-color: #dae4e9
    }

    .xl--hover--bg-grey-lighter:hover {
        background-color: #f3f7f9
    }

    .xl--hover--bg-grey-lightest:hover {
        background-color: #fafcfc
    }

    .xl--hover--bg-white:hover {
        background-color: #fff
    }

    .xl--focus--bg-ubc-blue:focus {
        background-color: #002145
    }

    .xl--focus--bg-ubc-blue-secondary:focus {
        background-color: #0055b7
    }

    .xl--focus--bg-ubc-blue-secondary-2:focus {
        background-color: #00a7e1
    }

    .xl--focus--bg-ubc-blue-secondary-3:focus {
        background-color: #40b4e5
    }

    .xl--focus--bg-ubc-blue-secondary-4:focus {
        background-color: #6ec4e8
    }

    .xl--focus--bg-ubc-blue-secondary-5:focus {
        background-color: #97d4e9
    }

    .xl--focus--bg-unit-blue-darker:focus {
        background-color: #002145
    }

    .xl--focus--bg-unit-blue-dark:focus {
        background-color: #295da5
    }

    .xl--focus--bg-unit-blue:focus {
        background-color: #00b7e0
    }

    .xl--focus--bg-unit-blue-light:focus {
        background-color: #87d6e6
    }

    .xl--focus--bg-unit-blue-lighter:focus {
        background-color: #b7dff2
    }

    .xl--focus--bg-unit-green:focus {
        background-color: #78be20
    }

    .xl--focus--bg-unit-green-dark:focus {
        background-color: #5c9219
    }

    .xl--focus--bg-unit-green-light:focus {
        background-color: #86d424
    }

    .xl--focus--bg-unit-grey-darkest:focus {
        background-color: #333
    }

    .xl--focus--bg-unit-grey-darker:focus {
        background-color: #7d7d7d
    }

    .xl--focus--bg-unit-grey-dark:focus {
        background-color: #999
    }

    .xl--focus--bg-unit-grey:focus {
        background-color: #bfbfbf
    }

    .xl--focus--bg-unit-grey-light:focus {
        background-color: #e6e6e6
    }

    .xl--focus--bg-unit-grey-lighter:focus {
        background-color: #f2f2f2
    }

    .xl--focus--bg-unit-grey-light-alt:focus {
        background-color: #e4e5e6
    }

    .xl--focus--bg-unit-grey-lighter-alt:focus {
        background-color: #f0f1f2
    }

    .xl--focus--bg-unit-orange:focus {
        background-color: #ee7a15
    }

    .xl--focus--bg-unit-orange-light:focus {
        background-color: #eea415
    }

    .xl--focus--bg-transparent:focus {
        background-color: transparent
    }

    .xl--focus--bg-black:focus {
        background-color: #222b2f
    }

    .xl--focus--bg-grey-darkest:focus {
        background-color: #364349
    }

    .xl--focus--bg-grey-darker:focus {
        background-color: #596a73
    }

    .xl--focus--bg-grey-dark:focus {
        background-color: #70818a
    }

    .xl--focus--bg-grey:focus {
        background-color: #9babb4
    }

    .xl--focus--bg-grey-light:focus {
        background-color: #dae4e9
    }

    .xl--focus--bg-grey-lighter:focus {
        background-color: #f3f7f9
    }

    .xl--focus--bg-grey-lightest:focus {
        background-color: #fafcfc
    }

    .xl--focus--bg-white:focus {
        background-color: #fff
    }

    .xl--bg-bottom {
        background-position: bottom
    }

    .xl--bg-center {
        background-position: 50%
    }

    .xl--bg-left {
        background-position: 0
    }

    .xl--bg-left-bottom {
        background-position: 0 100%
    }

    .xl--bg-left-top {
        background-position: 0 0
    }

    .xl--bg-right {
        background-position: 100%
    }

    .xl--bg-right-bottom {
        background-position: 100% 100%
    }

    .xl--bg-right-top {
        background-position: 100% 0
    }

    .xl--bg-top {
        background-position: top
    }

    .xl--bg-repeat {
        background-repeat: repeat
    }

    .xl--bg-no-repeat {
        background-repeat: no-repeat
    }

    .xl--bg-repeat-x {
        background-repeat: repeat-x
    }

    .xl--bg-repeat-y {
        background-repeat: repeat-y
    }

    .xl--bg-auto {
        background-size: auto
    }

    .xl--bg-cover {
        background-size: cover
    }

    .xl--bg-contain {
        background-size: contain
    }

    .xl--border-ubc-blue {
        border-color: #002145
    }

    .xl--border-ubc-blue-secondary {
        border-color: #0055b7
    }

    .xl--border-ubc-blue-secondary-2 {
        border-color: #00a7e1
    }

    .xl--border-ubc-blue-secondary-3 {
        border-color: #40b4e5
    }

    .xl--border-ubc-blue-secondary-4 {
        border-color: #6ec4e8
    }

    .xl--border-ubc-blue-secondary-5 {
        border-color: #97d4e9
    }

    .xl--border-unit-blue-darker {
        border-color: #002145
    }

    .xl--border-unit-blue-dark {
        border-color: #295da5
    }

    .xl--border-unit-blue {
        border-color: #00b7e0
    }

    .xl--border-unit-blue-light {
        border-color: #87d6e6
    }

    .xl--border-unit-blue-lighter {
        border-color: #b7dff2
    }

    .xl--border-unit-green {
        border-color: #78be20
    }

    .xl--border-unit-green-dark {
        border-color: #5c9219
    }

    .xl--border-unit-green-light {
        border-color: #86d424
    }

    .xl--border-unit-grey-darkest {
        border-color: #333
    }

    .xl--border-unit-grey-darker {
        border-color: #7d7d7d
    }

    .xl--border-unit-grey-dark {
        border-color: #999
    }

    .xl--border-unit-grey {
        border-color: #bfbfbf
    }

    .xl--border-unit-grey-light {
        border-color: #e6e6e6
    }

    .xl--border-unit-grey-lighter {
        border-color: #f2f2f2
    }

    .xl--border-unit-grey-light-alt {
        border-color: #e4e5e6
    }

    .xl--border-unit-grey-lighter-alt {
        border-color: #f0f1f2
    }

    .xl--border-unit-orange {
        border-color: #ee7a15
    }

    .xl--border-unit-orange-light {
        border-color: #eea415
    }

    .xl--border-transparent {
        border-color: transparent
    }

    .xl--border-black {
        border-color: #222b2f
    }

    .xl--border-grey-darkest {
        border-color: #364349
    }

    .xl--border-grey-darker {
        border-color: #596a73
    }

    .xl--border-grey-dark {
        border-color: #70818a
    }

    .xl--border-grey {
        border-color: #9babb4
    }

    .xl--border-grey-light {
        border-color: #dae4e9
    }

    .xl--border-grey-lighter {
        border-color: #f3f7f9
    }

    .xl--border-grey-lightest {
        border-color: #fafcfc
    }

    .xl--border-white {
        border-color: #fff
    }

    .xl--hover--border-ubc-blue:hover {
        border-color: #002145
    }

    .xl--hover--border-ubc-blue-secondary:hover {
        border-color: #0055b7
    }

    .xl--hover--border-ubc-blue-secondary-2:hover {
        border-color: #00a7e1
    }

    .xl--hover--border-ubc-blue-secondary-3:hover {
        border-color: #40b4e5
    }

    .xl--hover--border-ubc-blue-secondary-4:hover {
        border-color: #6ec4e8
    }

    .xl--hover--border-ubc-blue-secondary-5:hover {
        border-color: #97d4e9
    }

    .xl--hover--border-unit-blue-darker:hover {
        border-color: #002145
    }

    .xl--hover--border-unit-blue-dark:hover {
        border-color: #295da5
    }

    .xl--hover--border-unit-blue:hover {
        border-color: #00b7e0
    }

    .xl--hover--border-unit-blue-light:hover {
        border-color: #87d6e6
    }

    .xl--hover--border-unit-blue-lighter:hover {
        border-color: #b7dff2
    }

    .xl--hover--border-unit-green:hover {
        border-color: #78be20
    }

    .xl--hover--border-unit-green-dark:hover {
        border-color: #5c9219
    }

    .xl--hover--border-unit-green-light:hover {
        border-color: #86d424
    }

    .xl--hover--border-unit-grey-darkest:hover {
        border-color: #333
    }

    .xl--hover--border-unit-grey-darker:hover {
        border-color: #7d7d7d
    }

    .xl--hover--border-unit-grey-dark:hover {
        border-color: #999
    }

    .xl--hover--border-unit-grey:hover {
        border-color: #bfbfbf
    }

    .xl--hover--border-unit-grey-light:hover {
        border-color: #e6e6e6
    }

    .xl--hover--border-unit-grey-lighter:hover {
        border-color: #f2f2f2
    }

    .xl--hover--border-unit-grey-light-alt:hover {
        border-color: #e4e5e6
    }

    .xl--hover--border-unit-grey-lighter-alt:hover {
        border-color: #f0f1f2
    }

    .xl--hover--border-unit-orange:hover {
        border-color: #ee7a15
    }

    .xl--hover--border-unit-orange-light:hover {
        border-color: #eea415
    }

    .xl--hover--border-transparent:hover {
        border-color: transparent
    }

    .xl--hover--border-black:hover {
        border-color: #222b2f
    }

    .xl--hover--border-grey-darkest:hover {
        border-color: #364349
    }

    .xl--hover--border-grey-darker:hover {
        border-color: #596a73
    }

    .xl--hover--border-grey-dark:hover {
        border-color: #70818a
    }

    .xl--hover--border-grey:hover {
        border-color: #9babb4
    }

    .xl--hover--border-grey-light:hover {
        border-color: #dae4e9
    }

    .xl--hover--border-grey-lighter:hover {
        border-color: #f3f7f9
    }

    .xl--hover--border-grey-lightest:hover {
        border-color: #fafcfc
    }

    .xl--hover--border-white:hover {
        border-color: #fff
    }

    .xl--focus--border-ubc-blue:focus {
        border-color: #002145
    }

    .xl--focus--border-ubc-blue-secondary:focus {
        border-color: #0055b7
    }

    .xl--focus--border-ubc-blue-secondary-2:focus {
        border-color: #00a7e1
    }

    .xl--focus--border-ubc-blue-secondary-3:focus {
        border-color: #40b4e5
    }

    .xl--focus--border-ubc-blue-secondary-4:focus {
        border-color: #6ec4e8
    }

    .xl--focus--border-ubc-blue-secondary-5:focus {
        border-color: #97d4e9
    }

    .xl--focus--border-unit-blue-darker:focus {
        border-color: #002145
    }

    .xl--focus--border-unit-blue-dark:focus {
        border-color: #295da5
    }

    .xl--focus--border-unit-blue:focus {
        border-color: #00b7e0
    }

    .xl--focus--border-unit-blue-light:focus {
        border-color: #87d6e6
    }

    .xl--focus--border-unit-blue-lighter:focus {
        border-color: #b7dff2
    }

    .xl--focus--border-unit-green:focus {
        border-color: #78be20
    }

    .xl--focus--border-unit-green-dark:focus {
        border-color: #5c9219
    }

    .xl--focus--border-unit-green-light:focus {
        border-color: #86d424
    }

    .xl--focus--border-unit-grey-darkest:focus {
        border-color: #333
    }

    .xl--focus--border-unit-grey-darker:focus {
        border-color: #7d7d7d
    }

    .xl--focus--border-unit-grey-dark:focus {
        border-color: #999
    }

    .xl--focus--border-unit-grey:focus {
        border-color: #bfbfbf
    }

    .xl--focus--border-unit-grey-light:focus {
        border-color: #e6e6e6
    }

    .xl--focus--border-unit-grey-lighter:focus {
        border-color: #f2f2f2
    }

    .xl--focus--border-unit-grey-light-alt:focus {
        border-color: #e4e5e6
    }

    .xl--focus--border-unit-grey-lighter-alt:focus {
        border-color: #f0f1f2
    }

    .xl--focus--border-unit-orange:focus {
        border-color: #ee7a15
    }

    .xl--focus--border-unit-orange-light:focus {
        border-color: #eea415
    }

    .xl--focus--border-transparent:focus {
        border-color: transparent
    }

    .xl--focus--border-black:focus {
        border-color: #222b2f
    }

    .xl--focus--border-grey-darkest:focus {
        border-color: #364349
    }

    .xl--focus--border-grey-darker:focus {
        border-color: #596a73
    }

    .xl--focus--border-grey-dark:focus {
        border-color: #70818a
    }

    .xl--focus--border-grey:focus {
        border-color: #9babb4
    }

    .xl--focus--border-grey-light:focus {
        border-color: #dae4e9
    }

    .xl--focus--border-grey-lighter:focus {
        border-color: #f3f7f9
    }

    .xl--focus--border-grey-lightest:focus {
        border-color: #fafcfc
    }

    .xl--focus--border-white:focus {
        border-color: #fff
    }

    .xl--rounded-none {
        border-radius: 0
    }

    .xl--rounded-sm {
        border-radius: .125rem
    }

    .xl--rounded {
        border-radius: .25rem
    }

    .xl--rounded-lg {
        border-radius: .5rem
    }

    .xl--rounded-full {
        border-radius: 9999px
    }

    .xl--rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .xl--rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .xl--rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .xl--rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .xl--rounded-t-sm {
        border-top-left-radius: .125rem;
        border-top-right-radius: .125rem
    }

    .xl--rounded-r-sm {
        border-top-right-radius: .125rem;
        border-bottom-right-radius: .125rem
    }

    .xl--rounded-b-sm {
        border-bottom-right-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .xl--rounded-l-sm {
        border-top-left-radius: .125rem;
        border-bottom-left-radius: .125rem
    }

    .xl--rounded-t {
        border-top-left-radius: .25rem
    }

    .xl--rounded-r,
    .xl--rounded-t {
        border-top-right-radius: .25rem
    }

    .xl--rounded-b,
    .xl--rounded-r {
        border-bottom-right-radius: .25rem
    }

    .xl--rounded-b,
    .xl--rounded-l {
        border-bottom-left-radius: .25rem
    }

    .xl--rounded-l {
        border-top-left-radius: .25rem
    }

    .xl--rounded-t-lg {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .xl--rounded-r-lg {
        border-top-right-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .xl--rounded-b-lg {
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .xl--rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .xl--rounded-t-full {
        border-top-left-radius: 9999px;
        border-top-right-radius: 9999px
    }

    .xl--rounded-r-full {
        border-top-right-radius: 9999px;
        border-bottom-right-radius: 9999px
    }

    .xl--rounded-b-full {
        border-bottom-right-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .xl--rounded-l-full {
        border-top-left-radius: 9999px;
        border-bottom-left-radius: 9999px
    }

    .xl--rounded-tl-none {
        border-top-left-radius: 0
    }

    .xl--rounded-tr-none {
        border-top-right-radius: 0
    }

    .xl--rounded-br-none {
        border-bottom-right-radius: 0
    }

    .xl--rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .xl--rounded-tl-sm {
        border-top-left-radius: .125rem
    }

    .xl--rounded-tr-sm {
        border-top-right-radius: .125rem
    }

    .xl--rounded-br-sm {
        border-bottom-right-radius: .125rem
    }

    .xl--rounded-bl-sm {
        border-bottom-left-radius: .125rem
    }

    .xl--rounded-tl {
        border-top-left-radius: .25rem
    }

    .xl--rounded-tr {
        border-top-right-radius: .25rem
    }

    .xl--rounded-br {
        border-bottom-right-radius: .25rem
    }

    .xl--rounded-bl {
        border-bottom-left-radius: .25rem
    }

    .xl--rounded-tl-lg {
        border-top-left-radius: .5rem
    }

    .xl--rounded-tr-lg {
        border-top-right-radius: .5rem
    }

    .xl--rounded-br-lg {
        border-bottom-right-radius: .5rem
    }

    .xl--rounded-bl-lg {
        border-bottom-left-radius: .5rem
    }

    .xl--rounded-tl-full {
        border-top-left-radius: 9999px
    }

    .xl--rounded-tr-full {
        border-top-right-radius: 9999px
    }

    .xl--rounded-br-full {
        border-bottom-right-radius: 9999px
    }

    .xl--rounded-bl-full {
        border-bottom-left-radius: 9999px
    }

    .xl--border-solid {
        border-style: solid
    }

    .xl--border-dashed {
        border-style: dashed
    }

    .xl--border-dotted {
        border-style: dotted
    }

    .xl--border-none {
        border-style: none
    }

    .xl--border-0 {
        border-width: 0
    }

    .xl--border-2 {
        border-width: 2px
    }

    .xl--border-4 {
        border-width: 4px
    }

    .xl--border-8 {
        border-width: 8px
    }

    .xl--border {
        border-width: 1px
    }

    .xl--border-t-0 {
        border-top-width: 0
    }

    .xl--border-r-0 {
        border-right-width: 0
    }

    .xl--border-b-0 {
        border-bottom-width: 0
    }

    .xl--border-l-0 {
        border-left-width: 0
    }

    .xl--border-t-2 {
        border-top-width: 2px
    }

    .xl--border-r-2 {
        border-right-width: 2px
    }

    .xl--border-b-2 {
        border-bottom-width: 2px
    }

    .xl--border-l-2 {
        border-left-width: 2px
    }

    .xl--border-t-4 {
        border-top-width: 4px
    }

    .xl--border-r-4 {
        border-right-width: 4px
    }

    .xl--border-b-4 {
        border-bottom-width: 4px
    }

    .xl--border-l-4 {
        border-left-width: 4px
    }

    .xl--border-t-8 {
        border-top-width: 8px
    }

    .xl--border-r-8 {
        border-right-width: 8px
    }

    .xl--border-b-8 {
        border-bottom-width: 8px
    }

    .xl--border-l-8 {
        border-left-width: 8px
    }

    .xl--border-t {
        border-top-width: 1px
    }

    .xl--border-r {
        border-right-width: 1px
    }

    .xl--border-b {
        border-bottom-width: 1px
    }

    .xl--border-l {
        border-left-width: 1px
    }

    .xl--cursor-auto {
        cursor: auto
    }

    .xl--cursor-default {
        cursor: default
    }

    .xl--cursor-pointer {
        cursor: pointer
    }

    .xl--cursor-wait {
        cursor: wait
    }

    .xl--cursor-move {
        cursor: move
    }

    .xl--cursor-not-allowed {
        cursor: not-allowed
    }

    .xl--block {
        display: block
    }

    .xl--inline-block {
        display: inline-block
    }

    .xl--inline {
        display: inline
    }

    .xl--table {
        display: table
    }

    .xl--table-row {
        display: table-row
    }

    .xl--table-cell {
        display: table-cell
    }

    .xl--hidden {
        display: none
    }

    .xl--flex {
        display: -ms-flexbox;
        display: flex
    }

    .xl--inline-flex {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .xl--flex-row {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .xl--flex-row-reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .xl--flex-col {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .xl--flex-col-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .xl--flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .xl--flex-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .xl--flex-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .xl--items-start {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .xl--items-end {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .xl--items-center {
        -ms-flex-align: center;
        align-items: center
    }

    .xl--items-baseline {
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .xl--items-stretch {
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .xl--self-auto {
        -ms-flex-item-align: auto;
        align-self: auto
    }

    .xl--self-start {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .xl--self-end {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .xl--self-center {
        -ms-flex-item-align: center;
        align-self: center
    }

    .xl--self-stretch {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .xl--justify-start {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .xl--justify-end {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .xl--justify-center {
        -ms-flex-pack: center;
        justify-content: center
    }

    .xl--justify-between {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .xl--justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .xl--content-center {
        -ms-flex-line-pack: center;
        align-content: center
    }

    .xl--content-start {
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .xl--content-end {
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .xl--content-between {
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .xl--content-around {
        -ms-flex-line-pack: distribute;
        align-content: space-around
    }

    .xl--flex-1 {
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .xl--flex-auto {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .xl--flex-initial {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .xl--flex-none {
        -ms-flex: none;
        flex: none
    }

    .xl--flex-grow {
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .xl--flex-shrink {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .xl--flex-no-grow {
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .xl--flex-no-shrink {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .xl--float-right {
        float: right
    }

    .xl--float-left {
        float: left
    }

    .xl--float-none {
        float: none
    }

    .xl--clearfix:after {
        content: "";
        display: table;
        clear: both
    }

    .xl--font-sans {
        font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
    }

    .xl--font-serif {
        font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif
    }

    .xl--font-mono {
        font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }

    .xl--font-hairline {
        font-weight: 100
    }

    .xl--font-thin {
        font-weight: 200
    }

    .xl--font-light {
        font-weight: 300
    }

    .xl--font-normal {
        font-weight: 400
    }

    .xl--font-medium {
        font-weight: 500
    }

    .xl--font-semibold {
        font-weight: 600
    }

    .xl--font-bold {
        font-weight: 700
    }

    .xl--font-extrabold {
        font-weight: 800
    }

    .xl--font-black {
        font-weight: 900
    }

    .xl--hover--font-hairline:hover {
        font-weight: 100
    }

    .xl--hover--font-thin:hover {
        font-weight: 200
    }

    .xl--hover--font-light:hover {
        font-weight: 300
    }

    .xl--hover--font-normal:hover {
        font-weight: 400
    }

    .xl--hover--font-medium:hover {
        font-weight: 500
    }

    .xl--hover--font-semibold:hover {
        font-weight: 600
    }

    .xl--hover--font-bold:hover {
        font-weight: 700
    }

    .xl--hover--font-extrabold:hover {
        font-weight: 800
    }

    .xl--hover--font-black:hover {
        font-weight: 900
    }

    .xl--focus--font-hairline:focus {
        font-weight: 100
    }

    .xl--focus--font-thin:focus {
        font-weight: 200
    }

    .xl--focus--font-light:focus {
        font-weight: 300
    }

    .xl--focus--font-normal:focus {
        font-weight: 400
    }

    .xl--focus--font-medium:focus {
        font-weight: 500
    }

    .xl--focus--font-semibold:focus {
        font-weight: 600
    }

    .xl--focus--font-bold:focus {
        font-weight: 700
    }

    .xl--focus--font-extrabold:focus {
        font-weight: 800
    }

    .xl--focus--font-black:focus {
        font-weight: 900
    }

    .xl--h-1 {
        height: .25rem
    }

    .xl--h-2 {
        height: .5rem
    }

    .xl--h-3 {
        height: .75rem
    }

    .xl--h-4 {
        height: 1rem
    }

    .xl--h-5 {
        height: 1.25rem
    }

    .xl--h-6 {
        height: 1.5rem
    }

    .xl--h-8 {
        height: 2rem
    }

    .xl--h-10 {
        height: 2.5rem
    }

    .xl--h-12 {
        height: 3rem
    }

    .xl--h-16 {
        height: 4rem
    }

    .xl--h-24 {
        height: 6rem
    }

    .xl--h-32 {
        height: 8rem
    }

    .xl--h-48 {
        height: 12rem
    }

    .xl--h-64 {
        height: 16rem
    }

    .xl--h-auto {
        height: auto
    }

    .xl--h-px {
        height: 1px
    }

    .xl--h-full {
        height: 100%
    }

    .xl--h-screen {
        height: 100vh
    }

    .xl--leading-none {
        line-height: 1
    }

    .xl--leading-tight {
        line-height: 1.25
    }

    .xl--leading-normal {
        line-height: 1.5
    }

    .xl--leading-loose {
        line-height: 2
    }

    .xl--m-0 {
        margin: 0
    }

    .xl--m-1 {
        margin: .25rem
    }

    .xl--m-2 {
        margin: .5rem
    }

    .xl--m-3 {
        margin: .75rem
    }

    .xl--m-4 {
        margin: 1rem
    }

    .xl--m-5 {
        margin: 1.25rem
    }

    .xl--m-6 {
        margin: 1.5rem
    }

    .xl--m-8 {
        margin: 2rem
    }

    .xl--m-10 {
        margin: 2.5rem
    }

    .xl--m-12 {
        margin: 3rem
    }

    .xl--m-14 {
        margin: 3.5rem
    }

    .xl--m-16 {
        margin: 4rem
    }

    .xl--m-20 {
        margin: 5rem
    }

    .xl--m-24 {
        margin: 6rem
    }

    .xl--m-32 {
        margin: 8rem
    }

    .xl--m-auto {
        margin: auto
    }

    .xl--m-px {
        margin: 1px
    }

    .xl--my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .xl--mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .xl--my-1 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .xl--mx-1 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .xl--my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .xl--mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .xl--my-3 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .xl--mx-3 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .xl--my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .xl--mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .xl--my-5 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .xl--mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .xl--my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .xl--mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .xl--my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .xl--mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .xl--my-10 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .xl--mx-10 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .xl--my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .xl--mx-12 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .xl--my-14 {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }

    .xl--mx-14 {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }

    .xl--my-16 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .xl--mx-16 {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .xl--my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .xl--mx-20 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .xl--my-24 {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .xl--mx-24 {
        margin-left: 6rem;
        margin-right: 6rem
    }

    .xl--my-32 {
        margin-top: 8rem;
        margin-bottom: 8rem
    }

    .xl--mx-32 {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .xl--my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .xl--mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .xl--my-px {
        margin-top: 1px;
        margin-bottom: 1px
    }

    .xl--mx-px {
        margin-left: 1px;
        margin-right: 1px
    }

    .xl--mt-0 {
        margin-top: 0
    }

    .xl--mr-0 {
        margin-right: 0
    }

    .xl--mb-0 {
        margin-bottom: 0
    }

    .xl--ml-0 {
        margin-left: 0
    }

    .xl--mt-1 {
        margin-top: .25rem
    }

    .xl--mr-1 {
        margin-right: .25rem
    }

    .xl--mb-1 {
        margin-bottom: .25rem
    }

    .xl--ml-1 {
        margin-left: .25rem
    }

    .xl--mt-2 {
        margin-top: .5rem
    }

    .xl--mr-2 {
        margin-right: .5rem
    }

    .xl--mb-2 {
        margin-bottom: .5rem
    }

    .xl--ml-2 {
        margin-left: .5rem
    }

    .xl--mt-3 {
        margin-top: .75rem
    }

    .xl--mr-3 {
        margin-right: .75rem
    }

    .xl--mb-3 {
        margin-bottom: .75rem
    }

    .xl--ml-3 {
        margin-left: .75rem
    }

    .xl--mt-4 {
        margin-top: 1rem
    }

    .xl--mr-4 {
        margin-right: 1rem
    }

    .xl--mb-4 {
        margin-bottom: 1rem
    }

    .xl--ml-4 {
        margin-left: 1rem
    }

    .xl--mt-5 {
        margin-top: 1.25rem
    }

    .xl--mr-5 {
        margin-right: 1.25rem
    }

    .xl--mb-5 {
        margin-bottom: 1.25rem
    }

    .xl--ml-5 {
        margin-left: 1.25rem
    }

    .xl--mt-6 {
        margin-top: 1.5rem
    }

    .xl--mr-6 {
        margin-right: 1.5rem
    }

    .xl--mb-6 {
        margin-bottom: 1.5rem
    }

    .xl--ml-6 {
        margin-left: 1.5rem
    }

    .xl--mt-8 {
        margin-top: 2rem
    }

    .xl--mr-8 {
        margin-right: 2rem
    }

    .xl--mb-8 {
        margin-bottom: 2rem
    }

    .xl--ml-8 {
        margin-left: 2rem
    }

    .xl--mt-10 {
        margin-top: 2.5rem
    }

    .xl--mr-10 {
        margin-right: 2.5rem
    }

    .xl--mb-10 {
        margin-bottom: 2.5rem
    }

    .xl--ml-10 {
        margin-left: 2.5rem
    }

    .xl--mt-12 {
        margin-top: 3rem
    }

    .xl--mr-12 {
        margin-right: 3rem
    }

    .xl--mb-12 {
        margin-bottom: 3rem
    }

    .xl--ml-12 {
        margin-left: 3rem
    }

    .xl--mt-14 {
        margin-top: 3.5rem
    }

    .xl--mr-14 {
        margin-right: 3.5rem
    }

    .xl--mb-14 {
        margin-bottom: 3.5rem
    }

    .xl--ml-14 {
        margin-left: 3.5rem
    }

    .xl--mt-16 {
        margin-top: 4rem
    }

    .xl--mr-16 {
        margin-right: 4rem
    }

    .xl--mb-16 {
        margin-bottom: 4rem
    }

    .xl--ml-16 {
        margin-left: 4rem
    }

    .xl--mt-20 {
        margin-top: 5rem
    }

    .xl--mr-20 {
        margin-right: 5rem
    }

    .xl--mb-20 {
        margin-bottom: 5rem
    }

    .xl--ml-20 {
        margin-left: 5rem
    }

    .xl--mt-24 {
        margin-top: 6rem
    }

    .xl--mr-24 {
        margin-right: 6rem
    }

    .xl--mb-24 {
        margin-bottom: 6rem
    }

    .xl--ml-24 {
        margin-left: 6rem
    }

    .xl--mt-32 {
        margin-top: 8rem
    }

    .xl--mr-32 {
        margin-right: 8rem
    }

    .xl--mb-32 {
        margin-bottom: 8rem
    }

    .xl--ml-32 {
        margin-left: 8rem
    }

    .xl--mt-auto {
        margin-top: auto
    }

    .xl--mr-auto {
        margin-right: auto
    }

    .xl--mb-auto {
        margin-bottom: auto
    }

    .xl--ml-auto {
        margin-left: auto
    }

    .xl--mt-px {
        margin-top: 1px
    }

    .xl--mr-px {
        margin-right: 1px
    }

    .xl--mb-px {
        margin-bottom: 1px
    }

    .xl--ml-px {
        margin-left: 1px
    }

    .xl--max-h-full {
        max-height: 100%
    }

    .xl--max-h-screen {
        max-height: 100vh
    }

    .xl--max-w-xs {
        max-width: 20rem
    }

    .xl--max-w-sm {
        max-width: 30rem
    }

    .xl--max-w-md {
        max-width: 40rem
    }

    .xl--max-w-lg {
        max-width: 50rem
    }

    .xl--max-w-xl {
        max-width: 60rem
    }

    .xl--max-w-2xl {
        max-width: 70rem
    }

    .xl--max-w-3xl {
        max-width: 80rem
    }

    .xl--max-w-4xl {
        max-width: 90rem
    }

    .xl--max-w-5xl {
        max-width: 100rem
    }

    .xl--max-w-full {
        max-width: 100%
    }

    .xl--min-h-0 {
        min-height: 0
    }

    .xl--min-h-full {
        min-height: 100%
    }

    .xl--min-h-screen {
        min-height: 100vh
    }

    .xl--min-w-0 {
        min-width: 0
    }

    .xl--min-w-full {
        min-width: 100%
    }

    .xl---m-0 {
        margin: 0
    }

    .xl---m-1 {
        margin: -.25rem
    }

    .xl---m-2 {
        margin: -.5rem
    }

    .xl---m-3 {
        margin: -.75rem
    }

    .xl---m-4 {
        margin: -1rem
    }

    .xl---m-5 {
        margin: -1.25rem
    }

    .xl---m-6 {
        margin: -1.5rem
    }

    .xl---m-8 {
        margin: -2rem
    }

    .xl---m-10 {
        margin: -2.5rem
    }

    .xl---m-12 {
        margin: -3rem
    }

    .xl---m-14 {
        margin: -3.5rem
    }

    .xl---m-16 {
        margin: -4rem
    }

    .xl---m-20 {
        margin: -5rem
    }

    .xl---m-24 {
        margin: -6rem
    }

    .xl---m-32 {
        margin: -8rem
    }

    .xl---m-px {
        margin: -1px
    }

    .xl---my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .xl---mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .xl---my-1 {
        margin-top: -.25rem;
        margin-bottom: -.25rem
    }

    .xl---mx-1 {
        margin-left: -.25rem;
        margin-right: -.25rem
    }

    .xl---my-2 {
        margin-top: -.5rem;
        margin-bottom: -.5rem
    }

    .xl---mx-2 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .xl---my-3 {
        margin-top: -.75rem;
        margin-bottom: -.75rem
    }

    .xl---mx-3 {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .xl---my-4 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .xl---mx-4 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .xl---my-5 {
        margin-top: -1.25rem;
        margin-bottom: -1.25rem
    }

    .xl---mx-5 {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .xl---my-6 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }

    .xl---mx-6 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .xl---my-8 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .xl---mx-8 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .xl---my-10 {
        margin-top: -2.5rem;
        margin-bottom: -2.5rem
    }

    .xl---mx-10 {
        margin-left: -2.5rem;
        margin-right: -2.5rem
    }

    .xl---my-12 {
        margin-top: -3rem;
        margin-bottom: -3rem
    }

    .xl---mx-12 {
        margin-left: -3rem;
        margin-right: -3rem
    }

    .xl---my-14 {
        margin-top: -3.5rem;
        margin-bottom: -3.5rem
    }

    .xl---mx-14 {
        margin-left: -3.5rem;
        margin-right: -3.5rem
    }

    .xl---my-16 {
        margin-top: -4rem;
        margin-bottom: -4rem
    }

    .xl---mx-16 {
        margin-left: -4rem;
        margin-right: -4rem
    }

    .xl---my-20 {
        margin-top: -5rem;
        margin-bottom: -5rem
    }

    .xl---mx-20 {
        margin-left: -5rem;
        margin-right: -5rem
    }

    .xl---my-24 {
        margin-top: -6rem;
        margin-bottom: -6rem
    }

    .xl---mx-24 {
        margin-left: -6rem;
        margin-right: -6rem
    }

    .xl---my-32 {
        margin-top: -8rem;
        margin-bottom: -8rem
    }

    .xl---mx-32 {
        margin-left: -8rem;
        margin-right: -8rem
    }

    .xl---my-px {
        margin-top: -1px;
        margin-bottom: -1px
    }

    .xl---mx-px {
        margin-left: -1px;
        margin-right: -1px
    }

    .xl---mt-0 {
        margin-top: 0
    }

    .xl---mr-0 {
        margin-right: 0
    }

    .xl---mb-0 {
        margin-bottom: 0
    }

    .xl---ml-0 {
        margin-left: 0
    }

    .xl---mt-1 {
        margin-top: -.25rem
    }

    .xl---mr-1 {
        margin-right: -.25rem
    }

    .xl---mb-1 {
        margin-bottom: -.25rem
    }

    .xl---ml-1 {
        margin-left: -.25rem
    }

    .xl---mt-2 {
        margin-top: -.5rem
    }

    .xl---mr-2 {
        margin-right: -.5rem
    }

    .xl---mb-2 {
        margin-bottom: -.5rem
    }

    .xl---ml-2 {
        margin-left: -.5rem
    }

    .xl---mt-3 {
        margin-top: -.75rem
    }

    .xl---mr-3 {
        margin-right: -.75rem
    }

    .xl---mb-3 {
        margin-bottom: -.75rem
    }

    .xl---ml-3 {
        margin-left: -.75rem
    }

    .xl---mt-4 {
        margin-top: -1rem
    }

    .xl---mr-4 {
        margin-right: -1rem
    }

    .xl---mb-4 {
        margin-bottom: -1rem
    }

    .xl---ml-4 {
        margin-left: -1rem
    }

    .xl---mt-5 {
        margin-top: -1.25rem
    }

    .xl---mr-5 {
        margin-right: -1.25rem
    }

    .xl---mb-5 {
        margin-bottom: -1.25rem
    }

    .xl---ml-5 {
        margin-left: -1.25rem
    }

    .xl---mt-6 {
        margin-top: -1.5rem
    }

    .xl---mr-6 {
        margin-right: -1.5rem
    }

    .xl---mb-6 {
        margin-bottom: -1.5rem
    }

    .xl---ml-6 {
        margin-left: -1.5rem
    }

    .xl---mt-8 {
        margin-top: -2rem
    }

    .xl---mr-8 {
        margin-right: -2rem
    }

    .xl---mb-8 {
        margin-bottom: -2rem
    }

    .xl---ml-8 {
        margin-left: -2rem
    }

    .xl---mt-10 {
        margin-top: -2.5rem
    }

    .xl---mr-10 {
        margin-right: -2.5rem
    }

    .xl---mb-10 {
        margin-bottom: -2.5rem
    }

    .xl---ml-10 {
        margin-left: -2.5rem
    }

    .xl---mt-12 {
        margin-top: -3rem
    }

    .xl---mr-12 {
        margin-right: -3rem
    }

    .xl---mb-12 {
        margin-bottom: -3rem
    }

    .xl---ml-12 {
        margin-left: -3rem
    }

    .xl---mt-14 {
        margin-top: -3.5rem
    }

    .xl---mr-14 {
        margin-right: -3.5rem
    }

    .xl---mb-14 {
        margin-bottom: -3.5rem
    }

    .xl---ml-14 {
        margin-left: -3.5rem
    }

    .xl---mt-16 {
        margin-top: -4rem
    }

    .xl---mr-16 {
        margin-right: -4rem
    }

    .xl---mb-16 {
        margin-bottom: -4rem
    }

    .xl---ml-16 {
        margin-left: -4rem
    }

    .xl---mt-20 {
        margin-top: -5rem
    }

    .xl---mr-20 {
        margin-right: -5rem
    }

    .xl---mb-20 {
        margin-bottom: -5rem
    }

    .xl---ml-20 {
        margin-left: -5rem
    }

    .xl---mt-24 {
        margin-top: -6rem
    }

    .xl---mr-24 {
        margin-right: -6rem
    }

    .xl---mb-24 {
        margin-bottom: -6rem
    }

    .xl---ml-24 {
        margin-left: -6rem
    }

    .xl---mt-32 {
        margin-top: -8rem
    }

    .xl---mr-32 {
        margin-right: -8rem
    }

    .xl---mb-32 {
        margin-bottom: -8rem
    }

    .xl---ml-32 {
        margin-left: -8rem
    }

    .xl---mt-px {
        margin-top: -1px
    }

    .xl---mr-px {
        margin-right: -1px
    }

    .xl---mb-px {
        margin-bottom: -1px
    }

    .xl---ml-px {
        margin-left: -1px
    }

    .xl--opacity-0 {
        opacity: 0
    }

    .xl--opacity-25 {
        opacity: .25
    }

    .xl--opacity-50 {
        opacity: .5
    }

    .xl--opacity-75 {
        opacity: .75
    }

    .xl--opacity-100 {
        opacity: 1
    }

    .xl--overflow-auto {
        overflow: auto
    }

    .xl--overflow-hidden {
        overflow: hidden
    }

    .xl--overflow-visible {
        overflow: visible
    }

    .xl--overflow-scroll {
        overflow: scroll
    }

    .xl--overflow-x-auto {
        overflow-x: auto
    }

    .xl--overflow-y-auto {
        overflow-y: auto
    }

    .xl--overflow-x-hidden {
        overflow-x: hidden
    }

    .xl--overflow-y-hidden {
        overflow-y: hidden
    }

    .xl--overflow-x-visible {
        overflow-x: visible
    }

    .xl--overflow-y-visible {
        overflow-y: visible
    }

    .xl--overflow-x-scroll {
        overflow-x: scroll
    }

    .xl--overflow-y-scroll {
        overflow-y: scroll
    }

    .xl--scrolling-touch {
        -webkit-overflow-scrolling: touch
    }

    .xl--scrolling-auto {
        -webkit-overflow-scrolling: auto
    }

    .xl--p-0 {
        padding: 0
    }

    .xl--p-1 {
        padding: .25rem
    }

    .xl--p-2 {
        padding: .5rem
    }

    .xl--p-3 {
        padding: .75rem
    }

    .xl--p-4 {
        padding: 1rem
    }

    .xl--p-5 {
        padding: 1.25rem
    }

    .xl--p-6 {
        padding: 1.5rem
    }

    .xl--p-8 {
        padding: 2rem
    }

    .xl--p-10 {
        padding: 2.5rem
    }

    .xl--p-12 {
        padding: 3rem
    }

    .xl--p-14 {
        padding: 3.5rem
    }

    .xl--p-16 {
        padding: 4rem
    }

    .xl--p-20 {
        padding: 5rem
    }

    .xl--p-24 {
        padding: 6rem
    }

    .xl--p-32 {
        padding: 8rem
    }

    .xl--p-px {
        padding: 1px
    }

    .xl--py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .xl--px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl--py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .xl--px-1 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .xl--py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .xl--px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .xl--py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .xl--px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .xl--py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .xl--px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .xl--py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .xl--px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .xl--py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .xl--px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .xl--py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .xl--px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xl--py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .xl--px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .xl--py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .xl--px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .xl--py-14 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .xl--px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .xl--py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .xl--px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .xl--py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .xl--px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .xl--py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .xl--px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .xl--py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .xl--px-32 {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .xl--py-px {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .xl--px-px {
        padding-left: 1px;
        padding-right: 1px
    }

    .xl--pt-0 {
        padding-top: 0
    }

    .xl--pr-0 {
        padding-right: 0
    }

    .xl--pb-0 {
        padding-bottom: 0
    }

    .xl--pl-0 {
        padding-left: 0
    }

    .xl--pt-1 {
        padding-top: .25rem
    }

    .xl--pr-1 {
        padding-right: .25rem
    }

    .xl--pb-1 {
        padding-bottom: .25rem
    }

    .xl--pl-1 {
        padding-left: .25rem
    }

    .xl--pt-2 {
        padding-top: .5rem
    }

    .xl--pr-2 {
        padding-right: .5rem
    }

    .xl--pb-2 {
        padding-bottom: .5rem
    }

    .xl--pl-2 {
        padding-left: .5rem
    }

    .xl--pt-3 {
        padding-top: .75rem
    }

    .xl--pr-3 {
        padding-right: .75rem
    }

    .xl--pb-3 {
        padding-bottom: .75rem
    }

    .xl--pl-3 {
        padding-left: .75rem
    }

    .xl--pt-4 {
        padding-top: 1rem
    }

    .xl--pr-4 {
        padding-right: 1rem
    }

    .xl--pb-4 {
        padding-bottom: 1rem
    }

    .xl--pl-4 {
        padding-left: 1rem
    }

    .xl--pt-5 {
        padding-top: 1.25rem
    }

    .xl--pr-5 {
        padding-right: 1.25rem
    }

    .xl--pb-5 {
        padding-bottom: 1.25rem
    }

    .xl--pl-5 {
        padding-left: 1.25rem
    }

    .xl--pt-6 {
        padding-top: 1.5rem
    }

    .xl--pr-6 {
        padding-right: 1.5rem
    }

    .xl--pb-6 {
        padding-bottom: 1.5rem
    }

    .xl--pl-6 {
        padding-left: 1.5rem
    }

    .xl--pt-8 {
        padding-top: 2rem
    }

    .xl--pr-8 {
        padding-right: 2rem
    }

    .xl--pb-8 {
        padding-bottom: 2rem
    }

    .xl--pl-8 {
        padding-left: 2rem
    }

    .xl--pt-10 {
        padding-top: 2.5rem
    }

    .xl--pr-10 {
        padding-right: 2.5rem
    }

    .xl--pb-10 {
        padding-bottom: 2.5rem
    }

    .xl--pl-10 {
        padding-left: 2.5rem
    }

    .xl--pt-12 {
        padding-top: 3rem
    }

    .xl--pr-12 {
        padding-right: 3rem
    }

    .xl--pb-12 {
        padding-bottom: 3rem
    }

    .xl--pl-12 {
        padding-left: 3rem
    }

    .xl--pt-14 {
        padding-top: 3.5rem
    }

    .xl--pr-14 {
        padding-right: 3.5rem
    }

    .xl--pb-14 {
        padding-bottom: 3.5rem
    }

    .xl--pl-14 {
        padding-left: 3.5rem
    }

    .xl--pt-16 {
        padding-top: 4rem
    }

    .xl--pr-16 {
        padding-right: 4rem
    }

    .xl--pb-16 {
        padding-bottom: 4rem
    }

    .xl--pl-16 {
        padding-left: 4rem
    }

    .xl--pt-20 {
        padding-top: 5rem
    }

    .xl--pr-20 {
        padding-right: 5rem
    }

    .xl--pb-20 {
        padding-bottom: 5rem
    }

    .xl--pl-20 {
        padding-left: 5rem
    }

    .xl--pt-24 {
        padding-top: 6rem
    }

    .xl--pr-24 {
        padding-right: 6rem
    }

    .xl--pb-24 {
        padding-bottom: 6rem
    }

    .xl--pl-24 {
        padding-left: 6rem
    }

    .xl--pt-32 {
        padding-top: 8rem
    }

    .xl--pr-32 {
        padding-right: 8rem
    }

    .xl--pb-32 {
        padding-bottom: 8rem
    }

    .xl--pl-32 {
        padding-left: 8rem
    }

    .xl--pt-px {
        padding-top: 1px
    }

    .xl--pr-px {
        padding-right: 1px
    }

    .xl--pb-px {
        padding-bottom: 1px
    }

    .xl--pl-px {
        padding-left: 1px
    }

    .xl--pointer-events-none {
        pointer-events: none
    }

    .xl--pointer-events-auto {
        pointer-events: auto
    }

    .xl--static {
        position: static
    }

    .xl--fixed {
        position: fixed
    }

    .xl--absolute {
        position: absolute
    }

    .xl--relative {
        position: relative
    }

    .xl--sticky {
        position: -webkit-sticky;
        position: sticky
    }

    .xl--pin-none {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .xl--pin {
        right: 0;
        left: 0
    }

    .xl--pin,
    .xl--pin-y {
        top: 0;
        bottom: 0
    }

    .xl--pin-x {
        right: 0;
        left: 0
    }

    .xl--pin-t {
        top: 0
    }

    .xl--pin-r {
        right: 0
    }

    .xl--pin-b {
        bottom: 0
    }

    .xl--pin-l {
        left: 0
    }

    .xl--resize-none {
        resize: none
    }

    .xl--resize-y {
        resize: vertical
    }

    .xl--resize-x {
        resize: horizontal
    }

    .xl--resize {
        resize: both
    }

    .xl--shadow {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
    }

    .xl--shadow-md {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
    }

    .xl--shadow-lg {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
    }

    .xl--shadow-inner {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    .xl--shadow-outline {
        box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
    }

    .xl--shadow-none {
        box-shadow: none
    }

    .xl--hover--shadow:hover {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
    }

    .xl--hover--shadow-md:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
    }

    .xl--hover--shadow-lg:hover {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
    }

    .xl--hover--shadow-inner:hover {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    .xl--hover--shadow-outline:hover {
        box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
    }

    .xl--hover--shadow-none:hover {
        box-shadow: none
    }

    .xl--focus--shadow:focus {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
    }

    .xl--focus--shadow-md:focus {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
    }

    .xl--focus--shadow-lg:focus {
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08)
    }

    .xl--focus--shadow-inner:focus {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    .xl--focus--shadow-outline:focus {
        box-shadow: 0 0 0 3px rgba(52, 144, 220, .5)
    }

    .xl--focus--shadow-none:focus {
        box-shadow: none
    }

    .xl--table-auto {
        table-layout: auto
    }

    .xl--table-fixed {
        table-layout: fixed
    }

    .xl--text-left {
        text-align: left
    }

    .xl--text-center {
        text-align: center
    }

    .xl--text-right {
        text-align: right
    }

    .xl--text-justify {
        text-align: justify
    }

    .xl--text-ubc-blue {
        color: #002145
    }

    .xl--text-ubc-blue-secondary {
        color: #0055b7
    }

    .xl--text-ubc-blue-secondary-2 {
        color: #00a7e1
    }

    .xl--text-ubc-blue-secondary-3 {
        color: #40b4e5
    }

    .xl--text-ubc-blue-secondary-4 {
        color: #6ec4e8
    }

    .xl--text-ubc-blue-secondary-5 {
        color: #97d4e9
    }

    .xl--text-unit-blue-darker {
        color: #002145
    }

    .xl--text-unit-blue-dark {
        color: #295da5
    }

    .xl--text-unit-blue {
        color: #00b7e0
    }

    .xl--text-unit-blue-light {
        color: #87d6e6
    }

    .xl--text-unit-blue-lighter {
        color: #b7dff2
    }

    .xl--text-unit-green {
        color: #78be20
    }

    .xl--text-unit-green-dark {
        color: #5c9219
    }

    .xl--text-unit-green-light {
        color: #86d424
    }

    .xl--text-unit-grey-darkest {
        color: #333
    }

    .xl--text-unit-grey-darker {
        color: #7d7d7d
    }

    .xl--text-unit-grey-dark {
        color: #999
    }

    .xl--text-unit-grey {
        color: #bfbfbf
    }

    .xl--text-unit-grey-light {
        color: #e6e6e6
    }

    .xl--text-unit-grey-lighter {
        color: #f2f2f2
    }

    .xl--text-unit-grey-light-alt {
        color: #e4e5e6
    }

    .xl--text-unit-grey-lighter-alt {
        color: #f0f1f2
    }

    .xl--text-unit-orange {
        color: #ee7a15
    }

    .xl--text-unit-orange-light {
        color: #eea415
    }

    .xl--text-transparent {
        color: transparent
    }

    .xl--text-black {
        color: #222b2f
    }

    .xl--text-grey-darkest {
        color: #364349
    }

    .xl--text-grey-darker {
        color: #596a73
    }

    .xl--text-grey-dark {
        color: #70818a
    }

    .xl--text-grey {
        color: #9babb4
    }

    .xl--text-grey-light {
        color: #dae4e9
    }

    .xl--text-grey-lighter {
        color: #f3f7f9
    }

    .xl--text-grey-lightest {
        color: #fafcfc
    }

    .xl--text-white {
        color: #fff
    }

    .xl--hover--text-ubc-blue:hover {
        color: #002145
    }

    .xl--hover--text-ubc-blue-secondary:hover {
        color: #0055b7
    }

    .xl--hover--text-ubc-blue-secondary-2:hover {
        color: #00a7e1
    }

    .xl--hover--text-ubc-blue-secondary-3:hover {
        color: #40b4e5
    }

    .xl--hover--text-ubc-blue-secondary-4:hover {
        color: #6ec4e8
    }

    .xl--hover--text-ubc-blue-secondary-5:hover {
        color: #97d4e9
    }

    .xl--hover--text-unit-blue-darker:hover {
        color: #002145
    }

    .xl--hover--text-unit-blue-dark:hover {
        color: #295da5
    }

    .xl--hover--text-unit-blue:hover {
        color: #00b7e0
    }

    .xl--hover--text-unit-blue-light:hover {
        color: #87d6e6
    }

    .xl--hover--text-unit-blue-lighter:hover {
        color: #b7dff2
    }

    .xl--hover--text-unit-green:hover {
        color: #78be20
    }

    .xl--hover--text-unit-green-dark:hover {
        color: #5c9219
    }

    .xl--hover--text-unit-green-light:hover {
        color: #86d424
    }

    .xl--hover--text-unit-grey-darkest:hover {
        color: #333
    }

    .xl--hover--text-unit-grey-darker:hover {
        color: #7d7d7d
    }

    .xl--hover--text-unit-grey-dark:hover {
        color: #999
    }

    .xl--hover--text-unit-grey:hover {
        color: #bfbfbf
    }

    .xl--hover--text-unit-grey-light:hover {
        color: #e6e6e6
    }

    .xl--hover--text-unit-grey-lighter:hover {
        color: #f2f2f2
    }

    .xl--hover--text-unit-grey-light-alt:hover {
        color: #e4e5e6
    }

    .xl--hover--text-unit-grey-lighter-alt:hover {
        color: #f0f1f2
    }

    .xl--hover--text-unit-orange:hover {
        color: #ee7a15
    }

    .xl--hover--text-unit-orange-light:hover {
        color: #eea415
    }

    .xl--hover--text-transparent:hover {
        color: transparent
    }

    .xl--hover--text-black:hover {
        color: #222b2f
    }

    .xl--hover--text-grey-darkest:hover {
        color: #364349
    }

    .xl--hover--text-grey-darker:hover {
        color: #596a73
    }

    .xl--hover--text-grey-dark:hover {
        color: #70818a
    }

    .xl--hover--text-grey:hover {
        color: #9babb4
    }

    .xl--hover--text-grey-light:hover {
        color: #dae4e9
    }

    .xl--hover--text-grey-lighter:hover {
        color: #f3f7f9
    }

    .xl--hover--text-grey-lightest:hover {
        color: #fafcfc
    }

    .xl--hover--text-white:hover {
        color: #fff
    }

    .xl--focus--text-ubc-blue:focus {
        color: #002145
    }

    .xl--focus--text-ubc-blue-secondary:focus {
        color: #0055b7
    }

    .xl--focus--text-ubc-blue-secondary-2:focus {
        color: #00a7e1
    }

    .xl--focus--text-ubc-blue-secondary-3:focus {
        color: #40b4e5
    }

    .xl--focus--text-ubc-blue-secondary-4:focus {
        color: #6ec4e8
    }

    .xl--focus--text-ubc-blue-secondary-5:focus {
        color: #97d4e9
    }

    .xl--focus--text-unit-blue-darker:focus {
        color: #002145
    }

    .xl--focus--text-unit-blue-dark:focus {
        color: #295da5
    }

    .xl--focus--text-unit-blue:focus {
        color: #00b7e0
    }

    .xl--focus--text-unit-blue-light:focus {
        color: #87d6e6
    }

    .xl--focus--text-unit-blue-lighter:focus {
        color: #b7dff2
    }

    .xl--focus--text-unit-green:focus {
        color: #78be20
    }

    .xl--focus--text-unit-green-dark:focus {
        color: #5c9219
    }

    .xl--focus--text-unit-green-light:focus {
        color: #86d424
    }

    .xl--focus--text-unit-grey-darkest:focus {
        color: #333
    }

    .xl--focus--text-unit-grey-darker:focus {
        color: #7d7d7d
    }

    .xl--focus--text-unit-grey-dark:focus {
        color: #999
    }

    .xl--focus--text-unit-grey:focus {
        color: #bfbfbf
    }

    .xl--focus--text-unit-grey-light:focus {
        color: #e6e6e6
    }

    .xl--focus--text-unit-grey-lighter:focus {
        color: #f2f2f2
    }

    .xl--focus--text-unit-grey-light-alt:focus {
        color: #e4e5e6
    }

    .xl--focus--text-unit-grey-lighter-alt:focus {
        color: #f0f1f2
    }

    .xl--focus--text-unit-orange:focus {
        color: #ee7a15
    }

    .xl--focus--text-unit-orange-light:focus {
        color: #eea415
    }

    .xl--focus--text-transparent:focus {
        color: transparent
    }

    .xl--focus--text-black:focus {
        color: #222b2f
    }

    .xl--focus--text-grey-darkest:focus {
        color: #364349
    }

    .xl--focus--text-grey-darker:focus {
        color: #596a73
    }

    .xl--focus--text-grey-dark:focus {
        color: #70818a
    }

    .xl--focus--text-grey:focus {
        color: #9babb4
    }

    .xl--focus--text-grey-light:focus {
        color: #dae4e9
    }

    .xl--focus--text-grey-lighter:focus {
        color: #f3f7f9
    }

    .xl--focus--text-grey-lightest:focus {
        color: #fafcfc
    }

    .xl--focus--text-white:focus {
        color: #fff
    }

    .xl--text-xs {
        font-size: .75rem
    }

    .xl--text-sm {
        font-size: .875rem
    }

    .xl--text-base {
        font-size: 1rem
    }

    .xl--text-lg {
        font-size: 1.125rem
    }

    .xl--text-xl {
        font-size: 1.25rem
    }

    .xl--text-2xl {
        font-size: 1.5rem
    }

    .xl--text-3xl {
        font-size: 1.875rem
    }

    .xl--text-4xl {
        font-size: 2.25rem
    }

    .xl--text-5xl {
        font-size: 3rem
    }

    .xl--italic {
        font-style: italic
    }

    .xl--roman {
        font-style: normal
    }

    .xl--uppercase {
        text-transform: uppercase
    }

    .xl--lowercase {
        text-transform: lowercase
    }

    .xl--capitalize {
        text-transform: capitalize
    }

    .xl--normal-case {
        text-transform: none
    }

    .xl--underline {
        text-decoration: underline
    }

    .xl--line-through {
        text-decoration: line-through
    }

    .xl--no-underline {
        text-decoration: none
    }

    .xl--antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .xl--subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .xl--hover--italic:hover {
        font-style: italic
    }

    .xl--hover--roman:hover {
        font-style: normal
    }

    .xl--hover--uppercase:hover {
        text-transform: uppercase
    }

    .xl--hover--lowercase:hover {
        text-transform: lowercase
    }

    .xl--hover--capitalize:hover {
        text-transform: capitalize
    }

    .xl--hover--normal-case:hover {
        text-transform: none
    }

    .xl--hover--underline:hover {
        text-decoration: underline
    }

    .xl--hover--line-through:hover {
        text-decoration: line-through
    }

    .xl--hover--no-underline:hover {
        text-decoration: none
    }

    .xl--hover--antialiased:hover {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .xl--hover--subpixel-antialiased:hover {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .xl--focus--italic:focus {
        font-style: italic
    }

    .xl--focus--roman:focus {
        font-style: normal
    }

    .xl--focus--uppercase:focus {
        text-transform: uppercase
    }

    .xl--focus--lowercase:focus {
        text-transform: lowercase
    }

    .xl--focus--capitalize:focus {
        text-transform: capitalize
    }

    .xl--focus--normal-case:focus {
        text-transform: none
    }

    .xl--focus--underline:focus {
        text-decoration: underline
    }

    .xl--focus--line-through:focus {
        text-decoration: line-through
    }

    .xl--focus--no-underline:focus {
        text-decoration: none
    }

    .xl--focus--antialiased:focus {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .xl--focus--subpixel-antialiased:focus {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .xl--tracking-tight {
        letter-spacing: -.05em
    }

    .xl--tracking-normal {
        letter-spacing: 0
    }

    .xl--tracking-wide {
        letter-spacing: .05em
    }

    .xl--select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .xl--select-text {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text
    }

    .xl--align-baseline {
        vertical-align: baseline
    }

    .xl--align-top {
        vertical-align: top
    }

    .xl--align-middle {
        vertical-align: middle
    }

    .xl--align-bottom {
        vertical-align: bottom
    }

    .xl--align-text-top {
        vertical-align: text-top
    }

    .xl--align-text-bottom {
        vertical-align: text-bottom
    }

    .xl--visible {
        visibility: visible
    }

    .xl--invisible {
        visibility: hidden
    }

    .xl--whitespace-normal {
        white-space: normal
    }

    .xl--whitespace-no-wrap {
        white-space: nowrap
    }

    .xl--whitespace-pre {
        white-space: pre
    }

    .xl--whitespace-pre-line {
        white-space: pre-line
    }

    .xl--whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .xl--break-words {
        word-wrap: break-word
    }

    .xl--break-normal {
        word-wrap: normal
    }

    .xl--truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .xl--w-1 {
        width: .25rem
    }

    .xl--w-2 {
        width: .5rem
    }

    .xl--w-3 {
        width: .75rem
    }

    .xl--w-4 {
        width: 1rem
    }

    .xl--w-5 {
        width: 1.25rem
    }

    .xl--w-6 {
        width: 1.5rem
    }

    .xl--w-8 {
        width: 2rem
    }

    .xl--w-10 {
        width: 2.5rem
    }

    .xl--w-12 {
        width: 3rem
    }

    .xl--w-16 {
        width: 4rem
    }

    .xl--w-24 {
        width: 6rem
    }

    .xl--w-32 {
        width: 8rem
    }

    .xl--w-48 {
        width: 12rem
    }

    .xl--w-64 {
        width: 16rem
    }

    .xl--w-auto {
        width: auto
    }

    .xl--w-px {
        width: 1px
    }

    .xl--w-full {
        width: 100%
    }

    .xl--w-screen {
        width: 100vw
    }

    .xl--z-0 {
        z-index: 0
    }

    .xl--z-10 {
        z-index: 10
    }

    .xl--z-20 {
        z-index: 20
    }

    .xl--z-30 {
        z-index: 30
    }

    .xl--z-40 {
        z-index: 40
    }

    .xl--z-50 {
        z-index: 50
    }

    .xl--z-auto {
        z-index: auto
    }

    .xl--flex-order--1 {
        -ms-flex-order: -1;
        order: -1
    }

    .xl--flex-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .xl--flex-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .xl--w-half {
        width: 50%
    }

    .xl--w-one-third {
        width: 33.33333%
    }

    .xl--w-two-thirds {
        width: 66.66667%
    }

    .xl--w-one-quarter {
        width: 25%
    }

    .xl--w-three-quarters {
        width: 75%
    }

    .xl--w-one-fifth {
        width: 20%
    }

    .xl--w-two-fifths {
        width: 40%
    }

    .xl--w-three-fifths {
        width: 60%
    }

    .xl--w-four-fifths {
        width: 80%
    }

    .xl--w-one-sixth {
        width: 16.66667%
    }

    .xl--w-five-sixths {
        width: 83.33333%
    }
}