body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box}body{background-image:url(/static/media/bg.bb40f943.svg);background-repeat:repeat;background-color:#3f3e40;font-family:"Montserrat",sans-serif;color:#fff;font-size:14px}body #root{overflow:hidden}.App{text-align:center}.wrapper{max-width:1485px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:100px}.wrapper .full-pan{width:100%;height:100vh}.cols{display:flex;flex-direction:row;justify-content:center;align-items:center;align-content:flex-start}.cols .col{width:100%}.cols .col.form-col{flex-shrink:1;max-width:500px;min-width:450px}.diskette-col{margin-left:200px;position:relative}.diskette-col .caption{font-family:"Permanent Marker",cursive;color:#000;position:absolute;z-index:101;bottom:17%;left:20%;max-width:430px;font-size:2.5vw;transform:rotate(-9deg)}.diskette-col .floppyWrapper{width:100%;max-width:600px;position:absolute;top:100px;left:0}.diskette-col .floppyWrapper:nth-child(2){transform:rotate(25deg)}.diskette-col .floppyWrapper:last-child{position:static;position:relative;z-index:101}.diskette-col .floppyWrapper svg{display:block;width:100%;max-width:600px;height:auto;-webkit-filter:drop-shadow(7px 10px 5px rgba(0,0,0,.3));filter:drop-shadow(7px 10px 5px rgba(0,0,0,.3))}.diskette-col .animateFloppy .floppyWrapper{opacity:1}h1{font-weight:700;font-size:70px;margin-bottom:30px}.baseline{display:block;font-size:18px;margin-bottom:40px}form .form-group{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;align-content:flex-start;margin-bottom:20px}form input[type=text]{padding:24px 30px;height:100px;width:100%;flex-shrink:180;background-color:#313131;border:2px solid #d6d6d6;font-size:40px;color:#fff;border-top-left-radius:10px;border-bottom-left-radius:10px}form .hidden-select{display:none}form .compression-control{width:180px;background-color:#313131;border:2px solid #d6d6d6;border-left:none;height:100px;position:relative;cursor:pointer;overflow:hidden;border-top-right-radius:10px;border-bottom-right-radius:10px}form .compression-control:hover{overflow:visible}form .compression-control:after{content:"";display:block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #fff;margin-top:-6px;position:absolute;top:50%;right:20px}form .compression-control .compression-item-wrap{transition:all .5s ease-in-out}form .compression-control .compression-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;align-content:center;padding:14px 45px 16px 30px;height:100px;background-color:#313131;border:1px solid #d6d6d6}form .compression-control .compression-item span{font-size:40px}form .disquette-selected{margin-bottom:40px}form .disquette-selected .disquette-selected-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-content:flex-start;padding:26px 30px;cursor:pointer;background-color:#313131;border:2px solid #d6d6d6;border-radius:10px}form .disquette-selected .disquette-selected-item svg{display:block;max-width:90px;height:auto;margin-right:27px}form .disquette-selected .disquette-selected-item .caption span{display:block}form .disquette-selected .disquette-selected-item .caption span.title{font-size:20px;font-weight:700;margin-bottom:5px}form .disquette-selected .disquette-selected-item .caption span.capacity{margin-bottom:2px;font-size:16px;color:#ccc}form .disquette-selected .disquette-selected-item .caption span.dimensions{margin-bottom:10px;color:#ccc;opacity:.6}form .disquette-selected .disquette-selected-item .caption span.changeLink{text-decoration:underline}form button{display:block;width:100%;padding:18px 25px;text-transform:uppercase;font-size:20px;color:#343434;font-weight:700;border:none;background-color:hsla(0,0%,100%,.8);font-family:"Montserrat",sans-serif;border-radius:6px;outline:none}.sep-line{display:block;margin-bottom:10px}.disquette-selector{display:block;min-height:100vh;width:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:202;background-color:#fff;background-image:url(/static/media/bg.bb40f943.svg);color:#343434;padding:50px}.disquette-selector .closeSelector{display:inline-block;background-color:transparent;width:auto;position:absolute;top:20px;left:20px;cursor:pointer;padding:0;text-transform:none;font-weight:400}.disquette-selector .disquette-selector-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;align-content:center;padding-left:50px;padding-right:50px;height:100%}.disquette-selector .disquette-selector-wrapper .disquette-type-wrapper{padding-left:50px;padding-right:50px}.disquette-selector .disquette-selector-wrapper .disquette-type-wrapper svg{margin-bottom:40px;display:block;height:auto;max-width:300px;-webkit-filter:drop-shadow(7px 10px 5px rgba(0,0,0,.3));filter:drop-shadow(7px 10px 5px rgba(0,0,0,.3))}.disquette-selector .disquette-selector-wrapper .disquette-type-wrapper .caption{margin-bottom:30px}.disquette-selector .disquette-selector-wrapper .disquette-type-wrapper .caption h2{font-weight:700;font-size:26px;margin-bottom:3px}.disquette-selector .disquette-selector-wrapper .disquette-type-wrapper .caption span{font-size:13px;display:block}.disquette-selector .disquette-selector-wrapper .disquette-type-wrapper .variants button.disquette-variant{padding:15px;margin-bottom:10px;background-color:#e2e2e2;border:1px solid #606060;border-radius:10px;text-transform:none;text-align:left;cursor:pointer}.disquette-selector .disquette-selector-wrapper .disquette-type-wrapper .variants button.disquette-variant:hover{background-color:#acacac}.disquette-selector .disquette-selector-wrapper .disquette-type-wrapper .variants button.disquette-variant span{display:block}.disquette-selector .disquette-selector-wrapper .disquette-type-wrapper .variants button.disquette-variant span.name{font-size:14px}.disquette-selector .disquette-selector-wrapper .disquette-type-wrapper .variants button.disquette-variant span.value{font-weight:400}.disquette-selector .disquette-selector-wrapper .disquette-type-wrapper .variants button.disquette-variant.current{color:#fff;background-color:#343434;border-color:#343434;position:relative}.disquette-selector .disquette-selector-wrapper .disquette-type-wrapper .variants button.disquette-variant.current:after{content:"";display:block;height:14px;width:14px;background-image:url(/static/media/star-1.17ed5c55.svg);position:absolute;top:10px;right:10px}footer .col{padding-left:55px;padding-right:55px}footer .col:first-child{padding-left:0}
/*# sourceMappingURL=main.acc3f93f.chunk.css.map */