:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--cover-bg-color: #fffaec;--main-bg-color: #f5ecd5;--sub-bg-color: #578e7e;--strong-bg-color: #3d3d3d;--danger-bg-color: #fb4141}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}#app{display:flex;justify-content:center;align-items:center}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{background-color:var(--cover-bg-color)}ul{list-style-type:none}.item[data-v-f164d5b8]{width:30rem;height:auto;background-color:var(--main-bg-color);padding:1rem;display:flex;flex-direction:column;gap:1rem}.item h3[data-v-f164d5b8]{font-weight:700}.border_custom[data-v-f164d5b8]{border:thin solid var(--strong-bg-color);border-radius:1rem}svg[data-v-76aa6b74]{transform:rotate(var(--r, 0deg)) scale(var(--sx, 1),var(--sy, 1))}path[data-v-76aa6b74]{fill:currentColor}li[data-v-4ab0c93b]{-webkit-user-select:none;user-select:none;cursor:pointer}.titleItem[data-v-4ab0c93b]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:thin solid var(--strong-bg-color)}.titleItem p[data-v-4ab0c93b]{font-weight:700}.titleItem[data-v-4ab0c93b]:hover{background-color:var(--cover-bg-color)}.v-enter-active[data-v-4ab0c93b]{animation:added-4ab0c93b .3s linear}.v-leave-active[data-v-4ab0c93b]{animation:added-4ab0c93b .3s linear reverse}@keyframes added-4ab0c93b{0%{max-height:0}to{max-height:10rem}}.child[data-v-4ab0c93b]{overflow:hidden}.isSelected[data-v-4ab0c93b]{background-color:var(--cover-bg-color)}a[data-v-4ab0c93b]{display:block;padding:1rem;border-bottom:thin solid var(--main-bg-color);background-color:var(--strong-bg-color);color:var(--cover-bg-color)}a[data-v-4ab0c93b]:hover{background-color:var(--sub-bg-color)}.item[data-v-6b720f6f]{background-color:#0ff}button[data-v-6b720f6f]{width:10rem;height:5rem}li[data-v-6b720f6f]{display:inline}.container[data-v-b2e8a591]{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.left[data-v-b2e8a591],.right[data-v-b2e8a591]{width:40%}.middle[data-v-b2e8a591]{width:20%;display:flex;flex-direction:column;gap:1rem}.max-width[data-v-b2e8a591]{width:100%}.isSelected[data-v-b2e8a591]{background-color:var(--strong-bg-color)}#addBtn[data-v-b2e8a591],#removeBtn[data-v-b2e8a591]{font-weight:700}#addBtn[data-v-b2e8a591]{background-color:var(--sub-bg-color)}#removeBtn[data-v-b2e8a591]{background-color:var(--danger-bg-color)}[data-v-dc363f02]{cursor:pointer;-webkit-user-select:none;user-select:none}.has-hidden[data-v-dc363f02]{opacity:0;width:0;height:0}.c-checkbox[data-v-dc363f02]{display:inline-block;position:relative;padding-left:3rem;margin-bottom:1rem;font-weight:500}.c-checkbox input[data-v-dc363f02]{position:absolute}.checkmark[data-v-dc363f02]{position:absolute;top:0;left:0;width:2rem;height:2rem;border:thin solid var(--strong-bg-color);border-radius:1rem;background-color:var(--cover-bg-color)}.c-checkbox:hover .checkmark[data-v-dc363f02]{background-color:var(--main-bg-color)}.checkmark[data-v-dc363f02]:after{content:"";position:absolute;display:none}.c-checkbox .checkmark[data-v-dc363f02]:after{top:50%;left:50%;width:.5rem;height:1rem;border:solid white;border-width:0 .3rem .3rem 0;transform:translate(-50%,-50%) rotate(45deg)}.c-checkbox input:checked~.checkmark[data-v-dc363f02]{background:var(--sub-bg-color)}.c-checkbox input:checked~.checkmark[data-v-dc363f02]:after{display:block}.c-input[data-v-6c0d3187]{background-color:#fff;width:100%;display:flex;padding:.4rem;align-items:center;justify-content:space-between;gap:.2rem}.-border-custom[data-v-6c0d3187]{border:thin solid var(--strong-bg-color);border-radius:1rem}.warn[data-v-6c0d3187]{border-color:var(--danger-bg-color)}.success[data-v-6c0d3187]{border-color:var(--sub-bg-color)}.c-input[data-v-6c0d3187]:focus-within{outline:thin solid;border-color:var(--strong-bg-color)}.c-i--item[data-v-6c0d3187]{padding:.4rem;width:90%;border-width:0;outline:none;font-size:medium;border-radius:1rem}.c-i--item[data-v-6c0d3187]::placeholder{font-style:italic}.c-i--item[data-v-6c0d3187]:focus{outline:none}.p-warn[data-v-6c0d3187]{color:var(--danger-bg-color);font-style:italic;font-weight:500}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;padding:2rem}.item{display:flex;gap:10rem}#both_side_box{width:80%}.buttonContainer[data-v-a7ce4ef7]{padding:1rem;margin:0 .1rem;border:thin solid var(--strong-bg-color);border-radius:1rem;background-color:var(--cover-bg-color);font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;display:inline-block;text-align:center}.buttonContainer[data-v-a7ce4ef7]:hover{background-color:var(--strong-bg-color);color:var(--cover-bg-color);border-color:var(--cover-bg-color)}.buttonContainer.isSelected[data-v-a7ce4ef7]{background-color:var(--sub-bg-color);color:var(--cover-bg-color);border-color:var(--cover-bg-color)}.buttonContainer.isDisabled[data-v-a7ce4ef7]:hover{background-color:var(--cover-bg-color);color:var(--color-text);border-color:var(--strong-bg-color);cursor:not-allowed}