.math-picture{display:block;width:100%;height:100%;margin:auto}.math-source{display:block;width:150px;background:white!important;border:3px solid #cce7f2!important;border-radius:23px!important;margin:18px auto!important;padding:12px!important}.math-source>.math-picture{height:105px}.math-source span{font-size:17px;display:block;margin-top:8px}.math-source.selected{border-color:#e9c646!important;background:#fff9df!important}.math-carts{display:flex;gap:15px;justify-content:center;margin:22px 0;flex-wrap:wrap}.math-carts>button{position:relative;background:#fff;border:3px solid #cce7f2;border-radius:23px;width:170px;height:165px;margin:0;padding:18px}.math-carts>button.hint{outline:4px dashed #e6c34d;outline-offset:3px}.math-cart-apple{position:absolute;left:35%;top:14%;width:40%;height:50%;background:#fff;border-radius:15px;padding:4px}.math-cart-apple:empty{display:none}.math-compare{display:grid;grid-template-columns:1fr;gap:14px;margin:22px 0}.math-compare>button{display:flex;align-items:center;gap:15px;background:white;border:3px solid #cce7f2;border-radius:24px;padding:16px;width:100%;margin:0}.math-set{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1;max-width:430px}.math-cell{height:90px;min-width:0}.math-compare>button>span{font-size:20px;margin-left:auto}.math-compare .paired .math-cell{border-bottom:3px dashed #e3c64f}.math-compare .paired .math-cell:empty{border-color:transparent}@media(max-width:600px){.math-carts{gap:9px}.math-carts>button{width:100px;height:110px;padding:10px}.math-set{gap:8px}.math-cell{height:70px}.math-compare>button{padding:12px;gap:8px}.math-compare>button>span{font-size:16px}}
