:root{--activeColor:blue;--passiveColor:darkred}body{background:#f0f0f0}.centered{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.click-transapernt{pointer-events:none}.away{transform:translateY(-200vh)!important}.smaller{font-size:smaller}.larger{font-size:larger}.bold{font-weight:700}.center{text-align:center}.right{text-align:right}.super{position:relative}.L .super{top:-.8vh}.P .super{top:-.6vw}#main-container{background:#fff;font-family:Open Sans,sans-serif;font-weight:300;overflow:hidden;position:fixed}#main-container.L{bottom:0;font-size:2vh;left:50%;top:0;transform:translateX(-50%);width:133vh}#main-container.P{font-size:1.5vw;height:75vw;left:0;right:0;top:50%;transform:translateY(-50%)}.fullScreen,.slider,.splash{bottom:0;left:0;position:fixed;right:0;top:0}.splash{background-color:#fff}.splash.splash1{background-color:#f0f0f0}.splash img{height:100%;width:100%}.slider{background-color:rgba(0,0,0,.75);transform:translateX(-100%);transition:transform .3s ease}.slider.right-slider{transform:translateX(100%)}.slider.active-slider{transform:translateX(0)}.slider .back-to-menu,.slider .close-slider,.slider .slider-command{color:#fff;cursor:pointer;font-weight:700;position:absolute;top:3%}.L .slider .back-to-menu,.L .slider .close-slider,.L .slider .slider-command{font-size:6vh}.P .slider .back-to-menu,.P .slider .close-slider,.P .slider .slider-command{font-size:4.5vw}.slider .close-slider{right:3%}.slider .back-to-menu{left:3%}.slider-main-container{color:#fff;position:relative;top:50%;transform:translateY(-50%)}.slider-main-container .slider-title{font-size:300%;text-align:center}.slider-main-container form{margin:2% auto;width:50%}.slider-main-container button,.slider-main-container input,.slider-main-container textarea{background:transparent;box-sizing:border-box;color:#fff;font-family:inherit;font-size:150%;margin:3% 0;outline:none;width:100%}.L .slider-main-container button,.L .slider-main-container input,.L .slider-main-container textarea{border:.2vh solid #fff;padding:.4vh 1vh}.P .slider-main-container button,.P .slider-main-container input,.P .slider-main-container textarea{border:.15vw solid #fff;padding:.3vw .75vw}.slider-main-container textarea{font-size:120%}.slider-main-container button{background:#fff;color:gray;cursor:pointer;margin-left:auto;width:30%}.menu-item{cursor:pointer;font-size:150%;margin:3% auto;padding:1.5%;text-align:center;width:50%}.L .menu-item{border:.4vh solid #fff}.P .menu-item{border:.3vw solid #fff}.credit-item{font-size:150%;margin:3% auto;padding:1.5%;text-align:left;width:50%}.credit-item .indent{font-weight:700;padding-left:10%}.credit-item .inline-icon{width:10%}#main-logo{position:relative;transform:translateY(15%);width:100%;z-index:-1}div>#main-logo{z-index:0}#logo-title{font-weight:700;position:relative}.square1x1{background:#fff;box-sizing:border-box;overflow:hidden;padding:1%;position:absolute}.L .square1x1{height:33.33vh;width:33.33vh}.P .square1x1{height:25vw;width:25vw}.square2x2{background:#fff;box-sizing:border-box;overflow:hidden;padding:1%;position:absolute}.L .square2x2{height:66.66vh;width:66.66vh}.P .square2x2{height:50vw;width:50vw}.square1x3{background:#fff;box-sizing:border-box;overflow:hidden;padding:1%;position:absolute}.L .square1x3{height:33.33vh;width:100vh}.P .square1x3{height:25vw;width:75vw}.pos_1_2{left:25%}.pos_1_3{left:50%}.pos_1_4{left:75%}.pos_2_1,.pos_2_2{top:33.33%}.pos_2_2{left:25%}.pos_2_3{left:50%;top:33.33%}.pos_2_4{left:75%;top:33.33%}.pos_3_1,.pos_3_2{top:66.66%}.pos_3_2{left:25%}.pos_3_3{left:50%;top:66.66%}.pos_3_4{left:75%;top:66.66%}.pretty{font-weight:700}.section-labels{font-size:smaller;height:100%;left:0;top:0;width:100%}.section-labels,.section-labels div{position:absolute}.section-labels .label_1{right:5%;top:50%}.section-labels .label_-1{left:2%;top:50%}.section-labels .label_i{right:52%;top:3%}.section-labels .label_-i{bottom:3%;right:52%}.section-labels .label_x{bottom:29%;left:31%}.section-labels .label_y{right:3%;top:50%;transform:translateY(-50%)}.section-labels .label_z{left:50%;top:1%;transform:translatex(-50%)}.section-labels .label_-z{bottom:1%;left:50%;transform:translatex(-50%)}.state-list{color:var(--activeColor);padding-bottom:4%;text-align:center}.state-list span{cursor:pointer;margin:0 3%}.c-cartesian{cursor:default;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.L .c-cartesian{height:33.33vh;width:33.33vh}.P .c-cartesian{height:25vw;width:25vw}.bloch{left:0;position:absolute;top:0}.gateChain{display:flex;height:98%;justify-content:center;text-align:center}.gateChain.rtl{flex-direction:row}.gateChain.ltr{flex-direction:row-reverse}.gateChain .first-screen-setter-container,.gateChain .last-screen-setter-container,.gateChain .screen-setter-container{bottom:3%;font-size:smaller;position:absolute;white-space:nowrap;width:40%}.gateChain .first-screen-setter-container .screen-setter,.gateChain .last-screen-setter-container .screen-setter,.gateChain .screen-setter-container .screen-setter{color:var(--activeColor);cursor:pointer}.gateChain .first-screen-setter-container .screen-setter.active-screen-setter,.gateChain .last-screen-setter-container .screen-setter.active-screen-setter,.gateChain .screen-setter-container .screen-setter.active-screen-setter{background-color:var(--activeColor);border-radius:20%;color:#fff;cursor:unset}.gateChain.rtl .screen-setter-container{left:0;transform:translateX(-50%)}.gateChain.ltr .screen-setter-container{right:0;transform:translateX(50%)}.gateChain.rtl .first-screen-setter-container{left:0}.gateChain.ltr .first-screen-setter-container,.gateChain.rtl .last-screen-setter-container{right:0}.gateChain.ltr .last-screen-setter-container{left:0}.gateChain .remove-gate{left:50%;position:relative;transform:translateX(-50%)}.gateChain.rtl .add-gate{left:0;position:absolute;transform:translateX(-50%)}.gateChain.ltr .add-gate,.gateChain.rtl .add-last-gate{position:absolute;right:0;transform:translateX(50%)}.gateChain.ltr .add-last-gate{left:0;position:absolute;transform:translateX(-50%)}.gateChain .chain-direction{bottom:2%;position:absolute}.gateChain.rtl .chain-direction{left:3%}.gateChain.ltr .chain-direction{right:3%}.gateChain.ltr .chain-direction-last,.gateChain.rtl .chain-direction-first{background:#fff;bottom:2%;font-size:smaller;position:absolute;right:8%}.gateChain.ltr .chain-direction-first,.gateChain.rtl .chain-direction-last{background:#fff;bottom:2%;font-size:smaller;left:8%;position:absolute}.gateChain .chain-direction-swap{background:#fff;bottom:2%;color:var(--activeColor);cursor:pointer;font-size:smaller;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}.gate-container{display:inline-block;height:100%;position:relative;vertical-align:top;width:20%}.gate-container .gate-parameter{color:var(--activeColor)}.gate-container input,.gate-container select{background:#fff;color:var(--activeColor);font-family:inherit;font-size:inherit}.gate-container input{vertical-align:middle;width:60%}.gate-container .matrix-cotainer{font-size:smaller;left:50%;position:absolute;top:60%;transform:translate(-50%,-50%)}.chain-control{background:var(--activeColor);border-radius:100%;cursor:pointer;font-size:larger;margin-bottom:5%;top:0}.L .chain-control{height:4vh;width:4vh}.P .chain-control{height:3vw;width:3vw}.chain-control span{color:#fff;font-size:larger;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.help{display:none}.help-sprite{background-color:rgba(0,0,0,.75);color:#fff;display:none;font-size:unset;position:absolute;text-align:left}.L .help-sprite{border-radius:3.33vh;margin:1.66vh;max-width:33.33vh;padding:3.33vh}.P .help-sprite{border-radius:2.5vw;margin:1.25vw;max-width:25vw;padding:2.5vw}.menu-icon-list{font-size:larger;font-weight:700;left:2%;position:absolute;text-align:left;top:2%;width:100%}.menu-icon{border-radius:25%;color:var(--activeColor);cursor:pointer;display:inline-block;margin-right:2%;padding:1%;position:relative;text-align:center;transition:background-color .3s ease,color .3s ease}.L .menu-icon{border:.4vh solid var(--activeColor);height:4vh;width:4vh}.P .menu-icon{border:.3vw solid var(--activeColor);height:3vw;width:3vw}.active-help .menu-icon.helper-control,.menu-icon.selected-icon{background:var(--activeColor);color:#fff}.gate-details{display:none}.gate-symbol{filter:invert(1);width:100%}#spinner-panel{display:none}.busy #spinner-panel{background:#ebe7e6;bottom:0;display:block;filter:invert(1);left:0;opacity:.75;position:fixed;right:0;top:0}.busy #spinner-panel img{width:50%}

/*# sourceMappingURL=app.css.map*/