:root{--one-cell: 80px}.qubit-gates-container{position:relative;min-width:calc(var(--one-cell) * 1);margin:calc(var(--one-cell) * .25)}.qubit-gates{width:100%;overflow:auto;overscroll-behavior:contain;padding:0;display:flex}.draggable li{position:absolute}.gate{display:flex;align-items:center;z-index:100;background-color:var(--cell-color);border-radius:10px}@keyframes scale-animation{to{transform:scale(.9)}}.selectable li.gate:not(.disabled):active{animation:scale-animation .2s cubic-bezier(.07,1.23,.64,1.01) forwards}.selectable li.gate:not(.disabled):hover{box-shadow:inset 0 0 100px 100px #00000026;cursor:pointer}.qubit-marker{--transition: .2s cubic-bezier(.45, .05, .55, .95);transition:background-color var(--transition)}.qubit-marker span{transition:visibility 0s,opacity var(--transition);position:absolute}.draggable.dragging .qubit-marker{--cell-color: var(--dark-red)}.draggable.dragging .qubit-marker .qubit-marker-name{visibility:hidden;opacity:0}.draggable.dragging .qubit-marker .qubit-marker-trash{visibility:visible;opacity:1}.draggable:not(.dragging) .qubit-marker{--cell-color: var(--dark-grey);cursor:pointer}.draggable:not(.dragging) .qubit-marker .qubit-marker-trash{visibility:hidden;opacity:0}.draggable:not(.dragging) .qubit-marker .qubit-marker-name{visibility:visible;opacity:1}.selectable.grid{--padding-scale: .2}.grid{--cell-scale: .8;--padding-scale: .5;padding:calc(var(--one-cell) * var(--padding-scale));height:calc(var(--one-cell) * (var(--padding-scale) * 2 + var(--cell-scale)));overflow:visible;position:relative;display:flex;gap:calc(var(--one-cell) * (1 - var(--cell-scale)));flex-grow:1;justify-content:flex-start;align-items:flex-start;min-width:max(100%,var(--n-cells) * var(--one-cell))}.grid li{width:calc(var(--one-cell) * var(--cell-scale));height:calc(var(--one-cell) * var(--cell-scale));font-size:calc(var(--one-cell) / 2);justify-content:center}.grid li.double{width:calc((var(--one-cell) * var(--cell-scale) * 2) + var(--one-cell) * (1 - var(--cell-scale)));font-size:calc(var(--one-cell) / 3)}.grid-bg:before,.grid-bg:after{content:"";pointer-events:none;position:absolute;z-index:0;left:0;top:0;width:100%;height:100%}.grid-bg:before{background:linear-gradient(-90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(-90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(transparent 3px,var(--black) 3px,var(--black) calc(var(--one-cell) - 2px),transparent calc(var(--one-cell) - 2px)),linear-gradient(-90deg,white 1px,transparent 1px),linear-gradient(-90deg,transparent 3px,var(--black) 3px,var(--black) calc(var(--one-cell) - 2px),transparent calc(var(--one-cell) - 2px)),linear-gradient(white 1px,transparent 1px),var(--black);background-size:calc(var(--one-cell) / 10) calc(var(--one-cell) / 10),calc(var(--one-cell) / 10) calc(var(--one-cell) / 10),var(--one-cell) var(--one-cell),var(--one-cell) var(--one-cell),var(--one-cell) var(--one-cell),var(--one-cell) var(--one-cell),var(--one-cell) var(--one-cell),var(--one-cell) var(--one-cell);background-position:calc(var(--one-cell) * -.6) calc(var(--one-cell) * .4)}.grid-bg:after{background:linear-gradient(white 1px,transparent 1px);background-size:var(--n-cells) calc(var(--one-cell));background-position:calc(var(--one-cell) * .5) calc(var(--one-cell) * .9);background-repeat:repeat-y}#popup{background-color:#00000080;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}#popup-container{position:absolute;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%);padding:.5em;background-color:var(--black)}.popup-btn{display:flex}.popup-btn button{padding:1em;flex:1 1 0;width:0;border-radius:calc(20px - 1em)}#popup-params{display:grid;grid-template-columns:repeat(2,auto)}#popup-params input{padding:.5em;min-width:10em}#popup-params .double{grid-column:span 2}#popup-prompt,#popup-params input,.popup-btn button{margin:.5em}.fill-height{overflow:hidden;height:100%;width:100%}.bloch{height:100%;display:block;max-height:100%}