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