.abp{font-family:Inter,-apple-system,sans-serif;color:#fff;position:relative;overflow:hidden;transition:all .8s ease}.abp *,.abp *:before,.abp *:after{box-sizing:border-box}.abp-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:1.75rem;margin-bottom:2.5rem}.abp-tl{font-weight:700;font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase;transition:all .5s;-webkit-user-select:none;user-select:none;cursor:pointer}.abp-tl-b,.abp-tl-a{color:#ffffff40}.abp[data-mode=before] .abp-tl-b{color:#fff}.abp[data-mode=after] .abp-tl-a{color:#fff;text-shadow:0 0 20px rgba(34,197,94,.5),0 0 40px rgba(34,197,94,.2)}.abp-sw-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;padding:0!important;margin:-1px!important}.abp-sw{width:72px;height:38px;border-radius:999px;cursor:pointer;position:relative;display:inline-block;flex-shrink:0;transition:background .4s,border-color .4s,box-shadow .4s;background:#ffffff14;border:2px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 4px #0000004d}.abp-sw-input:checked+.abp-sw{background:#22c55e;border-color:#22c55e;box-shadow:inset 0 1px 4px #00000026,0 0 24px #22c55e40,0 0 60px #22c55e14}.abp-sw:after{content:"";position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d,0 1px 1px #00000026;transition:transform .4s cubic-bezier(.4,0,.2,1)}.abp-sw-input:checked+.abp-sw:after{transform:translate(34px);box-shadow:0 1px 3px #0003,0 0 8px #22c55e4d}.abp-sw:active:after{width:34px}.abp-ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:0;transition:opacity 1s ease;background:radial-gradient(ellipse at 50% 30%,rgba(34,197,94,.18) 0%,transparent 65%),radial-gradient(ellipse at 20% 70%,rgba(34,197,94,.1) 0%,transparent 55%),radial-gradient(ellipse at 80% 60%,rgba(34,197,94,.1) 0%,transparent 55%)}.abp[data-mode=after] .abp-ambient{opacity:1}.abp-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .8s;background:repeating-linear-gradient(90deg,transparent 0px,transparent 60px,rgba(34,197,94,.06) 60px,rgba(34,197,94,.06) 61px)}.abp[data-mode=after] .abp-shimmer{opacity:1}.abp-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .8s}.abp[data-mode=after] .abp-particles{opacity:1}.abp[data-mode=after] .abp-card{border-color:#22c55e26!important;box-shadow:0 8px 40px #0006,0 0 60px #22c55e0a,0 0 120px #22c55e05!important}.abp .abp-accent{transition:color .5s,text-shadow .5s}.abp[data-mode=after] .abp-accent{color:#4ade80!important;text-shadow:0 0 20px rgba(34,197,94,.3)}.abp-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;transition:all .3s;cursor:pointer;background:#0a08124d;border:1px solid rgba(255,255,255,.04);position:relative;z-index:1}.abp-row:hover{background:#0a081280;border-color:#ffffff14}.abp-row.playing{border-color:#ce2c2c4d;background:#ce2c2c0f}.abp[data-mode=after] .abp-row.playing{border-color:#22c55e4d;background:#22c55e0f;box-shadow:0 0 20px #22c55e0d}.abp-play{width:44px;height:44px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,255,255,.1);background:#ffffff08;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s}.abp-play:hover{background:var(--rua-accent);border-color:var(--rua-accent);transform:scale(1.05)}.abp-play svg{width:16px;height:16px}.abp-play .ic-pause,.abp-row.playing .abp-play .ic-play{display:none}.abp-row.playing .abp-play .ic-pause{display:block}.abp-row.playing .abp-play{background:var(--rua-accent);border-color:var(--rua-accent)}.abp[data-mode=after] .abp-play:hover{background:#22c55e;border-color:#22c55e}.abp[data-mode=after] .abp-row.playing .abp-play{background:#22c55e;border-color:#22c55e;box-shadow:0 0 12px #22c55e66}.abp-name{font-size:.95rem;font-weight:600;color:#ffffffb3;min-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abp-bar{flex:1;height:24px;cursor:pointer;position:relative;display:flex;align-items:center}.abp-bar-track{width:100%;height:4px;background:#ffffff14;border-radius:999px;position:relative;overflow:visible;transition:height .2s}.abp-row:hover .abp-bar-track,.abp-row.playing .abp-bar-track{height:6px}.abp-fill{display:block!important;height:100%;width:0%;border-radius:999px;background:var(--rua-accent);box-shadow:0 0 6px #ce2c2c4d;font-size:0;line-height:0;overflow:visible;position:relative;transition:none}.abp[data-mode=after] .abp-fill{background:#22c55e;box-shadow:0 0 8px #22c55e66}.abp-fill:after{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000080,0 0 8px #ce2c2c4d;opacity:0;transition:opacity .15s,transform .15s}.abp-row.playing .abp-fill:after,.abp-row:hover .abp-fill:after{opacity:1}.abp-bar.dragging .abp-fill:after{opacity:1;transform:translateY(-50%) scale(1.3)}.abp[data-mode=after] .abp-fill:after{box-shadow:0 1px 4px #00000080,0 0 8px #22c55e4d}.abp-time{font-size:.75rem;color:#ffffff4d;min-width:3rem;text-align:right;font-variant-numeric:tabular-nums}.abp-hint{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#ffffff40;transition:color .5s}.abp[data-mode=after] .abp-hint{color:#22c55e66}@media(max-width:640px){.abp-name{min-width:70px;font-size:.85rem}.abp-row{gap:10px;padding:12px}.abp-tl{font-size:1rem}.abp-toggle-wrap{gap:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/collection-before-after-player.css.map */