.grmw-filtering-overlay{color:#ffffff;display: flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0;background:rgba(0,0,0,0.8);opacity:0;transition:opacity .2s ease-in-out;z-index:-1;}
.grmw-loading-dots{display:flex;}
.grmw-loading-dots > span{height:.75rem;width:.75rem;background:white;border-radius:50%;margin:.5rem;animation:.6s ease-in-out .6s infinite alternate bounce;}
.grmw-loading-dots > span:nth-child(1){animation-delay:0s;}
.grmw-loading-dots > span:nth-child(2){animation-delay:.2s;}
.grmw-loading-dots > span:nth-child(3){animation-delay:.4s;}

.grmw-wrapper.filtering > .grmw-filtering-overlay{opacity:1;z-index: 15}
.grmw-body{display:flex;justify-content: space-between;align-items: center;flex:1;overflow:hidden;width:100%;}
.grmw-body > *{box-sizing:border-box;}
.grmw-table-wrapper{display:flex;flex-direction:column;justify-content: flex-start;align-items: center;height:100%;padding:0 0 1rem 0;flex:1;}

#grmw_music_table_widget-3 {width:100%;}
#grmw_music_table_widget-3 > .grmw-wrapper table, #grmw_music_table_widget-2 .grmw-wrapper table tr, #grmw_music_table_widget-3 .grmw-wrapper table tr td{border:none;}
.grmw-wrapper table tr td{padding:5px !important;}

.grmw-wrapper{position:relative;display:flex;flex-direction: column;justify-content:space-between;align-items: flex-start;height:calc(var(--vh, 1vh) * 80);width:100%;}
#grmw_music_table_widget-3 > .grmw-wrapper .grmw_table{width:100%;padding:1rem;}
.btn_container{display:flex;justify-content: flex-end;align-items: center;}
.spectrum_mood_wrapper{width: 30%;}
.spectrum_mood_wrapper .ap-controls-left, .spectrum_mood_wrapper .ap-controls-right{display: none;}
.thumbnail_mood_wrapper{display:table-cell;cursor:pointer;padding:0;background: transparent;overflow: hidden;}
.thumbnail_mood_wrapper a, .thumbnail_mood_wrapper svg{pointer-events:none;}
.thumbnail_mood_wrapper a{position:relative;display: flex;max-width:2.5rem;min-width:2.5rem;max-height:2.5rem;min-height:2.5rem;align-items: center;justify-content: center;}
.thumbnail_mood_wrapper svg{padding: 0.3rem;border-radius: 50%;background-image: var(--violet-gradient) !important;fill: #ffffff;width: 100%;height: 100%;}

.btn-add-to-cart{border:none;position: relative;display: flex;height: 2.5rem;width: 2.5rem;justify-content: center;align-items: center;background-image: var(--violet-gradient) !important;border-radius: 50px;padding: 1rem;}
.btn-add-to-cart > *{pointer-events: none;}
.btn-add-to-cart-icon{position: absolute;width: 1.5rem;height: 1.5rem;color: #ffffff;font-size: 1rem;vertical-align: text-bottom;}

.grmw_player_footer{position:relative;flex-direction:column;height:100%;max-height:0;padding:0;transition: all .3s ease-in-out;opacity: 0;transform: translateY(100%);transform-origin: bottom;display: flex;align-items: center;margin: 0;background: rgba(0,0,0,.75);backdrop-filter: blur(10px);width: 100%;color: #ffffff;}
.grmw_player_footer.enabled{transform: translateY(0);opacity:1;max-height:5.5rem;padding:0 1rem;}
.grmw_player_footer:not(.enabled) > *{display:none;}

.grmw_close_player_footer{cursor:pointer;position:absolute;left:50%;transform:translateX(-50%);top:-1.5rem;height:1.5rem;width:3rem;background:rgba(0,0,0,.75);border-radius:2rem 2rem 0 0;display:flex;justify-content: center; align-items: center;}
.grmw_close_player_footer > svg{display:block;height:2rem;width:2rem;fill:#ffffff;pointer-events: none;}

.grmw_track_waveform{cursor:pointer;}
.grmw_track_waveform > svg {width:100%;height:3.5rem;}
.grmw_waveform {width:100%;align-self: stretch;display: flex;position: relative;}
.grmw_waveform > .grmw_mouse_indicator {z-index:1;position:absolute;top:0;left:0;height:100%;width:1px;background:#ae1919;opacity: 0;transition: opacity .1s ease-in-out;}

.grmw_mask_progression{fill:#d9d9d9;}

.grmw_waveform_content{width: 100%;height: 2.5rem;padding:.3rem 0;display: flex;justify-content: center;}
.grmw_waveform_content svg{width: 100%}

.grmw_player_footer h4 {padding:0 .7rem !important;margin:0 !important;;color:white;font-weight:bold;}

.grmw_controls {display:flex;flex-direction:column;justify-content: center;align-items: center;height: 100%;padding: 0.5rem 0}
.grmw_controls > .grmw_controls_buttons{display:flex;justify-content:space-between;align-items:center;}
.grmw_left_controls button{height:2.5rem;width:2.5rem;cursor:pointer;background:transparent;outline:0;border:none;color:#fff;font-weight: bolder;fill:#fff;border-radius:.5rem;}
.grmw_left_controls button:nth-child(2){margin:0 .5rem;}
.grmw_left_controls button > svg{transition: transform .3s ease-in-out;width:100%;height:100%;}
.grmw_left_controls button:hover svg{transform: scale(1.1);}
.grmw_left_controls .grmw_playPause{border-radius:50%;}
.grmw_left_controls .grmw_playPause:not(.playing) svg:last-child{display:none;}
.grmw_left_controls .grmw_playPause.playing svg:first-child{display:none;}

.grmw_volume{display:block;position:relative;cursor:pointer;height:2rem;width:2rem;padding:.25rem;}
.grmw_volume.cut::after{content: '';position: absolute;height: 2rem;width: .2rem;background: #fff;left: 50%;top: 0;transform: rotate(45deg);border-radius: .1rem;}

.grmw_volume_input_wrapper{display:none;align-items:center;justify-content:center;background:#000000;border-radius:.25rem;width:calc(100px + 1rem);height:2rem;position:absolute;top:-1rem;left:50%;transform-origin:left;transform:rotate(-90deg);}
.grmw_volume:hover .grmw_volume_input_wrapper{display:flex;}
.grmw_volume input[type="range"]{width:100px;cursor:pointer;-webkit-appearance:none;border-radius:.25rem;max-height:.3rem;background: linear-gradient(to right, #d9d9d9 0%, #d9d9d9 50%, #555555 50.01%, #555555 100%) no-repeat center;outline: none;}
.grmw_volume input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;border-radius:50%;width:.75rem;height:.75rem;background:#fafafa;position:relative;box-shadow:0 0 2px 0 rgba(0,0,0,0.3);}
.grmw_volume > svg{width:1.5rem;height:1.5rem;fill:#fff;}

.grmw_duration{padding:0 .5rem;color:#fff;background:var(--violet-gradient);font-size:.9rem;width:fit-content;}

#grmw_music_table_widget-3 .grmw_table tbody tr.grmw_loadMore{position: relative;height: 4.5rem;display: flex;overflow: hidden;}
.grmw_loadAssociated{position:relative;height:2rem;width:2rem;display:none;}
.grmw_loadMore.active::after, .grmw_loadAssociated::after{content: "";position: absolute;bottom: calc(.5rem - 5px);left: calc(50% - 1.5rem);border: 5px solid #844eff;border-bottom-color: transparent;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 1s linear infinite;}
.grmw_loadMore::after{width:3rem;height:3rem;}
.grmw_loadAssociated::after{width:2rem;height:2rem;}
.et-l.et-l--footer{position:relative;z-index:0;}

.title_mood_wrapper.enabled .grmw_titles{transition:max-height .4s ease-in-out;max-height: calc(var(--vh, 1vh) * 100);}
.title_mood_wrapper h3{padding:.4rem .2rem;margin:0;font-size:1rem}

.grmw_player_footer_title_container{display:flex;justify-content: space-between;align-items: center;}
.grmw_player_footer_title_container svg{fill:#ffffff;}

.grmw_associated_musics, .grmw_associated_tooltip{background:#ffffff;color:#000000;-webkit-box-shadow: 0 0 9px 2px rgba(0,0,0,0.5);box-shadow: 0 0 9px 2px rgba(0,0,0,0.5);width: fit-content;height: fit-content;}
.grmw_associated_musics_wrapper, .grmw_associated_tooltip_wrapper{position:fixed;display:none;background:rgba(0,0,0,0.8);height:calc(var(--vh, 1vh) * 80);width:100%;align-items: center;justify-content: center;pointer-events:none;z-index:-1;}

.loading svg:first-of-type{display:none;}
.loading .grmw_loadAssociated{display:block;}
.grmw_associated_musics_body{width:100%;}
.grmw_associated_musics_body svg > *{pointer-events: none;}
.grmw_associated_musics ul{width:100%;}
.grmw_associated_musics ul li{list-style-type:none;cursor:pointer;display:flex;justify-content: space-between;align-items: center;width:100%;margin:0;}
.grmw_associated_musics ul li svg{height:1.5rem;width:1.5rem;fill:#000000;}
.grmw_associated_musics, .grmw_associated_tooltip{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:20rem;border-radius:1rem;padding:1rem;}
.grmw_associated_tooltip_wrapper.enabled, .grmw_associated_musics_wrapper.enabled{pointer-events: initial;display:flex;}
.grmw_associated_tooltip_wrapper.enabled{z-index:12;}
.grmw_associated_musics_wrapper.enabled{z-index:13;}
.grmw_show_associated_container{display:flex;align-items: center;}
.grmw_show_associated_container svg{cursor:pointer;height:2rem;width:2rem;}
.grmw_show_associated_container svg:first-of-type{height:1.5rem;width:1.5rem;}

.grmw_close_button{color:#ffffff;font-weight:bold;cursor:pointer;background:linear-gradient(90deg, #844eff 0%, #d902f6 100%);padding:.5rem 1rem;border-radius: 1rem;border:none;display:flex;justify-content: space-between;align-items: center;}
.grmw_close_button > *{pointer-events: none;}
.grmw_close_button > svg{display:block;fill:#ffffff;width:1.5rem;height:1.5rem;}

.grcm_show_associated > *{pointer-events: none;}
.title_mood_wrapper.enabled .grcm_show_associated{transform: rotate(180deg);-webkit-transform: rotate(180deg);z-index:11;}
.tagged_as a[rel='tag'].selected_mood{background:#844eff;color:#ffffff;}
.tagged_as a[rel='tag hidden']{display:none;}
.tagged_as a[rel='tag'].grmw_show_moods{border:1px solid rgba(0,0,0,0.5);font-weight:normal;cursor:pointer;transition:all .1s ease-in-out;}
.tagged_as a[rel='tag'].grmw_show_moods:hover{border:.1rem solid #000;font-weight: bolder;}

.tagged_as a[rel="tag"] {color: black;text-transform: uppercase;border: 1px solid rgba(0, 0, 0, 0.3);padding: .1rem .3rem;border-radius: 1rem;font-size: .65rem;white-space: nowrap;}

.grmw-wrapper .grmw_range_selector_wrapper{padding:0 1.5rem;border-radius:.5rem;display:block;width:100%;}
.grmw-wrapper .grmw_range_selector{z-index:1;position:relative;height:.4rem;width:100%;background:#a9a9a9;border-radius: .5rem;margin:1rem 0 0 0;}
.grmw-wrapper .grmw_range_grab{cursor:pointer;position:absolute;height:1rem;width:1rem;border:.15rem solid #844eff;background:#ffffff;left:0;top:-.3rem;border-radius: 50%;}
.grmw-wrapper .grmw_range_grab::after{transition:transform .2s ease-in-out;transform:scale(0);content:"";top:-50%;left:-50%;position:absolute;width:200%;height:200%;background:rgba(0,0,0,0.2);border-radius: 50%;z-index: -1;}
.grmw-wrapper .grmw_range_grab:hover::after{transform:scale(1);}
.grmw-wrapper .grmw_range_inner{position:absolute;background:#844eff;height:100%;border-radius: .5rem;}
.grmw_range_selector_current_values > span{-webkit-user-select: none;-ms-user-select: none;user-select: none;color:#666666;}

.grmw-wrapper .grmw_text_input{padding:.5rem;border-radius: 1rem;outline:none;border:1px solid #a9a9a9;width:100%;}
.grmw-wrapper .grmw_search_wrapper{position:relative;width:100%;display:flex;justify-content: space-between;align-items: center;}
.grmw-wrapper .grmw_search_wrapper > svg:first-child{fill:#a9a9a9;position: absolute;top: 0.5rem;right: .5rem;width: 1.5rem;height: 1.2rem;}
.grmw-wrapper .grmw_search_wrapper > .grmw_text_input:focus .grmw_search_wrapper > svg{fill:#000 !important;}
.grmw-wrapper label.hidden{display:none;}

.grmw-wrapper .grmw_filters_list_container{column-gap:.5rem;row-gap:.5rem;color:#d9d9d9;width:100%;display: grid;grid-template-columns: repeat(3, 1fr);}
.grmw-wrapper .grmw_filters_range_container{width:100%;}
.grmw-wrapper .grmw_filters_list_container.hidden, .grmw_filters_range_container.hidden{display:none;}

.grmw_filter_container_wrapper{overflow-x: hidden;overflow-y: auto;width:100%;}
.grmw_filter_container_wrapper::-webkit-scrollbar-track {background-color: #F5F5F5;border-radius: 8px 8px 0 0;}
.grmw_filter_container_wrapper::-webkit-scrollbar-thumb {background-color: #dddddd;border-radius: 8px 8px 0 0;}
.grmw_filter_container_wrapper::-webkit-scrollbar-thumb:hover {background-color: #cccccc;}
.grmw_filter_container_wrapper::-webkit-scrollbar-thumb:active {background-color: #cccccc;}
.grmw_filter_container_wrapper::-webkit-scrollbar {width: 10px;background-color: #F5F5F5;border-radius: 8px 8px 0 0;}

.grmw-wrapper .grmw_filter_container{transition:flex .2s ease-in-out;width:100%;padding:1rem .5rem;display:flex;flex-direction:column;justify-content: flex-start;align-items: center;}
.grmw-wrapper .grmw_filter_container.closed{flex:unset;overflow: hidden;}
.grmw-wrapper .grmw_filter_container:not(.last){border-bottom:1px solid #a9a9a9;}

.grmw-wrapper .grmw_filter_wrapper{z-index:0;transition:all .15s ease-in-out;position:relative;max-width:20rem;min-width:20rem;height:100%;width:fit-content;max-height: calc(var(--vh, 1vh) * 100);padding:1rem 1rem 0 1rem;display:flex;flex-direction: column;justify-content: flex-start;align-items: center;}
.grmw-wrapper .grmw_filter_wrapper.hidden{max-width:0;min-width:0;padding:0;overflow: hidden;}
.grmw_table tbody{position:relative !important;overflow-y:auto !important;overflow-x: hidden !important;width:100% !important;display:table !important;}
.grmw_table tbody::-webkit-scrollbar{display:none !important;}
#grmw_music_table_widget-3 .grmw_table thead{display:block;}
.grmw_table tbody,.grmw_table thead{display: block !important;padding:0 1rem !important;}
.grmw_table tbody tr{display: table-row;height: auto;}
.grmw_table tbody tr.fill_space{display: table-row;height: 100%;}

.attribute-s.length{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#000000;}
.attribute-length span{color:transparent;}

.grmw_reset_filters{cursor:pointer;height: 2rem;width: auto;border-radius: 0.25rem;border:none;padding:.1rem;}
.grmw_reset_filters{background: transparent;padding:0;transform:scale(1, -1) rotate(180deg);height: 2.5rem;width: 2.5rem;}
.grmw_reset_filters > svg{height: 100%;display: block;width: 100%;pointer-events: none;}
.grmw_reset_filters > svg{fill:#844eff;}

.grmw_toggle_filters{cursor:pointer;border-radius:1rem;padding:.5rem .75rem;color:#ffffff; display:flex;background: var(--violet-gradient);border: none;align-items: center;margin: 0;height: fit-content;}
.grmw_toggle_filters > svg{height:100%;display:block;width:1rem;fill:#ffffff;}
.grmw_toggle_filters > *{pointer-events: none;}

.grmw-wrapper .grmw_search_results{align-self:flex-start;font-size:.8rem;margin-bottom:.5rem;}

.grmw_selected_filters{width: 100%;display:flex;justify-content: flex-start;align-items: center;padding:1rem 1rem 0 1rem}
.grmw_filter{width:100%;padding:0 1rem;border-radius:.5rem;}
.grmw_delete_filter{cursor:pointer;padding: 0;margin: 0;background: transparent;border: 0;height: 1rem;width: 1rem;}
.grmw_delete_filter > *{pointer-events: none;}
.grmw_delete_filter > svg{width:1rem;height:1rem;pointer-events: none;}
.grmw_filter_item{display: flex;flex-direction: row;justify-content: center;align-items: center;padding:.1rem;border: 0.1rem solid #a9a9a9;border-radius: 0.5rem;}
.grmw_filter_item:not(:last-child){margin-right:.2rem;}
.grmw_filter_item_container{display: block;}
.grmw_filter_item_container > *{float:left;}
.grmw_close_filter > *{pointer-events: none;}
.grmw_close_filter{cursor:pointer;width:1.75rem;height:1.75rem;fill:#ffffff;margin-left:.5rem;}
.mobile_player{display:none;}
.thumbnail_mood_wrapper.mobile_player a{max-width: 2.5rem;max-height: 2.5rem;min-width: 2.5rem;min-height: 2.5rem;}

.grmw_inline_underlined_button{background:transparent;border:none;text-decoration: underline;cursor:pointer;color:blue;}

.grmw_filter_top{display:flex;justify-content: center;align-items: center;width:100%;}

.checkbox-custom {display:none;pointer-events: none;}
.checkbox_as_button{display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;cursor:pointer;width:5rem;max-height:3rem;background: #a9a9a9;color: #ffffff;border-radius: 0.5rem;padding:0.5rem;text-align: center;}
.checkbox_as_button.hidden{display:none;}
.checkbox_as_button.has_workaround{background-image: var(--violet-gradient) !important;}
@media screen and (min-width:901px) {
.checkbox_as_button:not(.grmw_see_more_filters):not(.grmw_see_less_filters):hover{background-image: var(--violet-gradient) !important;}
}
.checkbox_as_button > span{font-size:.75rem;flex:1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;pointer-events: none;}

.grmw_see_more_filters, .grmw_see_less_filters{background:#ffffff;color:#a9a9a9;border:1px solid #a9a9a9;}
.grmw_see_more_filters:hover, .grmw_see_less_filters:hover{border:1px solid #000000;color:#000000;}

.grmw_filter_container_title{cursor:pointer;display:flex;justify-content: space-between;align-items: center;width:100%;}
.grmw_filter_container_title > *{pointer-events: none;}
.grmw_filter_container_title > svg{width:2rem;height:2rem;background:transparent;border:none;}
.grmw_filter_container_title > svg.hidden{transform:rotate(180deg);}

.btn-add-to-cart{cursor:pointer;}
.btn-normal > svg{fill:#db1832;stroke:#db1832;}
.btn-normal.liked > svg:first-of-type{display: none;}
.btn-normal:not(.liked) > svg:last-of-type{display: none;}

.thumbnail_mood_wrapper:not(.playing) a:last-of-type{display: none;}
.thumbnail_mood_wrapper.playing a:first-of-type{display: none;}

table.grmw_table td:nth-child(4) {display: none;}
table.grmw_table thead tr td button, .attribute-length > button{display:flex;align-items:center;background:transparent;cursor:pointer;border:none;}
table.grmw_table thead tr td:nth-child(5) button {width:100%;justify-content: center;}

table.grmw_table thead tr td button > *{pointer-events: none;}
table.grmw_table thead tr td button > span{text-decoration: underline;}
table.grmw_table thead tr td button:hover > span{color: var(--violet);}
table.grmw_table thead tr td button > svg{display:none;max-height:1rem;max-width:1rem;min-height:1rem;min-width:1rem;transition:transform .2s ease-in-out; transform:rotate(180deg);}
table.grmw_table thead tr td button[data-ordering] > svg{display:block;}
table.grmw_table thead tr td button[data-ordering='desc'] > svg{transform:rotate(0deg);}

.grmw_filter_mobile_header{display:flex;justify-content: space-between;align-items: center;padding:0 1rem;}
.grmw_filter_mobile_header > button{cursor:pointer;height:2rem;width:2rem;background:transparent;border:none;}
.grmw_filter_mobile_header > button > svg{height:2rem;width:2rem;fill:#000000;}
.grmw_filter_mobile_header > button > *{pointer-events: none;}

.et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular{z-index:12;}
.grmw_player_footer_title_container.mobile{display:none;height:1rem;}

@keyframes rotation { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }
@keyframes bounce { 0% {transform: translateY(0);} 100% {transform: translateY(-3rem);} }

@media screen and (max-width: 500px) {
    .grmw_player_footer{padding:.2rem;flex-direction: column;}
    .grmw_player_footer h4{font-size:.8rem;}
    .spectrum_mood_wrapper{display:none;}
    .btn_container, .grmw_waveform{width:100%;margin:0;}
    .grmw_table thead{display:none;}
    .grmw_table tbody{display:flex;flex-direction:column;}
    .grmw_table tbody tr{display:flex;flex-direction:column;}
    .grmw_table .thumbnail_mood_wrapper, .grmw_table tbody tr td:nth-child(n+3){display:none;}
    .thumbnail_mood_wrapper.mobile_player{display:flex;}

    .grmw_controls h4{text-align:center;}
    .grmw_controls .grmw_controls_buttons{align-items:center;}
}

@media screen and (max-width: 300px) {
    .grmw-wrapper .grmw_filters_list_container{grid-template-columns: repeat(2, 1fr) !important;}
    .grmw-wrapper .checkbox_as_button{width:36vw;}
    .grmw_duration{font-size:.5rem}
}

@media screen and (min-width: 301px) and (max-width: 500px) {
    .grmw-wrapper .grmw_filters_list_container{grid-template-columns: repeat(3, 1fr) !important;}
    .grmw-wrapper .checkbox_as_button{width:26vw;}
    .grmw_duration{font-size:.6rem}
}

@media screen and (min-width: 501px) and (max-width: 700px) {
    .grmw-wrapper .grmw_filters_list_container{grid-template-columns: repeat(4, 1fr) !important;}
    .grmw-wrapper .checkbox_as_button{width:20vw;}
    .grmw_duration{font-size:.7rem}
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .grmw-wrapper .grmw_filters_list_container{grid-template-columns: repeat(5, 1fr) !important;}
    .grmw-wrapper .checkbox_as_button{width:16vw;}
    .grmw_duration{font-size:.8rem}
}

@media screen and (min-width: 901px) {
    .grmw-wrapper .grmw_filter_mobile_header{display:none;}
}

@media screen and (max-width: 700px) {
    .show_matching_tool{display:none;}
    .grmw_player_footer_title_container.mobile{display:flex;}
    .grmw_player_footer_title_container{display:none;}
    .grmw_player_footer .grmw_waveform .grmw_waveform_content{height:1rem;padding:.1rem 0;}
}

@media screen and (max-width: 900px) {
    .grmw-wrapper .grmw_filters_list_container{grid-template-columns: repeat(6, 1fr);}
    .grmw-wrapper .grmw_filter_wrapper{min-width:100vw;max-width:100vw;padding:1rem 0 0 0;}
    .grmw-wrapper .grmw_filter_top{padding:0 1rem;}
    .grmw-wrapper .grmw_selected_filters, .grmw-wrapper .grmw_table{width:100% !important;;margin:0 !important;}
    .et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular{z-index:1;}
}