:root{--color-primary: #64A53B;--color-secondary: #454545;--color-icon: white;--tag-height: 15vh;--tag-font-size: calc(var(--tag-height) - (var(--tag-height) / 2));--tag-top: calc((var(--tag-height) / 2) * -1);--icon-size: 100%}::-moz-selection{background-color:var(--color-secondary);color:#fff}::selection{background-color:var(--color-secondary);color:#fff}@keyframes reveal-icon{0%{top:8vh;left:100%}100%{top:8vh;left:85%}}@keyframes reveal-progress{0%{bottom:-4vh}100%{bottom:0}}@keyframes reveal-tag{0%{left:-100%}100%{left:-1vw}}@keyframes reveal-text{0%{transform:translateX(-120%)}100%{transform:translateX(0)}}@keyframes reveal-clock{0%{transform:scale(0.75) rotateX(0) rotateY(0) skewY(0) translateY(25%) translateX(-100%)}100%{transform:scale(0.75) rotateX(-10deg) rotateY(15deg) skewY(-7deg) translateY(25%) translateX(10%)}}@keyframes reveal-logo{0%{top:0;left:100%}100%{top:0;left:50%}}body{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;margin:0 2vw;background-color:rgba(0,0,0,0);position:relative;font-family:"Oswald",Helvetica,Arial,sans-serif;perspective:660px;perspective-origin:30% 30%;transform-style:preserve-3d;pointer-events:none;overflow:hidden}.mini-clock{position:relative;width:100vw;height:70vh;transition:all ease .3s;transform-origin:0% 50%;animation-name:reveal-clock;animation-timing-function:ease;animation-iteration-count:1;animation-duration:.5s;animation-fill-mode:both;animation-direction:normal;animation-delay:0s}.mini-clock-tags{border:none;position:absolute;top:var(--tag-top);left:-1vw;z-index:2;width:40%;height:var(--tag-height);overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;background-color:var(--color-primary);color:#fff;font-size:var(--tag-font-size);font-weight:400;padding:1vh 3vw;letter-spacing:2%;animation-name:reveal-tag;animation-timing-function:ease;animation-iteration-count:1;animation-duration:.5s;animation-fill-mode:both;animation-direction:normal;animation-delay:.5s}.mini-clock__body{background-color:#fff;position:relative;width:100%;height:100%;overflow:hidden;box-shadow:8px 8px 12px rgba(0,0,0,.25);background:#f6f6f6;background:linear-gradient(0deg, rgb(246, 246, 246) 0%, rgb(255, 255, 255) 100%)}.mini-clock__body::after{content:"";aspect-ratio:1/1;border:none;display:block;position:absolute;top:0;left:50%;height:100%;width:auto;background-image:url("/img/logo-arbeiter.svg");background-repeat:no-repeat;background-position:90% center;background-size:auto 100%;animation-name:reveal-logo;animation-timing-function:ease;animation-iteration-count:1;animation-duration:.5s;animation-fill-mode:both;animation-direction:normal;animation-delay:1.25s}.mini-clock__main{background-color:rgba(0,0,0,0);width:auto;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;row-gap:4%;padding:0 4%;position:relative;overflow:hidden}.mini-clock__time p,.mini-clock__date p{text-align:left;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;text-shadow:.5vh .5vh 0 #fff}.mini-clock__time{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;column-gap:0;position:relative;color:var(--color-primary);animation-name:reveal-text;animation-timing-function:ease;animation-iteration-count:1;animation-duration:.5s;animation-fill-mode:both;animation-direction:normal;animation-delay:.5s}.mini-clock__time p{height:100%;width:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:30vh;line-height:30vh}.mini-clock__date{display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--color-secondary);animation-name:reveal-text;animation-timing-function:ease;animation-iteration-count:1;animation-duration:.5s;animation-fill-mode:both;animation-direction:normal;animation-delay:.75s}.mini-clock__date p{font-size:10vh;line-height:10vh}.mini-clock__icon{border-radius:100%;aspect-ratio:1/1;display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:8vh;left:85%;z-index:2;height:16vh;padding:2vh;background-color:var(--color-secondary);color:#fff;animation-name:reveal-icon;animation-timing-function:ease;animation-iteration-count:1;animation-duration:.5s;animation-fill-mode:both;animation-direction:normal;animation-delay:1s}.mini-clock-progress{position:absolute;bottom:0;left:0;right:0;height:4vh;background:var(--color-secondary);animation-name:reveal-progress;animation-timing-function:ease;animation-iteration-count:1;animation-duration:.5s;animation-fill-mode:both;animation-direction:normal;animation-delay:1s}.mini-clock-progress__bar{display:block;height:100%;background:var(--color-primary);transition:ease all .3s}.icon{aspect-ratio:1/1;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--color-icon);-webkit-mask:center/var(--icon-size) no-repeat;mask:center/var(--icon-size) no-repeat;-webkit-mask-size:contain;mask-size:contain}.icon-ri-sun-line{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Remix Icon by Remix Design - https://github.com/Remix-Design/RemixIcon/blob/master/License --%3E%3Cpath fill='currentColor' d='M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8M11 1h2v3h-2zm0 19h2v3h-2zM3.515 4.929l1.414-1.414L7.05 5.636L5.636 7.05zM16.95 18.364l1.414-1.414l2.121 2.121l-1.414 1.414zm2.121-14.85l1.414 1.415l-2.121 2.121l-1.414-1.414zM5.636 16.95l1.414 1.414l-2.121 2.121l-1.414-1.414zM23 11v2h-3v-2zM4 11v2H1v-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Remix Icon by Remix Design - https://github.com/Remix-Design/RemixIcon/blob/master/License --%3E%3Cpath fill='currentColor' d='M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8M11 1h2v3h-2zm0 19h2v3h-2zM3.515 4.929l1.414-1.414L7.05 5.636L5.636 7.05zM16.95 18.364l1.414-1.414l2.121 2.121l-1.414 1.414zm2.121-14.85l1.414 1.415l-2.121 2.121l-1.414-1.414zM5.636 16.95l1.414 1.414l-2.121 2.121l-1.414-1.414zM23 11v2h-3v-2zM4 11v2H1v-2z'/%3E%3C/svg%3E")}.icon-ri-moon-line{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Remix Icon by Remix Design - https://github.com/Remix-Design/RemixIcon/blob/master/License --%3E%3Cpath fill='currentColor' d='M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2h.1A6.98 6.98 0 0 0 10 7m-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938A8 8 0 0 0 4 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Remix Icon by Remix Design - https://github.com/Remix-Design/RemixIcon/blob/master/License --%3E%3Cpath fill='currentColor' d='M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2h.1A6.98 6.98 0 0 0 10 7m-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938A8 8 0 0 0 4 12'/%3E%3C/svg%3E")}/*# sourceMappingURL=mini-clock-v2.css.map */