@keyframes rotate{0%{transform:rotate(0);}50%{transform:rotate(180deg);}100%{transform:rotate(360deg);}}@keyframes zoom_rotate{0%{transform:translateX(80%) translateY(50%) scale(0.1) rotate(-540deg);}100%{transform:rotate(0deg);}}.topic_box{display:flex;justify-content:space-between;align-items:center;margin:2rem auto;position:relative;}@media (max-width: 812px){.topic_box{flex-wrap:wrap;}}.topic_box .topics{display:flex;width:49%;height:100%;flex-direction:column;justify-content:space-around;align-items:stretch;}@media (max-width: 812px){.topic_box .topics{width:95%;margin:auto;}}.topic_box .topics label{box-sizing:border-box;display:flex;box-shadow:0px 0px 9px -1px #204989;cursor:pointer;justify-content:flex-sart;align-items:center;flex-wrap:nowrap;transition:all 0.3s ease-in-out 0s;padding:8px;}.topic_box .topics label.clicked{box-shadow:0px 0px 15px 0px #d23747;}.topic_box .topics label.clicked i{background-color:#1b3e74;border:2px solid #1b3e74;color:#fff;}.topic_box .topics label.clicked >div b,.topic_box .topics label.clicked >span b{color:#1b3e74;}.topic_box .topics label i{box-sizing:border-box;text-align:center;font-size:1.5rem;border:2px solid #204989;height:2.5rem;width:2.5rem;border-radius:2rem;margin-right:1rem;display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-grow:0;color:#204989;transition:all 0.3s ease-in-out 0s;font-style:normal;font-weight:600;}.topic_box .topics label >div,.topic_box .topics label >span{box-sizing:border-box;margin:0;padding:0;font-weight:300;font-size:11pt;transition:all 0.3s ease-in-out 0s;}.topic_box .topics label >div b,.topic_box .topics label >span b{display:block;color:#204989;font-weight:600;font-size:12pt;transition:all 0.3s ease-in-out 0s;}.topic_box .topics label >div p,.topic_box .topics label >span p{display:block;text-align:left;margin:0;transition:all 0.3s ease-in-out 0s;color:inherit;font-size:11pt;}.topic_box .topics label:hover{box-shadow:0px 0px 15px 0px #d23747;}.topic_box .topics label:hover i{background-color:#1b3e74;border:2px solid #1b3e74;color:#fff;}.topic_box .topics label:hover >div b,.topic_box .topics label:hover >span b{color:#1b3e74;}.topic_box .boxes{flex-basis:45%;flex-grow:0;margin-left:auto;}@media (max-width: 812px){.topic_box .boxes{flex-basis:100%;margin:1rem auto;}}.topic_box .boxes input[type=radio]{display:none;}.topic_box .boxes input[type=radio] +.box{display:none;}.topic_box .boxes input[type=radio]:checked{display:none;}.topic_box .boxes input[type=radio]:checked +.box{display:block;}.topic_box .boxes input[type=radio]:checked +.box ~.placeholder{display:none;}.topic_box .boxes .placeholder{width:100%;height:100%;}@media (max-width: 812px){.topic_box .boxes .placeholder{display:none;}}.topic_box .boxes .placeholder figure{margin:0;padding:0;display:block;width:100%;height:100%;}.topic_box .boxes .placeholder figure img{width:100%;height:100%;object-fit:contain;}