.msmc {position: relative;display: inline-block;transform-style: preserve-3d;transform: perspective(600);perspective: 600px;font-size: 14px;z-index: 11;}
.msmc-toggle {position: relative;text-decoration: none;cursor: pointer;}
.msmc-toggle span {padding-right: 4px;}
.msmc-toggle:after {display: inline-block;content: "";margin: 3px 0 0 2px;border: 5px solid transparent;vertical-align: middle;}
.msmc-toggle:focus, .msmc-toggle:hover {text-decoration: none;}
.msmc-dropdown {position: absolute;margin-top: 5px;border-radius: 3px;transform-origin: 0 0 0;transform: rotate3d(1,0,0,90deg);visibility: hidden;z-index: 2;display: none;}
.msmc--opened .msmc-dropdown {animation: msmc-wicket .5s ease;transform: rotate3d(1,0,0,0deg);visibility: visible;display: block;}
.msmc--closed .msmc-dropdown {animation: msmc-wicketout .5s ease;visibility: visible;}
.msmc-dropdown:before {content: "";width: 0;height: 0;border-left: 7px solid transparent;border-bottom-width: 6px;border-bottom-style: solid;border-right: 7px solid transparent;position: absolute;top: -6px;left: 8px;}
.msmc-dropdown-item {display: block;padding: 4px 20px 4px 10px;text-decoration: none;}
.msmc-dropdown-item span {padding-right: 4px;}
.msmc-dropdown-item--active {display: none;}
.msmc-dropdown-item:first-child {border-top-left-radius: 3px;border-top-right-radius: 3px;}
.msmc-dropdown-item:last-child {border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.msmc-dropdown-item:focus, .msmc-dropdown-item:hover {text-decoration: none;}
.msmc--dark .msmc-toggle {color: #2e343a;}
.msmc--dark .msmc-toggle:after {border-top-color: #2e343a;}
.msmc--dark .msmc-dropdown {background-color: #2e343a;box-shadow: 0 1px 2px 0 rgba(0,0,0,.19),0 1px 2px 0 rgba(0,0,0,.19);}
.msmc--dark .msmc-dropdown:before {border-bottom-color: #2e343a;}
.msmc--dark .msmc-dropdown-item {color: #bfc8cd;}
.msmc--dark .msmc-dropdown-item span {color: #fff;}
.msmc--dark .msmc-dropdown-item:hover {background-color: #23272c;}
.msmc--light .msmc-toggle {color: #2e343a;}
.msmc--light .msmc-toggle:after {border-top-color: #2e343a;}
.msmc--light .msmc-dropdown {background-color: #f9f9f9;box-shadow: 0 1px 2px 0 rgba(0,0,0,.19),0 1px 2px 0 rgba(0,0,0,.19);}
.msmc--light .msmc-dropdown:before {border-bottom-color: #f9f9f9;}
.msmc--light .msmc-dropdown-item {color: #2e343a;}
.msmc--light .msmc-dropdown-item span {color: #23272c;}
.msmc--light .msmc-dropdown-item:hover {background-color: #f1f1f1;}
@keyframes msmc-wicket {0% {-moz-transform: rotate3d(1,0,0,90deg);-o-transform: rotate3d(1,0,0,90deg);-ms-transform: rotate3d(1,0,0,90deg);transform: rotate3d(1,0,0,90deg);}
	70% {-moz-transform: rotate3d(1,0,0,-30deg);-o-transform: rotate3d(1,0,0,-30deg);-ms-transform: rotate3d(1,0,0,-30deg);transform: rotate3d(1,0,0,-30deg);}
	100% {-moz-transform: rotate3d(1,0,0,0deg);-o-transform: rotate3d(1,0,0,0deg);-ms-transform: rotate3d(1,0,0,0deg);transform: rotate3d(1,0,0,0deg);}}
@-webkit-keyframes msmc-wicket {0% {-webkit-transform: rotate3d(1,0,0,90deg) translate3d(0,0,1px);}
	70% {-webkit-transform: rotate3d(1,0,0,-30deg) translate3d(0,0,1px);}
	100% {-webkit-transform: rotate3d(1,0,0,0deg) translate3d(0,0,1px);}}
@keyframes msmc-wicketout {0% {-moz-transform: rotate3d(1,0,0,0deg);-o-transform: rotate3d(1,0,0,0deg);-ms-transform: rotate3d(1,0,0,0deg);transform: rotate3d(1,0,0,0deg);}
	30% {-moz-transform: rotate3d(1,0,0,-30deg);-o-transform: rotate3d(1,0,0,-30deg);-ms-transform: rotate3d(1,0,0,-30deg);transform: rotate3d(1,0,0,-30deg);}
	100% {-moz-transform: rotate3d(1,0,0,90deg);-o-transform: rotate3d(1,0,0,90deg);-ms-transform: rotate3d(1,0,0,90deg);transform: rotate3d(1,0,0,90deg);}}
@-webkit-keyframes msmc-wicketout {0% {-webkit-transform: rotate3d(1,0,0,0deg) translate3d(0,0,1px);}
	30% {-webkit-transform: rotate3d(1,0,0,-30deg) translate3d(0,0,1px);}
	100% {-webkit-transform: rotate3d(1,0,0,90deg) translate3d(0,0,1px);}}
.msmc--light .msmc-dropdown-item {white-space: nowrap;}
.msmc--light .msmc-dropdown-item span {display: none;}
.msmc--light .msmc-toggle {border-radius: .25rem;border: 2px solid #33558b;padding: 2px;transition: .3s ease-out;}
.msmc--light.msmc--opened .msmc-toggle {border-bottom: none;}
.msmc--light .msmc-toggle:hover {box-shadow: 0px 0px 8px #33558b;}