.widget-nav-button{display:none}.audio-widget-section-title h2{text-align:left;margin-bottom:24px}.audio-widget-section-title{margin-top:var(--section-margin)}.audio-widget-section{margin-bottom:var(--section-margin);position:relative;isolation:isolate}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.loading-progress{width:200px;height:4px;background:#e0e0e0;border-radius:2px;margin-top:10px;overflow:hidden}.loading-progress-bar{width:100%;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--primary-color) 25%,color-mix(in srgb,var(--primary-color) 50%,white) 50%,var(--primary-color) 75%);background-size:200% 100%;animation:mw-shimmer 1.4s linear infinite}@keyframes mw-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.alert{position:fixed;top:20px;right:20px;padding:15px 20px;background:#fff;border-left:4px solid var(--primary-color);box-shadow:0 2px 4px #0000001a;z-index:1000;transform:translate(120%);transition:transform .2s ease}.alert.show{transform:translate(0)}.audio-compare-widget{display:grid;grid-template-columns:354px 1fr;gap:20px;margin:0 auto}.compare-display{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:calc(var(--video-actual-width) / (var(--video-actual-height) / 2))}.video-controls-section{max-width:calc(var(--video-actual-width) * 1px)}.track-list-section{position:relative;height:var(--track-list-height-desk)}.track-list{height:100%;overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.track-list::-webkit-scrollbar{width:6px}.track-list::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:3px}.track{padding:2px;width:100%}.track button{color:var(--text-color);background:transparent;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:inherit;font-family:inherit;text-align:left;width:100%;flex-shrink:0;transition:all .2s ease;text-decoration:none}.track button:hover{transform:scale(1.01);background-color:var(--primary-color);color:#f1f1f1}.track button.active{background-color:var(--primary-color);color:#f1f1f1}.compare-controls{display:grid;grid-template-columns:1fr auto;align-items:center;max-width:calc(var(--video-actual-width) * 1px);margin:0 auto;padding:20px 0 0}.song-title h3{margin:0;justify-self:start;font-size:18px}.playback-controls{display:flex;align-items:center;gap:12px;justify-self:end}.play-button{width:48px;height:48px;border-radius:50%;border:none;background:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;flex-shrink:0}.play-button:hover{transform:scale(var(--button-hover-scale))}.play-button svg{width:24px;height:24px}.play-button.playing .play-icon{display:none}.play-button:not(.playing) .pause-icon{display:none}.compare-switch{position:relative;display:flex;background:#f0f0f0;padding:3px;border-radius:24px;gap:0}.compare-switch:before{content:"";position:absolute;top:3px;bottom:3px;left:var(--pill-left, 3px);width:var(--pill-width, calc(50% - 3px) );background:var(--primary-color);border-radius:20px;transition:left .2s ease,width .2s ease;pointer-events:none}.switch-button{position:relative;z-index:1;text-align:center;padding:8px 20px;border:none;border-radius:20px;background:none;cursor:pointer;font-size:inherit;font-family:inherit;color:var(--text-color);transition:color .2s ease;white-space:nowrap}.switch-button.active{background:none;color:#fff}.video-container{position:relative;width:100%;height:100%;overflow:hidden}.video-container video{position:absolute;width:100%;height:200%;top:0;left:0;transform:translateY(var(--bypass-offset))}.video-container.bypassed video{transform:translateY(calc(-50% + var(--processed-offset)))}.audio-compare-widget.explicit-size{grid-template-columns:354px calc(var(--display-width) * 1px);width:fit-content;margin:0 auto}.audio-compare-widget.explicit-size .compare-display{aspect-ratio:unset;width:calc(var(--display-width) * 1px);height:calc(var(--display-height) * 1px)}.audio-compare-widget.explicit-size .track-list-section{height:calc(var(--display-height) * 1px)}.audio-compare-widget.explicit-size .video-controls-section{width:auto;max-width:none}.audio-compare-widget.explicit-size .compare-controls{max-width:calc(var(--display-width) * 1px);margin:0}@media(max-width:768px){.mw-audio-widget-wrap{padding:0 20px}.audio-widget-section-title h2{margin-bottom:27px}.audio-compare-widget,.audio-compare-widget.explicit-size{display:grid;grid-template-columns:1fr;width:100%}.audio-compare-widget.explicit-size{grid-template-columns:1fr;width:100%;margin:0}.audio-compare-widget.explicit-size .compare-display{aspect-ratio:calc(var(--video-actual-width) / (var(--video-actual-height) / 2));width:100%;height:auto}.audio-compare-widget.explicit-size .track-list-section{height:var(--track-list-height-mobile)}.audio-compare-widget.explicit-size .video-controls-section,.audio-compare-widget.explicit-size .compare-controls{max-width:100%}.track-list-section{order:4;height:var(--track-list-height-mobile);display:none}.track-list{max-height:var(--track-list-height-mobile)}.compare-display{border-radius:6px;aspect-ratio:calc(var(--video-actual-width) / (var(--video-actual-height) / 2))}.video-controls-section{order:1;max-width:100%}.compare-controls{display:flex;flex-direction:column;align-items:center;gap:16px}.playback-controls{flex-direction:row;gap:12px;order:2}.song-title-nav{display:flex;align-items:center;justify-content:space-between;width:100%;order:3}.widget-nav-button{width:36px;height:36px;border:none;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s;color:var(--primary-color)}.widget-nav-button svg{min-width:24px;min-height:24px}.widget-nav-button:hover{transform:scale(var(--button-hover-scale))}.song-title h3{text-align:center;font-size:18px}.play-button{width:48px;height:48px}.play-button svg{min-width:24px;min-height:24px}.video-container video{transform:translateY(var(--bypass-offset-mobile))}.video-container.bypassed video{transform:translateY(calc(-50% + var(--processed-offset-mobile)))}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/mw-audiowidget-style.css.map */