.tick { box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; position: relative; z-index: 1; line-height: 1.4; } 
.tick * { box-sizing: inherit; } 
.tick [data-view] { max-width: 100% } 
.tick span[data-view] { display: inline-block; } 
.tick .tick-credits { position: absolute; right: 0; bottom: 0; opacity: .4; text-decoration: none; font-size: 11px; color: inherit; } 
.tick [data-layout~=pad] { margin: -.25em; } 
.tick [data-layout~=pad]>* { margin: .25em; } 
.tick [data-layout~=horizontal] { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; } 
.tick [data-layout~=horizontal][data-layout~=baseline] { -ms-flex-align: baseline; align-items: baseline; } 
.tick [data-layout~=horizontal][data-layout~=center] { -ms-flex-pack: center; justify-content: center; } 
.tick [data-layout~=horizontal][data-layout~=right] { -ms-flex-pack: end; justify-content: flex-end; } 
.tick [data-layout~=horizontal][data-layout~=left] { -ms-flex-pack: start; justify-content: flex-start; } 
.tick [data-layout~=horizontal][data-layout~=fill], .tick [data-layout~=horizontal][data-layout~=stretch] { -ms-flex-line-pack: stretch; align-content: stretch; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } 
.tick [data-layout~=horizontal][data-layout~=fill]>*, .tick [data-layout~=horizontal][data-layout~=stretch]>* { -ms-flex: 1 0 0px; flex: 1 0 0; width: 100% } 
.tick [data-layout~=horizontal][data-layout~=multi-line] { -ms-flex-wrap: wrap; flex-wrap: wrap; } 
.tick [data-layout~=horizontal][data-layout~=fit] { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: center; align-content: center; white-space: nowrap; -ms-flex-pack: start; justify-content: flex-start; } 
.tick [data-layout~=vertical] { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } 
.tick [data-layout~=vertical][data-layout~=top] { -ms-flex-pack: start; justify-content: flex-start; } 
.tick [data-layout~=vertical][data-layout~=bottom] { -ms-flex-pack: end; justify-content: flex-end; min-height: 100% } 
.tick [data-layout~=vertical][data-layout~=middle] { -ms-flex-pack: center; justify-content: center; min-height: 100% } 
.tick [data-layout~=vertical][data-layout~=left] { -ms-flex-align: start; align-items: flex-start; } 
.tick [data-layout~=vertical][data-layout~=right] { -ms-flex-align: end; align-items: flex-end; } 
.tick [data-layout~=vertical][data-layout~=center] { text-align: center; } 
.tick [data-layout~=vertical][data-layout~=fill], .tick [data-layout~=vertical][data-layout~=stretch] { -ms-flex-align: stretch; align-items: stretch; min-height: 100% } 
.tick [data-layout~=vertical][data-layout~=fill]>*, .tick [data-layout~=vertical][data-layout~=stretch]>* { -ms-flex: 1 0 0px; flex: 1 0 0; } 
.tick [data-layout~=vertical]>*+* { margin-top: .5em; } 
.tick [data-layout~=overlay] { position: relative; } 
.tick [data-layout~=overlay]>* { margin: 0; } 
.tick [data-layout~=overlay][data-layout~=center] { text-align: center; } 
.tick [data-layout~=overlay][data-layout~=left] { text-align: left; } 
.tick [data-layout~=overlay][data-layout~=right] { text-align: right; } 
.tick [data-layout~=overlay]>[data-overlay=fill], .tick [data-layout~=overlay]>[data-overlay=stretch] { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } 
.tick [data-layout~=overlay]>[data-overlay=center] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } 
.tick-flip { position: relative; text-align: center; } 
.tick-flip * { border-radius: inherit; white-space: pre; letter-spacing: inherit; text-indent: inherit; } 
.tick-flip-front { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } 
.tick-flip-back { border-top-left-radius: 0; border-top-right-radius: 0; } 
.tick-flip-spacer { display: block; visibility: hidden; } 
.tick-flip-shadow { position: absolute; left: 1px; right: 1px; top: 1px; bottom: 1px; color: transparent!important; background: transparent!important; } 
.tick-flip-shadow-top { bottom: calc(50% - 1px); } 
.tick-flip-shadow-bottom { top: calc(50% + 1px); } 
.tick-flip-card-shadow { position: absolute; left: .15em; right: .15em; bottom: .125em; height: .5em; background-color: transparent; border-radius: 0; opacity: 0; transform-origin: 0 100%; box-shadow: 0 .125em .25em rgba(0, 0, 0, .5), 0 .125em .5em rgba(0, 0, 0, .75); z-index: 0; } 
.tick-flip-card { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; perspective: 4em; } 
.tick-flip-panel-back, .tick-flip-panel-front { position: absolute; left: 0; width: 100%; height: 51%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d; } 
.tick-flip-panel-back-text, .tick-flip-panel-front-text {position: absolute; left: -1px; top: 0; right: -1px; height: 100%; overflow: hidden; font-family:'spoqa B'; } 
.tick-flip-panel-text-wrapper { position: absolute; left: 0; top: 0; right: 0; height: 100% } 
.tick-flip-panel-back-text .tick-flip-panel-text-wrapper { height: 200%; top: -100% } 
.tick-flip-panel-front { transform-origin: center bottom; top: 0; z-index: 2; box-shadow: inset 0 1px hsla(0, 0%, 100%, .05); } 
.tick-flip-panel-back { transform-origin: center top; top: 50%; z-index: 1; box-shadow: inset 0 -1px rgba(0, 0, 0, .1); } 
.tick-flip-panel-back:after { z-index: 1; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, .3) 1px, rgba(0, 0, 0, .15) 0, transparent 30%); } 
.tick-flip-panel-back-shadow { z-index: 2; } 
.tick-flip-panel-back-highlight { z-index: 3; } 
.tick-flip-panel-back-highlight, .tick-flip-panel-back-shadow { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } 
.tick-flip-panel-back-highlight, .tick-flip-panel-back-shadow, .tick-flip-panel-front-shadow { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; } 
.tick-flip-panel-front-shadow { background-image: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .3)); } 
.tick-flip-panel-back-shadow { background-image: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .5)); } 
.tick-flip-panel-back-highlight { background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, .3)); } 
.tick [data-style*="shadow:inner"], .tick [data-style*="shadow:inner"] .tick-flip-card-shadow, .tick [data-style*="shadow:none"] .tick-flip-card-shadow, .tick [data-style*="shadow:none"] .tick-flip-panel-back, .tick [data-style*="shadow:none"] .tick-flip-panel-front, .tick [data-style*="shadow:none"] .tick-flip-shadow { box-shadow: none; } 
.tick [data-style*="shadow:none"] .tick-flip-back:after, .tick [data-style*="shadow:none"] .tick-flip-panel-back-shadow, .tick [data-style*="shadow:none"] .tick-flip-panel-back-text:after, .tick [data-style*="shadow:none"] .tick-flip-panel-front-shadow { background-image: none; } 
.tick [data-style*="rounded:none"] { border-radius: 0; } 
.tick [data-style*="rounded:panels"] .tick-flip-front, .tick [data-style*="rounded:panels"] .tick-flip-shadow-bottom { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } 
.tick [data-style*="rounded:panels"] .tick-flip-back, .tick [data-style*="rounded:panels"] .tick-flip-panel-back:after, .tick [data-style*="rounded:panels"] .tick-flip-shadow-top { border-top-left-radius: inherit; border-top-right-radius: inherit; } 
.tick-flip-panel { color: #fff; background-color: #1a1a1a; } 
.tick-flip-shadow { box-shadow: 0 .125em .3125em rgba(0, 0, 0, .25), 0 .02125em .06125em rgba(0, 0, 0, .25); }