/* Soon.js base structural CSS (group + slot/value layout) */
.soon{display:block;text-align:center;line-height:1;direction:ltr}
.soon *{box-sizing:border-box}
.soon-group{display:inline-block;vertical-align:top;white-space:nowrap}
.soon-group-sub{display:inline-block;vertical-align:top;text-align:center;position:relative}
.soon-group-sub-sub{display:block}
.soon-group-inner{display:inline-block;vertical-align:top;position:relative;text-align:center}
.soon-group-separator{display:inline-block;vertical-align:top}
.soon-separator{display:inline-block;vertical-align:middle;padding:0 4px}
.soon-visual{display:block}
.soon-value{display:block;text-align:center;white-space:nowrap}
.soon-label{display:block;text-align:center;white-space:nowrap}
.soon-text{display:inline-block;vertical-align:top}

/* slot face */
.soon-slot{position:relative;display:inline-block;vertical-align:top;overflow:hidden}
.soon-slot-bounding{position:relative;display:inline-block;vertical-align:top;overflow:hidden}
.soon-slot-inner{display:block;position:relative}
.soon-slot-new,.soon-slot-old{display:block;position:absolute;left:0;right:0;text-align:center}
.soon-slot-new{top:100%}
.soon-slot-old{top:0}
.soon-slot-animate .soon-slot-inner{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}

/* flip face (fallback) */
.soon-flip{position:relative;display:inline-block;vertical-align:top}
.soon-flip-inner,.soon-flip-card,.soon-flip-face,.soon-flip-front,.soon-flip-back,.soon-flip-top,.soon-flip-bottom{display:block}
.soon-flip-face{position:absolute;left:0;top:0;right:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.soon-flip-fallback .soon-flip-face{position:static}

/* misc */
.soon-fill,.soon-fill-inner,.soon-fill-progress{display:block}
.soon-ring,.soon-ring-progress{display:block}
.soon-matrix,.soon-matrix-inner,.soon-matrix-row,.soon-matrix-char,.soon-matrix-dot{display:block}
.soon-reflection{opacity:.35}
.soon-placeholder{visibility:hidden}
.soon-no-animation *,.soon-slow-browser *{-webkit-transition:none!important;transition:none!important;-webkit-animation:none!important;animation:none!important}