a[data-v-ae27ae51]{color:inherit}footer[data-v-ae27ae51]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0;left:0;padding:20px;position:fixed}.icon-bar[data-v-cf42a9f1]{display:flex;gap:20px}.icon[data-v-cf42a9f1]{cursor:pointer;transition:all .25s}.icon[data-v-cf42a9f1]:focus,.icon[data-v-cf42a9f1]:hover{opacity:.8;transform:rotate(-360deg)}.icon[data-v-cf42a9f1]:active{transform:scale(.9)}@media screen and (max-width: 800px){.icon-bar[data-v-cf42a9f1]{gap:30px}}.title-bar[data-v-91811aab]{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding-right:5px}.main-btn[data-v-d04532f7]{background-color:var(--theme-color);border:1px solid var(--fg-alpha-2);border-radius:5px;color:#fff;font-size:24px;padding:10px 30px;text-transform:uppercase;transition:filter .25s;width:300px}.main-btn[data-v-d04532f7]:focus{filter:brightness(1.1)}.main-btn[data-v-d04532f7]:hover{filter:brightness(1.2)}.main-btn[data-v-d04532f7]:active{filter:brightness(.9)}.number-area[data-v-d04532f7]{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.number-box[data-v-d04532f7]{align-items:center;border:1px solid var(--fg-alpha-2);border-radius:5px;display:flex;font-size:64px;height:135px;justify-content:center;overflow:hidden;text-align:center;width:300px}.number-box.name[data-v-d04532f7]{font-size:40px}.input-bar[data-v-711919c3]{align-items:center;display:flex;gap:10px;justify-content:space-between}.input-bar input[type=checkbox][data-v-711919c3]{--size: 20px;accent-color:var(--theme-color);height:var(--size);width:var(--size)}.input-bar input[type=number][data-v-711919c3]{background-color:var(--fg-alpha-1);border:none;border-radius:5px;font-size:inherit;padding:10px 15px;width:70%}.input-bar.checkbox[data-v-711919c3]{margin-top:10px}.spacer[data-v-711919c3]{border-bottom:1px solid var(--fg-alpha-1);flex:1}main[data-v-388ca3c2]{align-items:center;display:flex;overflow:auto;width:100%}.app[data-v-388ca3c2]{display:flex;height:100%}.corner-icons[data-v-388ca3c2]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0;right:0;padding:20px;position:fixed}.number-areas[data-v-388ca3c2]{display:flex;gap:30px;margin:0 auto;padding:30px}:root{--bg-body: white;--fg-alpha-05: rgba(0, 0, 0, .05);--fg-alpha-1: rgba(0, 0, 0, .1);--fg-alpha-2: rgba(0, 0, 0, .2);--fg-alpha-25: rgba(0, 0, 0, .25);--fg-alpha-5: rgba(0, 0, 0, .5);--theme-color: rgb(0, 102, 204)}*{box-sizing:border-box}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:auto}body{background-color:var(--bg-body);color:#000c;cursor:default;font-family:sans-serif;height:100%;margin:0;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}button:disabled{color:var(--fg-alpha-5);pointer-events:none}html{height:100%;touch-action:manipulation}li{--radius: 5px;align-items:center;background-color:var(--fg-alpha-1);display:flex;overflow:hidden}li:first-of-type{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}li:last-of-type{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}li:nth-child(2n){background-color:var(--fg-alpha-05)}li>*{border:none;font-size:inherit;padding:10px 15px}li button{background-color:transparent;color:inherit;transition:all .25s}li button:focus,li button:hover{background-color:var(--fg-alpha-2)}li button:active{background-color:var(--fg-alpha-25)}li .list-item-main{cursor:text;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:text;-moz-user-select:text;user-select:text}ul{margin:0;padding-inline-start:0}.panel{animation:fadeIn .25s;background-color:var(--bg-body);border:0 solid var(--fg-alpha-1);display:flex;flex:0 0 400px;flex-direction:column;gap:10px;height:100%;max-width:100%;overflow:auto;padding:20px 20px 50px}.panel-left{border-right-width:1px}.panel-right{border-left-width:1px}.panel h1{font-size:24px;font-weight:400;margin:0}#app{height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 800px){.panel{border:none;position:fixed;width:100%}}@media (prefers-color-scheme: dark){:root{--bg-body: rgb(30, 30, 30);--fg-alpha-05: rgba(255, 255, 255, .05);--fg-alpha-1: rgba(255, 255, 255, .1);--fg-alpha-2: rgba(255, 255, 255, .2);--fg-alpha-25: rgba(255, 255, 255, .25);--fg-alpha-5: rgba(255, 255, 255, .5);color-scheme:dark}body{color:#f5f5f5}}