:root{--fill-duration:1s;--content-duration:calc(var(--fill-duration) + .2s);--hover-transition:.3s}.db-main-container{color:#fff;align-items:flex-start;gap:3rem;width:100%;max-width:1200px;display:flex}.db-button-container{flex-direction:column;flex:1;align-items:center;gap:3rem;display:flex}.db-delete-button{cursor:pointer;transition:all var(--hover-transition)ease-in-out;-webkit-user-select:none;user-select:none;z-index:5;background:#fff;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.db-delete-button:before{content:"";clip-path:polygon(0 0,0 0,0 100%,0 100%);z-index:5;background:linear-gradient(90deg,#f44,#c00);width:100%;height:100%;position:absolute;top:0;left:0}.db-delete-button:active{transition:all var(--hover-transition)ease-out;transform:scale(.95)}.db-delete-button:active:before{animation:db-fillProgress var(--fill-duration)cubic-bezier(.77,0,.175,1)forwards}@keyframes db-fillProgress{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}.db-button-content{z-index:5;align-items:center;gap:.75rem;display:flex;position:relative}.db-content-dark{color:#333;align-items:center;gap:.75rem;transition:opacity .2s ease-out;display:flex}.db-content-white{color:#fff;clip-path:inset(0 100% 0 0);align-items:center;gap:.75rem;display:flex;position:absolute;top:0;left:0}.db-delete-button:active .db-content-white{animation:db-fillProgress var(--fill-duration)cubic-bezier(.77,0,.175,1)forwards}.db-trash-icon{width:20px;height:20px}.db-delete-button-alt{cursor:pointer;transition:all var(--hover-transition)ease-in-out;background:#fff;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.95rem;font-weight:500;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #f443}.db-delete-button-alt:before{content:"";clip-path:circle(0% at 0%);z-index:1;background:#f44;width:100%;height:100%;position:absolute;top:0;left:0}.db-delete-button-alt:active{transition:all var(--hover-transition)ease-out;transform:scale(.95)}.db-delete-button-alt:active:before{animation:db-circularFill var(--fill-duration)cubic-bezier(.77,0,.175,1)forwards}@keyframes db-circularFill{0%{clip-path:circle(0% at 0%)}to{clip-path:circle(150% at 0%)}}.db-delete-button-alt .db-content-dark{color:#f44}.db-delete-button-alt:active .db-content-white{animation:db-circularFill var(--fill-duration)cubic-bezier(.77,0,.175,1)forwards}.db-h3{text-align:center;text-shadow:0 2px 4px #0003;margin-bottom:.5rem;font-size:.9rem}.db-button-wrapper{flex-direction:column;align-items:center;display:flex}.db-current-values{color:#666;background:#f9f9f9;border-radius:8px;margin-top:1rem;padding:1rem;font-family:Courier New,monospace;font-size:.8rem;line-height:1.6}@media (max-width:768px){.db-main-container{flex-direction:column;align-items:center}.db-debug-panel{width:100%;max-width:400px}}