.whirligig{width:100%;position:relative}.whirligig>.whirligig_controls{text-align:center}.whirligig>.whirligig_controls button{position:relative;border:none;background-color:inherit;background-size:contain;background-repeat:no-repeat;cursor:pointer;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:nearest-neighbor;padding:0}.whirligig>.whirligig_controls button>img{position:relative;filter:drop-shadow(3px 3px 0px rgba(0,0,0,.15))}.whirligig>.whirligig_controls button:hover>img{left:1px;top:1px;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.15))}.whirligig>.whirligig_controls button:active>img{left:2px;top:2px;filter:drop-shadow(1px 1px 0px rgba(0,0,0,.15))}.whirligig>.whirligig_controls :is(.whirligig_active>img,.whirligig_active>canvas){left:2px;top:2px;filter:drop-shadow(1px 1px 0px rgba(0,0,0,.15))}.whirligig>.whirligig_controls :is(.whirligig_active:hover>img,.whirligig_active:hover>canvas){left:2px;top:2px;filter:drop-shadow(1px 1px 0px rgba(0,0,0,.15))}.whirligig>.whirligig_controls .whirligig_active:active>img .whirligig_active:hover>canvas{left:2px;top:2px;filter:drop-shadow(1px 1px 0px rgba(0,0,0,.15))}.whirligig>.whirligig_content{box-sizing:border-box;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.whirligig>.whirligig_content>*{flex-grow:0;flex-shrink:0}.whirligig>.whirligig_content>span{text-align:center;display:inline-block;position:relative;overflow:hidden}.whirligig>.whirligig_content>span>div{background-color:#999;position:relative}.whirligig>.whirligig_content>span>div>*{height:100%!important;width:unset!important}.whirligig>.whirligig_content>span.whirligig_active>*{animation-name:whirligig_activate;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:1s}.whirligig>.whirligig_content>span.whirligig_inactive>*{animation-name:whirligig_deactivate;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards}.whirligig>.whirligig_content>div{transition:flex-basis .5s,margin .5s;transition-delay:.5s}.whirligig>.content.whirligig_smooth *{transition:none!important;transition-delay:0!important}@keyframes whirligig_activate{0%{box-shadow:0 0 #0009;transform:scale(1)}to{box-shadow:5px 5px 10px #0009;transform:scale(1.05)}}@keyframes whirligig_deactivate{0%{box-shadow:5px 5px 10px #0009;transform:scale(1.05)}to{box-shadow:0 0 #0009;transform:scale(1)}}