/* ========================================================================
   Component: Grid
 ========================================================================== */
/*
 * 1. Allow cells to wrap into the next line
 * 2. Reset list
 */
.uk-grid {
    display: flex;
    /* 1 */
    flex-wrap: wrap;
    /* 2 */
    margin: 0;
    padding: 0;
    list-style: none;
}
/*
 * Grid cell
 * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto
 * Reset margin for e.g. paragraphs
 */
.uk-grid > * {
    margin: 0;
}
/*
 * Remove margin from the last-child
 */
.uk-grid > * > :last-child {
    margin-bottom: 0;
}
/* Gutter
 ========================================================================== */
/*
 * Default
 */
/* Horizontal */
.uk-grid {
    margin-left: -30px;
}
.uk-grid > * {
    padding-left: 30px;
}
/* Vertical */
.uk-grid + .uk-grid,
.uk-grid > .uk-grid-margin,
* + .uk-grid-margin {
    margin-top: 30px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
    /* Horizontal */
    .uk-grid {
        margin-left: -40px;
    }
    .uk-grid > * {
        padding-left: 40px;
    }
    /* Vertical */
    .uk-grid + .uk-grid,
    .uk-grid > .uk-grid-margin,
    * + .uk-grid-margin {
        margin-top: 40px;
    }
}
/*
 * Small
 */
/* Horizontal */
.uk-grid-small {
    margin-left: -15px;
}
.uk-grid-small > * {
    padding-left: 15px;
}
/* Vertical */
.uk-grid + .uk-grid-small,
.uk-grid-small > .uk-grid-margin,
* + .uk-grid-margin-small {
    margin-top: 15px;
}
/*
 * Medium
 */
/* Horizontal */
.uk-grid-medium {
    margin-left: -30px;
}
.uk-grid-medium > * {
    padding-left: 30px;
}
/* Vertical */
.uk-grid + .uk-grid-medium,
.uk-grid-medium > .uk-grid-margin,
* + .uk-grid-margin-medium {
    margin-top: 30px;
}
/*
 * Large
 */
/* Horizontal */
.uk-grid-large {
    margin-left: -40px;
}
.uk-grid-large > * {
    padding-left: 40px;
}
/* Vertical */
.uk-grid + .uk-grid-large,
.uk-grid-large > .uk-grid-margin,
* + .uk-grid-margin-large {
    margin-top: 40px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
    /* Horizontal */
    .uk-grid-large {
        margin-left: -70px;
    }
    .uk-grid-large > * {
        padding-left: 70px;
    }
    /* Vertical */
    .uk-grid + .uk-grid-large,
    .uk-grid-large > .uk-grid-margin,
    * + .uk-grid-margin-large {
        margin-top: 70px;
    }
}
/*
 * Collapse
 */
/* Horizontal */
.uk-grid-collapse {
    margin-left: 0;
}
.uk-grid-collapse > * {
    padding-left: 0;
}
/* Vertical */
.uk-grid + .uk-grid-collapse,
.uk-grid-collapse > .uk-grid-margin {
    margin-top: 0;
}
/* Divider
 ========================================================================== */
.uk-grid-divider > * {
    position: relative;
}
.uk-grid-divider > :not(.uk-first-column)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid #e5e5e5;
}
/* Vertical */
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid #e5e5e5;
}
/*
 * Default
 */
/* Horizontal */
.uk-grid-divider {
    margin-left: -60px;
}
.uk-grid-divider > * {
    padding-left: 60px;
}
.uk-grid-divider > :not(.uk-first-column)::before {
    left: 30px;
}
/* Vertical */
.uk-grid-divider.uk-grid-stack > .uk-grid-margin {
    margin-top: 60px;
}
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    top: -30px;
    left: 60px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
    /* Horizontal */
    .uk-grid-divider {
        margin-left: -80px;
    }
    .uk-grid-divider > * {
        padding-left: 80px;
    }
    .uk-grid-divider > :not(.uk-first-column)::before {
        left: 40px;
    }
    /* Vertical */
    .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
        margin-top: 80px;
    }
    .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
        top: -40px;
        left: 80px;
    }
}
/*
 * Small
 */
/* Horizontal */
.uk-grid-divider.uk-grid-small {
    margin-left: -30px;
}
.uk-grid-divider.uk-grid-small > * {
    padding-left: 30px;
}
.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before {
    left: 15px;
}
/* Vertical */
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin {
    margin-top: 30px;
}
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
    top: -15px;
    left: 30px;
}
/*
 * Medium
 */
/* Horizontal */
.uk-grid-divider.uk-grid-medium {
    margin-left: -60px;
}
.uk-grid-divider.uk-grid-medium > * {
    padding-left: 60px;
}
.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before {
    left: 30px;
}
/* Vertical */
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin {
    margin-top: 60px;
}
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
    top: -30px;
    left: 60px;
}
/*
 * Large
 */
/* Horizontal */
.uk-grid-divider.uk-grid-large {
    margin-left: -80px;
}
.uk-grid-divider.uk-grid-large > * {
    padding-left: 80px;
}
.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before {
    left: 40px;
}
/* Vertical */
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin {
    margin-top: 80px;
}
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
    top: -40px;
    left: 80px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
    /* Horizontal */
    .uk-grid-divider.uk-grid-large {
        margin-left: -140px;
    }
    .uk-grid-divider.uk-grid-large > * {
        padding-left: 140px;
    }
    .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before {
        left: 70px;
    }
    /* Vertical */
    .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin {
        margin-top: 140px;
    }
    .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
        top: -70px;
        left: 140px;
    }
}
/* Match child of a grid cell
 ========================================================================== */
/*
 * Behave like a block element
 * 1. Wrap into the next line
 * 2. Take the full width, at least 100%. Only if no class from the Width component is set.
 * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids)
 */
.uk-grid-match > *,
.uk-grid-item-match {
    display: flex;
    /* 1 */
    flex-wrap: wrap;
}
.uk-grid-match > * > :not([class*='uk-width']),
.uk-grid-item-match > :not([class*='uk-width']) {
    /* 2 */
    box-sizing: border-box;
    width: 100%;
    /* 3 */
    flex: auto;
}

/* ========================================================================
   Component: Margin
 ========================================================================== */
/*
 * Default
 */
.uk-margin {
    margin-bottom: 20px;
}
* + .uk-margin {
    margin-top: 20px !important;
}
.uk-margin-top {
    margin-top: 20px !important;
}
.uk-margin-bottom {
    margin-bottom: 20px !important;
}
.uk-margin-left {
    margin-left: 20px !important;
}
.uk-margin-right {
    margin-right: 20px !important;
}
/* Small
 ========================================================================== */
.uk-margin-small {
    margin-bottom: 10px;
}
* + .uk-margin-small {
    margin-top: 10px !important;
}
.uk-margin-small-top {
    margin-top: 10px !important;
}
.uk-margin-small-bottom {
    margin-bottom: 10px !important;
}
.uk-margin-small-left {
    margin-left: 10px !important;
}
.uk-margin-small-right {
    margin-right: 10px !important;
}
/* Medium
 ========================================================================== */
.uk-margin-medium {
    margin-bottom: 40px;
}
* + .uk-margin-medium {
    margin-top: 40px !important;
}
.uk-margin-medium-top {
    margin-top: 40px !important;
}
.uk-margin-medium-bottom {
    margin-bottom: 40px !important;
}
.uk-margin-medium-left {
    margin-left: 40px !important;
}
.uk-margin-medium-right {
    margin-right: 40px !important;
}
/* Large
 ========================================================================== */
.uk-margin-large {
    margin-bottom: 40px;
}
* + .uk-margin-large {
    margin-top: 40px !important;
}
.uk-margin-large-top {
    margin-top: 40px !important;
}
.uk-margin-large-bottom {
    margin-bottom: 40px !important;
}
.uk-margin-large-left {
    margin-left: 40px !important;
}
.uk-margin-large-right {
    margin-right: 40px !important;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
    .uk-margin-large {
        margin-bottom: 70px;
    }
    * + .uk-margin-large {
        margin-top: 70px !important;
    }
    .uk-margin-large-top {
        margin-top: 70px !important;
    }
    .uk-margin-large-bottom {
        margin-bottom: 70px !important;
    }
    .uk-margin-large-left {
        margin-left: 70px !important;
    }
    .uk-margin-large-right {
        margin-right: 70px !important;
    }
}
/* XLarge
 ========================================================================== */
.uk-margin-xlarge {
    margin-bottom: 70px;
}
* + .uk-margin-xlarge {
    margin-top: 70px !important;
}
.uk-margin-xlarge-top {
    margin-top: 70px !important;
}
.uk-margin-xlarge-bottom {
    margin-bottom: 70px !important;
}
.uk-margin-xlarge-left {
    margin-left: 70px !important;
}
.uk-margin-xlarge-right {
    margin-right: 70px !important;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
    .uk-margin-xlarge {
        margin-bottom: 140px;
    }
    * + .uk-margin-xlarge {
        margin-top: 140px !important;
    }
    .uk-margin-xlarge-top {
        margin-top: 140px !important;
    }
    .uk-margin-xlarge-bottom {
        margin-bottom: 140px !important;
    }
    .uk-margin-xlarge-left {
        margin-left: 140px !important;
    }
    .uk-margin-xlarge-right {
        margin-right: 140px !important;
    }
}
/* Remove
 ========================================================================== */
.uk-margin-remove {
    margin: 0 !important;
}
.uk-margin-remove-top {
    margin-top: 0 !important;
}
.uk-margin-remove-bottom {
    margin-bottom: 0 !important;
}
.uk-margin-remove-left {
    margin-left: 0 !important;
}
.uk-margin-remove-right {
    margin-right: 0 !important;
}
.uk-margin-remove-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.uk-margin-remove-adjacent + * {
    margin-top: 0 !important;
}
/* Auto
 ========================================================================== */
.uk-margin-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.uk-margin-auto-top {
    margin-top: auto !important;
}
.uk-margin-auto-bottom {
    margin-bottom: auto !important;
}
.uk-margin-auto-left {
    margin-left: auto !important;
}
.uk-margin-auto-right {
    margin-right: auto !important;
}
.uk-margin-auto-vertical {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
/* ========================================================================
   Component: Padding
 ========================================================================== */
.uk-padding {
    padding: 30px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
    .uk-padding {
        padding: 40px;
    }
}
/* Small
 ========================================================================== */
.uk-padding-small {
    padding: 15px;
}
/* Large
 ========================================================================== */
.uk-padding-large {
    padding: 30px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
    .uk-padding-large {
        padding: 70px;
    }
}
/* Remove
 ========================================================================== */
.uk-padding-remove {
    padding: 0 !important;
}
.uk-padding-remove-top {
    padding-top: 0 !important;
}
.uk-padding-remove-bottom {
    padding-bottom: 0 !important;
}
.uk-padding-remove-left {
    padding-left: 0 !important;
}
.uk-padding-remove-right {
    padding-right: 0 !important;
}
.uk-padding-remove-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.uk-padding-remove-horizontal {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ========================================================================
   Component: Width
 ========================================================================== */
/* Equal child widths
 ========================================================================== */
[class*='uk-child-width'] > * {
    box-sizing: border-box;
    width: 100%;
}
.uk-child-width-1-2 > * {
    width: 50%;
}
.uk-child-width-1-3 > * {
    width: calc(100% * 1 / 3.001);
}
.uk-child-width-1-4 > * {
    width: 25%;
}
.uk-child-width-1-5 > * {
    width: 20%;
}
.uk-child-width-1-6 > * {
    width: calc(100% * 1 / 6.001);
}
.uk-child-width-auto > * {
    width: auto;
}
/*
 * 1. Reset the `min-width`, which is set to auto by default, because
 *    flex items won't shrink below their minimum intrinsic content size.
 *    Using `1px` instead of `0`, so items still wrap into the next line,
 *    if they have zero width and padding and the predecessor is 100% wide.
 */
.uk-child-width-expand > :not([class*='uk-width']) {
    flex: 1;
    /* 1 */
    min-width: 1px;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
    .uk-child-width-1-1\@s > * {
        width: 100%;
    }
    .uk-child-width-1-2\@s > * {
        width: 50%;
    }
    .uk-child-width-1-3\@s > * {
        width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@s > * {
        width: 25%;
    }
    .uk-child-width-1-5\@s > * {
        width: 20%;
    }
    .uk-child-width-1-6\@s > * {
        width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@s > * {
        width: auto;
    }
    .uk-child-width-expand\@s > :not([class*='uk-width']) {
        flex: 1;
        min-width: 1px;
    }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
    .uk-child-width-1-1\@m > * {
        width: 100%;
    }
    .uk-child-width-1-2\@m > * {
        width: 50%;
    }
    .uk-child-width-1-3\@m > * {
        width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@m > * {
        width: 25%;
    }
    .uk-child-width-1-5\@m > * {
        width: 20%;
    }
    .uk-child-width-1-6\@m > * {
        width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@m > * {
        width: auto;
    }
    .uk-child-width-expand\@m > :not([class*='uk-width']) {
        flex: 1;
        min-width: 1px;
    }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
    .uk-child-width-1-1\@l > * {
        width: 100%;
    }
    .uk-child-width-1-2\@l > * {
        width: 50%;
    }
    .uk-child-width-1-3\@l > * {
        width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@l > * {
        width: 25%;
    }
    .uk-child-width-1-5\@l > * {
        width: 20%;
    }
    .uk-child-width-1-6\@l > * {
        width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@l > * {
        width: auto;
    }
    .uk-child-width-expand\@l > :not([class*='uk-width']) {
        flex: 1;
        min-width: 1px;
    }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
    .uk-child-width-1-1\@xl > * {
        width: 100%;
    }
    .uk-child-width-1-2\@xl > * {
        width: 50%;
    }
    .uk-child-width-1-3\@xl > * {
        width: calc(100% * 1 / 3.001);
    }
    .uk-child-width-1-4\@xl > * {
        width: 25%;
    }
    .uk-child-width-1-5\@xl > * {
        width: 20%;
    }
    .uk-child-width-1-6\@xl > * {
        width: calc(100% * 1 / 6.001);
    }
    .uk-child-width-auto\@xl > * {
        width: auto;
    }
    .uk-child-width-expand\@xl > :not([class*='uk-width']) {
        flex: 1;
        min-width: 1px;
    }
}
/* Single Widths
 ========================================================================== */
/*
 * 1. `max-width` is needed for the pixel-based classes
 */
[class*='uk-width'] {
    box-sizing: border-box;
    width: 100%;
    /* 1 */
    max-width: 100%;
}
/* Halves */
.uk-width-1-2 {
    width: 50%;
}
/* Thirds */
.uk-width-1-3 {
    width: calc(100% * 1 / 3.001);
}
.uk-width-2-3 {
    width: calc(100% * 2 / 3.001);
}
/* Quarters */
.uk-width-1-4 {
    width: 25%;
}
.uk-width-3-4 {
    width: 75%;
}
/* Fifths */
.uk-width-1-5 {
    width: 20%;
}
.uk-width-2-5 {
    width: 40%;
}
.uk-width-3-5 {
    width: 60%;
}
.uk-width-4-5 {
    width: 80%;
}
/* Sixths */
.uk-width-1-6 {
    width: calc(100% * 1 / 6.001);
}
.uk-width-5-6 {
    width: calc(100% * 5 / 6.001);
}
/* Pixel */
.uk-width-small {
    width: 150px;
}
.uk-width-medium {
    width: 300px;
}
.uk-width-large {
    width: 450px;
}
.uk-width-xlarge {
    width: 600px;
}
.uk-width-xxlarge {
    width: 750px;
}
/* Auto */
.uk-width-auto {
    width: auto;
}
/* Expand */
.uk-width-expand {
    flex: 1;
    min-width: 1px;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
    /* Whole */
    .uk-width-1-1\@s {
        width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@s {
        width: 50%;
    }
    /* Thirds */
    .uk-width-1-3\@s {
        width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@s {
        width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@s {
        width: 25%;
    }
    .uk-width-3-4\@s {
        width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@s {
        width: 20%;
    }
    .uk-width-2-5\@s {
        width: 40%;
    }
    .uk-width-3-5\@s {
        width: 60%;
    }
    .uk-width-4-5\@s {
        width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@s {
        width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@s {
        width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@s {
        width: 150px;
    }
    .uk-width-medium\@s {
        width: 300px;
    }
    .uk-width-large\@s {
        width: 450px;
    }
    .uk-width-xlarge\@s {
        width: 600px;
    }
    .uk-width-xxlarge\@s {
        width: 750px;
    }
    /* Auto */
    .uk-width-auto\@s {
        width: auto;
    }
    /* Expand */
    .uk-width-expand\@s {
        flex: 1;
        min-width: 1px;
    }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
    /* Whole */
    .uk-width-1-1\@m {
        width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@m {
        width: 48%;
    }
    /* Thirds */
    .uk-width-1-3\@m {
        width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@m {
        width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@m {
        width: 25%;
    }
    .uk-width-3-4\@m {
        width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@m {
        width: 20%;
    }
    .uk-width-2-5\@m {
        width: 40%;
    }
    .uk-width-3-5\@m {
        width: 60%;
    }
    .uk-width-4-5\@m {
        width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@m {
        width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@m {
        width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@m {
        width: 150px;
    }
    .uk-width-medium\@m {
        width: 300px;
    }
    .uk-width-large\@m {
        width: 450px;
    }
    .uk-width-xlarge\@m {
        width: 600px;
    }
    .uk-width-xxlarge\@m {
        width: 750px;
    }
    /* Auto */
    .uk-width-auto\@m {
        width: auto;
    }
    /* Expand */
    .uk-width-expand\@m {
        flex: 1;
        min-width: 1px;
    }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
    /* Whole */
    .uk-width-1-1\@l {
        width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@l {
        width: 50%;
    }
    /* Thirds */
    .uk-width-1-3\@l {
        width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@l {
        width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@l {
        width: 25%;
    }
    .uk-width-3-4\@l {
        width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@l {
        width: 20%;
    }
    .uk-width-2-5\@l {
        width: 40%;
    }
    .uk-width-3-5\@l {
        width: 60%;
    }
    .uk-width-4-5\@l {
        width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@l {
        width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@l {
        width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@l {
        width: 150px;
    }
    .uk-width-medium\@l {
        width: 300px;
    }
    .uk-width-large\@l {
        width: 450px;
    }
    .uk-width-xlarge\@l {
        width: 600px;
    }
    .uk-width-xxlarge\@l {
        width: 750px;
    }
    /* Auto */
    .uk-width-auto\@l {
        width: auto;
    }
    /* Expand */
    .uk-width-expand\@l {
        flex: 1;
        min-width: 1px;
    }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
    /* Whole */
    .uk-width-1-1\@xl {
        width: 100%;
    }
    /* Halves */
    .uk-width-1-2\@xl {
        width: 50%;
    }
    /* Thirds */
    .uk-width-1-3\@xl {
        width: calc(100% * 1 / 3.001);
    }
    .uk-width-2-3\@xl {
        width: calc(100% * 2 / 3.001);
    }
    /* Quarters */
    .uk-width-1-4\@xl {
        width: 25%;
    }
    .uk-width-3-4\@xl {
        width: 75%;
    }
    /* Fifths */
    .uk-width-1-5\@xl {
        width: 20%;
    }
    .uk-width-2-5\@xl {
        width: 40%;
    }
    .uk-width-3-5\@xl {
        width: 60%;
    }
    .uk-width-4-5\@xl {
        width: 80%;
    }
    /* Sixths */
    .uk-width-1-6\@xl {
        width: calc(100% * 1 / 6.001);
    }
    .uk-width-5-6\@xl {
        width: calc(100% * 5 / 6.001);
    }
    /* Pixel */
    .uk-width-small\@xl {
        width: 150px;
    }
    .uk-width-medium\@xl {
        width: 300px;
    }
    .uk-width-large\@xl {
        width: 450px;
    }
    .uk-width-xlarge\@xl {
        width: 600px;
    }
    .uk-width-xxlarge\@xl {
        width: 750px;
    }
    /* Auto */
    .uk-width-auto\@xl {
        width: auto;
    }
    /* Expand */
    .uk-width-expand\@xl {
        flex: 1;
        min-width: 1px;
    }
}
/* ========================================================================
   Component: Height
 ========================================================================== */
[class*='uk-height'] {
    box-sizing: border-box;
}
/*
 * Only works if parent element has a height set
 */
.uk-height-1-1 {
    height: 100%;
}
/*
 * Useful to create image teasers
 */
.uk-height-viewport {
    min-height: 100vh;
}
/*
 * Pixel
 * Useful for `overflow: auto`
 */
.uk-height-small {
    height: 150px;
}
.uk-height-medium {
    height: 300px;
}
.uk-height-large {
    height: 450px;
}
.uk-height-max-small {
    max-height: 150px;
}
.uk-height-max-medium {
    max-height: 300px;
}
.uk-height-max-large {
    max-height: 450px;
}