.card-text-input{width:200px;margin-top:2px;padding:2px;border:1px solid #ccc;border-radius:4px;color:#000}:focus{outline:none;border-color:#ffc2e9}.card-text-input-long{width:310px;height:220px;margin-top:2px;padding:2px;border:1px solid #ccc;border-radius:4px;color:#000}.card{width:361px;height:440px}.card,.card-join{background:#fff;box-shadow:0 0 4px #fc9ad3,0 1px 1px #ffc2e9;border-radius:8px}.card-radio{width:100%;margin-top:2px;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-radio-label{color:#000}.card-radio input[type=radio]:checked{background-color:#fc9ad3;border-color:#fc9ad3}.custom-upload-label{display:inline-block;overflow:hidden;cursor:pointer}.custom-upload-input{display:none}.custom-upload-button{display:inline-block;padding:10px 20px;background-color:#fdc2e4;color:#fff;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer}.custom-upload-button:before{content:"Choose File";position:absolute;top:0;left:0;width:100%;height:300px;line-height:40px;text-align:center;background-color:hsla(0,0%,100%,.1);transition:background-color .3s;pointer-events:none}.custom-upload-button:hover:before{background-color:hsla(0,0%,100%,.2)}.preview-container{flex-direction:column}.preview-container,.preview-frame{display:flex;align-items:center;justify-content:center}.preview-frame{border-radius:10px;background-color:#f2f2f2;overflow:hidden}.preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.no-picture{font-size:14px;font-weight:700;color:#555}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .5s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .5s}.radio-text{margin-left:4px}.scroll-to-top{position:fixed;right:30px;bottom:120px;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ffc2e9;box-shadow:0 2px 5px rgba(0,0,0,.1);cursor:pointer;transition:opacity .3s ease}.scroll-to-top:hover{opacity:.8}.scroll-to-top .arrow{width:16px;height:16px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(-135deg)}.scroll-to-bottom{position:fixed;right:30px;bottom:70px;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ffc2e9;box-shadow:0 2px 5px rgba(0,0,0,.1);cursor:pointer;transition:opacity .3s ease}.scroll-to-bottom:hover{opacity:.8}.scroll-to-bottom .arrow{width:16px;height:16px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}@media (max-width:768px){.scroll-to-bottom,.scroll-to-top{right:15px;bottom:100px;width:30px;height:30px}.scroll-to-bottom .arrow,.scroll-to-top .arrow{width:10px;height:10px}}