@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);i[data-v-07f63a8a]{--size:16px;font-size:var(--size)}button[data-v-7af6bbc4]{outline:none;border:none;cursor:pointer;width:32px;height:32px;background-color:var(--secondary);color:var(--selected);padding:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}button[data-v-7af6bbc4]:hover{background-color:var(--selected);color:var(--primary)}.modal-backdrop[data-v-c07d339e]{position:absolute;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.327)}.modal[data-v-c07d339e]{position:relative;width:var(--width);height:-webkit-max-content;height:-moz-max-content;height:max-content;background-color:#fff;box-shadow:2px 2px 8px rgba(0,0,0,.153);padding:20px;border-radius:12px}.btn-close[data-v-c07d339e]{position:absolute;top:10px;right:10px}.content-modal[data-v-c07d339e]{height:calc(100% - 32px);flex-grow:1;display:flex;align-items:center;justify-content:center;margin-top:32px}.content-form[data-v-c3a6db10]{width:100%;display:flex;flex-direction:column;row-gap:18px}.title-form h2[data-v-c3a6db10]{font-size:1.5em;color:var(--primary);font-weight:400}hr[data-v-c3a6db10]{height:3px;background-color:#e0e0e0;border:none;border-radius:12px}.title-form[data-v-c3a6db10],form>div[data-v-c3a6db10]:not(.buttons),form[data-v-c3a6db10]{display:flex;flex-direction:column;row-gap:6px}form[data-v-c3a6db10]{row-gap:16px}form>label[data-v-c3a6db10]{color:#555;font-size:1em}.change-color[data-v-c3a6db10]{all:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;cursor:pointer}.change-color[data-v-c3a6db10]::-webkit-color-swatch{height:40px;border:2px solid var(--primary);border-radius:12px}.buttons[data-v-c3a6db10]{display:flex;align-items:center;justify-content:center;-moz-column-gap:16px;column-gap:16px}.segment[data-v-43ed14ca]{--segment:var(--secondary);--width:0;--height:0;--hexagon-width:calc(var(--height)/2);--teste:var(--secondary)}.horizontal[data-v-43ed14ca]{--width:42px;--height:15px;--hexagon-width:calc(var(--height)/2)}.vertical[data-v-43ed14ca]{--width:15px;--height:45px;--hexagon-width:calc(var(--width)/2)}.segment[data-v-43ed14ca]{width:var(--width);height:var(--height);background:var(--segment);position:relative;transition:all .1s ease}.selected[data-v-43ed14ca]{background-color:var(--selected);--teste:var(--selected)}.segment[data-v-43ed14ca]:after,.segment[data-v-43ed14ca]:before{content:"";position:absolute;width:0;height:0;transition:all .1s ease}.horizontal[data-v-43ed14ca]:after,.horizontal[data-v-43ed14ca]:before{border-top:var(--hexagon-width) solid transparent;border-bottom:var(--hexagon-width) solid transparent}.horizontal[data-v-43ed14ca]:before{right:calc(var(--hexagon-width)*-1);border-left:var(--hexagon-width) solid var(--teste)}.horizontal[data-v-43ed14ca]:after{left:calc(var(--hexagon-width)*-1);border-right:var(--hexagon-width) solid var(--teste)}.vertical[data-v-43ed14ca]:after,.vertical[data-v-43ed14ca]:before{border-left:var(--hexagon-width) solid transparent;border-right:var(--hexagon-width) solid transparent}.vertical[data-v-43ed14ca]:after{top:calc(var(--hexagon-width)*-1);border-bottom:var(--hexagon-width) solid var(--teste)}.vertical[data-v-43ed14ca]:before{bottom:calc(var(--hexagon-width)*-1);border-top:var(--hexagon-width) solid var(--teste)}.content-number[data-v-380558ff]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;gap:2px}.number-flex[data-v-380558ff]{width:100%;display:flex;justify-content:space-between}section[data-v-58c5163a]{display:flex;-moz-column-gap:14px;column-gap:14px}ul[data-v-50020906]{list-style:none;display:flex;height:60px;flex-direction:column;align-items:center;justify-content:space-between}.circle[data-v-50020906]{width:20px;height:20px;border-radius:20px;background-color:var(--selected)}.content[data-v-94ab2ed8]{background-color:hsla(0,0%,100%,.2);padding:20px 32px;border-radius:20px;box-shadow:4px 3px 8px rgba(0,0,0,.1)}.content>div[data-v-94ab2ed8],.content[data-v-94ab2ed8]{display:flex;align-items:center;justify-content:center;-moz-column-gap:16px;column-gap:16px}h1[data-v-0d236a80]{color:var(--selected);font-weight:500;font-size:1.8em}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}:root{--primary:"";--secondary:"";--selected:""}main{width:100%;height:100vh;background-color:var(--primary);display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:24px}input{outline:none;border:none}.fade-enter-active,.fade-leave-active{transition:all .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}