.template{--fill:#0000;--fill-hover:hsla(0,0%,45%,.2);--fill-active:#1a1a1a;--txt:#ccc;--br:.625rem;--gap:.25rem;--popup-main-h:20rem;box-sizing:border-box;color:var(--txt);display:flex;font-size:.975rem;margin:0;padding:0}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--fill);border:0;border-radius:var(--br) calc(var(--br)/2) calc(var(--br)/2) var(--br);color:inherit;cursor:pointer;display:inline-block;font-size:inherit;list-style-type:none;list-style:none;outline:0;padding:0;position:relative;text-align:left;text-decoration:none;transition:background-color .5s;white-space:nowrap}.button.quit:hover{background-color:#962434}.button.active,.button:active,.button:focus{background-color:#ffffff25}hr{border:1px dashed #313131;margin:.8rem}.popup,.popup-header{position:relative}.popup-header{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:calc(var(--gap)*3)}.popup-main{background-color:#fff;border-radius:var(--br);box-shadow:0 4px 12px #0000001a;height:auto;margin-top:0;overflow:hidden;padding:10px;position:absolute;right:0;top:50px;transition:.4s}.popup:focus .popup-main{margin-top:0;z-index:123}.list-box{display:flex;flex-direction:column;gap:15px;height:auto;margin:0;overflow:auto;overscroll-behavior:contain;padding:0;scroll-behavior:smooth;scrollbar-width:none}.list-box .item{align-items:center;background:none;border-radius:0;color:#000;cursor:pointer;display:flex;font-size:rem(14);font-weight:400;gap:10px;min-width:165px;padding:5px;width:100%}.list-box .item img{border-radius:100%;height:26px;-o-object-fit:cover;object-fit:cover;width:26px}.list-box .item:hover{background-color:#f3e5f5}.cl-checkbox{display:inline-block;position:relative}.cl-checkbox>input{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:#0009;border-radius:50%;box-shadow:none;display:block;height:40px;left:-10px;margin:0;opacity:0;outline:none;pointer-events:none;position:absolute;top:-8px;transform:scale(1);transition:opacity .3s,transform .2s;width:40px;z-index:-1}.cl-checkbox>span{cursor:pointer;display:inline-block;width:100%}.cl-checkbox>span:before{border:2px solid rgba(0,0,0,.6);border-radius:2px;box-sizing:border-box;content:"";display:inline-block;height:18px;margin:3px 11px 3px 1px;transition:border-color .2s,background-color .2s;vertical-align:top;width:18px}.cl-checkbox>span:after{border:2px solid transparent;border-right:none;border-top:none;content:"";display:block;height:5px;left:1px;position:absolute;top:3px;transform:translate(3px,4px) rotate(-45deg);width:10px}.cl-checkbox>input:checked,.cl-checkbox>input:indeterminate{background-color:#e61771}.cl-checkbox>input:checked+span:before,.cl-checkbox>input:indeterminate+span:before{background-color:#e61771;border-color:#e61771}.cl-checkbox>input:checked+span:after,.cl-checkbox>input:indeterminate+span:after{border-color:#fff}.cl-checkbox>input:indeterminate+span:after{border-left:none;transform:translate(4px,3px)}.cl-checkbox:hover>input{opacity:.04}.cl-checkbox>input:focus{opacity:.12}.cl-checkbox:hover>input:focus{opacity:.16}.cl-checkbox>input:active{opacity:1;transform:scale(0);transition:transform 0s,opacity 0s}.cl-checkbox>input:active+span:before{border-color:#85b8b7}.cl-checkbox>input:checked:active+span:before{background-color:#0009;border-color:transparent}.cl-checkbox>input:disabled{opacity:0}.cl-checkbox>input:disabled+span{color:#00000061;cursor:auto}.cl-checkbox>input:disabled+span:before{border-color:currentColor}.cl-checkbox>input:checked:disabled+span:before,.cl-checkbox>input:indeterminate:disabled+span:before{background-color:currentColor;border-color:transparent}.dialog-overlay[data-v-b53786e3]{align-items:center;background:#00000080;display:flex;justify-content:center;inset:0;position:fixed;z-index:9999}.dialog-box[data-v-b53786e3]{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0003;text-align:center}