:root {
    --grad-start: #6C5CE7;
    --grad-end: #F45FA0;
    --color-uni-loader:#4A495C;
    --bg-modal-uni:#FFFFFF;
}

[data-theme="dark"] {
    --color-uni-loader:#D6D5E3;
    --bg-modal-uni:#26282B;
}


body {
    font-family: 'Figtree', sans-serif;
}

.modal-backdrop.show {
    opacity: .6;
}

#universalLoaderModal .upload-modal-content {
    border: none;
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(20, 10, 40, .25);
    overflow: hidden;
    background-color: var(--bg-modal-uni);
    width: 360px;
    margin: auto;
}

.upload-icon-wrap {
    width: 130px;
    height: 150px;
    margin: auto;
}

.upload-icon-wrap img {
    width: 100%;
    height: 100%;
}

.upload-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #17171f;
    margin-bottom: .35rem;
}

.upload-subtitle {
    font-size: .95rem;
    color: #8b8b96;
    margin: 0;
}

.trigger-btn {
    background: linear-gradient(90deg, var(--grad-start), var(--grad-end));
    border: none;
    padding: .75rem 1.75rem;
    font-weight: 600;
}


@media (max-width: 767px) {
    #uploadModal .upload-modal-content {
    width: auto !important;
}
}