html,body,#root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0;padding:0}body{background-color:#1b1b1b;transition:background-color 0s ease-out}body.bankai{background-color:#fff;transition:background-color .25s ease-out;transition-delay:.5s}.interface-btn.audio-enable-disable{right:5.5rem}.interface-btn{--border-thickness: 1px;--corner-size: .15em;--color: #fff;--border-color: #bb012d;filter:drop-shadow(0 10rem 10rem black);position:absolute;top:1rem;right:1rem;font-family:system-ui,sans-serif;font-weight:700;font-size:1.25rem;cursor:pointer;border:none;display:grid;place-items:center;padding:calc(.5em + var(--corner-size));color:var(--color);--inner-border-size: var(--corner-size);background:conic-gradient(from 90deg at var(--border-thickness) var(--border-thickness),#0000 90deg,var(--color) 0) var(--inner-border-size) var(--inner-border-size) / calc(100% - var(--border-thickness) - 2 * var(--inner-border-size)) calc(100% - var(--border-thickness) - 2 * var(--inner-border-size));transition:.3s linear;outline:var(--border-thickness) solid #0000;outline-offset:.3em;background-color:#000}.interface-btn:hover,.interface-btn:focus-visible{--inner-border-size: 0px;outline-color:var(--color);outline-offset:.1em}.interface-btn:not(:disabled){opacity:.6}.interface-btn:disabled{pointer-events:none;opacity:.3}.interface-btn>svg{width:20px}