@charset "UTF-8";

:root {
    --test: 70%;
}

/* === MODAL & POPUP === */
#sonaar-modal {
    --bg-alpha: 100%;
    --saturation: 60%; /* 91%  */
    --luminance: 80%; /* 61%  */

/*    font-family: var(--font-family);*/
}

.sr_popup-dialog {

}
.sr_popup-content {
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4) !important;

    background: radial-gradient(circle at top left, hsl(153 var(--saturation) var(--luminance)), transparent var(--bg-alpha)), /* #4AF7AB */
    			radial-gradient(circle at top right, hsl(296 var(--saturation) var(--luminance)), transparent var(--bg-alpha)), /* #EE4AF7 */
    			radial-gradient(circle at bottom left, hsl(277 var(--saturation) var(--luminance)), transparent var(--bg-alpha)), /* #B54AF7 */
    			radial-gradient(circle at bottom right, hsl(37 var(--saturation) var(--luminance)), transparent var(--bg-alpha)) !important; /* #F7B74A */
}

#sonaar-modal .sr_popup-content .srp-popup-form input,
#sonaar-modal .sr_popup-content .srp-popup-form textarea,
#sonaar-modal .sr_popup-content .srp-popup-form select {
    padding: 0 5px 0 12px;
    width: calc(100% - 17px) !important;
}

#sonaar-modal .sr_popup-content .srp-popup-form button[type="submit"] {
    height: 46px !important;
	cursor: pointer;
	border: 1px solid rgba(255, 255, 255, 0.8);
    transition: background 0.3s ease;
}
#sonaar-modal .sr_popup-content .srp-popup-form button[type="submit"]:hover {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(255, 255, 255, 1.0);
}

.sr_popup-body {

}
.srp-popup-form {

}
.srp-popup-form  h1:first-child,
.srp-popup-form  h2:first-child,
.srp-popup-form  h3:first-child,
.srp-popup-form  h4:first-child,
.srp-popup-form  h5:first-child
.srp-popup-form  p:first-child
{
	margin-block-start: 0px !important;
}

.srp-popup-form--askforemail {

}
.srp-popup-heading {

}
.srp-popup-heading-info {

}
.srp-popup-title {
    font-size: 35px !important;
}
.srp-popup-desc {
    margin-top: 10px;
    margin-bottom: 10px;
}
.srp-dialog-error {

}
#ask-for-email-form {

}

#ask-for-email-form input[name="user_firstname"],
#ask-for-email-form input[name="user_lastname"],
#ask-for-email-form input[name="user_email"],
#ask-for-email-form input[type="text"],
#ask-for-email-form input[type="email"] {

}











/* === PLAYER ROOT === */
.iron-audioplayer {
	/*background: #ffffff33 !important;
	padding: 20px;
	border-radius: 12px;*/
}
@media (max-width: 768px) {
	.iron-audioplayer {
/*		padding: 0px;*/
	}
}

/* === PLAYER SHELL === */
.srp_player_boxed {
	/*border-radius:8px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
	background: linear-gradient(to bottom right, rgba(255, 163, 244, 0.3), rgba(168, 158, 255, 0.3));*/
}
@media (max-width: 768px) {
	.srp_player_boxed {
/*		padding: 0px;*/
	}
}
.sonaar-Artwort-box {

}
.album-player {

}
@media (max-width: 768px) {
    .album-player {
/*        padding: 16px !important;*/
    }
}

.srp_player_grid {
}
.srp_control_box {
}

/* === ALBUM ART === */
.album {
}
.album-art {
}
.album-title {
}
.srp_subtitle {
}

/* === WAVEFORM / AUDIO === */
.album-player {
}
.sr_waveform_mediaElement {
}

.sr_progressbar {
}
.currentTime {
}
.totalTime {
}
.wave {
}
.sonaar_fake_wave {
}
.sonaar_wave_base {
}
.sonaar_wave_cut {
}

/* === PLAYBACK CONTROLS === */
.srp-play-button {
}
.srp-play-circle {
}
.control {
}
.previous {
}
.play {
}
.next {
}

.srp_search_main {
/*    padding: 15px 0px;*/
}
.srp_search {
/*	padding: 0px;*/
}

/* === TRACKLIST / PLAYLIST === */
.playlist {
}
@media (max-width: 768px) {
    .playlist {
/*        padding: 0px;*/
    }
}
.iron-audioplayer .playlist li {
/*    margin-bottom: 0px !important;*/
}
.srp_tracklist {
}
.srp_list {
}
.sr-playlist-item {
    /*border-radius: 8px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 2px;*/
}
.sr-playlist-item-flex {
}
.sr_track_cover {
}
.srp_play {
}
.srp_audio_trigger {
}
.audio-track {
}
.track-number {
}
.tracklist-item-title {
}
.tracklist-item-time {
}
.srp_tracklist-item-date {
}
.srp_track_description {
	/*display: none;
    font-size: 14px;
    color: #444;*/
}
.store-list {
}

/* === META / STORE === */
.srp_miniplayer_metas {
}
.srp_player_meta {
}
.album-store {
}