.layout__fill-parent
{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.layout__flex-box
{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
}
.layout__no-overflow
{
    overflow: hidden;
}
.layout__scroll-x
{
    overflow-x: auto;
    overflow-y: hidden;
}
.layout__scroll-y
{
    overflow-x: hidden;
    overflow-y: auto;
}
.layout__overflow-x
{
    overflow-x: visible;
    overflow-y: hidden;
}
.layout__overflow-y
{
    overflow-x: hidden;
    overflow-y: visible;
}
.layout__text-overflow-ellipsis
{
    text-overflow: ellipsis;
    overflow: hidden;
}
.layout__flex-row
{
    display: flex;
    flex-direction: row;
}
.layout__flex-column
{
    display: flex;
    flex-direction: column;
}
.layout__flex-center
{
    align-items: center;
    justify-content: center;
}
.layout__z-medium
{
    z-index: 100;
}
.layout__z-lower
{
    z-index: -100;
}
.layout__z-low
{
    z-index: 0;
}
.layout__z-high
{
    z-index: 1000;
}
.layout__z-higher
{
    z-index: 100000;
}
.layout__z-highest
{
    z-index: 1000000;
}
.DesignedButton__button
{
    display: inline-block;
    padding: .8em 1.1em;
    border: 0;
    border-radius: 3px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    text-transform: none;
    font-weight: 400;
    letter-spacing: normal;
}
.DesignedButton__button, .DesignedButton__button:active, .DesignedButton__button:focus, .DesignedButton__button:hover
{
    text-decoration: none;
    box-shadow: 0 0 0 transparent;
    background: transparent;
    border: 0;
    outline: 0;
}
.DesignedButton__link
{
    display: inline-flex!important;
    flex-direction: column;
    align-items: stretch;
    padding: 0!important;
    margin: 0!important;
    border: 0!important;
    background: transparent!important;
}
.DesignedButton__link, .DesignedButton__link:active, .DesignedButton__link:focus, .DesignedButton__link:hover
{
    text-decoration: none!important;
}
.DesignedButton__link .dashicons
{
    font-size: 1.4em;
    width: 1em;
    height: 1em;
    margin-right: .2em;
    vertical-align: text-top;
}
.Square__filler
{
    position: relative;
    padding-bottom: 100%;
    box-sizing: border-box;
}
.Square__positioner
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    z-index: 0;
}
.Square__positioner>:first-child
{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex: 1;
}
.Skeleton__loading
{
    position: relative;
    padding-bottom: 100%;
    border-radius: 2px;
    opacity: 0;
    background-color: var(--sli-barely-grey);
    animation-name: Skeleton__fade-in;
    animation-duration: .8s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    overflow: hidden;
}
.Skeleton__error
{
    background-color: #000;
}
.Skeleton__error-container
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.Skeleton__error-message
{
    color: #fff;
    font-size: 13px;
    line-height: 1.5em;
    text-align: center;
}
@keyframes Skeleton__fade-in
{
    0%
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.MasonryLayout__root
{
    display: grid;
}
.MasonryLayout__column, .MasonryLayout__root
{
    justify-content: flex-start;
    align-items: stretch;
}
.MasonryLayout__column
{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.MasonryLayout__column:last-of-type
{
    margin-right: 0!important;
}
.MasonryLayout__cell
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}
.MasonryLayout__cell:last-of-type
{
    margin-bottom: 0!important;
}
.state__disabled
{
    opacity: .45;
    filter: grayscale(60%);
    pointer-events: none;
    cursor: not-allowed!important;
}
.a11y__focus-outline.a11y__focus-visible, .a11y__focus-outline:focus-visible
{
    outline: 1px dotted var(--sli-quasi-black);
    outline-offset: 2px;
}
.a11y__focus-outline-2x.a11y__focus-visible, .a11y__focus-outline-2x:focus-visible
{
    outline: 2px dotted var(--sli-grey);
    outline-offset: 4px;
}