@import url("https://fonts.googleapis.com/css?family=Droid+Sans+Mono");*{box-sizing:border-box}header{display:flex;position:relative}header h1{font-family:Droid Sans Mono,monospace;font-weight:lighter;text-transform:uppercase;letter-spacing:.1em;color:#fff}.flipClock{display:flex;justify-content:center}.flipUnitContainer{margin-right:10px;display:block;position:relative;width:100px;height:80px;perspective-origin:50% 50%;perspective:300px;background-color:#333;border-radius:3px;box-shadow:0 10px 10px -10px grey}.lowerCard,.upperCard{display:flex;position:relative;justify-content:center;width:100%;height:50%;overflow:hidden;border:1px solid #333}.lowerCard span,.upperCard span{font-size:4em;font-family:Droid Sans Mono,monospace;font-weight:lighter;color:#fff}.upperCard{align-items:flex-end;border-bottom:.5px solid #f5f5f5;border-top-left-radius:3px;border-top-right-radius:3px}.upperCard span{transform:translateY(50%)}.lowerCard{align-items:flex-start;border-top:.5px solid #f5f5f5;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.lowerCard span{transform:translateY(-50%)}.flipCard{display:flex;justify-content:center;position:absolute;left:0;width:100%;height:50%;overflow:hidden;backface-visibility:hidden}.flipCard span{font-family:Droid Sans Mono,monospace;font-size:4em;font-weight:lighter;color:#fff}.flipCard.unfold{top:50%;align-items:flex-start;transform-origin:50% 0;transform:rotateX(180deg);background-color:#333;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border:.5px solid #333;border-top-color:#f5f5f5}.flipCard.unfold span{transform:translateY(-50%)}.flipCard.fold{top:0;align-items:flex-end;transform-origin:50% 100%;transform:rotateX(0deg);background-color:#333;border-top-left-radius:3px;border-top-right-radius:3px;border:.5px solid #f5f5f5}.flipCard.fold span{transform:translateY(50%)}.fold{animation:fold .6s cubic-bezier(.455,.03,.515,.955) 0s 1 normal forwards}.fold,.unfold{transform-style:preserve-3d}.unfold{animation:unfold .6s cubic-bezier(.455,.03,.515,.955) 0s 1 normal forwards}@keyframes fold{0%{transform:rotateX(0deg)}to{transform:rotateX(-180deg)}}@keyframes unfold{0%{transform:rotateX(180deg)}to{transform:rotateX(0deg)}}.react-clock__face{background-color:#fff}.react-clock__second-hand__body{background-color:#ff9600!important}.react-clock__face{border:3px solid #fff!important}.my-selected:not([disabled]){background-color:#8416b9;border-radius:50%;color:#fff}.my-selected{background-color:transparent}.my-today{border:2px solid #8416b9;border-radius:50%}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:#8416b9;border-radius:50%;color:#fff}.rdp-button:not([disabled]){border-radius:50%}.rdp-button-reset:not([disabled]):not(.rdp-day_selected){background-color:transparent}.rdp_button_reset{border:none}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:transparent}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock :after,.react-clock :before{box-sizing:border-box}.react-clock__face{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #000;border-radius:50%}.react-clock__hand{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translateX(-50%)}.react-clock__mark{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translateX(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}