.body-no-scroll{overflow:hidden;padding-right:var(--scrollbar-width)}.modal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100vh;overflow-y:auto;background-color:#fff0;align-items:center;transition:background-color 0.3s ease}.modal.show{background-color:rgb(0 0 0 / .45)}.modal-content{margin:30px auto;width:500px;position:relative;opacity:0;transform:translateY(24px) scale(.97);transition:opacity 0.3s ease,transform 0.3s ease}.modal.show .modal-content{opacity:1;transform:translateY(0) scale(1)}.box-content-modal{background-color:#fefefe;padding:40px 30px 30px 30px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 20px 60px rgb(0 0 0 / .12);margin:0 15px}.close{color:#666;position:absolute;top:10px;right:30px;line-height:24px;font-size:24px;transition:color 0.2s ease;z-index:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.tab{overflow:hidden;margin-bottom:15px;display:flex;gap:10px}.tab button{background-color:inherit;border:none;outline:none;cursor:pointer;padding:10px 20px;transition:0.3s;font-size:16px;border-radius:5px}.tab button:hover{background-color:#0f75bd;color:#fff}.tab button.active{background-color:#0f75bd;color:#fff}.tabcontent{display:none;-webkit-animation:fadeEffect 1s;animation:fadeEffect 1s}@-webkit-keyframes fadeEffect{from{opacity:0}to{opacity:1}}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}