@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer components{.calendar .btn-header{border-color:var(--color-calendarBlue,#364073)!important;color:var(--color-calendarBlue,#364073)!important}@media (hover:hover){.calendar .btn-header:hover{background-color:var(--color-calendarBlue,#364073)!important;color:var(--color-white,#fff)!important}}.calendar .btn-header.active{border-radius:var(--radius-xl,.75rem);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);background-color:var(--color-calendarBlue,#364073)!important;color:var(--color-white,#fff)!important}.clock-hour:before,.clock-minuts:before{content:"";background-color:#000;width:.75rem;height:.75rem;position:absolute;top:-9px;left:0;right:0;scale:.7}.swiper-slide{justify-content:center;display:flex!important}}@property --tw-font-weight{syntax:"*";inherits:false}
.dial{box-sizing:content-box;background:#fff;border:12px solid #f3f4f6;border-radius:50%;width:300px;height:300px;position:relative;box-shadow:0 0 15px #808080a3,inset 0 0 15px #8080807a}span{display:inline-block}.dot{z-index:10;background:radial-gradient(#fff 30%,orange 40%);border-radius:50%;width:12px;height:12px;margin:auto;position:absolute;inset:0;box-shadow:0 2px 5px #0000004d}.sec-hand{z-index:9;transform-origin:50% 82%;background-color:#ffb731;border-radius:32px;width:14px;height:168px;position:absolute;top:11px;left:47.8%;transform:scaleX(.3)}.min-hand{z-index:7;transform-origin:50% 98%;background-color:#2b2929;border-radius:32px;width:9px;height:145px;position:absolute;top:8px;left:48.5%;box-shadow:-3px 0 15px #80808091}.hour-hand{z-index:5;transform-origin:50% 96%;background-color:#2b2929;border-radius:32px;width:11px;height:112px;position:absolute;top:42px;left:48%;box-shadow:-3px 0 15px #80808091}.twelve,.three,.six,.nine{color:#777;font-family:Lato,sans-serif;font-size:32px;position:absolute}.twelve{top:13%;left:44%}.three{top:45%;right:13%}.six{bottom:14%;left:47%}.nine{top:45%;left:13%}.diallines{z-index:1;transform-origin:50% 140px;background:#b3b3b0;border-radius:16px;width:3px;height:10px;margin-left:-1px;position:absolute;top:3%;left:50%}@keyframes dialAnimate{0%{scale:0}to{scale:1}}.diallines:nth-of-type(5n){z-index:1;transform-origin:50% 140px;background:#333;border-radius:16px;width:4px;height:14px;margin-left:-2px;position:absolute;top:10px;left:50%}