.panel[data-v-a74a04a8]{background-color:var(--color-white);box-sizing:border-box;margin:.5rem;padding:1rem}@media screen and (max-width:540px){.panel[data-v-a74a04a8]{padding:.5rem}}.input-field[data-v-7e5f4ac2]{align-items:center;background:var(--color-main-transparent);box-sizing:border-box;border-bottom:3px solid var(--color-main);display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:2rem 0;padding:.5rem;width:100%}.input-field input[data-v-7e5f4ac2]{background-color:transparent;border:0;box-sizing:border-box;flex:1 1 auto;max-width:calc(100% - 35px);outline:none;padding:.6rem .3rem}.input-field button[data-v-7e5f4ac2]{background-color:transparent;border:0;box-sizing:border-box;color:var(--color-main);cursor:pointer;flex:0 0 auto;font-size:2rem;font-weight:700;outline:none;padding:0 .5rem;width:35px}.input-field button[data-v-7e5f4ac2]:disabled{color:grey}.word[data-v-11bd887e]{align-items:center;background-color:var(--color-main);border:1px solid var(--color-main);box-sizing:border-box;color:var(--color-white);cursor:pointer;display:flex;flex:1 1 auto;flex-flow:row nowrap;justify-content:space-between;margin:0;padding:.5rem 1rem;position:relative}.word.word-generated[data-v-11bd887e]{padding:1.8rem 1rem}@media screen and (max-width:840px){.word.word-generated[data-v-11bd887e]{padding:1rem 1rem}}.word .word-data[data-v-11bd887e]{flex:1 1 auto;font-weight:700;min-width:30px;text-align:center}@media screen and (max-width:840px){.word .word-data[data-v-11bd887e]{font-size:1.2rem}}.word .word-option[data-v-11bd887e]{background-color:var(--color-red);border-radius:50%;color:var(--color-white);display:none;font-weight:lighter;font-size:1.2rem;height:30px;padding:0;position:absolute;right:-5px;top:-15px;width:30px}.word[data-v-11bd887e]:hover{box-shadow:0 5px 5px var(--color-light-gray)}.word:hover .word-option[data-v-11bd887e]{align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}.actions[data-v-69ab5d6e]{align-items:center;display:flex;flex-flow:row nowrap;gap:1rem;justify-content:space-between;margin:2rem 0}.actions .button[data-v-69ab5d6e]{border:1px solid transparent;box-shadow:0 3px 3px var(--color-light-gray);box-sizing:border-box;cursor:pointer;flex:1 1 auto;padding:.8rem .5rem}.actions .button.button-normal[data-v-69ab5d6e]{background-color:var(--color-white);border:1px solid var(--color-white)}.actions .button.button-main[data-v-69ab5d6e]{background-color:var(--color-black);border:1px solid var(--color-black);color:var(--color-white);font-weight:700}.actions .button.button-main[data-v-69ab5d6e]:hover{color:var(--color-main)}.actions .button[data-v-69ab5d6e]:hover{border:1px solid var(--color-black);box-shadow:0 5px 3px var(--color-gray)}.actions .button[data-v-69ab5d6e]:disabled{background-color:grey;border:1px solid grey;color:#a9a9a9;cursor:auto}.actions .button[data-v-69ab5d6e]:disabled:hover{background-color:grey;border:1px solid grey;box-shadow:0 5px 5px var(--color-light-gray);color:#a9a9a9}.word-list[data-v-118232bc]{display:flex;flex-flow:row wrap;gap:1rem}body,html{font-size:16px;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{--color-dark-charcoal:#2e2e36;--color-caribbean-orange:#ff8d6a;--color-caribbean-orange-transparent:rgba(255,141,106,0.2823529411764706);--color-caribbean-green:#01bc9a;--color-caribbean-green-transparent:rgba(1,188,154,0.2823529411764706);--color-black:var(--color-dark-charcoal);--color-light-gray:#dfdfdf;--color-lighter-gray:#f9f9f9;--color-white:#fff;--color-gray:#ccc;--color-red:red;--color-main:var(--color-caribbean-green);--color-main-transparent:var(--color-caribbean-green-transparent);background:var(--color-dark-charcoal);color:var(--color-black);min-height:100vh;margin:0;padding:0}body button,body input{color:var(--color-black);font-size:1rem}body .copyright{align-items:center;display:flex;flex-flow:row nowrap;font-weight:lighter;font-size:.9rem;height:30px;justify-content:center;text-align:center}body .copyright .copyright-data{color:grey;margin:0;text-decoration:none}body .copyright .copyright-data:hover{font-weight:700}#app{align-items:stretch;box-sizing:border-box;display:flex;flex-flow:row nowrap;justify-content:center;min-height:calc(100vh - 30px)}#app:before{background-color:var(--color-main);content:"";height:20vh;left:0;top:0;width:100vw;position:absolute;z-index:1}#app .main-panel{background-color:var(--color-white);box-sizing:border-box;align-items:stretch;box-shadow:0 3px 3px var(--color-black);border:0;display:flex;flex:1 1 100%;flex-flow:row nowrap;justify-content:stretch;margin:1rem .5rem;max-width:1200px;z-index:2}@media screen and (max-width:840px){#app .main-panel{flex-flow:column nowrap;margin:0 0 .5rem 0}}#app .column{box-sizing:border-box}#app .column.column-aside{display:flex;flex:0 0 25%}#app .column.column-aside .aside-panel{flex:1;background-color:var(--color-lighter-gray);box-sizing:border-box}#app .column.column-aside .aside-panel .aside-panel-content{padding:1rem}@media screen and (max-width:840px){#app .column.column-aside .aside-panel{display:flex;flex-flow:column nowrap}#app .column.column-aside .aside-panel .actions{order:1}}#app .column.column-main{display:flex;flex:1 1 75%;flex-flow:column nowrap}#app .column.column-main>.top-panel{flex:0 0 auto}#app .column.column-main>.bottom-panel{flex:1 1 auto}@media screen and (max-width:840px){#app .column.column-main{flex-flow:column-reverse nowrap}}.title{align-items:center;background:var(--color-black);color:var(--color-white);display:flex;flex-flow:row nowrap;font-size:1rem;font-weight:700;justify-content:center;gap:1rem;margin:0;margin-bottom:2rem;padding:1rem;text-align:center}.title img{display:block;height:auto;width:2.2rem}@media screen and (max-width:540px){.title{padding:1rem .5rem}}.subtitle{font-size:1rem;font-weight:700;margin:0 0 1rem 0}.legend{color:var(--color-black);margin:0 auto;max-width:300px;text-align:center}