/* Menghilangkan scrollbar di Chrome, Safari dan Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Menghilangkan scrollbar di IE, Edge dan Firefox */
.no-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

#mediaWrapper {
    touch-action: pan-y;
    overflow: hidden;
}

#mediaTrack {
    display: flex;
    width: 100%;
    transition: transform .35s ease;
    will-change: transform;
}

#mediaTrack>div {
    min-width: 100%;
    flex-shrink: 0;
}

.marketplace-collapse {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition:
        max-height 300ms ease,
        opacity 200ms ease;
}

.marketplace-collapse.is-open {
    max-height: 1000px;
    opacity: 1;
}

.marketplace-collapse .marketplace-item {
    opacity: 0;
    transform: translateY(-6px);
    transition:
        opacity 220ms ease,
        transform 220ms ease;
}

.marketplace-collapse.is-open .marketplace-item {
    opacity: 1;
    transform: translateY(0);
}

.shop-background {
    background-color: var(--shop-background);
}

.shop-surface {
    background-color: var(--shop-surface);
}

.shop-card {
    background-color: var(--shop-card);
}

.shop-text {
    color: var(--shop-text);
}

.shop-muted {
    color: var(--shop-muted);
}

.shop-subtle {
    color: var(--shop-subtle);
}

.shop-border {
    border-color: var(--shop-border);
}

.shop-card-border {
    border-color: var(--shop-card-border);
}

.shop-primary {
    color: var(--shop-primary);
}

.shop-primary-bg {
    background-color: var(--shop-primary);
}

.shop-primary-text {
    color: var(--shop-primary-text);
}

.shop-success {
    color: var(--shop-success);
}

.shop-success-bg {
    background-color: var(--shop-success);
}

.shop-warning {
    color: var(--shop-warning);
}

.shop-warning-bg {
    background-color: var(--shop-warning);
}

.shop-danger {
    color: var(--shop-danger);
}

.shop-danger-bg {
    background-color: var(--shop-danger);
}

.shop-info {
    color: var(--shop-info);
}

.shop-info-bg {
    background-color: var(--shop-info);
}

.shop-input {
    background-color: var(--shop-input-background);
    color: var(--shop-input-text);
    border-color: var(--shop-border);
}

.shop-input::placeholder {
    color: var(--shop-input-placeholder);
}

.shop-discount-bg {
    background-color: var(--shop-discount-bg);
}

.shop-discount-text {
    color: var(--shop-discount-text);
}

.shop-discount-decoration {
    text-decoration-color: var(--shop-discount-bg);
}