.soon-wrapper, .soon {
	display:block;
	margin:0;
	padding:0;
	line-height:1.5;
	font-size:40px;
	font-size:2.5rem;
	text-align:center;
	overflow:hidden
}
.soon-wrapper [class*=soon-], .soon [class*=soon-] {
display:inline-block;
vertical-align:baseline
}
.soon-wrapper, .soon-wrapper *, .soon, .soon * {
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.soon-wrapper>.soon, .soon>.soon {
	display:block
}
.soon-wrapper.soon-inline, .soon.soon-inline {
	display:inline-block;
	margin:0
}
.soon-wrapper>.soon-group, .soon>.soon-group {
	white-space:nowrap
}
.soon-wrapper .soon-repeater, .soon-wrapper .soon-group, .soon .soon-repeater, .soon .soon-group {
	position:relative;
	z-index:1
}
.soon-wrapper[data-layout*=label-uppercase] .soon-label, .soon[data-layout*=label-uppercase] .soon-label {
text-transform:uppercase
}
.soon-wrapper[data-layout*=label-lowercase] .soon-label, .soon[data-layout*=label-lowercase] .soon-label {
text-transform:lowercase
}
.soon-wrapper[data-visual]>.soon-group>.soon-group-inner, .soon[data-visual]>.soon-group>.soon-group-inner {
	display:table;
	border-collapse:separate
}
.soon-wrapper[data-visual]>.soon-group>.soon-group-inner>.soon-group-separator>.soon-group-inner>.soon-group-sub>.soon-group-inner, .soon-wrapper[data-visual]>.soon-group>.soon-group-inner>.soon-group-sub>.soon-group-inner, .soon[data-visual]>.soon-group>.soon-group-inner>.soon-group-separator>.soon-group-inner>.soon-group-sub>.soon-group-inner, .soon[data-visual]>.soon-group>.soon-group-inner>.soon-group-sub>.soon-group-inner {
	display:block;
	position:relative;
	min-width:4.35em
}
.soon-wrapper[data-visual]>.soon-group>.soon-group-inner>.soon-group-separator>.soon-group-inner>.soon-group-sub>.soon-group-inner::after, .soon-wrapper[data-visual]>.soon-group>.soon-group-inner>.soon-group-sub>.soon-group-inner::after, .soon[data-visual]>.soon-group>.soon-group-inner>.soon-group-separator>.soon-group-inner>.soon-group-sub>.soon-group-inner::after, .soon[data-visual]>.soon-group>.soon-group-inner>.soon-group-sub>.soon-group-inner::after {
padding-bottom:100%!important;
content:''!important;
display:block!important
}
.soon-wrapper[data-visual] .soon-group-sub, .soon[data-visual] .soon-group-sub {
	display:table-cell
}
.soon-wrapper[data-visual] .soon-value, .soon[data-visual] .soon-value {
	margin:0;
	position:absolute;
	left:0;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	/*font-size:1em;*/
	font-size:16px;
}
.soon-wrapper[data-visual] .soon-label, .soon[data-visual] .soon-label {
	position:absolute;
	left:0;
	right:0;
	bottom:25%;
	margin-top:0!important;
	line-height:0;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	font-size:.325em!important
}
.soon-wrapper[data-visual][data-layout*=label-above] .soon-label.soon-label, .soon[data-visual][data-layout*=label-above] .soon-label.soon-label {
top:25%!important;
margin-top:0!important;
bottom:auto!important
}
.soon-wrapper[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-value, .soon[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-value {
top:45%
}
.soon-wrapper[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-label, .soon[data-visual*=ring]:not([data-layout*=label-hidden]) .soon-label {
bottom:30%
}
.soon-wrapper[data-visual*=ring][data-layout*=label-above] .soon-value, .soon[data-visual*=ring][data-layout*=label-above] .soon-value {
top:58%
}
.soon-wrapper[data-visual*=ring][data-layout*=label-above] .soon-label.soon-label, .soon[data-visual*=ring][data-layout*=label-above] .soon-label.soon-label {
top:30%!important
}
.soon-wrapper[data-layout*=group] .soon-label, .soon[data-layout*=group] .soon-label {
font-size:.5em
}
.soon-wrapper[data-layout*=label-small] .soon-label, .soon[data-layout*=label-small] .soon-label {
font-size:.4em
}
.soon-wrapper[data-layout*=label-small][data-visual] .soon-label, .soon[data-layout*=label-small][data-visual] .soon-label {
font-size:.275em!important
}
.soon-wrapper[data-layout*=label-small][data-layout*=line] .soon-label, .soon[data-layout*=label-small][data-layout*=line] .soon-label {
font-size:.625em
}
.soon-wrapper[data-layout*=label-big] .soon-label, .soon[data-layout*=label-big] .soon-label {
font-size:.65em
}
.soon-wrapper[data-layout*=label-big][data-visual] .soon-label, .soon[data-layout*=label-big][data-visual] .soon-label {
font-size:7px; !important
}
.soon-wrapper[data-layout*=label-big][data-layout*=line] .soon-label, .soon[data-layout*=label-big][data-layout*=line] .soon-label {
font-size:.875em
}
.soon-wrapper[data-layout*=label-hidden] .soon-label, .soon[data-layout*=label-hidden] .soon-label {
display:none!important
}
.soon-reflection {
	display:block!important;
	overflow:hidden;
	z-index:0!important;
	opacity:.3;
	margin-bottom:-.5em;
	-webkit-transform:scaleY(-1);
	-ms-transform:scaleY(-1);
	-o-transform:scaleY(-1);
	transform:scaleY(-1)
}
.soon-reflection~.soon-label {
position:relative;
z-index:1;
margin-top:1em!important
}
.soon-reflection::after {
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
opacity:1;
z-index:5;
-webkit-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
transform:translateZ(0);
content:'';
background-image:inherit
}
.soon-reflection.soon-separator {
	position:absolute!important;
	left:0;
	top:1.5em
}
.soon-no-animation .soon-reflection {
	display:none!important
}
.soon-text {
	min-width:.6875em
}
.soon-slot {
	position:relative;
	display:inline-block;
	text-align:center;
	vertical-align:top!important;
	letter-spacing:.125em;
	text-indent:.125em
}
.soon-slot:first-child {
	margin-left:-.125em
}
.soon-slot:last-child {
	margin-right:-.125em
}
.soon-slot+.soon-slot {
	margin-left:-.25em
}
.soon-slot .soon-slot-inner {
	display:block;
	-webkit-transform:perspective(100px);
	-ms-transform:perspective(100px);
	-o-transform:perspective(100px);
	transform:perspective(100px);
	-webkit-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	overflow:hidden;
	height:1.5em
}
.soon-slot-bounding {
	padding:0 .0625em;
	visibility:hidden
}
.soon-slot-new, .soon-slot-old {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3;
	-webkit-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden
}
.soon-slot-new, .soon-slot-old, .soon-slot-bounding {
	text-align:center
}
.soon-slot-animate .soon-slot-new, .soon-slot-animate .soon-slot-old {
	-webkit-transition:-webkit-transform 800ms, opacity 700ms, color 400ms, -webkit-filter 400ms;
	-o-transition:-o-transform 800ms, opacity 700ms, color 400ms, filter 400ms;
	transition:transform 800ms, opacity 700ms, color 400ms, filter 400ms
}
.soon-milliseconds .soon-slot-animate .soon-slot-new, .soon-milliseconds .soon-slot-animate .soon-slot-old {
	-webkit-transition:-webkit-transform 100ms, opacity 100ms, color 50ms, -webkit-filter 50ms;
	-o-transition:-o-transform 100ms, opacity 100ms, color 50ms, filter 50ms;
	transition:transform 100ms, opacity 100ms, color 50ms, filter 50ms
}
.soon-slot .soon-slot-new {
	opacity:0;
	z-index:2
}
.soon-slot .soon-slot-old {
	opacity:1;
	z-index:1
}
.soon-slot-animate .soon-slot-new {
	opacity:1
}
.soon-slot-animate .soon-slot-old {
	opacity:0
}
.soon[data-face*=doctor] .soon-slot .soon-slot-new {
opacity:0;
z-index:2;
-webkit-transform:rotateZ(45deg) scale(0.25);
-ms-transform:rotateZ(45deg) scale(0.25);
-o-transform:rotateZ(45deg) scale(0.25);
transform:rotateZ(45deg) scale(0.25)
}
.soon[data-face*=doctor] .soon-slot .soon-slot-old {
opacity:1;
z-index:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
.soon[data-face*=doctor] .soon-slot-animate .soon-slot-new {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
.soon[data-face*=doctor] .soon-slot-animate .soon-slot-old {
opacity:0;
-webkit-transform:rotateZ(-45deg) scale(1.5);
-ms-transform:rotateZ(-45deg) scale(1.5);
-o-transform:rotateZ(-45deg) scale(1.5);
transform:rotateZ(-45deg) scale(1.5)
}
.soon[data-face*=slide] .soon-slot .soon-slot-new {
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%);
z-index:2;
opacity:0
}
.soon[data-face*=slide] .soon-slot .soon-slot-old {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
z-index:1;
opacity:1
}
.soon[data-face*=slide] .soon-slot-animate .soon-slot-new {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
opacity:1
}
.soon[data-face*=slide] .soon-slot-animate .soon-slot-old {
-webkit-transform:translateY(100%);
-ms-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
opacity:0
}
.soon[data-face*=slide][data-face*=up] .soon-slot .soon-slot-new {
-webkit-transform:translateY(100%);
-ms-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%)
}
.soon[data-face*=slide][data-face*=up] .soon-slot .soon-slot-old {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.soon[data-face*=slide][data-face*=up] .soon-slot-animate .soon-slot-new {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.soon[data-face*=slide][data-face*=up] .soon-slot-animate .soon-slot-old {
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%)
}
.soon[data-face*=slide][data-face*=left] .soon-slot .soon-slot-new {
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%)
}
.soon[data-face*=slide][data-face*=left] .soon-slot .soon-slot-old {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
.soon[data-face*=slide][data-face*=left] .soon-slot-animate .soon-slot-new {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
.soon[data-face*=slide][data-face*=left] .soon-slot-animate .soon-slot-old {
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%)
}
.soon[data-face*=slide][data-face*=right] .soon-slot .soon-slot-new {
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%)
}
.soon[data-face*=slide][data-face*=right] .soon-slot .soon-slot-old {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
.soon[data-face*=slide][data-face*=right] .soon-slot-animate .soon-slot-new {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
.soon[data-face*=slide][data-face*=right] .soon-slot-animate .soon-slot-old {
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%)
}
.soon[data-face*=roll] .soon-slot .soon-slot-new {
opacity:0;
-webkit-transform:translateY(-102.5%) rotateX(110deg) scale(0.5);
-ms-transform:translateY(-102.5%) rotateX(110deg) scale(0.5);
-o-transform:translateY(-102.5%) rotateX(110deg) scale(0.5);
transform:translateY(-102.5%) rotateX(110deg) scale(0.5);
-webkit-transform-origin:50% 100%;
-ms-transform-origin:50% 100%;
-o-transform-origin:50% 100%;
transform-origin:50% 100%;
z-index:2
}
.soon[data-face*=roll] .soon-slot .soon-slot-old {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
-webkit-transform-origin:50% 0;
-ms-transform-origin:50% 0;
-o-transform-origin:50% 0;
transform-origin:50% 0;
z-index:1
}
.soon[data-face*=roll] .soon-slot-animate .soon-slot-new {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.soon[data-face*=roll] .soon-slot-animate .soon-slot-old {
opacity:0;
-webkit-transform:translateY(102.5%) rotateX(-110deg) scale(0.5);
-ms-transform:translateY(102.5%) rotateX(-110deg) scale(0.5);
-o-transform:translateY(102.5%) rotateX(-110deg) scale(0.5);
transform:translateY(102.5%) rotateX(-110deg) scale(0.5)
}
.soon[data-face*=roll][data-face*=up] .soon-slot .soon-slot-new {
-webkit-transform:translateY(102.5%) rotateX(-110deg) scale(0.5);
-ms-transform:translateY(102.5%) rotateX(-110deg) scale(0.5);
-o-transform:translateY(102.5%) rotateX(-110deg) scale(0.5);
transform:translateY(102.5%) rotateX(-110deg) scale(0.5);
-webkit-transform-origin:50% 0;
-ms-transform-origin:50% 0;
-o-transform-origin:50% 0;
transform-origin:50% 0
}
.soon[data-face*=roll][data-face*=up] .soon-slot .soon-slot-old {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
-webkit-transform-origin:50% 100%;
-ms-transform-origin:50% 100%;
-o-transform-origin:50% 100%;
transform-origin:50% 100%
}
.soon[data-face*=roll][data-face*=up] .soon-slot-animate .soon-slot-new {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.soon[data-face*=roll][data-face*=up] .soon-slot-animate .soon-slot-old {
-webkit-transform:translateY(-102.5%) rotateX(110deg) scale(0.5);
-ms-transform:translateY(-102.5%) rotateX(110deg) scale(0.5);
-o-transform:translateY(-102.5%) rotateX(110deg) scale(0.5);
transform:translateY(-102.5%) rotateX(110deg) scale(0.5)
}
.soon[data-face*=roll][data-face*=left] .soon-slot .soon-slot-new {
-webkit-transform:translateX(102.5%) rotateY(-110deg) scale(0.5);
-ms-transform:translateX(102.5%) rotateY(-110deg) scale(0.5);
-o-transform:translateX(102.5%) rotateY(-110deg) scale(0.5);
transform:translateX(102.5%) rotateY(-110deg) scale(0.5);
-webkit-transform-origin:0 50%;
-ms-transform-origin:0 50%;
-o-transform-origin:0 50%;
transform-origin:0 50%
}
.soon[data-face*=roll][data-face*=left] .soon-slot .soon-slot-old {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
-webkit-transform-origin:100% 50%;
-ms-transform-origin:100% 50%;
-o-transform-origin:100% 50%;
transform-origin:100% 50%
}
.soon[data-face*=roll][data-face*=left] .soon-slot-animate .soon-slot-new {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
.soon[data-face*=roll][data-face*=left] .soon-slot-animate .soon-slot-old {
-webkit-transform:translateX(-102.5%) rotateY(110deg) scale(0.5);
-ms-transform:translateX(-102.5%) rotateY(110deg) scale(0.5);
-o-transform:translateX(-102.5%) rotateY(110deg) scale(0.5);
transform:translateX(-102.5%) rotateY(110deg) scale(0.5)
}
.soon[data-face*=roll][data-face*=right] .soon-slot .soon-slot-new {
-webkit-transform:translateX(-102.5%) rotateY(110deg) scale(0.5);
-ms-transform:translateX(-102.5%) rotateY(110deg) scale(0.5);
-o-transform:translateX(-102.5%) rotateY(110deg) scale(0.5);
transform:translateX(-102.5%) rotateY(110deg) scale(0.5);
-webkit-transform-origin:100% 50%;
-ms-transform-origin:100% 50%;
-o-transform-origin:100% 50%;
transform-origin:100% 50%
}
.soon[data-face*=roll][data-face*=right] .soon-slot .soon-slot-old {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
-webkit-transform-origin:0 50%;
-ms-transform-origin:0 50%;
-o-transform-origin:0 50%;
transform-origin:0 50%
}
.soon[data-face*=roll][data-face*=right] .soon-slot-animate .soon-slot-new {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
.soon[data-face*=roll][data-face*=right] .soon-slot-animate .soon-slot-old {
-webkit-transform:translateX(102.5%) rotateY(-110deg) scale(0.5);
-ms-transform:translateX(102.5%) rotateY(-110deg) scale(0.5);
-o-transform:translateX(102.5%) rotateY(-110deg) scale(0.5);
transform:translateX(102.5%) rotateY(-110deg) scale(0.5)
}
.soon[data-face*=rotate] .soon-slot-new, .soon[data-face*=rotate] .soon-slot-old {
-webkit-transform-origin:center bottom;
-ms-transform-origin:center bottom;
-o-transform-origin:center bottom;
transform-origin:center bottom
}
.soon[data-face*=rotate] .soon-slot .soon-slot-new {
-webkit-transform:rotateZ(-90deg) scale(0.125);
-ms-transform:rotateZ(-90deg) scale(0.125);
-o-transform:rotateZ(-90deg) scale(0.125);
transform:rotateZ(-90deg) scale(0.125);
opacity:0;
z-index:2
}
.soon[data-face*=rotate] .soon-slot .soon-slot-old {
-webkit-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
opacity:1;
z-index:1
}
.soon[data-face*=rotate] .soon-slot-animate .soon-slot-new {
-webkit-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg);
opacity:1
}
.soon[data-face*=rotate] .soon-slot-animate .soon-slot-old {
-webkit-transform:rotateZ(90deg) scale(0.125);
-ms-transform:rotateZ(90deg) scale(0.125);
-o-transform:rotateZ(90deg) scale(0.125);
transform:rotateZ(90deg) scale(0.125);
opacity:0
}
.soon[data-face*=rotate][data-face*=left] .soon-slot .soon-slot-new {
-webkit-transform:rotateZ(90deg) scale(0.125);
-ms-transform:rotateZ(90deg) scale(0.125);
-o-transform:rotateZ(90deg) scale(0.125);
transform:rotateZ(90deg) scale(0.125)
}
.soon[data-face*=rotate][data-face*=left] .soon-slot .soon-slot-old {
-webkit-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg)
}
.soon[data-face*=rotate][data-face*=left] .soon-slot-animate .soon-slot-new {
-webkit-transform:rotateZ(0deg);
-ms-transform:rotateZ(0deg);
-o-transform:rotateZ(0deg);
transform:rotateZ(0deg)
}
.soon[data-face*=rotate][data-face*=left] .soon-slot-animate .soon-slot-old {
-webkit-transform:rotateZ(-90deg) scale(0.125);
-ms-transform:rotateZ(-90deg) scale(0.125);
-o-transform:rotateZ(-90deg) scale(0.125);
transform:rotateZ(-90deg) scale(0.125)
}
.soon[data-face*=shadow-hard] .soon-separator, .soon[data-face*=shadow-hard] .soon-slot-inner {
text-shadow:0 .0625em 0 rgba(0, 0, 0, .15)
}
.soon[data-face*=shadow-soft] .soon-separator, .soon[data-face*=shadow-soft] .soon-slot-inner {
text-shadow:0 .0625em .125em rgba(0, 0, 0, .333)
}
.soon[data-face*=glow] .soon-separator, .soon[data-face*=glow] .soon-slot-inner {
text-shadow:0 0 .125em rgba(255, 255, 255, .75)
}
.soon[data-face*=fast] .soon-slot-animate .soon-slot-new, .soon[data-face*=fast] .soon-slot-animate .soon-slot-old {
-webkit-transition:-webkit-transform 500ms, opacity 400ms, color 200ms, -webkit-filter 200ms;
-o-transition:-o-transform 500ms, opacity 400ms, color 200ms, filter 200ms;
transition:transform 500ms, opacity 400ms, color 200ms, filter 200ms
}
.soon[data-face*=faster] .soon-slot-animate .soon-slot-new, .soon[data-face*=faster] .soon-slot-animate .soon-slot-old {
-webkit-transition:-webkit-transform 250ms, opacity 175ms, color 100ms, -webkit-filter 100ms;
-o-transition:-o-transform 250ms, opacity 175ms, color 100ms, filter 100ms;
transition:transform 250ms, opacity 175ms, color 100ms, filter 100ms
}
.soon-flip {
	position:relative;
	text-align:center;
	vertical-align:top!important;
	margin:0 -.03125em;
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-o-transform:translateZ(0);
	transform:translateZ(0)
}
.soon-flip:only-child {
	margin:0
}
.soon-flip-inner {
	display:block!important;
	overflow:hidden;
	padding:.25em .125em;
	height:1.5em
}
.soon-flip-card {
	display:block!important;
	position:relative
}
.soon-flip-bounding {
	visibility:hidden;
	padding:0 .25em
}
.soon-flip-fallback, .soon-flip-face {
	color:#fff;
	background-color:#333
}
.soon-flip-face {
	-webkit-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	outline:1px solid transparent
}
.soon-flip-fallback, .soon-flip-face {
	position:absolute;
	left:0;
	right:0;
	overflow:hidden
}
.soon-flip-front {
	-webkit-transform:perspective(300px) rotateX(0deg);
	-ms-transform:perspective(300px) rotateX(0deg);
	-o-transform:perspective(300px) rotateX(0deg);
	transform:perspective(300px) rotateX(0deg);
	top:0;
	bottom:50%;
	-webkit-transform-origin:center bottom;
	-ms-transform-origin:center bottom;
	-o-transform-origin:center bottom;
	transform-origin:center bottom;
	z-index:5
}
.soon-flip-back {
	-webkit-transform:perspective(300px) rotateX(180deg);
	-ms-transform:perspective(300px) rotateX(180deg);
	-o-transform:perspective(300px) rotateX(180deg);
	transform:perspective(300px) rotateX(180deg);
	top:50%;
	bottom:0;
	-webkit-transform-origin:center top;
	-ms-transform-origin:center top;
	-o-transform-origin:center top;
	transform-origin:center top;
	z-index:4
}
.soon-flip-back, .soon-flip-bottom {
	line-height:0
}
.soon-flip-top, .soon-flip-bottom {
	overflow:hidden
}
.soon-flip-top {
	top:0;
	bottom:50%
}
.soon-flip-bottom {
	top:50%;
	bottom:0
}
.soon-flip-fallback {
	top:0;
	bottom:0
}
.soon-flip-fallback::before, .soon-flip-face::before {
position:absolute;
left:0;
right:0;
height:1px;
content:''
}
.soon-flip-top::before, .soon-flip-front::before {
bottom:0;
background-color:rgba(0, 0, 0, .25)
}
.soon-flip-bottom::before, .soon-flip-back::before {
top:0;
background-color:rgba(0, 0, 0, .06125)
}
.soon-flip-fallback::before {
top:50%;
background-color:rgba(0, 0, 0, .25)
}
@-webkit-keyframes flip-front {
0% {
-webkit-transform:perspective(300px) rotateX(0deg);
transform:perspective(300px) rotateX(0deg)
}
100% {
-webkit-transform:perspective(300px) rotateX(-180deg);
transform:perspective(300px) rotateX(-180deg)
}
}
@-o-keyframes flip-front {
0% {
-o-transform:perspective(300px) rotateX(0deg);
transform:perspective(300px) rotateX(0deg)
}
100% {
-o-transform:perspective(300px) rotateX(-180deg);
transform:perspective(300px) rotateX(-180deg)
}
}
@keyframes flip-front {
0% {
-webkit-transform:perspective(300px) rotateX(0deg);
-ms-transform:perspective(300px) rotateX(0deg);
-o-transform:perspective(300px) rotateX(0deg);
transform:perspective(300px) rotateX(0deg)
}
100% {
-webkit-transform:perspective(300px) rotateX(-180deg);
-ms-transform:perspective(300px) rotateX(-180deg);
-o-transform:perspective(300px) rotateX(-180deg);
transform:perspective(300px) rotateX(-180deg)
}
}
@-webkit-keyframes flip-back {
0% {
-webkit-transform:perspective(300px) rotateX(180deg);
transform:perspective(300px) rotateX(180deg)
}
100% {
-webkit-transform:perspective(300px) rotateX(0deg);
transform:perspective(300px) rotateX(0deg)
}
}
@-o-keyframes flip-back {
0% {
-o-transform:perspective(300px) rotateX(180deg);
transform:perspective(300px) rotateX(180deg)
}
100% {
-o-transform:perspective(300px) rotateX(0deg);
transform:perspective(300px) rotateX(0deg)
}
}
@keyframes flip-back {
0% {
-webkit-transform:perspective(300px) rotateX(180deg);
-ms-transform:perspective(300px) rotateX(180deg);
-o-transform:perspective(300px) rotateX(180deg);
transform:perspective(300px) rotateX(180deg)
}
100% {
-webkit-transform:perspective(300px) rotateX(0deg);
-ms-transform:perspective(300px) rotateX(0deg);
-o-transform:perspective(300px) rotateX(0deg);
transform:perspective(300px) rotateX(0deg)
}
}
@-webkit-keyframes flip-shadow-in {
20% {
opacity:0
}
65% {
opacity:1
}
100% {
opacity:1
}
}
@-o-keyframes flip-shadow-in {
20% {
opacity:0
}
65% {
opacity:1
}
100% {
opacity:1
}
}
@keyframes flip-shadow-in {
20% {
opacity:0
}
65% {
opacity:1
}
100% {
opacity:1
}
}
@-webkit-keyframes flip-shadow-in-direct {
10% {
opacity:0
}
50% {
opacity:.25
}
50.1% {
opacity:0
}
100% {
opacity:0
}
}
@-o-keyframes flip-shadow-in-direct {
10% {
opacity:0
}
50% {
opacity:.25
}
50.1% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes flip-shadow-in-direct {
10% {
opacity:0
}
50% {
opacity:.25
}
50.1% {
opacity:0
}
100% {
opacity:0
}
}
@-webkit-keyframes flip-shadow-out {
15% {
opacity:1
}
70% {
opacity:0
}
100% {
opacity:0
}
}
@-o-keyframes flip-shadow-out {
15% {
opacity:1
}
70% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes flip-shadow-out {
15% {
opacity:1
}
70% {
opacity:0
}
100% {
opacity:0
}
}
.soon-flip-front::after, .soon-flip-bottom::after, .soon-flip-top::after {
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
content:''
}
.soon-flip-top::after {
background:-webkit-linear-gradient(bottom, #000 0, transparent 100%);
background:-o-linear-gradient(bottom, #000 0, transparent 100%);
background:linear-gradient(to top, #000 0, transparent 100%)
}
.soon-flip-bottom::after {
opacity:0;
background:-webkit-linear-gradient(top, #000 25%, rgba(0, 0, 0, .4) 100%);
background:-o-linear-gradient(top, #000 25%, rgba(0, 0, 0, .4) 100%);
background:linear-gradient(to bottom, #000 25%, rgba(0, 0, 0, .4) 100%)
}
.soon-flip-front::after {
opacity:0;
background:-webkit-linear-gradient(bottom, #000 25%, rgba(0, 0, 0, .4) 100%);
background:-o-linear-gradient(bottom, #000 25%, rgba(0, 0, 0, .4) 100%);
background:linear-gradient(to top, #000 25%, rgba(0, 0, 0, .4) 100%)
}
.soon-flip-animate .soon-flip-front {
	-webkit-animation-name:flip-front;
	-o-animation-name:flip-front;
	animation-name:flip-front
}
.soon-flip-animate .soon-flip-back {
	-webkit-animation-name:flip-back;
	-o-animation-name:flip-back;
	animation-name:flip-back
}
.soon-flip-animate .soon-flip-top::after {
-webkit-animation-name:flip-shadow-out;
-o-animation-name:flip-shadow-out;
animation-name:flip-shadow-out
}
.soon-flip-animate .soon-flip-bottom::after {
-webkit-animation-name:flip-shadow-in;
-o-animation-name:flip-shadow-in;
animation-name:flip-shadow-in
}
.soon-flip-animate .soon-flip-front::after {
-webkit-animation-name:flip-shadow-in-direct;
-o-animation-name:flip-shadow-in-direct;
animation-name:flip-shadow-in-direct
}
.soon-flip-front, .soon-flip-back, .soon-flip-front::after, .soon-flip-bottom::after, .soon-flip-top::after {
-webkit-animation-iteration-count:1;
-o-animation-iteration-count:1;
animation-iteration-count:1;
-webkit-animation-duration:750ms;
-o-animation-duration:750ms;
animation-duration:750ms;
-webkit-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-timing-function:ease-in-out;
-o-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
.soon-milliseconds .soon-flip-front, .soon-milliseconds .soon-flip-back, .soon-milliseconds .soon-flip-front::after, .soon-milliseconds .soon-flip-bottom::after, .soon-milliseconds .soon-flip-top::after {
-webkit-animation-duration:100ms;
-o-animation-duration:100ms;
animation-duration:100ms
}
.soon[data-face*=fast] .soon-flip-front, .soon[data-face*=fast] .soon-flip-back, .soon[data-face*=fast] .soon-flip-front::after, .soon[data-face*=fast] .soon-flip-bottom::after, .soon[data-face*=fast] .soon-flip-top::after {
-webkit-animation-duration:500ms;
-o-animation-duration:500ms;
animation-duration:500ms
}
.soon[data-face*=faster] .soon-flip-front, .soon[data-face*=faster] .soon-flip-back, .soon[data-face*=faster] .soon-flip-front::after, .soon[data-face*=faster] .soon-flip-bottom::after, .soon[data-face*=faster] .soon-flip-top::after {
-webkit-animation-duration:250ms;
-o-animation-duration:250ms;
animation-duration:250ms
}
.soon[data-face*=corners-sharp] .soon-flip-fallback, .soon[data-face*=corners-sharp] .soon-flip-card {
border-radius:.0625em
}
.soon[data-face*=corners-sharp] .soon-flip-top, .soon[data-face*=corners-sharp] .soon-flip-front {
border-radius:.0625em .0625em 0 0
}
.soon[data-face*=corners-sharp] .soon-flip-bottom, .soon[data-face*=corners-sharp] .soon-flip-back {
border-radius:0 0 .0625em .0625em
}
.soon[data-face*=corners-sharp] .soon-flip-bottom::after {
border-radius:0 0 .0625em .0625em
}
.soon[data-face*=corners-sharp] .soon-flip-front::after {
border-radius:.0625em .0625em 0 0
}
.soon[data-face*=corners-round] .soon-flip-fallback, .soon[data-face*=corners-round] .soon-flip-card {
border-radius:.175em
}
.soon[data-face*=corners-round] .soon-flip-top, .soon[data-face*=corners-round] .soon-flip-front {
border-radius:.175em .175em 0 0
}
.soon[data-face*=corners-round] .soon-flip-bottom, .soon[data-face*=corners-round] .soon-flip-back {
border-radius:0 0 .175em .175em
}
.soon[data-face*=corners-round] .soon-flip-bottom::after {
border-radius:0 0 .175em .175em
}
.soon[data-face*=corners-round] .soon-flip-front::after {
border-radius:.175em .175em 0 0
}
.soon[data-face*=color-light] .soon-flip-fallback, .soon[data-face*=color-light] .soon-flip-face {
background-color:#f7f7f7;
color:#464646
}
.soon[data-face*=color-light] .soon-flip-top, .soon[data-face*=color-light] .soon-flip-front {
box-shadow:inset 0 .0625rem 0 #fff
}
.soon[data-face*=color-light] .soon-flip-bottom, .soon[data-face*=color-light] .soon-flip-back {
box-shadow:inset 0 -.0625rem 0 rgba(0, 0, 0, .125);
background:-webkit-linear-gradient(bottom, #fff 0, #f0f0f0 100%);
background:-o-linear-gradient(bottom, #fff 0, #f0f0f0 100%);
background:linear-gradient(to top, #fff 0, #f0f0f0 100%)
}
.soon[data-face*=color-light] .soon-flip-fallback {
box-shadow:inset 0 .0625rem 0 #fff, inset 0 -.0625rem 0 rgba(0, 0, 0, .125)
}
.soon[data-face*=color-light] .soon-flip-top::before, .soon[data-face*=color-light] .soon-flip-front::before {
background-color:rgba(255, 255, 255, .125);
box-shadow:0 -.0625rem 0 rgba(255, 255, 255, .06125)
}
.soon[data-face*=color-light] .soon-flip-bottom, .soon[data-face*=color-light] .soon-flip-back {
color:rgba(70, 70, 70, .95)
}
.soon[data-face*=color-light] .soon-flip-bottom::before, .soon[data-face*=color-light] .soon-flip-back::before {
background-color:rgba(0, 0, 0, .125);
box-shadow:0 .0625rem 0 rgba(0, 0, 0, .06125)
}
.soon[data-face*=color-light] .soon-flip-fallback::before {
background-color:rgba(0, 0, 0, .125);
box-shadow:0 .0625rem 0 rgba(0, 0, 0, .06125)
}
.soon[data-face*=color-light] .soon-flip-top::after {
background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .6) 0, transparent 100%);
background:-o-linear-gradient(bottom, rgba(0, 0, 0, .6) 0, transparent 100%);
background:linear-gradient(to top, rgba(0, 0, 0, .6) 0, transparent 100%)
}
.soon[data-face*=color-light] .soon-flip-bottom::after {
background:-webkit-linear-gradient(top, rgba(0, 0, 0, .6) 25%, rgba(0, 0, 0, .2) 100%);
background:-o-linear-gradient(top, rgba(0, 0, 0, .6) 25%, rgba(0, 0, 0, .2) 100%);
background:linear-gradient(to bottom, rgba(0, 0, 0, .6) 25%, rgba(0, 0, 0, .2) 100%)
}
.soon[data-face*=color-dark] .soon-flip-face {
background-color:#2e2e2e;
color:#ededed
}
.soon[data-face*=color-dark] .soon-flip-top, .soon[data-face*=color-dark] .soon-flip-front {
box-shadow:inset 0 .0625rem 0 rgba(255, 255, 255, .05)
}
.soon[data-face*=color-dark] .soon-flip-bottom, .soon[data-face*=color-dark] .soon-flip-back {
color:rgba(237, 237, 237, .95);
box-shadow:inset 0 -.0625rem 0 rgba(255, 255, 255, .05)
}
.soon[data-face*=shadow-soft] .soon-flip-card {
box-shadow:0 .0625em .0625em rgba(0, 0, 0, .1), 0 .03125em .125em rgba(0, 0, 0, .5)
}
.soon[data-face*=shadow-soft][data-face*=color-light] .soon-flip-card {
box-shadow:0 .0625em .0625em rgba(0, 0, 0, .1), 0 .03125em .125em rgba(0, 0, 0, .25)
}
.soon[data-face*=shadow-hard] .soon-flip-card {
box-shadow:0 .0625em 0 rgba(0, 0, 0, .2)
}
.soon[data-face*=shadow-hard][data-face*=color-light] .soon-flip-card {
box-shadow:0 .0625em 0 rgba(0, 0, 0, .15), 0 0 .0625em rgba(0, 0, 0, .2)
}
.soon .soon-reflection .soon-flip-inner {
	padding-top:0
}
.soon .soon-reflection .soon-flip-card {
	box-shadow:none!important
}
.soon-matrix {
	vertical-align:top!important
}
.soon-matrix .soon-matrix-inner {
	display:table!important;
	border-collapse:separate;
border-spacing:.125rem;
	margin:0 .125em
}
.soon-matrix .soon-matrix-row {
	display:table-row!important
}
.soon-matrix .soon-matrix-dot {
	display:table-cell!important;
	width:.125em;
	height:.125em;
	border-radius:.0625em;
-webkit-transition:-webkit-transform .5s ease-in-out, opacity .5s ease-in-out, background-color .5s ease-in-out;
-o-transition:-o-transform .5s ease-in-out, opacity .5s ease-in-out, background-color .5s ease-in-out;
transition:transform .5s ease-in-out, opacity .5s ease-in-out, background-color .5s ease-in-out
}
.soon-matrix .soon-matrix-dot[data-state='1'] {
	background-color:rgba(0, 0, 0, .8)
}
.soon {
}
.soon[data-face*=dot-round] .soon-matrix-dot {
border-radius:50%
}
.soon[data-face*=dot-square] .soon-matrix-dot {
border-radius:0
}
.soon[data-face*=shadow-soft] .soon-matrix-dot {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
box-shadow:inset 0 .0625rem .0625rem rgba(0, 0, 0, .05), 0 0 0 transparent
}
.soon[data-face*=shadow-soft] .soon-matrix-dot[data-state='1'] {
box-shadow:inset 0 0 0 transparent, 0 .0625rem .125rem rgba(0, 0, 0, .5);
-webkit-transform:translateY(-2px);
-ms-transform:translateY(-2px);
-o-transform:translateY(-2px);
transform:translateY(-2px)
}
.soon[data-face*=shadow-hard] .soon-matrix-dot {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
box-shadow:inset 0 .0625rem 0 rgba(0, 0, 0, .05), 0 0 0 transparent
}
.soon[data-face*=shadow-hard] .soon-matrix-dot[data-state='1'] {
box-shadow:inset 0 0 0 transparent, 0 .0625rem 0 rgba(0, 0, 0, .25);
-webkit-transform:translateY(-2px);
-ms-transform:translateY(-2px);
-o-transform:translateY(-2px);
transform:translateY(-2px)
}
.soon[data-face*=glow] .soon-matrix-dot[data-state='1'] {
box-shadow:0 0 .25rem .125rem rgba(255, 255, 255, .5)
}
.soon[data-face*=color-light] .soon-matrix-dot[data-state='1'] {
background:#fff
}
.soon[data-face*=color-dark] .soon-matrix-dot[data-state='1'] {
background:#333
}
.soon[data-face*=tight] .soon-matrix-char {
border-spacing:0
}
.soon[data-face*=spacey] .soon-matrix-char {
border-spacing:.125em
}
.soon[data-scale=xs] .soon-matrix-char {
	border-spacing:.0625em
}
.soon[data-scale=xxs] .soon-matrix-char {
	border-spacing:.0625em
}
.soon[data-scale=xxs] .soon-matrix-inner {
	margin-right:0;
	margin-left:0
}
.soon[data-face*=animate-color] .soon-matrix-dot {
opacity:1
}
.soon[data-face*=slide][data-face*=up] .soon-matrix-dot[data-state='0'] {
-webkit-transform:translateY(100%);
-ms-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%)
}
.soon[data-face*=slide][data-face*=down] .soon-matrix-dot[data-state='0'] {
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%)
}
.soon[data-face*=slide][data-face*=left] .soon-matrix-dot[data-state='0'] {
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%)
}
.soon[data-face*=slide][data-face*=right] .soon-matrix-dot[data-state='0'] {
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transform:translateX(100%);
transform:translateX(100%)
}
.soon[data-face*=slide] .soon-matrix-dot[data-state='1'] {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.soon-ring {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0
}
.soon-ring canvas {
	vertical-align:top;
	position:absolute;
	left:0;
	right:0
}
.soon-ring .soon-ring-progress {
	color:inherit;
	border:2px solid transparent;
	border-radius:0
}
.soon[data-visual*=color-light] .soon-ring-progress {
background-color:rgba(255, 255, 255, .25);
color:rgba(255, 255, 255, .85)
}
.soon[data-visual*=color-dark] .soon-ring-progress {
background-color:rgba(0, 0, 0, .15);
color:rgba(0, 0, 0, .65)
}
.soon[data-visual*=cap-round] .soon-ring-progress {
border-radius:1px
}
.soon[data-visual*=shadow-hard-progress] .soon-ring-progress {
padding:3px;
text-shadow:0 3px 0 rgba(0, 0, 0, .15)
}
.soon[data-visual*=shadow-soft-progress] .soon-ring-progress {
padding:5px;
text-shadow:0 3px 5px rgba(0, 0, 0, .333)
}
.soon[data-visual*=glow-progress] .soon-ring-progress {
padding:6px;
text-shadow:0 0 6px #fff
}
.soon[data-visual*=shadow-hard-background] .soon-ring-progress {
padding:3px;
box-shadow:0 3px 0 rgba(0, 0, 0, .15)
}
.soon[data-visual*=shadow-soft-background] .soon-ring-progress {
padding:5px;
box-shadow:0 3px 5px rgba(0, 0, 0, .333)
}
.soon[data-visual*=glow-background] .soon-ring-progress {
padding:6px;
box-shadow:0 0 6px #fff
}
.soon .soon-ring-progress {
	border-width:5px
}
.soon[data-visual*=width-thin] .soon-ring-progress {
border-width:2px
}
.soon[data-visual*=width-thick] .soon-ring-progress {
border-width:9px
}
.soon .soon-ring.soon-reflection {
	height:1.5em;
	bottom:-1.5em;
	top:auto
}
.soon .soon-ring.soon-reflection canvas {
	bottom:0
}
.soon-fill, .soon-fill-inner, .soon-fill-progress {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-o-transform:translateZ(0);
	transform:translateZ(0)
}
.soon-fill-inner {
	overflow:hidden;
	background-color:rgba(0, 0, 0, .15)
}
.soon-fill-progress {
	-webkit-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
	-webkit-transform:scale(0) rotateZ(0deg) translateX(0) translateY(0);
	-ms-transform:scale(0) rotateZ(0deg) translateX(0) translateY(0);
	-o-transform:scale(0) rotateZ(0deg) translateX(0) translateY(0);
	transform:scale(0) rotateZ(0deg) translateX(0) translateY(0);
	background:rgba(255, 255, 255, .6)
}
.soon[data-format*=ms] .soon-fill-progress {
-webkit-transition:none;
-o-transition:none;
transition:none
}
.soon[data-visual*=color-light] .soon-fill-inner {
background-color:rgba(255, 255, 255, .15)
}
.soon[data-visual*=color-light] .soon-fill-progress {
background:rgba(255, 255, 255, .6)
}
.soon[data-visual*=color-dark] .soon-fill-inner {
background-color:rgba(0, 0, 0, .1)
}
.soon[data-visual*=color-dark] .soon-fill-progress {
background:rgba(0, 0, 0, .25)
}
.soon[data-visual*=corners-sharp] .soon-fill-inner {
overflow:hidden
}
.soon[data-visual*=corners-sharp] .soon-fill-progress, .soon[data-visual*=corners-sharp] .soon-fill-inner {
border-radius:.125rem
}
.soon[data-visual*=corners-round] .soon-fill-inner {
overflow:hidden
}
.soon[data-visual*=corners-round] .soon-fill-progress, .soon[data-visual*=corners-round] .soon-fill-inner {
border-radius:.5rem
}
.soon .soon-fill.soon-reflection {
	margin-top:.5em;
	-webkit-transform:scaleY(-1) translateY(-100%)!important;
	-ms-transform:scaleY(-1) translateY(-100%)!important;
	-o-transform:scaleY(-1) translateY(-100%)!important;
	transform:scaleY(-1) translateY(-100%)!important
}
.soon .soon-fill.soon-reflection::after {
top:50%
}
.soon[data-layout*=group] {
padding:1em 0;
text-align:center
}
.soon[data-layout*=group][data-visual][data-reflect=true] {
padding-bottom:1.5em
}
.soon[data-layout*=group] .soon-label {
display:block;
margin:.325rem 0 0;
margin-right:-1em;
margin-left:-1em
}
.soon[data-layout*=group] .soon-separator {
margin:0;
vertical-align:top;
min-width:0!important
}
.soon[data-layout*=group] .soon-separator+.soon-group {
margin:0!important
}
.soon[data-layout*=group] .soon-placeholder {
display:block;
white-space:nowrap
}
.soon[data-layout*=group] .soon-group-sub>.soon-group-inner {
margin:0 .3125em
}
.soon[data-layout*=group][data-layout*=overlap]>.soon-group {
padding:0 .3125em
}
.soon[data-layout*=group][data-layout*=overlap] .soon-group-sub>.soon-group-inner {
margin:0 -.25em
}
.soon[data-layout*=group][data-layout*=overlap][data-visual] .soon-group-sub>.soon-group-inner {
margin:0 -.3125em
}
.soon[data-layout*=group][data-layout*=adjacent] .soon-group-sub>.soon-group-inner {
margin:0
}
.soon[data-layout*=group][data-layout*=tight] .soon-group-sub>.soon-group-inner {
margin:0 .15em
}
.soon[data-layout*=group][data-layout*=spacey] .soon-group-sub>.soon-group-inner {
margin:0 .5em
}
@media (max-width:40rem) {
.soon[data-layout*=group][data-layout*=spacey] .soon-group-sub>.soon-group-inner {
margin:0 .3125em
}
}
@media (max-width:30rem) {
.soon[data-layout*=group][data-layout*=spacey] .soon-group-sub>.soon-group-inner {
margin:0 .25em
}
}
.soon[data-layout*=group][data-layout*=label-above] .soon-separator, .soon[data-layout*=group][data-layout*=label-above] .soon-group-sub {
padding-top:1em
}
.soon[data-layout*=group][data-layout*=label-above] .soon-label {
position:absolute;
margin-top:.25rem!important;
top:0;
left:0;
right:0
}
.soon[data-layout*=group][data-layout*=label-above] .soon-separator.soon-reflection {
top:2.5em
}
.soon[data-layout*=line] {
text-align:center;
padding:1em 0
}
.soon[data-layout*=line][data-initialized=true] .soon-placeholder {
margin-left:-.25em
}
.soon[data-layout*=line] .soon-value, .soon[data-layout*=line] .soon-label {
margin-left:.125em;
margin-right:.125em
}
.soon[data-layout*=line] .soon-flip {
margin-top:-.1875em
}
.soon[data-scale=xxl] {
	font-size:4rem
}
.soon[data-scale=xl] {
	font-size:3.5rem
}
.soon[data-scale='l'] {
	font-size:3rem
}
.soon[data-scale='m'] {
	font-size:2.5rem
}
.soon[data-scale='s'] {
	font-size:2rem
}
.soon[data-scale=xs] {
	font-size:1.5rem
}
.soon[data-scale=xxs] {
	font-size:1.25rem
}