.attitude-icon-no-setting{align-items:center;background-color:#f0f8ff;border-radius:100%;display:flex;font-size:8px;height:2.5rem;justify-content:center;overflow:hidden;width:2.5rem}.attitude-icon svg{height:1em;margin-bottom:0;vertical-align:middle;width:1em}.attitude-icon.attitude-icon--fill,.attitude-icon.attitude-icon--fill *{fill:currentColor!important}.attitude-icon.attitude-icon--stroke,.attitude-icon.attitude-icon--stroke *{stroke:currentColor!important}.tada{animation:tada 1s ease-in-out infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1)}}.subject-wrapper img{height:32px;width:32px}.subject-wrapper .svg-tab>svg{height:27px;width:27px}@media only screen and (orientation:portrait) and (max-width:640px){.subject-wrapper .svg-tab>svg{height:18px;width:18px}}.subject-wrapper .border{background:var(--icon-active);border:0 solid;height:40px;margin-right:.7rem;width:7px}@media only screen and (orientation:landscape) and (max-width:1024px){.subject-wrapper .border{height:25px;margin-right:.5rem;width:4px}}@media only screen and (orientation:portrait) and (max-width:768px){.subject-wrapper .border{height:25px;margin-right:.5rem;width:4px}}@media screen and (max-width:640px){.subject-wrapper .border{height:20px;margin-right:.5rem;width:4px}}