.measurement[data-v-2e1e70a9]{z-index:10;position:absolute;width:80px}input[data-v-2e1e70a9]{width:100%;border:1px solid #3f3f3f;outline:none;padding:.25em .5em;text-align:center}.center-top[data-v-2e1e70a9]{top:0;left:50%}.center-bottom[data-v-2e1e70a9]{top:100%;left:50%}.left-center[data-v-2e1e70a9]{left:0;top:50%}.right-center[data-v-2e1e70a9]{left:100%;top:50%}.direction-y[data-v-2e1e70a9]{transform:translateX(-50%) translateY(-30px)}.direction-x[data-v-2e1e70a9]{transform:translateX(-50%) translateY(-50%)}.checkbox[data-v-16f1ea18]{z-index:10;position:absolute;width:20px;height:20px;background:#fff;outline:1px solid #000;border:2px solid #fff;transition:background .25s;cursor:pointer}.checked[data-v-16f1ea18]{background:#666}.left .checkbox[data-v-16f1ea18]{left:0;top:50%;transform:translateX(-50%) translateY(-50%)}.top .checkbox[data-v-16f1ea18]{left:50%;top:0;transform:translateX(-50%) translateY(-50%)}.right .checkbox[data-v-16f1ea18]{left:100%;top:50%;transform:translateX(-50%) translateY(-50%)}.bottom .checkbox[data-v-16f1ea18]{left:50%;top:100%;transform:translateX(-50%) translateY(-50%)}.tape[data-v-16f1ea18]{content:"";position:absolute;border:2px solid #000}.left .tape[data-v-16f1ea18]{top:5px;bottom:5px;left:-15px;width:5px;border-right:0}.right .tape[data-v-16f1ea18]{top:5px;bottom:5px;right:-15px;width:5px;border-left:0}.top .tape[data-v-16f1ea18]{left:5px;right:5px;top:-15px;height:5px;border-bottom:0}.top.medium .tape[data-v-16f1ea18]{left:35%;right:5px;top:-15px;height:5px;border-bottom:0}.top.short .tape[data-v-16f1ea18]{left:calc(35% - 5px);right:calc(35% - 5px);top:-15px;height:5px;border-bottom:0}.bottom .tape[data-v-16f1ea18]{left:5px;right:5px;bottom:-15px;height:5px;border-top:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}*{box-sizing:border-box}li{cursor:pointer}button:focus{outline:none}button.button{background:#999;border:none;padding:.5em 1em;color:#fff;font-size:16px;transition:all .25s}button{cursor:pointer}.section{margin:40px 0;box-shadow:0 0 32px rgba(0,0,0,.15);padding:20px}input.padded-input{padding:.5em 1em}.selected{box-shadow:0 0 16px rgba(0,0,0,.5)}.form-field{max-width:400px;margin:auto;margin-bottom:40px}.form-field label{display:block;text-align:left}.form-field input{width:100%}.counter{max-height:800px}.counter,.extra{width:100%;height:100vw;max-width:800px;margin:auto;position:relative}.extra{max-height:300px}.counter>div,.extra>div{background:#ebebeb;border:1px solid #3f3f3f;position:absolute;opacity:0;transition:opacity .5s}.counter div.active,.extra div.active{opacity:1}.counter div .inner,.extra div .inner{position:relative;width:100%;height:100%;z-index:9}.counter .shape-i{left:20%;right:20%;bottom:20%;height:20%;width:60%}.counter .shape-l{left:20%;top:20%;height:40%}.counter .shape-l,.counter .shape-u{bottom:40%;width:20%;transform:translateY(1px);border-bottom:none}.counter .shape-u{right:20%;top:40%;height:20%}.extra .shape-e{top:20%;left:20%;right:20%;bottom:0;height:50%;width:60%;opacity:1}ul.button-list,ul.image-list{display:flex;flex-wrap:wrap;justify-content:center;padding:0}.button-list li,.image-list li{list-style:none;padding:5px;border:1px solid transparent;transition:border .25s;border-radius:3px}.image-list li.selected{border:1px solid #999}.image-list li img{max-width:200px;height:auto}.button-list li button{background:#999;border:none;padding:.5em 1em;color:#fff;font-size:16px;transition:all .25s}.button-list li button.selected{background:#fefefe;border:1px solid #999;color:#3f3f3f}