.represent-image-transition-enter-active,.represent-image-transition-leave-active{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.represent-image-transition-enter{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.represent-image-transition-leave-to{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.rtb-border-radius{border-radius:8px}.rtb-border{border:solid 0 var(--primary-accent-color)}.rtb-box-shadow{-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 3px rgba(0,0,0,.5)}.represent-mission{position:relative;max-width:100%;max-height:100%;text-align:left}.represent-mission__scrollable{overflow-y:auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.represent-mission__grid,.represent-mission__scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.represent-mission__grid{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;min-height:100%}.represent-mission__sqaure{display:inline-block;text-align:center;background-color:#fff;overflow:hidden}.represent-mission__sqaure.after,.represent-mission__sqaure.before{background-color:var(--secondary-accent-color);border:1px solid var(--primary-accent-color);background-size:cover;background-position:100% 0;background-image:url(../img/bow.6ffe38e3.png)}.represent-mission__sqaure.available{border:1px solid var(--primary-accent-color);background-position:50%;background-size:cover;background-repeat:no-repeat;width:inherit;height:inherit}.represent-mission__sqaure.click-on{border:1px solid var(--correct-color);cursor:pointer}