.canvas{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:5px}.tappable{-webkit-tap-highlight-color:rgba(0,0,0,0)}:root{--sidebar-width:400px;--preset-control-height:30px;--padding-full:10px;--padding-half:5px;--padding-double:20px;--color-white:#fff;--color-white-a95:hsla(0,0%,100%,.95);--color-white-a80:hsla(0,0%,100%,.8);--color-white-a50:hsla(0,0%,100%,.5);--color-white-a30:hsla(0,0%,100%,.3);--color-white-a20:hsla(0,0%,100%,.2);--color-black:#263238;--color-black-a95:rgba(38,50,56,.95);--color-black-a80:rgba(38,50,56,.8);--color-black-a50:rgba(38,50,56,.5);--color-black-a30:rgba(38,50,56,.3);--color-black-a20:rgba(38,50,56,.2)}.btn{position:relative;font-family:inherit;color:inherit;outline:none;border:none;padding:5px 10px;padding-right:8px;letter-spacing:.2em;cursor:pointer;background:transparent;border:1px solid var(--color-black);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none}.btn:disabled{opacity:.4;cursor:default}.btn--icon{padding:0}.app--dark .btn{border-color:var(--color-white)}.btn--hover:not(.btn--selected):not(:disabled){background:var(--color-black-a20)}.app--dark .btn--hover:not(.btn--selected):not(:disabled){background:var(--color-white-a20)}.btn--selected{background:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.app--dark .btn--selected{background:var(--color-white);border-color:var(--color-white);color:var(--color-black)}.btn--inline:not(:last-child){margin-right:10px}.btn--block-center{display:block;margin:0 auto}.btn--large{font-size:15px;font-weight:300}.btn--add,.btn--reset,.btn--shuffle{padding-left:27px}.btn--add:before,.btn--reset:before,.btn--shuffle:before{position:absolute;top:50%;left:10px;content:"";height:12px;width:12px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.btn--reset:before{background-image:url(/experiments/chaos-game/static/media/reset-black.31e57574.svg)}.app--dark .btn--reset:before{background-image:url(/experiments/chaos-game/static/media/reset-white.550d82d5.svg)}.btn--shuffle:before{background-image:url(/experiments/chaos-game/static/media/shuffle-black.d0eed865.svg)}.app--dark .btn--shuffle:before{background-image:url(/experiments/chaos-game/static/media/shuffle-white.10e88693.svg)}.btn--add:before{background-image:url(/experiments/chaos-game/static/media/plus-black.c637f30e.svg)}.app--dark .btn--add:before{background-image:url(/experiments/chaos-game/static/media/plus-white.1a4fd5f1.svg)}.btn--arrow-left,.btn--arrow-right{width:var(--preset-control-height);height:var(--preset-control-height)}.btn--arrow-left:after,.btn--arrow-right:after{position:absolute;content:"";height:10px;width:10px;top:50%;border-right:1px solid var(--color-black);border-bottom:1px solid var(--color-black)}.btn--arrow-left:after{left:calc(50% + 3px);-webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.btn--arrow-right:after{left:calc(50% - 3px);-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.app--dark .btn--arrow-left:after,.app--dark .btn--arrow-right:after{border-color:var(--color-white)}:root{--hue-button-width:50px;--shade-button-width:200px;--picker-height:500px;--num-hues:15;--num-shades:9;--picker-button-spacing:5px;--hue-button-height:29px;--shade-button-height:56px}.color-picker{position:absolute;top:50%;left:50%;background:var(--color-white);padding:10px;box-shadow:0 1px 35px 0 rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .2s;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.color-picker--open{opacity:1;pointer-events:auto}.app--dark .color-picker{background:var(--color-black);box-shadow:0 1px 25px 5px rgba(0,0,0,.9)}.color-picker__lists{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.color-picker__list{height:var(--picker-height);font-size:0}.color-picker__list--hues{margin-right:10px}.color-picker__list--shades{width:200px}.color-picker__button{position:relative;display:inline-block;border:none;cursor:pointer;outline:none;transition:background .3s}.color-picker__button:after{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);display:block;content:"";height:30px;width:30px;background-position:50%;background-size:contain;background-repeat:no-repeat;background-image:url(/experiments/chaos-game/static/media/check-mark-white.b7559d6b.svg);pointer-events:none;opacity:0;-webkit-transform:scale(.1);-ms-transform:scale(.1);transform:scale(.1);transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}.color-picker__button--dark-text:after{background-image:url(/experiments/chaos-game/static/media/check-mark-black.a4360be8.svg)}.color-picker__button--hover:not(.color-picker__button--selected):after{opacity:.5;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.color-picker__button--selected:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.color-picker__button--hue{height:var(--hue-button-height);width:var(--hue-button-width)}.color-picker__button--hue:not(:last-child){margin-bottom:var(--picker-button-spacing)}.color-picker__button--shade{height:var(--shade-button-height);width:var(--shade-button-width)}.color-picker__shade-button--selected:after{opacity:1}.color-picker__controls{padding-top:10px;text-align:center}.radio-control{list-style:none;margin-bottom:10px}.radio-control__options{display:-webkit-box;display:-ms-flexbox;display:flex}.radio-control__radio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;border:none;background:transparent;margin:0;padding:0;font-family:inherit;font-size:14px;color:inherit;width:100%;text-align:left;outline:none}.radio-control__item:not(:last-child){padding-bottom:10px}.radio-control__radio-dot{display:inline-block;content:"";height:20px;width:20px;border:1px solid var(--color-black);margin-right:10px;transition:background .2s}.app--dark .radio-control__radio-dot{border-color:var(--color-white)}.radio-control__radio--hover .radio-control__radio-dot{background:var(--color-black-a20)}.app--dark .radio-control__radio--hover .radio-control__radio-dot{background:var(--color-white-a20)}.radio-control__radio--selected .radio-control__radio-dot{background:var(--color-black)}.app--dark .radio-control__radio--selected .radio-control__radio-dot{background:var(--color-white)}.radio-control__radio-name{-webkit-box-flex:1;-ms-flex:1;flex:1}.color-controls__help{font-size:13px;width:75%;margin:0 auto 20px}.color-controls__target-control{position:relative;width:50%;margin:20px auto 0}.exclusion-control__help{font-size:13px;margin:20px 0}.exclusion-control__points{display:block;width:50%;margin:0 auto}.exclusion-control__point{fill:var(--color-white);stroke:var(--color-black);stroke-width:.01;cursor:pointer;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;transition:fill .2s}.app--dark .exclusion-control__point{fill:var(--color-black);stroke:var(--color-white)}.exclusion-control__point--first{stroke-width:.02}.exclusion-control__point-cross{fill:var(--color-white);stroke-width:0}.app--dark .exclusion-control__point-cross{fill:var(--color-black)}.exclusion-control__point--hover:not(.exclusion-control__point--selected){fill:var(--color-black-a20)}.app--dark .exclusion-control__point--hover:not(.exclusion-control__point--selected){fill:var(--color-white-a20)}.exclusion-control__point--selected{fill:var(--color-black)}.app--dark .exclusion-control__point--selected{fill:var(--color-white)}.exclusion-control__loop{fill:none;stroke:var(--color-black);stroke-width:.01}.app--dark .exclusion-control__loop{stroke:var(--color-white)}.exclusion-control__loop-triangle{fill:var(--color-black)}.app--dark .exclusion-control__loop-triangle{fill:var(--color-white)}.preset-control{height:var(--preset-control-height)}.preset-control,.preset-control__select-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.preset-control__select-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 10px;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border:1px solid var(--color-black);background:var(--color-white);color:var(--color-black)}.app--dark .preset-control__select-wrapper{border-color:var(--color-white)}.app--dark .preset-control__select-wrapper,.preset-control--active .preset-control__select-wrapper{background:var(--color-black);color:var(--color-white)}.app--dark .preset-control--active .preset-control__select-wrapper{background:var(--color-white);color:var(--color-black)}.preset-control__select{width:100%;padding:0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:none;background:none;color:inherit;font-family:inherit;font-size:12px;letter-spacing:.2em;outline:none}.preset-control__select-arrow{position:absolute;top:calc(50% - 2px);right:10px;height:10px;width:10px;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);border-right:1px solid var(--color-black);border-bottom:1px solid var(--color-black);pointer-events:none}.app--dark .preset-control__select-arrow,.preset-control--active .preset-control__select-arrow{border-color:var(--color-white)}.app--dark .preset-control--active .preset-control__select-arrow{border-color:var(--color-black)}.range{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.range__slider-container{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;height:25px;width:100%;border:1px solid var(--color-black);cursor:col-resize}.app--dark .range__slider-container{border-color:var(--color-white)}.range__slider-bar{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);pointer-events:none;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.range:not(.range--dragging) .range__slider-bar{transition:background-color .5s,-webkit-transform .2s;transition:background-color .5s,transform .2s;transition:background-color .5s,transform .2s,-webkit-transform .2s}.app--dark .range__slider-bar{background:var(--color-white)}.range__icon{height:25px;width:25px;margin-right:10px}.transform-controls__buttons{text-align:center;padding-left:35px}.transform-controls__transform{position:relative;margin-bottom:20px}.transform-controls__transform-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:300;font-size:inherit;margin-bottom:10px}.transform-controls__transform-probability{display:inline-block;font-size:12px;margin-left:5px;opacity:.6}.transform-controls__transform-buttons{position:relative;top:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.transform-controls__transform-button{outline:none;border:none;background:transparent;cursor:pointer;margin-left:15px;opacity:.7;transition:opacity .2s}.transform-controls__transform-button--hover{opacity:1}.transform-controls__transform-button:after{display:block;content:"";height:18px;width:18px;background:50%/contain}.transform-controls__transform-button--shuffle:after{background-image:url(/experiments/chaos-game/static/media/shuffle-black.d0eed865.svg)}.app--dark .transform-controls__transform-button--shuffle:after{background-image:url(/experiments/chaos-game/static/media/shuffle-white.10e88693.svg)}.transform-controls__transform-button--trash:after{background-image:url(/experiments/chaos-game/static/media/trash-black.64d92b6f.svg)}.app--dark .transform-controls__transform-button--trash:after{background-image:url(/experiments/chaos-game/static/media/trash-white.99aee330.svg)}.transform-controls__transform-button--reset:after{background-image:url(/experiments/chaos-game/static/media/reset-black.31e57574.svg)}.app--dark .transform-controls__transform-button--reset:after{background-image:url(/experiments/chaos-game/static/media/reset-white.550d82d5.svg)}.transform-control__range{display:-webkit-box;display:-ms-flexbox;display:flex}.transform-controls__transform-color{height:22px;width:22px;margin-left:15px;cursor:pointer;border:none;outline:none;border-radius:3px}.transform-controls__transform-range{margin-bottom:10px}.transform-controls__icon{fill:var(--color-black)}.app--dark .transform-controls__icon{fill:var(--color-white)}.transform-controls__icon-line{stroke:var(--color-black);stroke-width:5}.app--dark .transform-controls__icon-line{stroke:var(--color-white)}.transform-controls__icon-line--light{stroke:var(--color-black-a20)}.app--dark .transform-controls__icon-line--light{stroke:var(--color-white-a50)}.controls{padding:10px}.controls__control{margin-bottom:20px}.controls__control-title{position:relative;font-size:15px;font-weight:300;margin-bottom:10px;letter-spacing:.3em;padding:5px 10px;border-left:1px solid var(--color-black);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.controls__divider{width:100%;border-bottom:1px solid var(--color-black-a20);margin:20px auto 40px}.app--dark .controls__divider{background-color:var(--color-white-a50)}.controls__description{font-size:13px;margin:20px 0 10px}.controls__quote{margin:20px 0 10px}.controls__quote-content{font-size:13px;padding:0 10px;text-align:justify;border-left:2px solid var(--color-black);border-right:2px solid var(--color-black)}.app--dark .controls__quote-content{border-color:var(--color-white)}.controls__description:first-child{margin-top:0}.controls__control-children{padding:10px}.app--dark .controls__control-title{border-color:var(--color-white)}.controls__social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:40px}.controls__attribution{font-size:13px;text-align:center}.download-modal{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-white-a80);display:none}.app--dark .download-modal{background:var(--color-black-a80)}.download-modal--visible{display:-webkit-box;display:-ms-flexbox;display:flex}.download-modal__header{text-align:center;letter-spacing:.2em;font-size:16px;font-weight:300;margin-bottom:40px}.download-modal__initial-step{max-width:500px;width:100%;padding:20px}.download-modal__initial-step-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.download-modal__initial-step-button{position:relative;background-color:transparent;cursor:pointer;font-size:10px;font-family:inherit;border:none;color:var(--color-black);-webkit-box-flex:1;-ms-flex:1;flex:1;outline:none}.app--dark .download-modal__initial-step-button{color:var(--color-white)}.download-modal__initial-step-button:after{display:block;content:"";padding-top:100%}.download-modal__initial-step-button-rect{position:absolute;left:0;bottom:0;display:block;height:100%;width:100%;border:1px solid var(--color-black);background:var(--color-white-a20)}.app--dark .download-modal__initial-step-button-rect{border:1px solid var(--color-white);background:var(--color-black-a20)}.download-modal__initial-step-button--hover .download-modal__initial-step-button-rect{background:var(--color-black-a20)}.app--dark .download-modal__initial-step-button--hover .download-modal__initial-step-button-rect{background:var(--color-white-a20)}.download-modal__initial-step-button-text{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%) translateY(10px);-ms-transform:translateX(-50%) translateY(10px);transform:translateX(-50%) translateY(10px);letter-spacing:.2em}.download-modal__initial-step-button--four-three .download-modal__initial-step-button-rect{height:75%}.download-modal__initial-step-button--sixteen-nine .download-modal__initial-step-button-rect{height:56%}.download-modal__initial-step-button--three-four .download-modal__initial-step-button-rect{left:12.5%;width:75%}.download-modal__initial-step-button--nine-sixteen .download-modal__initial-step-button-rect{left:22%;width:56%}.download-modal__initial-step-button:not(:last-child){margin-right:8%}.download-modal__progress{position:relative;letter-spacing:.2em;font-weight:300;padding:10px}.download-modal__progress:after{position:absolute;top:100%;left:0;width:100%;height:1px;background:var(--color-black);content:"";-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-animation:download-progress-bar 1.75s forwards;animation:download-progress-bar 1.75s forwards}.app--dark .download-modal__progress:after{background:var(--color-white)}@-webkit-keyframes download-progress-bar{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes download-progress-bar{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.app{width:100%;color:var(--color-black);background:var(--color-white);line-height:1.8}.app--dark{background:var(--color-black);color:var(--color-white)}.app__controls{position:relative;left:0;width:100%}@media only screen and (min-width:800px){.app__controls{position:relative;left:calc(100% - var(--sidebar-width));width:var(--sidebar-width)}}.app__canvas-container{position:relative;top:0;left:0;width:100%;padding-top:100%}@media only screen and (min-width:800px){.app__canvas-container{position:fixed;right:var(--sidebar-width);width:auto;bottom:0;left:0;padding-top:0}}.app__meta-controls{position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px}.app__meta-control{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0;opacity:.8;background:none;outline:none;border:none;cursor:pointer;transition:opacity .1s}.app__meta-control--hover{opacity:1}.app__meta-control:after{display:block;content:"";height:50px;width:50px;background:transparent 50%/contain}.app__meta-control--download:after{background-image:url(/experiments/chaos-game/static/media/download.4657729c.svg)}.app--dark .app__meta-control--download:after{background-image:url(/experiments/chaos-game/static/media/download-white.7c512c6d.svg)}.app__meta-control--play:after{background-image:url(/experiments/chaos-game/static/media/play.5894e976.svg)}.app--dark .app__meta-control--play:after{background-image:url(/experiments/chaos-game/static/media/play-white.e996a641.svg)}.app__meta-control--pause:after{background-image:url(/experiments/chaos-game/static/media/pause.da2e59f8.svg)}.app--dark .app__meta-control--pause:after{background-image:url(/experiments/chaos-game/static/media/pause-white.e5218cae.svg)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;font-family:Open Sans,sans-serif}a{color:inherit}.app-root{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;overflow:hidden}
/*# sourceMappingURL=main.f93fed99.css.map*/