/*!
 * WPMU DEV Hustle UI
 * Copyright 2019 Incsub (https://incsub.com)
 * Licensed under GPL v3 (http://www.gnu.org/licenses/gpl-3.0.html)
 */

@-webkit-keyframes showFromRight {
    from {
        -webkit-transform: translateX(110%);
        transform: translateX(110%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes showFromRight {
    from {
        -webkit-transform: translateX(110%);
        transform: translateX(110%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes showFromLeft {
    from {
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes showFromLeft {
    from {
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes showFromTopCenter {
    from {
        -webkit-transform: translateX(-50%) translateY(-110%);
        transform: translateX(-50%) translateY(-110%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}

@keyframes showFromTopCenter {
    from {
        -webkit-transform: translateX(-50%) translateY(-110%);
        transform: translateX(-50%) translateY(-110%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}

@-webkit-keyframes showFromRightCenter {
    from {
        -webkit-transform: translateX(110%) translateY(-50%);
        transform: translateX(110%) translateY(-50%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%)
    }
}

@keyframes showFromRightCenter {
    from {
        -webkit-transform: translateX(110%) translateY(-50%);
        transform: translateX(110%) translateY(-50%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%)
    }
}

@-webkit-keyframes showFromBottomCenter {
    from {
        -webkit-transform: translateX(-50%) translateY(110%);
        transform: translateX(-50%) translateY(110%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}

@keyframes showFromBottomCenter {
    from {
        -webkit-transform: translateX(-50%) translateY(110%);
        transform: translateX(-50%) translateY(110%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}

@-webkit-keyframes showFromLeftCenter {
    from {
        -webkit-transform: translateX(-110%) translateY(-50%);
        transform: translateX(-110%) translateY(-50%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%)
    }
}

@keyframes showFromLeftCenter {
    from {
        -webkit-transform: translateX(-110%) translateY(-50%);
        transform: translateX(-110%) translateY(-50%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%)
    }
}

@-webkit-keyframes hideToRight {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }
}

@keyframes hideToRight {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }
}

@-webkit-keyframes hideToLeft {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%)
    }
}

@keyframes hideToLeft {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%)
    }
}

@-webkit-keyframes hideToTopCenter {
    from {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-110%);
        transform: translateX(-50%) translateY(-110%)
    }
}

@keyframes hideToTopCenter {
    from {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-110%);
        transform: translateX(-50%) translateY(-110%)
    }
}

@-webkit-keyframes hideToRightCenter {
    from {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(110%) translateY(-50%);
        transform: translateX(110%) translateY(-50%)
    }
}

@keyframes hideToRightCenter {
    from {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(110%) translateY(-50%);
        transform: translateX(110%) translateY(-50%)
    }
}

@-webkit-keyframes hideToBottomCenter {
    from {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(110%);
        transform: translateX(-50%) translateY(110%)
    }
}

@keyframes hideToBottomCenter {
    from {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(110%);
        transform: translateX(-50%) translateY(110%)
    }
}

@-webkit-keyframes hideToLeftCenter {
    from {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(-110%) translateY(-50%);
        transform: translateX(-110%) translateY(-50%)
    }
}

@keyframes hideToLeftCenter {
    from {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
        visibility: visible
    }
    to {
        -webkit-transform: translateX(-110%) translateY(-50%);
        transform: translateX(-110%) translateY(-50%)
    }
}

.hustle-ui.hustle-slidein {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    visibility: hidden;
    pointer-events: none;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    position: fixed;
    z-index: 999991;
    top: 0;
    left: 0;
    padding-top: 30px
}

.hustle-ui.hustle-slidein .hustle-slidein-content {
    width: auto;
    max-width: 100%;
    min-height: 0;
    max-height: 100%;
    overflow: visible;
    opacity: 0;
    -khtml-opacity: 0;
    position: absolute;
    margin: auto;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.hustle-ui.hustle-slidein .hustle-slidein-content>[class*=hustle-] {
    max-width: 800px;
    max-height: calc(100vh - 30px);
    padding: 0;
    overflow: auto
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north {
    padding-right: 20px;
    padding-left: 20px
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north .hustle-slidein-content {
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north .hustle-slidein-content.hustle-animate-in {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: showFromTopCenter;
    animation-name: showFromTopCenter
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north .hustle-slidein-content.hustle-animate-out {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: hideToTopCenter;
    animation-name: hideToTopCenter
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north .hustle-slidein-content>[class*=hustle-] {
    width: calc(100vw - 40px)
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--north .hustle-slidein-content>[class*=hustle-] {
        width: calc(100vw - 20px)
    }
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--north {
        padding-right: 10px;
        padding-left: 10px
    }
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south {
    padding-right: 20px;
    padding-left: 20px
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south .hustle-slidein-content {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south .hustle-slidein-content.hustle-animate-in {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: showFromBottomCenter;
    animation-name: showFromBottomCenter
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south .hustle-slidein-content.hustle-animate-out {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: hideToBottomCenter;
    animation-name: hideToBottomCenter
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south .hustle-slidein-content>[class*=hustle-] {
    width: calc(100vw - 40px)
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--south .hustle-slidein-content>[class*=hustle-] {
        width: calc(100vw - 20px)
    }
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--south {
        padding-right: 10px;
        padding-left: 10px
    }
}

.hustle-ui.hustle-slidein.hustle-slidein-position--east {
    padding-left: 20px
}

.hustle-ui.hustle-slidein.hustle-slidein-position--east .hustle-slidein-content {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hustle-ui.hustle-slidein.hustle-slidein-position--east .hustle-slidein-content.hustle-animate-in {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: showFromRightCenter;
    animation-name: showFromRightCenter
}

.hustle-ui.hustle-slidein.hustle-slidein-position--east .hustle-slidein-content.hustle-animate-out {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: hideToRightCenter;
    animation-name: hideToRightCenter
}

.hustle-ui.hustle-slidein.hustle-slidein-position--east .hustle-slidein-content>[class*=hustle-] {
    width: calc(100vw - 20px)
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--east .hustle-slidein-content>[class*=hustle-] {
        width: calc(100vw - 10px)
    }
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--east {
        padding-left: 10px
    }
}

.hustle-ui.hustle-slidein.hustle-slidein-position--west {
    padding-right: 20px
}

.hustle-ui.hustle-slidein.hustle-slidein-position--west .hustle-slidein-content {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hustle-ui.hustle-slidein.hustle-slidein-position--west .hustle-slidein-content.hustle-animate-in {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: showFromLeftCenter;
    animation-name: showFromLeftCenter
}

.hustle-ui.hustle-slidein.hustle-slidein-position--west .hustle-slidein-content.hustle-animate-out {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: hideToLeftCenter;
    animation-name: hideToLeftCenter
}

.hustle-ui.hustle-slidein.hustle-slidein-position--west .hustle-slidein-content>[class*=hustle-] {
    width: calc(100vw - 20px)
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--west .hustle-slidein-content>[class*=hustle-] {
        width: calc(100vw - 10px)
    }
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--west {
        padding-right: 10px
    }
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-east {
    padding-left: 20px
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-east .hustle-slidein-content {
    top: 30px;
    right: 0
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-east .hustle-slidein-content.hustle-animate-in {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: showFromRight;
    animation-name: showFromRight
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-east .hustle-slidein-content.hustle-animate-out {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: hideToRight;
    animation-name: hideToRight
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-east .hustle-slidein-content>[class*=hustle-] {
    width: calc(100vw - 20px)
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--north-east .hustle-slidein-content>[class*=hustle-] {
        width: calc(100vw - 10px)
    }
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--north-east {
        padding-left: 10px
    }
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-west {
    padding-right: 20px
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-west .hustle-slidein-content {
    top: 30px;
    left: 0
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-west .hustle-slidein-content.hustle-animate-in {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-west .hustle-slidein-content.hustle-animate-out {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

.hustle-ui.hustle-slidein.hustle-slidein-position--north-west .hustle-slidein-content>[class*=hustle-] {
    width: calc(100vw - 20px)
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--north-west .hustle-slidein-content>[class*=hustle-] {
        width: calc(100vw - 10px)
    }
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--north-west {
        padding-right: 10px
    }
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-east {
    padding-left: 20px
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-east .hustle-slidein-content {
    right: 0
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-east .hustle-slidein-content.hustle-animate-in {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: showFromRight;
    animation-name: showFromRight
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-east .hustle-slidein-content.hustle-animate-out {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: hideToRight;
    animation-name: hideToRight
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-east .hustle-slidein-content>[class*=hustle-] {
    width: calc(100vw - 20px)
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--south-east .hustle-slidein-content>[class*=hustle-] {
        width: calc(100vw - 10px)
    }
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--south-east {
        padding-left: 10px
    }
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-west {
    padding-right: 20px
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-west .hustle-slidein-content {
    left: 0
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-west .hustle-slidein-content.hustle-animate-in {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: showFromLeft;
    animation-name: showFromLeft
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-west .hustle-slidein-content.hustle-animate-out {
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation-name: hideToLeft;
    animation-name: hideToLeft
}

.hustle-ui.hustle-slidein.hustle-slidein-position--south-west .hustle-slidein-content>[class*=hustle-] {
    width: calc(100vw - 20px)
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--south-west .hustle-slidein-content>[class*=hustle-] {
        width: calc(100vw - 10px)
    }
}

@media (max-width:782px) {
    .hustle-ui.hustle-slidein.hustle-slidein-position--south-west {
        padding-right: 10px
    }
}

.hustle-ui.hustle-slidein.hustle-show {
    visibility: visible
}

.hustle-ui.hustle-slidein.hustle-show .hustle-slidein-content {
    pointer-events: visible
}