.determinant-body{flex-direction:column;justify-content:center;align-items:center;gap:5.2rem;display:flex}.matrix-box{border:1px solid #0c8599;border-radius:3px;padding:2.4rem}.matrix-text{font-size:1.8rem;font-weight:600}.matrix-create-select{cursor:pointer;border:1px solid #0c8599;border-radius:3px;width:15rem;height:4rem;padding:.6rem;font-size:1.6rem}.label-select-box{align-items:center;gap:1.2rem;margin-bottom:1.6rem;display:flex}.determinant-title{font-size:2.4rem;font-weight:600}.parent{justify-content:center;align-items:center;display:flex}#matrix-container{gap:5px;margin-bottom:1.6rem;display:grid}#matrix-container input{text-align:center;opacity:0;width:45px;height:35px;font-size:16px;transition:all .3s;transform:translateY(-20px)}#matrix-container input.show{opacity:1;transform:translateY(0)}.btn-calculate{cursor:pointer;border:1px solid #0c8599;border-radius:3px;max-width:15rem;margin:0 auto 1.6rem;padding:1.6rem 1.2rem;font-size:1.6rem;font-weight:600;transition:all .3s}.btn-calculate:hover{background-color:#adb5bd}.result-box{z-index:2;box-sizing:content-box;opacity:0;pointer-events:none;background-color:#fff;border:3px solid #868e96;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;width:12rem;height:12rem;margin:0 auto;padding:1.2rem;transition:all .5s;display:flex;position:absolute;transform:scale(.5);box-shadow:0 8px 12px #00000026}.result-box.show{pointer-events:auto;opacity:1;animation:.5s forwards popIn;position:relative;transform:scale(1)}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.result-box.change-color{background-color:#8ce99a}.result-box-text{z-index:2;font-size:1.8rem;font-weight:600}.result-box-point{text-align:center;z-index:2;font-size:1.8rem;font-weight:600}@media (width<=49.999em){.btn-calculate{border-radius:10px;padding:2.4rem 1.6rem;font-size:1.6rem}.matrix-create-select{border-radius:10px;width:15rem;height:6rem}}@media (width<=38em){#matrix-container input{width:35px;height:25px;font-size:13px}#matrix-container{gap:3px}}
/*# sourceMappingURL=determinant-calculator.c2e21e8c.css.map */