tenet/math-olympiad-solver

1.title-content {2  font-size: 24px;3  font-weight: 600;4  display: flex;5  align-items: center;6  justify-content: center;7}8 9.sub-title-content {10  display: flex;11  align-items: center;12  justify-content: center;13  font-size: 18px;14}15 16.main-area {17  border-radius: 10px;18  padding: 20px;19  border: 1px solid rgba(0, 0, 0, 0.15);20}21 22.probelm-example-container {23  position: relative;24  padding: 38px 12px 12px 12px;25  border: 1px solid rgba(0, 0, 0, 0.15);26  border-radius: 10px;27}28 29.probelm-example-title-content {30  position: absolute;31  top: 0;32  left: 0;33  border-right: 1px solid rgba(0, 0, 0, 0.15);34  border-bottom: 1px solid rgba(0, 0, 0, 0.15);35  border-radius: 10px 0 10px 0;36  padding: 6px 12px;37}38 39.probelm-example-another {40  position: absolute;41  top: 0;42  right: 50px;43  border-left: 1px solid rgba(0, 0, 0, 0.15);44  border-bottom: 1px solid rgba(0, 0, 0, 0.15);45  border-top: 0;46  border-radius: 0 0px 0 10px;47  display: flex;48  align-items: center;49  justify-content: center;50  height: 26.89px;51  width: 36px;52  cursor: pointer;53  font-size: 12px;54  background: transparent;55  min-width: auto;56  padding: 0;57}58 59.probelm-example-another > img {60  height: 16px;61  width: 16px;62  margin-right: 0;63}64 65.probelm-example-copy {66  position: absolute;67  top: 0;68  right: 0;69  border-left: 1px solid rgba(0, 0, 0, 0.15);70  border-bottom: 1px solid rgba(0, 0, 0, 0.15);71  border-top: 0;72  border-right: 0;73  border-radius: 0 10px 0 0px;74  padding: 4px 12px;75  cursor: pointer;76  font-size: 12px;77  background: transparent;78  min-width: auto;79}80 81.right {82  border: 1px solid rgba(0, 0, 0, 0.15);83  border-radius: 10px;84  position: relative;85  padding: 40px 14px 14px 14px;86  min-height: 500px;87}88 89.solution-title-content {90  position: absolute;91  top: 0;92  left: 0;93  border-right: 1px solid rgba(0, 0, 0, 0.15);94  border-bottom: 1px solid rgba(0, 0, 0, 0.15);95  border-radius: 10px 0 10px 0;96  padding: 4px 8px;97}98 99.solution-content {100  border-radius: 10px;101  border: 1px solid rgba(0, 0, 0, 0.15);102  height: 480px;103  display: flex;104  flex-direction: column-reverse;105  overflow: none !important;106  overflow-y: auto;107  scroll-snap-type: y mandatory;108}109 110.solution-content .solution-content {111  padding: 12px;112  display: flex;113  scroll-snap-align: end;114}115 116.run-btn {117  background: linear-gradient(to right, #ce7e53, #bb470b);118  color: white;119}120 121.running-btn {122  background: linear-gradient(to right, #ce7e53, #bb470b);123  color: white;124  display: flex;125  align-items: center;126  justify-content: center;127  position: relative;128}129 130.running-btn::before {131  content: "";132  position: absolute;133  width: 22px;134  height: 22px;135  border-radius: 50%;136  border: 3px solid white;137  border-top-color: transparent;138  /* border-right-color: transparent;139  border-bottom-color: transparent; */140  animation: spin 1s linear infinite;141}142 143@keyframes spin {144  0% {145    transform: rotate(0deg);146  }147  100% {148    transform: rotate(360deg);149  }150}151 152.probelm-input-container {153  border: 1px solid rgba(0, 0, 0, 0.15);154  border-radius: 10px;155}156 157.probelm-input-container .probelm-input-container {158  border: none;159}160 161.problem-input-markdown {162  padding: 38px 12px 12px 12px;163  border: 1px solid rgba(0, 0, 0, 0.15);164  border-radius: 10px;165  position: relative;166  max-height: 280px;167  min-height: 150px;168  overflow-y: auto;169  border-width: 1px;170  border: 1px solid rgba(0, 0, 0, 0.15);171}172 173.problem-input-markdown::before {174  content: "Problem rendered";175  border: 1px solid rgba(0, 0, 0, 0.15);176  border-radius: 10px 0px 10px 0px;177  position: absolute;178  left: 0;179  top: -1px;180  border-right: 1px solid rgba(0, 0, 0, 0.15);181  border-bottom: 1px solid rgba(0, 0, 0, 0.15);182  border-left: 0;183  border-top: 0;184  padding: 6px 12px;185}186 187.problem-input-markdown .problem-input-markdown {188  border: none;189  padding: 0;190}191 192.problem-input-markdown .problem-input-markdown::before {193  content: "";194  border: none;195  display: none;196}197