/*
 * @pqina/flip v1.8.0 - A Beautifully Animated Flip Clock
 * Copyright (c) 2020 PQINA - https://pqina.nl/flip/
 */
.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
}
.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{
    margin-left:.0625em;
    margin-right:.0625em;
    min-width:1.125em;
    border-radius:.125em;
    letter-spacing:.25em;
    text-indent:.25em
}
.tick-flip-panel{
    color:#edebeb;/*
    background-color:#333232;*/
    background-color:#7A6DF1;

}
.tick-flip-shadow{
    box-shadow:0 .125em .3125em rgba(0,0,0,.25),0 .02125em .06125em rgba(0,0,0,.25)
}