[v-cloak], a[href="/NONE"], img[src="/NONE"], a[href="NONE"], img[src="NONE"] {
    display: none;
}

a[href="NONE"] {
    display: none;
}

.carousel-container {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

.carousel-container::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

.chrome-default-browser-padding {
    /*padding-bottom: 21px;*/
}

@media (max-width: 641px) {
    .mobile-hidden {
        display: none !important;
    }
}
@media (min-width: 640px) and (max-width: 1025px) {
    .tablet-hidden {
        display: none !important;
    }
}
@media (min-width: 1024px) {
    .desktop-hidden {
        display: none !important;
    }
}

.ske {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    display: inline-flex;
}

.ske-block {
    display: block !important;
}

.ske::after, .ske::before {
    position: absolute;
    display: block;
    top: 0;
    height: 100%;
    opacity: 1;
    transition-duration: 150ms;
}

.ske::after {
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    z-index: 40;
    border-color: #e5e7eb;
    background-color: #F2F2F2;
    border: 1px solid #e5e7eb;
    content: "";
}

.ske-container {
    opacity: 1;
    visibility: visible;
    transition-duration: 150ms;
}

.ske::before {
    z-index: 50;
    overflow: hidden;

    content: '';
    left: -550px;
    width: 550px;
    background: linear-gradient(to right, transparent 0%, #BDBDBD 50%, transparent 100%);
    animation: SkeletonAnimation 1.8s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;
    animation-play-state: running;
}

.photo-ske, .photo-ske::before, .photo-ske::after {
    border-radius: 500px;
    overflow: hidden;
}

.disable-ske .ske::after, .disable-ske .ske::before {
    opacity: 0 !important;
    background-color: transparent !important;
    visibility: invisible !important;
    transition-duration: 150ms !important;
    animation-play-state: paused;
}

.ske-container .ske::after, .ske-container .ske::before {
    opacity: 1 !important;
    visibility: visible !important;
    animation-play-state: running !important;
}

.disable-ske .ske-container {
    opacity: 0;
    visibility: invisible;
    pointer-events: none;
}

@keyframes SkeletonAnimation {
    from {
        left: -550px;
    }
    to   {
        left: 100%;
    }
}

/* slide transitions */
.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-leave-active,
.slide-right-enter-active,
.slide-top-bottom-leave-active,
.slide-top-bottom-enter-active,
.slide-bottom-top-leave-active,
.slide-bottom-top-enter-active {
    transition: all 0.1s ease-in-out;
}

.slide-top-bottom-leave-to,
.slide-bottom-top-enter-from {
    @apply opacity-0 translate-y-[3.125rem];
}
.slide-top-bottom-enter-to,
.slide-top-bottom-leave-from,
.slide-bottom-top-leave-from,
.slide-bottom-top-enter-to {
    @apply opacity-100 translate-y-0;
}
.slide-top-bottom-enter-from,
.slide-bottom-top-leave-to {
    @apply opacity-0 -translate-y-[3.125rem];
}

.slide-right-leave-to,
.slide-right-enter-from {
    @apply opacity-0 translate-x-[3.125rem];
}
.slide-left-enter-to,
.slide-left-leave-from,
.slide-right-leave-from,
.slide-right-enter-to {
    @apply opacity-100 translate-x-0;
}
.slide-left-leave-to,
.slide-left-enter-from {
    @apply opacity-0 -translate-x-[3.125rem];
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.1s ease;
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}