@charset "UTF-8";.toolbox-home{display:flex;flex-flow:column;justify-content:space-between;overflow:hidden}.toolbox-home .title{width:100%;text-align:center;font-size:64px;margin:64px 0 0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.toolbox-home .image{text-align:center;filter:drop-shadow(2px 4px 6px black)}.toolbox-home .image svg{margin:auto;max-height:64vh;fill:#fff;transition:.64s all ease}.toolbox-home .image svg:hover{transform:rotate(45deg) scale(1.1);fill:#f06}.toolbox-home p{width:80%;margin-left:10%;text-align:center;opacity:.8;line-height:1.6;font-style:italic}.options-overview .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw}.camera-transitions .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw;position:relative}.camera-transitions .viewport-content canvas{max-width:100%;max-height:100%}.camera-transitions .viewport-stats{position:absolute!important}.create-face .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw;position:relative}.create-face .viewport-content canvas{max-width:100%;max-height:100%}.create-face .viewport-stats{position:absolute!important}.create-face .group input{width:64px;margin-right:8px}.create-triangle .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw;position:relative}.create-triangle .viewport-content canvas{max-width:100%;max-height:100%}.create-triangle .viewport-stats{position:absolute!important}.create-triangle .group input{width:64px;margin-right:8px}.convex-geometry .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw;position:relative}.convex-geometry .viewport-content canvas{max-width:100%;max-height:100%}.convex-geometry .viewport-stats{position:absolute!important}.convex-geometry .group input{width:64px;margin-right:8px}.convex-geometry .source{text-align:center;width:100%;margin-top:32px;font-size:12px;display:inline-block}.convex-geometry .source a{text-decoration:none;color:#fff;display:inline-block;transition:.32s all linear}.convex-geometry .source a:hover{color:#f06;text-decoration:underline}.convex-geometry .source a:hover:after{font-size:.8em;transform:translate(6px,-4px)}.convex-geometry .source a:after{content:"\2197";font-size:.5em;transform:translate(6px,-5px);transition:.16s all linear;display:inline-block}.cuboid .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw;position:relative}.cuboid .viewport-content canvas{max-width:100%;max-height:100%}.cuboid .viewport-stats{position:absolute!important}.cuboid .group input{width:64px;margin-right:8px}.ortographic-cuboid .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw;position:relative}.ortographic-cuboid .viewport-content canvas{max-width:100%;max-height:100%}.ortographic-cuboid .viewport-stats{position:absolute!important}.ortographic-cuboid .group input{width:64px;margin-right:8px}.camera-pos-overlay{position:absolute;right:8px;top:8px;font-size:12px;font-family:fixedSys}.camera-postion-row{width:100%}.camera-postion-row button{float:right;margin-top:12px}.camera-postion-row .camera-postion-row-item{width:72px;display:inline-block;margin-right:8px}.camera-postion-row .camera-postion-row-item input{max-width:100%}.perspective-cuboid .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw;position:relative}.perspective-cuboid .viewport-content canvas{max-width:100%;max-height:100%}.perspective-cuboid .viewport-stats{position:absolute!important}.perspective-cuboid .group input{width:64px;margin-right:8px}.camera-pos-overlay{position:absolute;right:8px;top:8px;font-size:12px;font-family:fixedSys}.camera-postion-row{width:100%}.camera-postion-row button{float:right;margin-top:12px}.camera-postion-row .camera-postion-row-item{width:72px;display:inline-block;margin-right:8px}.camera-postion-row .camera-postion-row-item input{max-width:100%}.depth-of-field .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw;position:relative}.depth-of-field .viewport-content canvas{max-width:100%;max-height:100%}.depth-of-field .viewport-stats{position:absolute!important}.depth-of-field .column-group{display:flex}.depth-of-field .column-group input{width:64px}.depth-of-field .column-group .column{display:flex;flex-flow:column}.depth-of-field .column-group .column+.column{margin-left:16px}.depth-of-field .source{text-align:center;width:100%;margin-top:32px;font-size:12px;display:inline-block}.depth-of-field .source a{text-decoration:none;color:#fff;display:inline-block;transition:.32s all linear}.depth-of-field .source a:hover{color:#f06;text-decoration:underline}.depth-of-field .source a:hover:after{font-size:.8em;transform:translate(6px,-4px)}.depth-of-field .source a:after{content:"\2197";font-size:.5em;transform:translate(6px,-5px);transition:.16s all linear;display:inline-block}.draw-line-from-coordinates .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw;position:relative}.draw-line-from-coordinates .viewport-content canvas{max-width:100%;max-height:100%}.draw-line-from-coordinates .viewport-stats{position:absolute!important}.line-animation-performance .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw;position:relative}.line-animation-performance .viewport-content canvas{max-width:100%;max-height:100%}.line-animation-performance .viewport-stats{position:absolute!important}.line-animation-performance .group input{width:64px;margin-right:8px}.dashboard{display:grid;grid-template-columns:100%;height:100%;margin-top:32px}@media all and (min-width: 768px){.dashboard{max-height:calc(100vh - 148px);grid-template-columns:50% 50%}}.text-to-threejs .html-output{padding:16px;position:relative;background-color:#fff;color:#222;font-size:10px}.text-to-threejs .html-output h1{font-size:16px;text-decoration:underline}.text-to-threejs textarea{padding:16px;font-family:monospace;margin:0;border:0 none transparent;width:100%;height:100%}.text-to-threejs textarea:focus{outline:0 none transparent}.text-to-threejs .viewport{width:calc(100vh - 148px);height:calc(100vh - 148px);padding-top:0}.text-to-threejs .viewport-stats{position:absolute!important;left:auto!important;top:auto!important;right:0!important;bottom:0!important}.text-to-threejs .viewport-content{position:relative;width:calc(50vh - 74px);height:calc(50vh - 74px)}.text-to-threejs .sidebar{width:calc(100vw - (100vh - 148px) - 136px)}.text-to-threejs .dashboard-item{background-color:#fff;position:relative;overflow:auto;width:calc(50vh - 74px);height:calc(50vh - 74px)}.text-to-threejs .dashboard-item[type=code] textarea{font-size:12px;font-family:monospace}.text-to-threejs .dashboard-item[type=threejs]{background-color:transparent;justify-content:center;align-items:center;overflow:hidden}.text-to-threejs .dashboard-item[type=threejs] .viewport-content{background-color:transparent}.text-to-threejs .dashboard-item:after{content:attr(type);position:absolute;left:0;top:0;font-size:8px;padding:4px;z-index:20220;background-color:#f09;color:#fff;display:none}.text-to-threejs .dashboard-item:hover:after{display:block}body.__menuOpen .text-to-threejs .sidebar{width:calc(100vw - (100vh - 148px) - 456px)}.tube .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw;position:relative}.tube .viewport-content canvas{max-width:100%;max-height:100%}.tube .viewport-stats{position:absolute!important}.tube .group input{width:64px;margin-right:8px}.tube .source{text-align:center;width:100%;margin-top:32px;font-size:12px;display:inline-block}.tube .source a{text-decoration:none;color:#fff;display:inline-block;transition:.32s all linear}.tube .source a:hover{color:#f06;text-decoration:underline}.tube .source a:hover:after{font-size:.8em;transform:translate(6px,-4px)}.tube .source a:after{content:"\2197";font-size:.5em;transform:translate(6px,-5px);transition:.16s all linear;display:inline-block}.tube .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw;position:relative}.tube .viewport-content canvas{max-width:100%;max-height:100%}.tube .viewport-stats{position:absolute!important}.tube .column-group{display:flex}.tube .column-group input{width:48px}.tube .column-group .column{display:flex;flex-flow:column}.tube .column-group .column+.column{margin-left:16px}.tube .source{text-align:center;width:100%;margin-top:32px;font-size:12px;display:inline-block}.tube .source a{text-decoration:none;color:#fff;display:inline-block;transition:.32s all linear}.tube .source a:hover{color:#f06;text-decoration:underline}.tube .source a:hover:after{font-size:.8em;transform:translate(6px,-4px)}.tube .source a:after{content:"\2197";font-size:.5em;transform:translate(6px,-5px);transition:.16s all linear;display:inline-block}.multi-range-slider *{box-sizing:border-box;padding:0;margin:0}.multi-range-slider{display:flex;position:relative;border:solid 1px gray;border-radius:10px;padding:20px 10px;box-shadow:1px 1px 4px #000;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.multi-range-slider .bar{display:flex}.multi-range-slider .bar-left{width:25%;background-color:#f0f0f0;border-radius:10px 0 0 10px;box-shadow:inset 0 0 5px #000;padding:4px 0}.multi-range-slider .bar-right{width:25%;background-color:#f0f0f0;border-radius:0 10px 10px 0;box-shadow:inset 0 0 5px #000}.multi-range-slider .bar-inner{background-color:#0f0;display:flex;flex-grow:1;flex-shrink:1;position:relative;border:solid 1px black;justify-content:space-between;box-shadow:inset 0 0 5px #000}.multi-range-slider .bar-inner-left,.multi-range-slider .bar-inner-right{width:50%}.multi-range-slider .thumb{background-color:red;position:relative;z-index:1;cursor:pointer}.multi-range-slider .thumb:before{content:"";background-color:#fff;position:absolute;width:20px;height:20px;border:solid 1px black;box-shadow:0 0 3px #000,inset 0 0 5px gray;border-radius:50%;z-index:1;margin:-8px;cursor:pointer}.multi-range-slider .input-type-range:focus+.thumb:after{content:"";position:absolute;top:-4px;left:-4px;width:11px;height:11px;z-index:2;border-radius:50%;border:dotted 1px black;box-shadow:0 0 5px #fff,inset 0 0 10px #000}.multi-range-slider .caption{position:absolute;bottom:35px;width:2px;height:2px;left:1px;display:flex;justify-content:center;align-items:center;overflow:visible;display:none}.multi-range-slider .thumb .caption *{position:absolute;min-width:30px;height:30px;font-size:75%;text-align:center;line-height:30px;background-color:#00f;border-radius:15px;color:#fff;box-shadow:0 0 5px #000;padding:0 5px;white-space:nowrap}.multi-range-slider .thumb:active .caption{display:flex}.multi-range-slider .input-type-range:focus+.thumb .caption{display:flex}.multi-range-slider .input-type-range{position:absolute;top:0px;left:0px;width:100%;opacity:0;pointer-events:none}.multi-range-slider .ruler{margin:10px 0 -5px;display:flex;overflow:hidden}.multi-range-slider .ruler .ruler-rule{border-left:solid 1px;border-bottom:solid 1px;display:flex;flex-grow:1;flex-shrink:1;padding:5px 0}.multi-range-slider .ruler .ruler-rule:last-child{border-right:solid 1px}.multi-range-slider .sub-ruler{margin:-2px 0 -5px;display:flex}.multi-range-slider .sub-ruler .ruler-sub-rule{border-left:solid 1px;border-bottom:solid 1px;display:flex;flex-grow:1;flex-shrink:1;padding:3px 0}.multi-range-slider .sub-ruler .ruler-sub-rule:last-child{border-right:solid 1px}.multi-range-slider .labels{display:flex;justify-content:space-between;padding:0;margin-top:10px;margin-bottom:-20px}.multi-range-slider .label{font-size:80%;display:flex;width:1px;justify-content:center}.multi-range-slider .label:first-child{justify-content:start}.multi-range-slider .label:last-child{justify-content:end}.multi-range-slider.zero-ranage-margin .thumb-left{right:12px}.multi-range-slider.zero-ranage-margin .thumb-right{left:8px}.orbit-controls .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw;position:relative}.orbit-controls .viewport-content canvas{max-width:100%;max-height:100%}.orbit-controls .viewport-stats{position:absolute!important}.multi-range-slider{border:0 none transparent;border-radius:0;padding:16px 0 32px;box-shadow:none}.multi-range-slider .bar-right,.multi-range-slider .bar-left{padding:0;height:4px}.multi-range-slider .bar-inner{height:12px;transform:translateY(-4px);background-color:#f06;position:relative}.multi-range-slider .bar-inner:after{content:"";background-color:#fff;opacity:.16;position:absolute;left:0;bottom:0;top:0;right:0}.multi-range-slider .thumb:before{width:16px;height:16px;margin-top:-6px;background-color:#f06;border:0 none transparent;box-shadow:none}.multi-range-slider .thumb .caption{left:-16px;bottom:4px;display:block}.multi-range-slider .thumb .caption *{background-color:transparent;box-shadow:none;font-family:FixedSys}.multi-range-slider .bar-left,.multi-range-slider .bar-inner,.multi-range-slider .bar-right{box-shadow:none}.multi-range-slider .labels{margin-top:24px}.multi-range-slider .labels .label+.label{text-align:right}.source{text-align:center;width:100%;margin-top:32px;font-size:12px;display:inline-block}.source a{text-decoration:none;color:#fff;display:inline-block;transition:.32s all linear}.source a:hover{color:#f06;text-decoration:underline}.source a:hover:after{font-size:.8em;transform:translate(6px,-4px)}.source a:after{content:"\2197";font-size:.5em;transform:translate(6px,-5px);transition:.16s all linear;display:inline-block}.wireframe-cube .viewport-content{display:flex;justify-content:center;align-items:center;color:#f06;font-size:16vw;position:relative}.wireframe-cube .viewport-content canvas{max-width:100%;max-height:100%}.wireframe-cube .viewport-stats{position:absolute!important}.glitch{position:relative;z-index:1}.glitch>*{display:inline-block;clip-path:var(--path)}.glitch>*:nth-child(1){position:relative;z-index:2}.glitch>*:nth-child(2),.glitch>*:nth-child(3){position:absolute;clip-path:var(--path);top:0;left:0;z-index:-1}.glitch>*:nth-child(2){color:#f06}.glitch>*:nth-child(3){color:#ddd}.glitch-effect-container{width:100%;background-color:#fff;color:#333;display:flex;justify-content:center;align-items:center;font-size:64px;font-weight:700}.glitch-effect-container .glitch{margin-left:.32em;margin-right:.32em}.__is-red>*:nth-child(2){color:red}.__is-red>*:nth-child(3){color:tomato}.__is-blue>*:nth-child(2){color:#00f}.__is-blue>*:nth-child(3){color:#0ff}.__is-green>*:nth-child(2){color:green}.__is-green>*:nth-child(3){color:#0f0}.story-box{height:50%;display:flex;flex-direction:column;justify-content:flex-end}.story-box-paragraph{display:none}.story-box-paragraph.__isVisible{display:inline-block}.story-box-paragraph>*{opacity:0;display:inline-block;animation:fadeInStoryBoxWord .72s ease-in-out forwards}.story-box-paragraph>*:nth-child(1){animation-delay:.05s}.story-box-paragraph>*:nth-child(2){animation-delay:.1s}.story-box-paragraph>*:nth-child(3){animation-delay:.15s}.story-box-paragraph>*:nth-child(4){animation-delay:.2s}.story-box-paragraph>*:nth-child(5){animation-delay:.25s}.story-box-paragraph>*:nth-child(6){animation-delay:.3s}.story-box-paragraph>*:nth-child(7){animation-delay:.35s}.story-box-paragraph>*:nth-child(8){animation-delay:.4s}.story-box-paragraph>*:nth-child(9){animation-delay:.45s}.story-box-paragraph>*:nth-child(10){animation-delay:.5s}.story-box-paragraph>*:nth-child(11){animation-delay:.55s}.story-box-paragraph>*:nth-child(12){animation-delay:.6s}.story-box-paragraph>*:nth-child(13){animation-delay:.65s}.story-box-paragraph>*:nth-child(14){animation-delay:.7s}.story-box-paragraph>*:nth-child(15){animation-delay:.75s}.story-box-paragraph>*:nth-child(16){animation-delay:.8s}.story-box-paragraph>*:nth-child(17){animation-delay:.85s}.story-box-paragraph>*:nth-child(18){animation-delay:.9s}.story-box-paragraph>*:nth-child(19){animation-delay:.95s}.story-box-paragraph>*:nth-child(20){animation-delay:1s}.story-box-paragraph>*:nth-child(21){animation-delay:1.05s}.story-box-paragraph>*:nth-child(22){animation-delay:1.1s}.story-box-paragraph>*:nth-child(23){animation-delay:1.15s}.story-box-paragraph>*:nth-child(24){animation-delay:1.2s}.story-box-paragraph>*:nth-child(25){animation-delay:1.25s}.story-box-paragraph>*:nth-child(26){animation-delay:1.3s}.story-box-paragraph>*:nth-child(27){animation-delay:1.35s}.story-box-paragraph>*:nth-child(28){animation-delay:1.4s}.story-box-paragraph>*:nth-child(29){animation-delay:1.45s}.story-box-paragraph>*:nth-child(30){animation-delay:1.5s}.story-box-paragraph>*:nth-child(31){animation-delay:1.55s}.story-box-paragraph>*:nth-child(32){animation-delay:1.6s}.story-box-paragraph>*:nth-child(33){animation-delay:1.65s}.story-box-paragraph>*:nth-child(34){animation-delay:1.7s}.story-box-paragraph>*:nth-child(35){animation-delay:1.75s}.story-box-paragraph>*:nth-child(36){animation-delay:1.8s}.story-box-paragraph>*:nth-child(37){animation-delay:1.85s}.story-box-paragraph>*:nth-child(38){animation-delay:1.9s}.story-box-paragraph>*:nth-child(39){animation-delay:1.95s}.story-box-paragraph>*:nth-child(40){animation-delay:2s}.story-box-paragraph>*:nth-child(41){animation-delay:2.05s}.story-box-paragraph>*:nth-child(42){animation-delay:2.1s}.story-box-paragraph>*:nth-child(43){animation-delay:2.15s}.story-box-paragraph>*:nth-child(44){animation-delay:2.2s}.story-box-paragraph>*:nth-child(45){animation-delay:2.25s}.story-box-paragraph>*:nth-child(46){animation-delay:2.3s}.story-box-paragraph>*:nth-child(47){animation-delay:2.35s}.story-box-paragraph>*:nth-child(48){animation-delay:2.4s}.story-box-paragraph>*:nth-child(49){animation-delay:2.45s}.story-box-paragraph>*:nth-child(50){animation-delay:2.5s}.story-box-paragraph>*:nth-child(51){animation-delay:2.55s}.story-box-paragraph>*:nth-child(52){animation-delay:2.6s}.story-box-paragraph>*:nth-child(53){animation-delay:2.65s}.story-box-paragraph>*:nth-child(54){animation-delay:2.7s}.story-box-paragraph>*:nth-child(55){animation-delay:2.75s}.story-box-paragraph>*:nth-child(56){animation-delay:2.8s}.story-box-paragraph>*:nth-child(57){animation-delay:2.85s}.story-box-paragraph>*:nth-child(58){animation-delay:2.9s}.story-box-paragraph>*:nth-child(59){animation-delay:2.95s}.story-box-paragraph>*:nth-child(60){animation-delay:3s}.story-box-paragraph>*:nth-child(61){animation-delay:3.05s}.story-box-paragraph>*:nth-child(62){animation-delay:3.1s}.story-box-paragraph>*:nth-child(63){animation-delay:3.15s}.story-box-paragraph>*:nth-child(64){animation-delay:3.2s}.story-box-paragraph>*:nth-child(65){animation-delay:3.25s}.story-box-paragraph>*:nth-child(66){animation-delay:3.3s}.story-box-paragraph>*:nth-child(67){animation-delay:3.35s}.story-box-paragraph>*:nth-child(68){animation-delay:3.4s}.story-box-paragraph>*:nth-child(69){animation-delay:3.45s}.story-box-paragraph>*:nth-child(70){animation-delay:3.5s}.story-box-paragraph>*:nth-child(71){animation-delay:3.55s}.story-box-paragraph>*:nth-child(72){animation-delay:3.6s}.story-box-paragraph>*:nth-child(73){animation-delay:3.65s}.story-box-paragraph>*:nth-child(74){animation-delay:3.7s}.story-box-paragraph>*:nth-child(75){animation-delay:3.75s}.story-box-paragraph>*:nth-child(76){animation-delay:3.8s}.story-box-paragraph>*:nth-child(77){animation-delay:3.85s}.story-box-paragraph>*:nth-child(78){animation-delay:3.9s}.story-box-paragraph>*:nth-child(79){animation-delay:3.95s}.story-box-paragraph>*:nth-child(80){animation-delay:4s}.story-box-paragraph>*:nth-child(81){animation-delay:4.05s}.story-box-paragraph>*:nth-child(82){animation-delay:4.1s}.story-box-paragraph>*:nth-child(83){animation-delay:4.15s}.story-box-paragraph>*:nth-child(84){animation-delay:4.2s}.story-box-paragraph>*:nth-child(85){animation-delay:4.25s}.story-box-paragraph>*:nth-child(86){animation-delay:4.3s}.story-box-paragraph>*:nth-child(87){animation-delay:4.35s}.story-box-paragraph>*:nth-child(88){animation-delay:4.4s}.story-box-paragraph>*:nth-child(89){animation-delay:4.45s}.story-box-paragraph>*:nth-child(90){animation-delay:4.5s}.story-box-paragraph>*:nth-child(91){animation-delay:4.55s}.story-box-paragraph>*:nth-child(92){animation-delay:4.6s}.story-box-paragraph>*:nth-child(93){animation-delay:4.65s}.story-box-paragraph>*:nth-child(94){animation-delay:4.7s}.story-box-paragraph>*:nth-child(95){animation-delay:4.75s}.story-box-paragraph>*:nth-child(96){animation-delay:4.8s}.story-box-paragraph>*:nth-child(97){animation-delay:4.85s}.story-box-paragraph>*:nth-child(98){animation-delay:4.9s}.story-box-paragraph>*:nth-child(99){animation-delay:4.95s}.story-box-paragraph>*:nth-child(100){animation-delay:5s}.story-box-paragraph>*:nth-child(101){animation-delay:5.05s}.story-box-paragraph>*:nth-child(102){animation-delay:5.1s}.story-box-paragraph>*:nth-child(103){animation-delay:5.15s}.story-box-paragraph>*:nth-child(104){animation-delay:5.2s}.story-box-paragraph>*:nth-child(105){animation-delay:5.25s}.story-box-paragraph>*:nth-child(106){animation-delay:5.3s}.story-box-paragraph>*:nth-child(107){animation-delay:5.35s}.story-box-paragraph>*:nth-child(108){animation-delay:5.4s}.story-box-paragraph>*:nth-child(109){animation-delay:5.45s}.story-box-paragraph>*:nth-child(110){animation-delay:5.5s}.story-box-paragraph>*:nth-child(111){animation-delay:5.55s}.story-box-paragraph>*:nth-child(112){animation-delay:5.6s}.story-box-paragraph>*:nth-child(113){animation-delay:5.65s}.story-box-paragraph>*:nth-child(114){animation-delay:5.7s}.story-box-paragraph>*:nth-child(115){animation-delay:5.75s}.story-box-paragraph>*:nth-child(116){animation-delay:5.8s}.story-box-paragraph>*:nth-child(117){animation-delay:5.85s}.story-box-paragraph>*:nth-child(118){animation-delay:5.9s}.story-box-paragraph>*:nth-child(119){animation-delay:5.95s}.story-box-paragraph>*:nth-child(120){animation-delay:6s}.story-box-paragraph>*:nth-child(121){animation-delay:6.05s}.story-box-paragraph>*:nth-child(122){animation-delay:6.1s}.story-box-paragraph>*:nth-child(123){animation-delay:6.15s}.story-box-paragraph>*:nth-child(124){animation-delay:6.2s}.story-box-paragraph>*:nth-child(125){animation-delay:6.25s}.story-box-paragraph>*:nth-child(126){animation-delay:6.3s}.story-box-paragraph>*:nth-child(127){animation-delay:6.35s}.story-box-paragraph>*:nth-child(128){animation-delay:6.4s}.story-box-paragraph>*:nth-child(129){animation-delay:6.45s}.story-box-paragraph>*:nth-child(130){animation-delay:6.5s}.story-box-paragraph>*:nth-child(131){animation-delay:6.55s}.story-box-paragraph>*:nth-child(132){animation-delay:6.6s}.story-box-paragraph>*:nth-child(133){animation-delay:6.65s}.story-box-paragraph>*:nth-child(134){animation-delay:6.7s}.story-box-paragraph>*:nth-child(135){animation-delay:6.75s}.story-box-paragraph>*:nth-child(136){animation-delay:6.8s}.story-box-paragraph>*:nth-child(137){animation-delay:6.85s}.story-box-paragraph>*:nth-child(138){animation-delay:6.9s}.story-box-paragraph>*:nth-child(139){animation-delay:6.95s}.story-box-paragraph>*:nth-child(140){animation-delay:7s}.story-box-paragraph>*:nth-child(141){animation-delay:7.05s}.story-box-paragraph>*:nth-child(142){animation-delay:7.1s}.story-box-paragraph>*:nth-child(143){animation-delay:7.15s}.story-box-paragraph>*:nth-child(144){animation-delay:7.2s}.story-box-paragraph>*:nth-child(145){animation-delay:7.25s}.story-box-paragraph>*:nth-child(146){animation-delay:7.3s}.story-box-paragraph>*:nth-child(147){animation-delay:7.35s}.story-box-paragraph>*:nth-child(148){animation-delay:7.4s}.story-box-paragraph>*:nth-child(149){animation-delay:7.45s}.story-box-paragraph>*:nth-child(150){animation-delay:7.5s}.story-box-paragraph>*:nth-child(151){animation-delay:7.55s}.story-box-paragraph>*:nth-child(152){animation-delay:7.6s}.story-box-paragraph>*:nth-child(153){animation-delay:7.65s}.story-box-paragraph>*:nth-child(154){animation-delay:7.7s}.story-box-paragraph>*:nth-child(155){animation-delay:7.75s}.story-box-paragraph>*:nth-child(156){animation-delay:7.8s}.story-box-paragraph>*:nth-child(157){animation-delay:7.85s}.story-box-paragraph>*:nth-child(158){animation-delay:7.9s}.story-box-paragraph>*:nth-child(159){animation-delay:7.95s}.story-box-paragraph>*:nth-child(160){animation-delay:8s}.story-box-paragraph>*:nth-child(161){animation-delay:8.05s}.story-box-paragraph>*:nth-child(162){animation-delay:8.1s}.story-box-paragraph>*:nth-child(163){animation-delay:8.15s}.story-box-paragraph>*:nth-child(164){animation-delay:8.2s}.story-box-paragraph>*:nth-child(165){animation-delay:8.25s}.story-box-paragraph>*:nth-child(166){animation-delay:8.3s}.story-box-paragraph>*:nth-child(167){animation-delay:8.35s}.story-box-paragraph>*:nth-child(168){animation-delay:8.4s}.story-box-paragraph>*:nth-child(169){animation-delay:8.45s}.story-box-paragraph>*:nth-child(170){animation-delay:8.5s}.story-box-paragraph>*:nth-child(171){animation-delay:8.55s}.story-box-paragraph>*:nth-child(172){animation-delay:8.6s}.story-box-paragraph>*:nth-child(173){animation-delay:8.65s}.story-box-paragraph>*:nth-child(174){animation-delay:8.7s}.story-box-paragraph>*:nth-child(175){animation-delay:8.75s}.story-box-paragraph>*:nth-child(176){animation-delay:8.8s}.story-box-paragraph>*:nth-child(177){animation-delay:8.85s}.story-box-paragraph>*:nth-child(178){animation-delay:8.9s}.story-box-paragraph>*:nth-child(179){animation-delay:8.95s}.story-box-paragraph>*:nth-child(180){animation-delay:9s}.story-box-paragraph>*:nth-child(181){animation-delay:9.05s}.story-box-paragraph>*:nth-child(182){animation-delay:9.1s}.story-box-paragraph>*:nth-child(183){animation-delay:9.15s}.story-box-paragraph>*:nth-child(184){animation-delay:9.2s}.story-box-paragraph>*:nth-child(185){animation-delay:9.25s}.story-box-paragraph>*:nth-child(186){animation-delay:9.3s}.story-box-paragraph>*:nth-child(187){animation-delay:9.35s}.story-box-paragraph>*:nth-child(188){animation-delay:9.4s}.story-box-paragraph>*:nth-child(189){animation-delay:9.45s}.story-box-paragraph>*:nth-child(190){animation-delay:9.5s}.story-box-paragraph>*:nth-child(191){animation-delay:9.55s}.story-box-paragraph>*:nth-child(192){animation-delay:9.6s}.story-box-paragraph>*:nth-child(193){animation-delay:9.65s}.story-box-paragraph>*:nth-child(194){animation-delay:9.7s}.story-box-paragraph>*:nth-child(195){animation-delay:9.75s}.story-box-paragraph>*:nth-child(196){animation-delay:9.8s}.story-box-paragraph>*:nth-child(197){animation-delay:9.85s}.story-box-paragraph>*:nth-child(198){animation-delay:9.9s}.story-box-paragraph>*:nth-child(199){animation-delay:9.95s}.story-box-paragraph>*:nth-child(200){animation-delay:10s}.story-box-paragraph>*:nth-child(201){animation-delay:10.05s}.story-box-paragraph>*:nth-child(202){animation-delay:10.1s}.story-box-paragraph>*:nth-child(203){animation-delay:10.15s}.story-box-paragraph>*:nth-child(204){animation-delay:10.2s}.story-box-paragraph>*:nth-child(205){animation-delay:10.25s}.story-box-paragraph>*:nth-child(206){animation-delay:10.3s}.story-box-paragraph>*:nth-child(207){animation-delay:10.35s}.story-box-paragraph>*:nth-child(208){animation-delay:10.4s}.story-box-paragraph>*:nth-child(209){animation-delay:10.45s}.story-box-paragraph>*:nth-child(210){animation-delay:10.5s}.story-box-paragraph>*:nth-child(211){animation-delay:10.55s}.story-box-paragraph>*:nth-child(212){animation-delay:10.6s}.story-box-paragraph>*:nth-child(213){animation-delay:10.65s}.story-box-paragraph>*:nth-child(214){animation-delay:10.7s}.story-box-paragraph>*:nth-child(215){animation-delay:10.75s}.story-box-paragraph>*:nth-child(216){animation-delay:10.8s}.story-box-paragraph>*:nth-child(217){animation-delay:10.85s}.story-box-paragraph>*:nth-child(218){animation-delay:10.9s}.story-box-paragraph>*:nth-child(219){animation-delay:10.95s}.story-box-paragraph>*:nth-child(220){animation-delay:11s}.story-box-paragraph>*:nth-child(221){animation-delay:11.05s}.story-box-paragraph>*:nth-child(222){animation-delay:11.1s}.story-box-paragraph>*:nth-child(223){animation-delay:11.15s}.story-box-paragraph>*:nth-child(224){animation-delay:11.2s}.story-box-paragraph>*:nth-child(225){animation-delay:11.25s}.story-box-paragraph>*:nth-child(226){animation-delay:11.3s}.story-box-paragraph>*:nth-child(227){animation-delay:11.35s}.story-box-paragraph>*:nth-child(228){animation-delay:11.4s}.story-box-paragraph>*:nth-child(229){animation-delay:11.45s}.story-box-paragraph>*:nth-child(230){animation-delay:11.5s}.story-box-paragraph>*:nth-child(231){animation-delay:11.55s}.story-box-paragraph>*:nth-child(232){animation-delay:11.6s}.story-box-paragraph>*:nth-child(233){animation-delay:11.65s}.story-box-paragraph>*:nth-child(234){animation-delay:11.7s}.story-box-paragraph>*:nth-child(235){animation-delay:11.75s}.story-box-paragraph>*:nth-child(236){animation-delay:11.8s}.story-box-paragraph>*:nth-child(237){animation-delay:11.85s}.story-box-paragraph>*:nth-child(238){animation-delay:11.9s}.story-box-paragraph>*:nth-child(239){animation-delay:11.95s}.story-box-paragraph>*:nth-child(240){animation-delay:12s}.story-box-paragraph>*:nth-child(241){animation-delay:12.05s}.story-box-paragraph>*:nth-child(242){animation-delay:12.1s}.story-box-paragraph>*:nth-child(243){animation-delay:12.15s}.story-box-paragraph>*:nth-child(244){animation-delay:12.2s}.story-box-paragraph>*:nth-child(245){animation-delay:12.25s}.story-box-paragraph>*:nth-child(246){animation-delay:12.3s}.story-box-paragraph>*:nth-child(247){animation-delay:12.35s}.story-box-paragraph>*:nth-child(248){animation-delay:12.4s}.story-box-paragraph>*:nth-child(249){animation-delay:12.45s}.story-box-paragraph>*:nth-child(250){animation-delay:12.5s}.story-box-paragraph>*:nth-child(251){animation-delay:12.55s}.story-box-paragraph>*:nth-child(252){animation-delay:12.6s}.story-box-paragraph>*:nth-child(253){animation-delay:12.65s}.story-box-paragraph>*:nth-child(254){animation-delay:12.7s}.story-box-paragraph>*:nth-child(255){animation-delay:12.75s}.story-box-paragraph>*:nth-child(256){animation-delay:12.8s}@keyframes fadeInStoryBoxWord{0%{opacity:0}to{opacity:1}}.story-cloud .viewport-content{padding:20px;font-size:16px;color:#f06;text-align:center}.site-menu-container{position:relative;margin:0;padding:0;height:100vh;display:block;float:left}.site-menu{height:100%;width:0;padding:32px 0 48px;overflow:hidden;margin:0;position:relative;background-image:linear-gradient(90deg,rgba(0,0,0,.32),rgba(0,0,0,.16));transition:all ease .24s}.__menuOpen .site-menu{padding-left:24px;width:100%;min-width:320px}.__menuOpen .site-menu-toggle{transform:rotateY(180deg)}.site-menu-title{display:inline-block;font-size:32px;margin-bottom:32px;white-space:nowrap;font-weight:700;color:#fff;text-decoration:none}.site-menu-list-item{color:#fff;white-space:nowrap;display:block;margin-bottom:8px;width:100%;text-decoration:none;position:relative;margin-left:16px;cursor:pointer;transition:.24s all ease}.site-menu-list-item:hover,.site-menu-list-item:focus{color:#f06;margin-left:24px}.site-menu-list-item:hover:before,.site-menu-list-item:focus:before{color:#fff;left:-24px}.site-menu-list-item:before{position:absolute;transition:.24s all ease;left:-16px;content:"";width:2px;background-color:currentColor;display:inline-block;height:100%}.site-menu-list-item.__isCurrent{color:#fff}.site-menu-list-item.__isCurrent:before{color:#f06}.site-menu-list-item:last-child{margin-top:24px}.site-menu-toggle{position:absolute;width:0;background-color:#00000029;padding:16px 0;overflow:hidden;text-align:center;cursor:pointer;top:50%;z-index:2021;right:-32px;font-size:32px;transition:all ease .24s}.site-menu-toggle.__isVisible{width:32px;opacity:1}.option-group{border:1px solid #fff;padding:24px 16px 0;position:relative;margin-bottom:32px;background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,.02))}.option-group:after{border-bottom:1px solid #222;content:attr(name);position:absolute;left:16px;padding-right:48px;top:-1px;color:transparent;z-index:1;display:inline-block;font-family:FixedSys;font-size:24px;line-height:0}.option-group:before{content:attr(name);position:absolute;z-index:2;left:16px;top:-16px;display:inline-block;font-family:FixedSys;font-size:24px;padding:0 64px 0 16px}.option-group small{opacity:.72;font-size:12px;font-family:Droid sans}.option-group .button-container{text-align:right;width:100%;display:inline-block;margin-bottom:16px}.option-group .button+.button{margin-left:8px}.option-group hr{width:100%;height:1px;border:0 none transparent;background-color:#fff;opacity:.32}.option-title{display:inline-block;width:100%;font-family:FixedSys;font-size:1.2em}.option{margin-bottom:16px}.option.__isSubmit{text-align:right}.option label,.option .label{display:inline-block;width:100%;padding-bottom:6px;font-family:FixedSys;font-size:18px}.option input,.option select{font-size:12px;padding:4px 8px 4px 4px;border-radius:0;border:0 none transparent;border-left:4px solid transparent}.option input:focus,.option select:focus{border-left-color:#f06;outline:0 none transparent}.option input[type=checkbox]{display:none}.option input[type=checkbox]+label{display:inline-block;padding-left:28px;box-sizing:border-box;margin:0 24px 0 0;width:auto;position:relative}.option input[type=checkbox]+label:before{content:"";display:block;position:absolute;left:0;top:2px;transition:.24s ease all;height:16px;width:16px;background-color:#fff}.option input[type=checkbox]+label:after{content:"\2713";display:block;transition:.24s ease all;position:absolute;left:4px;top:2px;line-height:16px;height:16px;width:16px;z-index:1;font-size:12px;color:#fff;opacity:0}.option input[type=checkbox]:checked{background-color:#f06}.option input[type=checkbox]:checked+label:before{background-color:#f06}.option input[type=checkbox]:checked+label:after{opacity:1}.option input[type=radio]{display:none}.option input[type=radio]+label{border-bottom:2px solid transparent;display:inline-block;width:auto;margin-right:16px}.option input[type=radio]:checked+label{border-bottom-color:#f06}.option input[type=range]{height:16px;-webkit-appearance:none;width:100%;padding:0;background-color:transparent;border-left:0 none transparent}.option input[type=range]+input[type=number]{background-color:transparent;width:100%;text-align:center;color:#fff}.option input[type=range]:focus{outline:none;border-left:0 none transparent}.option input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;box-shadow:0 0 0 transparent;background:#EEEEEE;border-radius:1px;border:0 solid transparent}.option input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 transparent;height:16px;width:16px;border-radius:25px;background:#ff0066;cursor:pointer;-webkit-appearance:none;margin-top:-7px}.option input[type=range]:focus::-webkit-slider-runnable-track{background:#EEEEEE}.option input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;box-shadow:0 0 0 transparent;background:#EEEEEE;border-radius:2px;padding:0;border:0 solid transparent}.option input[type=range]::-moz-range-thumb{box-shadow:0 0 0 transparent;border:1px solid #ff0066;height:16px;width:16px;border-radius:25px;background:#ff0066;cursor:pointer}.option input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.option input[type=range]::-ms-fill-lower{background:#eee;border:0 solid transparent;border-radius:2px;box-shadow:0 0 0 transparent}.option input[type=range]::-ms-fill-upper{background:#EEEEEE;border:0 solid transparent;border-radius:2px;box-shadow:0 0 0 transparent}.option input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 0 transparent;height:16px;width:16px;border-radius:25px;background:#ff0066;cursor:pointer}.option input[type=range]:focus::-ms-fill-lower{background:#EEEEEE}.option input[type=range]:focus::-ms-fill-upper{background:#EEEEEE}.option .info-icon{opacity:.64;background-color:#ffffff3d;color:#fff;font-family:FixedSys;width:18px;height:18px;font-weight:400;margin-left:16px;font-style:normal;text-align:center;border-radius:100%;transition:.24s all linear;display:inline-block}.option .info{display:inline-block;position:relative}.option .info .info-icon:focus,.option .info .info-icon:hover{opacity:1;background-color:#f06}.option .info .info-icon:focus+.info-details,.option .info .info-icon:hover+.info-details{opacity:1}.option .info .info-details{position:absolute;left:-103px;bottom:32px;opacity:0;z-index:3;background-color:#000000e0;width:256px;font-family:Droid sans;font-size:12px;pointer-events:none;padding:10px 15px}.option .info .info-details:after{content:"";position:absolute;bottom:-16px;left:calc(50% - 8px);border:8px solid transparent;border-top-color:#000000e0}.buttons-container{width:100%;text-align:center}.buttons-container .button{background-color:#eee;color:#666;line-height:1em;transition:.32s all ease}.buttons-container .button+.button{margin-left:16px}.buttons-container .button:hover{background-color:#f90;color:#fff}.buttons-container .button.__isRecording{background-color:#fff;color:#1a1b1c}.buttons-container .button.__isRecording .recording-icon{color:#ba0202;animation:recordAnimation .8s infinite}.buttons-container .button.__isLoading{background-color:#f90;color:#fff}.buttons-container .button.__isLoading .loading-icon{animation:loadingAnimation 1s infinite linear;display:inline-block;transform-origin:center center}.buttons-container .button .recording-icon{margin-right:8px}@keyframes loadingAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fffc;z-index:1;transform-origin:center;transition:.32s all ease;text-align:center}.loader.__isHidden{opacity:0;pointer-events:none}.loader:after{content:".";position:absolute;left:calc(50% - 64px);top:calc(50% - 64px);font-size:128px;display:block;transform-origin:center;width:128px;height:128px;line-height:1px;z-index:1;color:#f06;animation:loadingAnimation 1.6s infinite}html,body{margin:0;padding:0;min-height:100vh;width:100%}body{background:#222;color:#fff;margin:0;font-family:DroidSans}#app{display:-webkit-flex;display:-ms-flex;display:flex}.viewport{width:100%;padding-top:32px;padding-right:32px;float:left}.viewport .__hideCursor{cursor:none}.viewport>[ratio="1x1"]{margin:auto;max-width:calc(80vh - 64px)}.sidebar{width:100%;padding-top:64px;float:left}@media all and (min-width: 640px){.viewport{width:calc(60% - 40px)}.sidebar{padding-top:64px;margin-left:40px;width:40%}}.viewport-content{background-color:#fff;width:100%;border-radius:8px;box-shadow:8px 8px 16px #00000029}h1{font-family:Fixedsys}*{box-sizing:border-box}input:-webkit-autofill{background-color:#fff}::selection{background:#ff0066;color:#333}::-moz-selection{background:#ff0066;color:#333}@font-face{font-family:Fixedsys;src:url(/assets/fixed-sys.1bf6a12e.otf)}@font-face{font-family:DroidSans;src:url(/assets/DroidSans.37d6bf99.otf)}@font-face{font-family:DroidSans;font-weight:700;src:url(/assets/DroidSans-Bold.3da27dec.otf)}.app{height:100%;position:relative}.outlet-full{overflow-y:auto;display:flex;transition:width ease .24s;width:100%;height:100%;opacity:1;transform:translateY(0)}.outlet-full>*{margin:0 32px 32px 64px;width:calc(100% - 96px);min-height:calc(100vh - 32px)}.button{color:#eee;background-color:#f06;border:0 none transparent;padding:8px 16px;transition:.16s all ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}