/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-duration:initial}}}.time-card{color:#fff;cursor:pointer;width:280px;height:150px;transition:all .3s ease-in-out;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s);--tw-duration:.3s;border-radius:15px;flex-direction:column;justify-content:center;transition-duration:.3s;display:flex;position:relative;overflow:hidden;box-shadow:5px 10px 25px #00000073,-5px 0 250px #00000073}.time-text{margin-top:0;margin-left:15px;font-size:50px;font-weight:600}.time-sub-text{margin-left:5px;font-size:15px}.day-text{margin-top:0;margin-left:15px;font-size:18px;font-weight:500}.clock-icon{font-size:20px;transition:all .3s ease-in-out;position:absolute;top:15px;right:15px}.time-card:hover>.clock-icon{font-size:23px}.morning-gradient{background:linear-gradient(90deg,#ff5f6d,#ffc371);width:100%;height:100%}.day-gradient{background:linear-gradient(90deg,#56cbf29e,#2f80ed)}.afternoon-gradient{background:linear-gradient(90deg,#7583c15e,#c9af68)}.evening-gradient{background:linear-gradient(90deg,#f7b633ad,#fc4b1a73)}.night-gradient{background:linear-gradient(90deg,#141e30,#243b55)}.clock{background:#fefbf2;border:2px solid #110808;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 2px #273c49}.clock:before{height:10px;animation:spin 6s linear infinite}.clock:after,.clock:before{content:"";transform-origin:top;background:#273c49;border-radius:.5px;width:1px;position:absolute;top:50%;left:calc(50% - .5px)}.clock:after{height:8px;animation:spin 72s linear infinite}@keyframes spin{0%{transform:rotate(-180deg)}to{transform:rotate(180deg)}}.clock-container:before{z-index:1;background:#000;width:2px;height:2px;top:50%;transform:translate(-50%,-50%)}.clock-container:after,.clock-container:before{content:"";border-radius:50%;position:absolute;left:50%}.clock-container:after{z-index:2;background:#273c49;width:1px;height:1px;top:calc(50% - 12px);transform:translate(-50%);box-shadow:12px 12px #273c49,-12px 12px #273c49,0 24px #273c49}@property --tw-duration{syntax:"*";inherits:false}