.et_pb_section.et_pb_section_1.et_section_regular{padding:0;margin:0;}

.grmp-wrapper {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;padding:0 1rem;}

.widget_grmp_playlist_widget{width:100% !important;}

#grmp_music_widget-2{margin:0;}
#grmp_music_widget-2 .grmp_playlist_container{display:flex;}
#grmp_playlist_widget-2{margin:0;}

.grmw_filter_wrapper .grmw_filter_container_wrapper ul.grmp_playlists_container{padding:1rem .5rem !important;}
.grmp_playlists_container li.active a{font-weight: bold;}
.grmp_playlists_container li{display:flex;justify-content: space-between;align-items: center;}
.grmp_playlists_container li a:first-of-type{flex:1;padding-right:1rem;display:flex;justify-content: space-between;align-items: center;}
.grmp_playlists_container li a > svg{fill:#666666;stroke:#666666;}

.grmp_create_playlist{cursor:pointer;margin:1rem 0;color:#ffffff;border:none;position: relative;display: flex;height: 2.5rem;width: 100%;justify-content: center;align-items: center;background:linear-gradient(90deg, #844eff 0%, #d902f6 100%);border-radius: 1.5rem;padding: 1rem;}

.grmp-playlist_card{cursor:pointer;overflow: hidden;background:white;border:1px solid #e9e9e9;padding:30px 20px;box-shadow: 0 0 8px 1px #e9e9e9;border-radius:1rem;}
.grmp-playlist_card .header{color:#844EFF;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 0 20px 0;}
.grmp-playlist_card .header .label{margin:0;padding:0;font-size:25px;color:black;white-space: nowrap;text-overflow: ellipsis;}
.grmp-playlist_card svg{fill:#666666;height:100%;width:100%;}
.grmp-playlist_card a{padding:.3rem;min-width:2rem;min-height:2rem;max-width:2rem;max-height:2rem;border-radius:.8rem;}

.grmp-create_playlist, .grmp-edit_playlist{margin:20px 0 0 0;width:100%;height:40px;border-radius:2rem;display:flex;flex-direction:row;justify-content:space-between;position:relative;align-items: center;}

.grmp-playlist_element, .grmp-music_element{margin:5px 0;display:flex;flex-direction: row;justify-content: space-between;align-items: center;}

.grmp-toggle_playlist{cursor:pointer;width:15px;height:15px;border: none;outline: none;box-shadow: none;position:relative;background: transparent;}
.grmp-toggle_playlist:not([disabled])::after{top:0;left:0;content:"";position:absolute;width:100%;height:100%;background:#844eff;}

.grmp-add_to_playlist::after{clip-path: polygon(60% 0, 40% 0, 40% 40%, 0 40%, 0 60%, 40% 60%, 40% 100%, 60% 100%, 60% 60%, 100% 60%, 100% 40%, 60% 40%);}

.grmp-remove_to_playlist::after{clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);}

.grmp-create_playlist::before,.grmp-edit_playlist::before {content: '';position: absolute;border-radius: 20px;width: 100%;height: 100%;border: 1px solid grey;right: 0;}
.grmp-create_playlist input,.grmp-edit_playlist input{display:flex;border:none !important;outline:none !important;box-shadow:none !important;height:100%;padding:10px !important;background:transparent !important;z-index:2;flex:1;}
.grmp-create_playlist button, .grmp-edit_playlist button{background: linear-gradient(90deg, #844eff 0%, #D902F6 100%);border:none;color:white;border-radius:2rem;height:42px;position:relative;z-index:2;cursor:pointer;}
.grmp-create_playlist button > *, .grmp-edit_playlist button > *{pointer-events: none;}

.grmp-toggle_edit_playlist, .grmp-share_link{display: block;cursor: pointer;width: 1.7rem;height: 1.7rem;min-width: 1.7rem;min-height: 1.7rem;}

.grmp-edit_playlist_label{position:relative;display:flex;flex-direction: row;align-items: center;justify-content: center;margin:15px 0;}
.grmp-edit_playlist.hidden, .grmp-playlist_label.hidden{display:none;}
.grmp-edit_playlist_label a{display: flex;align-items: center;justify-content: center;width:26px;height:26px;border-radius:50%;background: linear-gradient(90deg, #844eff 0%, #D902F6 100%);padding:7px;margin:0 5px;}
.grmp-edit_playlist_label a > svg{pointer-events: none;}

.grmp-playlist_label{padding:0;margin:0 5px;}

.grmp-delete_playlist {display:flex;justify-content:center;align-items:center;cursor: pointer;width: 100%;border: none;box-shadow: none;outline: none;font-weight: bold;text-align: center;border-radius: 10px;margin: 10px 0;padding: 10px 0;background: #d84b4b;color: white;text-decoration: none;}
.grmp-delete_playlist > *{pointer-events: none;}

.grmp-modal_header h2{padding:0;}
.grmp-modal_header{display:flex;flex-direction: row;justify-content: space-between;align-items: center;margin:0 0 20px 0;}
.grmp-modal_header > *, .grmp-modal_header > *:last-child:first-child{margin:0 .25rem;}
.grmp-modal_header > *:first-child{margin:0 .25rem 0 0;}
.grmp-modal_header > *:last-child{margin:0 0 0 .25rem;}

.grmp-close_modal{width:15px;height:15px;cursor:pointer;position:relative;}
.grmp-close_modal::after{content:"";position:absolute;height:100%;width:100%;background:black;top:0;left:0;transform: rotate(45deg);clip-path: polygon(60% 0, 40% 0, 40% 40%, 0 40%, 0 60%, 40% 60%, 40% 100%, 60% 100%, 60% 60%, 100% 60%, 100% 40%, 60% 40%);}

.grmp-loader {border: 8px solid #f3f3f3; /* Light grey */border-top: 8px solid #844eff; /* Blue */border-radius: 50%;width: 50px;height: 50px;margin: 50px;animation: spin 1s linear infinite;}

#grmp_music_widget-2 .grmw_table, #grmp_music_widget-2 .grmw_table tr, #grmp_music_widget-2 .grmw_table tr td{border:none;}

#grmp_music_widget-2 .grmp_playlists_spoiler_button{display:none;top:calc(var(--vh, 1vh) * 21);cursor: pointer;position: fixed;left: 0;background: #000000;color: #ffffff;justify-content: center;align-items: center;padding: 0.4rem;border-radius: 0 0.5rem 0.5rem 0;}
#grmp_music_widget-2 .grmp_close_playlists > *, #grmp_music_widget-2 .grmp_playlists_spoiler_button > *{pointer-events: none;}
#grmp_music_widget-2 .grmp_close_playlists{display:none;position: absolute;right: .8rem;cursor: pointer;align-self: flex-end;width: 2rem;height: 2rem;fill: #ffffff;}

.grmp_playlists_container li.hidden{display:none;}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media screen and (max-width: 900px) {
  #grmp_music_widget-2 .grmw-wrapper{margin:0;width:100%;}
  .grmp_create_playlist{margin:1rem;width:calc(100% - 2rem);}
}

@media screen and (max-width: 600px) {
  .grmp-wrapper {grid-template-columns: repeat(1, 1fr);}
}

@media screen and (min-width: 601px) and (max-width: 900px) {
  .grmp-wrapper {grid-template-columns: repeat(2, 1fr);}
}