.compare-container{padding-bottom:28px}@media (max-width:768px){.upload-section{box-sizing:border-box;padding-left:12px;padding-right:12px}.compare-container{padding-bottom:28px}}.compare-container .tagline{letter-spacing:.4em;color:#000;text-transform:uppercase;margin:20px 0;font-size:16px;font-weight:400}@media (max-width:768px){.compare-container .tagline{letter-spacing:.3em;margin:15px 0;font-size:14px}}.page-glow{z-index:0;pointer-events:none;filter:blur(14px);opacity:1;will-change:opacity, transform, filter;background:radial-gradient(circle,#e0ff00d6 0%,#e0ff00a8 2%,#e0ff0066 6%,#e0ff0000 15%);width:120vw;height:120vh;animation:.52s cubic-bezier(.2,.9,.2,1) .16s both glowIn;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}@keyframes glowIn{0%{opacity:0;filter:blur(6px);transform:scale(.96)}60%{opacity:1;filter:blur(10px);transform:scale(1.02)}to{opacity:1;filter:blur(10px);transform:scale(1)}}@media (max-width:768px){.button.play-compare,.play-compare{padding:16px 28px;font-size:19px}.upload-section{flex-direction:column;width:100%;display:flex}.button-upload{font-weight:600}.compare-container .button-container{justify-content:center;width:100%;margin:0 auto;display:flex}.button.play-compare,.play-compare{box-sizing:border-box;white-space:nowrap;justify-content:center;align-items:center;max-width:max-content;margin:0;padding:16px 28px;font-size:19px;line-height:1;display:inline-flex;width:auto!important}.button-container-under-uploads{display:none}.upload-section{width:100%}.button-container-under-uploads{justify-content:center;align-items:center;width:100%;margin-top:28px;margin-bottom:18px;position:relative;visibility:visible!important;display:flex!important}}@media (min-width:769px){.upload-section{box-sizing:border-box;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;display:block}.button.play-compare{padding:16px 32px 18px;font-size:20px}.button-container-under-uploads{justify-content:center;width:100%;margin-top:32px;display:flex;position:relative}}.demo-samples{z-index:1;flex-wrap:wrap;justify-content:center;gap:16px;margin:18px auto 0;display:flex;position:relative}.demo-sample-btn{cursor:pointer;background:0 0;border:none;align-items:center;height:34px;padding:0;transition:transform .25s cubic-bezier(.165,.84,.44,1);display:inline-flex;position:relative}.demo-pill{box-sizing:border-box;color:#000;letter-spacing:.1em;white-space:nowrap;background:#ebebeb;border:2px solid #000;border-radius:9999px;align-items:center;height:34px;padding:0 42px 0 16px;font-size:10px;font-weight:700;transition:box-shadow .25s cubic-bezier(.165,.84,.44,1);display:inline-flex}.demo-circle{box-sizing:border-box;color:#fff;background:#000;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;transition:background-color .25s cubic-bezier(.165,.84,.44,1),color .25s cubic-bezier(.165,.84,.44,1),box-shadow .25s cubic-bezier(.165,.84,.44,1);display:inline-flex;position:absolute;top:0;right:0}.demo-sample-btn:hover,.demo-sample-btn.selected{transform:translateY(-5px)}.demo-sample-btn:hover .demo-pill,.demo-sample-btn.selected .demo-pill,.demo-sample-btn:hover .demo-circle,.demo-sample-btn.selected .demo-circle{box-shadow:0 5px #000}.demo-sample-btn.selected .demo-circle{color:#000;background:#e0ff00}.play-compare{color:inherit;background-color:#fff}.play-compare:hover,.play-compare:active{color:#000;background-color:#e0ff00}.play-compare[disabled]{opacity:.5;pointer-events:none;filter:grayscale(20%)}@media (max-width:768px){.desktop-glow{display:none}.mobile-button-glow-container{z-index:-1;pointer-events:none;justify-content:center;align-items:center;width:260px;height:72px;padding-bottom:0;transition:opacity .28s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-button-glow{filter:blur(16px);opacity:1;will-change:opacity, transform, filter;pointer-events:none;background:radial-gradient(circle at 50% 42%,#e0ff00a3 0%,#e0ff006b 26%,#e0ff002e 52%,#e0ff0000 100%);border-radius:9999px;width:280px;height:72px;transform:translateY(6px);box-shadow:0 6px 24px #e0ff001f}@media (max-width:360px){.mobile-button-glow-container{width:220px;height:64px}.mobile-button-glow{filter:blur(14px);background:radial-gradient(circle at 50% 42%,#e0ff00ad 0%,#e0ff0075 26%,#e0ff0038 52%,#e0ff0000 100%);width:220px;height:56px}}}@media (min-width:769px){.mobile-button-glow-container{display:none}}.material-icons.icon-small{vertical-align:middle;margin-right:4px;font-size:18px}.bottom-spacer{width:100%;height:36px}@media (max-width:480px){.compare-container .tagline{letter-spacing:.2em;margin:8px 0;font-size:11px}.button.play-compare{width:auto;max-width:360px;padding:15px 24px;font-size:18px}.compare-container{padding-bottom:36px}}.compare-actions{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.save-share{cursor:pointer;z-index:1;background-color:#fff;align-items:center;gap:6px;padding:10px 18px;font-size:14px;display:inline-flex;position:relative}.upods{z-index:1;position:relative}.save-share:hover{color:#000;background-color:#e0ff00}.save-share[disabled]{opacity:.5;pointer-events:none}.demo-nav{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:inline-flex;position:relative}.compare-container .demo-nav-btn{cursor:pointer;box-shadow:none;white-space:nowrap;background-color:#ececec;border-color:#0000;align-items:center;gap:4px;padding:9px 14px;font-size:13px;display:inline-flex}.compare-container .demo-nav-btn:hover{color:#000;box-shadow:none;background-color:#e0ff00;border-color:#0000;transform:none}@media (max-width:480px){.compare-container .demo-nav-btn{padding:8px 11px;font-size:12px}}@media (max-width:768px){.compare-container .tagline{letter-spacing:.25em;margin:4px 0 18px;font-size:11px}.button-container-under-uploads{margin-bottom:6px;position:relative;margin-top:30px!important}.compare-actions{flex-flow:wrap;justify-content:center;gap:8px}.save-share{padding:10px 14px;font-size:13px}.bottom-spacer{display:none}}.save-share-locked{text-decoration:none;position:relative}.locked-badge{letter-spacing:.08em;color:#555;white-space:nowrap;background:#e9e9e9;border:1px solid #bbb;border-radius:9999px;margin-left:6px;padding:2px 8px;font-size:9px;font-weight:700}@media (max-width:768px){.compare-container.is-playing .bottom-spacer{display:none}.compare-container.is-playing .site-footer{margin-top:24px}}.upload-waveform-axis{z-index:0;pointer-events:none;width:100vw;height:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.upload-waveform-axis{height:48px}}.compare-container{padding-top:92px!important}@media (max-width:768px){.compare-container{padding-top:24px!important;padding-bottom:calc(28px + var(--fnav-clear-bottom))!important}}.compare-container .site-footer{padding-top:80px}@media (max-width:768px){.compare-container.has-files:not(.is-playing){min-height:calc(100dvh + 120px)}.compare-container.has-files:not(.is-playing) .button-container-under-uploads{margin-bottom:auto}.compare-container.has-files:not(.is-playing) .site-footer{margin-top:0;padding-top:34px}.demo-samples{gap:12px;margin-top:12px}.button-upload{padding:6px 9px;font-size:11px}}@media (min-width:769px){.compare-container{padding-bottom:0}.compare-container>.tagline{margin-top:auto}.compare-container.is-playing>.tagline{margin-bottom:8px}.compare-container.is-playing .button-container-under-uploads{margin-top:16px}.compare-container.is-playing .site-footer{padding-top:48px}}@media (max-width:768px){.compare-container.is-playing .player-section{min-height:calc(100svh - 64px - var(--fnav-clear-bottom))}.compare-container.is-playing .player-section .hold-slot{margin-top:auto}}.compare-container .compare-sr-title{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}