.cmp-player-audio{position:fixed;bottom:0;width:100%;background-color:var(--Neutral-White);box-shadow:0 2px 4px 0 #dcd6d9,0 2px 16px 1px #eeeced;z-index:999999;transition:all 200ms linear;height:122px}
.cmp-player-audio .cmp-player-audio-wrapper{margin:0 auto;max-width:80rem;padding:.75rem 5pc;position:relative;display:grid;grid-template-areas:'img text controls volumn topen' 'img bar bar bar topen';grid-template-columns:98px 468px auto 64px 32px;gap:0}
.cmp-player-audio .cmp-player-audio-wrapper-img{grid-area:img}
.cmp-player-audio .cmp-player-audio-wrapper-img picture{display:block;width:98px;height:98px}
.cmp-player-audio .cmp-player-audio-wrapper-img picture img{width:100%;height:100%}
.cmp-player-audio .cmp-player-audio-wrapper-playing{grid-area:playing;display:none;justify-content:flex-end;flex-direction:row;align-items:center;color:var(--Neutral-White) !important}
.cmp-player-audio .cmp-player-audio-wrapper-playing .icon-angle-down{font-size:32px;cursor:pointer}
.cmp-player-audio .cmp-player-audio-wrapper-playing .text{color:var(--Neutral-White) !important}
.cmp-player-audio .cmp-player-audio-wrapper-text{grid-area:text;padding-left:24px;display:flex;flex-direction:column;gap:8px}
.cmp-player-audio .cmp-player-audio-wrapper-text .text-direct .direct{display:flex;flex-direction:row;align-items:center;gap:4px}
.cmp-player-audio .cmp-player-audio-wrapper-text .text-direct .direct .icon-live{font-size:22px;color:var(--primary-primary-500) !important}
.cmp-player-audio .cmp-player-audio-wrapper-text .text-direct .direct .text{color:var(--primary-primary-500) !important}
.cmp-player-audio .cmp-player-audio-wrapper-text .text-direct .back-direct{display:flex;flex-direction:row;align-items:center;gap:4px}
.cmp-player-audio .cmp-player-audio-wrapper-text .text-direct .back-direct .icon-arrow_left_alt{font-size:24px;color:var(--primary-primary-500) !important;cursor:pointer}
.cmp-player-audio .cmp-player-audio-wrapper-text .text-direct .back-direct .text{text-decoration:underline;color:var(--primary-primary-500) !important;cursor:pointer}
.cmp-player-audio .cmp-player-audio-wrapper-text .title-artist{display:none}
.cmp-player-audio .cmp-player-audio-wrapper-controls{grid-area:controls;display:flex;font-size:32px}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls{display:flex}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls .controls-first{display:flex;flex-direction:row;align-items:center;cursor:pointer}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls .controls-first .forward{display:none}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls .controls-first .plays{display:flex;flex-direction:row;align-items:center;gap:24px}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls .controls-first .plays .icon-play{background-color:var(--primary-primary-500);width:40px;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--Neutral-White);border-radius:22px}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls .controls-first .plays .icon-pause_b{background-color:var(--primary-primary-500);width:40px;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--Neutral-White);border-radius:22px}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls .controls-first .plays .icon-keyboard_double_arrow_left{display:none}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls .controls-first .plays .icon-keyboard_double_arrow_right{display:none}
.cmp-player-audio .cmp-player-audio-wrapper-volumn{grid-area:volumn;font-size:32px;cursor:pointer;position:relative;display:flex;flex-direction:column;justify-content:center}
.cmp-player-audio .cmp-player-audio-wrapper-volumn .volume-control{display:flex;align-items:center;flex-direction:column;gap:8px;height:185px;width:40px;border:.5px solid var(--Greyscale-800);border-radius:4px;position:relative;position:absolute;padding:4px;bottom:60px;left:-4px;background-color:var(--Neutral-White);z-index:1}
.cmp-player-audio .cmp-player-audio-wrapper-volumn .volume-bar{width:10px;height:100%;background-color:#ccc;position:relative;cursor:pointer;overflow:hidden}
.cmp-player-audio .cmp-player-audio-wrapper-volumn .volume-level{width:100%;background-color:#000;position:absolute;bottom:0}
.cmp-player-audio .cmp-player-audio-wrapper-volumn .volume-indicator{width:100%;height:20px;position:absolute;bottom:50%;transform:translateY(50%);background-color:#000;border-radius:50%;display:none}
.cmp-player-audio .cmp-player-audio-wrapper-volumn .volume-plus,.cmp-player-audio .cmp-player-audio-wrapper-volumn .volume-minus{font-size:32px;font-weight:600}
.cmp-player-audio .cmp-player-audio-wrapper-more-controls{grid-area:mcontrols;font-size:32px;display:none;flex-direction:row;align-items:center;gap:24px}
.cmp-player-audio .cmp-player-audio-wrapper-more-controls .icon-file-alt{font-size:32px;cursor:pointer}
.cmp-player-audio .cmp-player-audio-wrapper-more-controls .icon-file-alt.active{padding:4px 5px;border-radius:34px;background-color:var(--primary-primary-500);color:var(--Neutral-White);width:40px;height:40px}
.cmp-player-audio .cmp-player-audio-wrapper-more-controls .one{cursor:pointer}
.cmp-player-audio .cmp-player-audio-wrapper-more-controls .one.active{padding:8px;border-radius:34px;font-family:var(--inter-bold) !important;background-color:var(--primary-primary-500);color:var(--Neutral-White);width:40px;height:40px}
.cmp-player-audio .cmp-player-audio-wrapper-more-controls .two{cursor:pointer}
.cmp-player-audio .cmp-player-audio-wrapper-more-controls .two.active{padding:8px;border-radius:34px;font-family:var(--inter-bold) !important;background-color:var(--primary-primary-500);color:var(--Neutral-White);width:40px;height:40px}
.cmp-player-audio .cmp-player-audio-wrapper-bar{grid-area:bar;border-radius:200px;border:.5px solid var(--primary-primary-600);background:var(--primary-primary-200);height:6px;margin-left:24px;position:relative;cursor:pointer}
.cmp-player-audio .cmp-player-audio-wrapper-bar .progress{border-radius:200px;background:var(--primary-primary-500);width:0;height:4px}
.cmp-player-audio .cmp-player-audio-wrapper-bar .progress .progress-dot{width:12px;height:12px;border-radius:24px;background:var(--primary-primary-500);filter:drop-shadow(0 2px 16px #eeeced) drop-shadow(0 2px 4px #dcd6d9);position:absolute;top:50%;transform:translate(-50%,-50%);left:0}
.cmp-player-audio .cmp-player-audio-wrapper-bar .time{display:none;justify-content:space-between}
.cmp-player-audio .cmp-player-audio-wrapper-trigger-open{grid-area:topen;cursor:pointer;font-size:32px}
.cmp-player-audio .cmp-player-audio-wrapper .svg-desktop{display:none;position:absolute;z-index:-1;right:0;bottom:233px}
.cmp-player-audio .cmp-player-audio-wrapper .svg-mobile{display:none}
.cmp-player-audio.open{height:379px}
.cmp-player-audio.open .cmp-player-audio-wrapper{grid-template-areas:'img playing playing' 'img text text' 'img bar bar' 'img controls volumn' 'img mcontrols mcontrols';grid-template-columns:332px auto 232px}
.cmp-player-audio.open .cmp-player-audio-wrapper-img picture{display:block;width:332px;height:332px}
.cmp-player-audio.open .cmp-player-audio-wrapper-img picture img{width:100%;height:100%}
.cmp-player-audio.open .cmp-player-audio-wrapper-playing{display:flex}
.cmp-player-audio.open .cmp-player-audio-wrapper-text .text-direct .direct .icon-arrow_left_alt{font-size:24px}
.cmp-player-audio.open .cmp-player-audio-wrapper-text .title-artist{display:block}
.cmp-player-audio.open .cmp-player-audio-wrapper-controls{padding-left:24px;align-items:center}
.cmp-player-audio.open .cmp-player-audio-wrapper-controls .controls{width:86%;display:block}
.cmp-player-audio.open .cmp-player-audio-wrapper-controls .controls .controls-first{justify-content:space-between}
.cmp-player-audio.open .cmp-player-audio-wrapper-controls .controls .controls-first .forward{display:block}
.cmp-player-audio.open .cmp-player-audio-wrapper-controls .controls .controls-first .plays .icon-keyboard_double_arrow_left{display:block}
.cmp-player-audio.open .cmp-player-audio-wrapper-controls .controls .controls-first .plays .icon-keyboard_double_arrow_right{display:block}
.cmp-player-audio.open .cmp-player-audio-wrapper-volumn{display:flex;justify-content:center;align-items:flex-end}
.cmp-player-audio.open .cmp-player-audio-wrapper-volumn .volume-control{left:unset;right:-4px}
.cmp-player-audio.open .cmp-player-audio-wrapper-bar .progress{margin-bottom:6px}
.cmp-player-audio.open .cmp-player-audio-wrapper-bar .time{display:flex}
.cmp-player-audio.open .cmp-player-audio-wrapper-more-controls{display:flex;padding-left:24px}
.cmp-player-audio.open .cmp-player-audio-wrapper-trigger-open{display:none}
.cmp-player-audio.open .cmp-player-audio-wrapper .svg-desktop{display:block}
@media(max-width:1024px){.cmp-player-audio{box-shadow:0 -2px 4px 0 #dcd6d9,0 -6px 16px 1px #eeeced;height:87px;overflow:unset;transition:all 500ms linear}
.cmp-player-audio .cmp-player-audio-wrapper{margin:0 auto;max-width:unset;padding:8px 16px;position:relative;display:grid;grid-template-areas:'topen topen topen topen' 'img text volumn controls' 'bar bar bar controls';grid-template-columns:50px auto auto auto;gap:0}
.cmp-player-audio .cmp-player-audio-wrapper .svg-desktop{display:none}
.cmp-player-audio .cmp-player-audio-wrapper .svg-mobile{display:block;position:absolute;z-index:-1;right:0;bottom:20px}
.cmp-player-audio .cmp-player-audio-wrapper-img{grid-area:img}
.cmp-player-audio .cmp-player-audio-wrapper-img picture{display:block;width:50px;height:46px}
.cmp-player-audio .cmp-player-audio-wrapper-img picture img{width:100%;height:100%}
.cmp-player-audio .cmp-player-audio-wrapper-playing{grid-area:playing;display:none;justify-content:flex-end;flex-direction:row;align-items:center;color:var(--Neutral-White) !important}
.cmp-player-audio .cmp-player-audio-wrapper-playing .icon-angle-down{font-size:32px;cursor:pointer}
.cmp-player-audio .cmp-player-audio-wrapper-playing .text{color:var(--Neutral-White) !important}
.cmp-player-audio .cmp-player-audio-wrapper-text{grid-area:text;padding-left:12px;display:flex;flex-direction:column;gap:2px}
.cmp-player-audio .cmp-player-audio-wrapper-text .text-direct .direct{display:flex;flex-direction:row;align-items:center;gap:4px}
.cmp-player-audio .cmp-player-audio-wrapper-text .text-direct .direct .icon-live{font-size:22px;color:var(--primary-primary-500) !important}
.cmp-player-audio .cmp-player-audio-wrapper-text .text-direct .direct .text{color:var(--primary-primary-500) !important}
.cmp-player-audio .cmp-player-audio-wrapper-text .text-direct .back-direct{display:flex;flex-direction:row;align-items:center;gap:4px}
.cmp-player-audio .cmp-player-audio-wrapper-text .text-direct .back-direct .icon-arrow_left_alt{font-size:24px}
.cmp-player-audio .cmp-player-audio-wrapper-text .text-direct .back-direct .text{text-decoration:underline;color:var(--primary-primary-500) !important}
.cmp-player-audio .cmp-player-audio-wrapper-text .title-artist{display:none}
.cmp-player-audio .cmp-player-audio-wrapper-controls{display:flex;flex-direction:row;justify-content:flex-end}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls{display:flex}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls .controls-first{display:flex;flex-direction:row;align-items:center;cursor:pointer}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls .controls-first .forward{display:none}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls .controls-first .plays{display:flex;flex-direction:row;align-items:center;gap:24px}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls .controls-first .plays .icon-play{background-color:var(--primary-primary-500);width:40px;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--Neutral-White);border-radius:22px}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls .controls-first .plays .icon-keyboard_double_arrow_left{display:none}
.cmp-player-audio .cmp-player-audio-wrapper-controls .controls .controls-first .plays .icon-keyboard_double_arrow_right{display:none}
.cmp-player-audio .cmp-player-audio-wrapper-volumn{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}
.cmp-player-audio .cmp-player-audio-wrapper-more-controls{grid-area:mcontrols;font-size:32px;display:none;flex-direction:row;align-items:center;gap:24px}
.cmp-player-audio .cmp-player-audio-wrapper-more-controls .icon-file-alt{font-size:32px}
.cmp-player-audio .cmp-player-audio-wrapper-more-controls .one.active{padding:8px;border-radius:34px;font-family:var(--inter-bold) !important;background-color:var(--primary-primary-500);color:var(--Neutral-White)}
.cmp-player-audio .cmp-player-audio-wrapper-bar{grid-area:bar;padding-left:0;margin:10px 0 10px 0}
.cmp-player-audio .cmp-player-audio-wrapper-bar .progress{border-radius:12px;margin-bottom:12px;height:6px}
.cmp-player-audio .cmp-player-audio-wrapper-bar .time{display:none;justify-content:space-between}
.cmp-player-audio .cmp-player-audio-wrapper-trigger-open{grid-area:topen;cursor:pointer;font-size:32px;position:absolute;top:-24px;background-color:var(--Neutral-White);box-shadow:0 -2px 4px 0 #dcd6d9,0 -6px 16px 1px #eeeced;z-index:1;border-radius:4px 4px 0 0;right:0;width:35px;height:17px;display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center}
.cmp-player-audio .cmp-player-audio-wrapper .svg-desktop{display:none}
.cmp-player-audio .cmp-player-audio-wrapper .svg-mobile{display:none}
.cmp-player-audio.open{z-index:99999;transition:all 500ms linear;bottom:0}
.cmp-player-audio.open .cmp-player-audio-wrapper{grid-template-areas:'playing playing' 'img img' 'text text' 'bar bar' 'controls volumn';grid-template-columns:auto auto;grid-template-rows:auto 220px auto auto auto;padding:48px 16px 24px}
.cmp-player-audio.open .cmp-player-audio-wrapper-playing{display:flex;justify-content:center;position:relative;margin-bottom:18px}
.cmp-player-audio.open .cmp-player-audio-wrapper-playing .icon-angle-down{position:absolute;right:2px}
.cmp-player-audio.open .cmp-player-audio-wrapper-img{display:flex;flex-direction:row;justify-content:center}
.cmp-player-audio.open .cmp-player-audio-wrapper-img picture{display:block;width:220px;height:220px}
.cmp-player-audio.open .cmp-player-audio-wrapper-img picture img{width:100%;height:100%}
.cmp-player-audio.open .cmp-player-audio-wrapper-text{padding-left:0;align-items:center;margin-top:12px}
.cmp-player-audio.open .cmp-player-audio-wrapper-text .text-direct .back-direct .text{font-size:1rem !important}
.cmp-player-audio.open .cmp-player-audio-wrapper-text .title-song{font-size:1.125rem !important}
.cmp-player-audio.open .cmp-player-audio-wrapper-text .title-artist{display:block}
.cmp-player-audio.open .cmp-player-audio-wrapper-controls{padding-left:0}
.cmp-player-audio.open .cmp-player-audio-wrapper-controls .controls{width:100%}
.cmp-player-audio.open .cmp-player-audio-wrapper-controls .controls .controls-first{justify-content:space-between;width:100%}
.cmp-player-audio.open .cmp-player-audio-wrapper-controls .controls .controls-first .forward{display:block}
.cmp-player-audio.open .cmp-player-audio-wrapper-controls .controls .controls-first .plays .icon-keyboard_double_arrow_left{display:block}
.cmp-player-audio.open .cmp-player-audio-wrapper-controls .controls .controls-first .plays .icon-keyboard_double_arrow_right{display:block}
.cmp-player-audio.open .cmp-player-audio-wrapper-volumn{display:flex;justify-content:flex-end}
.cmp-player-audio.open .cmp-player-audio-wrapper-bar{margin-bottom:42px}
.cmp-player-audio.open .cmp-player-audio-wrapper-bar .time{display:flex}
.cmp-player-audio.open .cmp-player-audio-wrapper-more-controls{display:none;padding-left:24px}
.cmp-player-audio.open .cmp-player-audio-wrapper-trigger-open{display:none}
.cmp-player-audio.open .cmp-player-audio-wrapper .svg-desktop{display:none}
.cmp-player-audio.open .cmp-player-audio-wrapper .svg-mobile{display:block;top:0;right:0;bottom:unset;width:100%}
}
.cmp-player-audio.column{position:relative;margin:24px 0}
.cmp-player-audio.column .cmp-player-audio-wrapper{margin:0;max-width:none}
@media(max-width:1024px){.cmp-player-audio.column.open{z-index:1;height:480px !important}
}
.cmp-player-audio .cmp-player-audio-wrapper--edit-mode{display:flex;justify-content:space-around}
.cmp-player-audio .cmp-player-audio-wrapper--edit-mode .svg-desktop,.cmp-player-audio .cmp-player-audio-wrapper--edit-mode .svg-mobile{display:none}