.play-demo{margin-bottom:10px}.play-demo .demo-toggle{font-family:din_bold;text-decoration:none;text-transform:uppercase;font-size:.85rem;background:#fcfcfc;border:1px solid #bbb;padding:.55rem .85rem .3rem;border-radius:1rem}.play-demo .demo-toggle span:before{content:"\e909";font-family:custom-icons;font-size:.65rem;position:relative;top:-1px;margin-left:6px}.play-demo .demo-toggle:active,.play-demo .demo-toggle:focus,.play-demo .demo-toggle:hover{text-decoration:none;cursor:pointer}.play-demo .demo-body{display:none}.play-demo .demo-body img{border:1px solid #bbb}.play-demo.open .demo-toggle span:before{content:"\e90a";font-family:custom-icons}.play-demo.open .demo-body{display:block;margin-top:10px}.dark .play-demo .demo-toggle{background:#22263c;border:1px solid #4b5484}.dark .play-demo .demo-body img{border:1px solid #2f3553}.feedback{margin-bottom:1.5rem;max-width:900px;width:100%}.feedback button{display:block;width:100%}.feedback .feedback-messages{position:relative;padding:.7rem 1rem;background:#fcfcfc;border-radius:0;border:1px solid #bbb;color:#000}.feedback .feedback-messages .default-correct{font-size:1.2rem;font-family:din_bold;color:#337a28}.feedback .feedback-messages .default-incorrect{font-size:1.2rem;font-family:din_bold;color:#d90b09}.feedback .feedback-message,.feedback .feedback-overlay{font-size:1rem}@media (min-width:576px){.feedback{margin-top:0}}.feedback .feedback-inactive{color:#8a6814}.feedback .feedback-inactive span:before{content:"\f023";font-family:custom-icons}.dark .feedback .feedback-messages{background-color:#22263c;border:1px solid #2f3553;color:#dadcea}.dark .feedback .feedback-messages .default-correct,.dark .feedback .feedback-messages .default-incorrect{margin-bottom:4px}.dark .feedback .feedback-messages .default-correct{font-size:1.1rem;font-family:din_bold;color:#5ac848}.dark .feedback .feedback-messages .default-incorrect{font-size:1.1rem;font-family:din_bold;color:#f10c0a}.dark .feedback .feedback-inactive{color:#daa520}.change-events .event-selections h4{font-size:1.3rem;margin-bottom:20px}.change-events .event-selections ul{list-style-type:none;padding-left:0;margin-bottom:40px}.change-events .event-selections ul li{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:12px;font-size:1rem;line-height:1.3rem}.change-events .event-selections ul li span{margin-right:15px}.change-events .event-selections ul li span:before{content:attr(data-order);display:inline-block;margin-right:10px;width:36px;height:36px;border-radius:50%;text-align:center;font-size:28px;line-height:42px;font-family:din_bold;color:#bdbcbb;background:#bdbcbb;position:relative}.change-events .event-selections ul li span:hover{cursor:pointer}.change-events .event-selections ul li span:hover:before{color:#aaa;background:#aaa}.change-events .event-selections ul li.selected span:before{color:#fff;background:#151f6d}.change-events .event-feedback .correctFb{font-size:1.4rem;font-family:din_bold}.change-events .event-feedback .correctFb span{margin-right:6px}.change-events .event-feedback .correctFb span:before{content:"\e90b";font-family:custom-icons;color:#d90b09;position:relative;top:2px}.change-events .event-feedback .correctFb span.correct:before{content:"\e908";font-family:custom-icons;color:#43a134}.change-events .event-feedback .detail-orders{padding-top:1.5rem;background:none}.change-events .event-feedback .detail-orders .orders{display:flex;flex-direction:row;justify-content:center;padding-bottom:1.5rem}.change-events .event-feedback .detail-orders .orders h3{font-size:.95rem;text-transform:uppercase;text-align:center;font-family:din_bold;color:#000}.change-events .event-feedback .detail-orders .orders .orders-buy,.change-events .event-feedback .detail-orders .orders .orders-sell{width:150px;margin-right:30px;position:relative}.change-events .event-feedback .detail-orders .orders .orders-buy ul,.change-events .event-feedback .detail-orders .orders .orders-sell ul{display:flex;list-style-type:none;height:80px;padding:0;overflow:hidden;margin-bottom:8px}.change-events .event-feedback .detail-orders .orders .orders-buy ul li,.change-events .event-feedback .detail-orders .orders .orders-sell ul li{width:100%;height:5px;margin-bottom:2px}.change-events .event-feedback .detail-orders .orders .orders-buy ul.unfilled,.change-events .event-feedback .detail-orders .orders .orders-sell ul.unfilled{flex-direction:column-reverse;justify-content:flex-start;border-bottom:4px solid #666}.change-events .event-feedback .detail-orders .orders .orders-buy ul.unfilled li{background:#43a134}.change-events .event-feedback .detail-orders .orders .orders-sell{margin-right:0}.change-events .event-feedback .detail-orders .orders .orders-sell ul.unfilled li{background:#d90b09}.change-events .event-feedback .feedback .feedback-messages{border:0;background:none;padding:0}.change-events .event-choose{font-size:1rem;text-transform:uppercase;font-family:din_bold;padding:15px 30px 12px;text-align:center;border:1px solid #bbb;background:#fcfcfc}.dark .change-events .event-selections ul li span:before{color:#fff;background:#fff}.dark .change-events .event-selections ul li span:hover{cursor:pointer}.dark .change-events .event-selections ul li span:hover:before{color:#ccc;background:#ccc}.dark .change-events .event-selections ul li.selected span:before{color:#fff;background:#4d5abf}.dark .change-events .event-feedback .correctFb:before{color:#f10c0a}.dark .change-events .event-feedback .correctFb.correct:before{color:#5ac848}.dark .change-events .event-feedback .detail-orders .orders h3{color:#fff}.dark .change-events .event-feedback .detail-orders .orders ul.unfilled{border-bottom:4px solid #fff}.dark .change-events .event-choose{border:1px solid #2f3553;background:#22263c}.drop-unfilled-enter-active,.drop-unfilled-leave-active{transition:all .3s ease}.drop-unfilled-enter{-webkit-transform:translateY(-200px);transform:translateY(-200px);opacity:0}.drop-unfilled-leave-to{opacity:0}