.template-chooser{font-weight:bolder;cursor:pointer;position:relative;padding:2em 4em;border:var(--text) 2px dashed;border-radius:16px}.modal-select{width:calc(min(50vw,24em) + 8em);height:95%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--sub-bg);opacity:1;overflow:hidden;box-shadow:#333 5px 5px 5px;border:5px solid var(--sub-bg);border-radius:12px;z-index:100}.modal-select>.index-list{height:calc(100% - 40px);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.modal-select>.index-list div{padding:.6em;color:var(--text);font-size:.8rem;margin-top:1.8em;border-radius:8px;cursor:pointer;transform:scale(1);transition:all .3s}.modal-select>.index-list div:hover{z-index:150;background:hsla(0,0%,80%,.14);transform:scale(1.3)}.modal-select.medium>.index-list div:hover{transform:scale(1.4)}.modal-select>.index-list>div{display:flex;flex-direction:column;align-items:center}.modal-select>.index-list>div>h3{margin:.2em 0}.modal-select>.index-list>div>h3>span{margin-left:.4em;font-size:.6em;transition:margin-left .4s}.modal-select>.index-list>div:hover>h3>span{margin-left:.8em}.modal-select>.index-list>div>img{max-width:20em;max-height:18em;object-fit:contain;background:linear-gradient(45deg,var(--text) 0,var(--text) 25%,transparent 25%,transparent 50%,var(--text) 50%,var(--text) 75%,transparent 75%,transparent);background-size:20px 20px;border:4px var(--text) solid;border-radius:8px}.modal-select.medium>.index-list>div>img{max-width:12em;max-height:10em}.modal-select.medium>.index-list{flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;align-content:flex-start}.modal-select.small>.index-list>div>img{max-width:6em;max-height:4em}.modal-select.small>.index-list{flex-direction:column;flex-wrap:nowrap;align-items:flex-start}.modal-select.small>.index-list>div{flex-direction:row}.modal-select.small>.index-list div{width:100%;margin-top:1.2em;justify-content:center}.modal-select.small>.index-list>div>h3{margin-left:1em;font-size:1.8em;letter-spacing:0;font-weight:600;transition:letter-spacing .2s,font-weight .2s}.modal-select.small>.index-list>div:hover>h3{font-weight:400;letter-spacing:2px}.modal-select>.index-list p{text-align:center;font-weight:600}.modal-select>input{font-size:1.4em;font-weight:bolder;height:1.2em;width:100%;border:none;border-bottom:var(--text) dashed 2px;outline:none;margin:0}.tag,.index-list span{display:inline-block;margin-top:.2em;margin-right:.6em;margin-left:.1em;padding:5px 10px;border-radius:3px;color:var(--sub-text);background-color:var(--card-bg);font-size:14px;font-weight:700}@media (max-width: 650px){.modal-select>.index-list div{min-width:max-content;padding:.8em .2em;margin:.6em .2em}}.avatar-uploader{position:relative;cursor:no-drop;padding:1em;border:var(--text) 2px dashed;border-radius:16px;display:flex;flex-wrap:wrap;justify-content:space-around}.avatar-uploader>label{cursor:pointer;margin:.6em;width:8em;height:8em;background-size:20px 20px;background-clip:border-box;background-image:linear-gradient(45deg,var(--text) 0,var(--text) 25%,transparent 25%,transparent 50%,var(--text) 50%,var(--text) 75%,transparent 75%,transparent);background-position:center;border:var(--text) 2px solid;border-radius:8px;display:flex;align-items:center;justify-content:center}.avatar-uploader>label:before{transition:transform .25s ease-in-out;transform:scale(1);content:attr(type);color:var(--text);padding:.2em .6em;background:var(--sub-bg);border-radius:8px;border:var(--text) 2px solid}.avatar-uploader>label:hover:before{transform:scale(0)}.avatar-uploader>label>input[type=file]{display:none}.croppr-container *{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.croppr-container img{vertical-align:middle;max-width:100%}.croppr{position:relative;display:inline-block}.croppr-overlay{background:rgba(0,0,0,.5);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:crosshair}.croppr-region{border:1px dashed rgba(0,0,0,.5);position:absolute;z-index:3;cursor:move;top:0}.croppr-imageClipped{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.croppr-handle{border:1px solid black;background-color:#fff;width:10px;height:10px;position:absolute;z-index:4;top:0}.avatar-cropper{max-width:min(80vw,24em);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--sub-bg);opacity:1;box-shadow:#333 5px 5px 5px;border:5px solid var(--sub-bg);border-radius:12px;display:flex;flex-direction:column;align-items:center;z-index:100}.avatar-cropper img{width:100%}.avatar-cropper>.croppr-container{width:100%}.avatar-cropper .croppr{width:100%}.avatar-cropper>.button-group{width:100%}.result-area{top:2.4em;bottom:0;position:sticky;min-height:8em;border-radius:16px}.result-area>canvas{border-radius:inherit;width:max(100%,8em);max-width:32em}