@layer components{.clockme__calendar#month.clockme__calendar-month{flex-direction:column;gap:4px;width:100%;display:flex}.clockme__calendar#month.clockme__calendar-month .clockme__event{display:flex}.clockme__calendar#month.clockme__calendar-month .clockme__event *{pointer-events:none}.clockme__calendar#month .clockme__month-heading{justify-content:space-evenly;width:100%;max-height:20px;display:flex}.clockme__calendar#month .clockme__week-heading{justify-content:center;align-items:center;width:100%;height:20px;font-size:.95em;display:flex}.clockme__calendar#month .clockme__month-grid{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));width:100%;height:100%;display:grid}.clockme__calendar#month .clockme__cell{border:solid .5px var(--color-border);background-color:#0000;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;display:flex}.clockme__calendar#month .clockme__cell-date{justify-content:end;align-items:center;width:100%;height:20px;padding:2px;display:flex}.clockme__calendar#month .clockme__cell-date span[data-value]{word-spacing:4px;border-radius:100%;justify-content:end;align-items:start;width:100%;height:1.6em;padding-top:1px;padding-right:4px;font-size:.95em;display:flex}.clockme__calendar#month .clockme__cell-date[data-today=true] span[data-highlight]{z-index:0;position:relative;color:var(--color-background)!important}.clockme__calendar#month .clockme__cell-date[data-today=true] span[data-highlight]:before{content:"";z-index:-1;border-radius:100%;justify-content:center;align-items:start;width:1.7em;height:1.6em;padding-top:1px;display:flex;position:absolute;top:0;right:1px;background-color:var(--color-foreground)!important}.clockme__calendar#month .clockme__cell-events{flex-direction:column;width:100%;height:100%;padding:0;display:flex;position:relative}.clockme__calendar#month .clockme__cell-events:after{content:attr(data-count-hidden);width:100%;font-size:var(--text-xs);justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px}.clockme__calendar#month .clockme__cell .clockme__event-left-bar:before,.clockme__calendar#month .clockme__cell .vuecal__event-with-left-bar:before{content:"";background-color:var(--event-border-color);z-index:11;border-radius:20px;width:6px;height:18px;position:absolute;top:0;left:0}.clockme__calendar#month .clockme__event-title:before{content:var(--icon-url);display:flex;position:absolute;top:2px;left:8px}@media only screen and (max-width:425px){.clockme__calendar#year.clockme__year-grid{grid-template-rows:repeat(12,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));width:100%;height:100%;padding:10px;display:grid}}@media only screen and (max-width:860px) and (min-width:426px){.clockme__calendar#year.clockme__year-grid{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:100%;padding:0 10px;display:grid}}@media only screen and (max-width:1047px) and (min-width:861px){.clockme__calendar#year.clockme__year-grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:100%;padding:0 30px;display:grid}}@media only screen and (min-width:1048px){.clockme__calendar#year.clockme__year-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));width:100%;height:100%;padding:0 30px;display:grid}}:is(.clockme__calendar#day,.clockme__calendar#week) .clockme__event.clockme__all-day{cursor:default;border-color:var(--color-border);align-items:center;min-height:25px;display:flex}:is(.clockme__calendar#day,.clockme__calendar#week) .clockme__event-title:before{content:var(--icon-url);display:flex;position:absolute;top:2px;left:0}:is(.clockme__calendar#day,.clockme__calendar#week) .clockme__time-cell{display:flex;position:relative}:is(.clockme__calendar#day,.clockme__calendar#week) .clockme__event-details{background-color:color-mix(in oklab,var(--background)35%,transparent);border-radius:2px;flex-direction:column;justify-items:start;gap:2px;width:100%;height:100%;padding:4px 4px 4px 8px;display:flex;position:relative;overflow:hidden}:is(.clockme__calendar#day,.clockme__calendar#week) .clockme__event-details>div:not(.clockme__activity-duration){justify-content:start;align-items:center;gap:6px;width:100%;display:flex}:is(.clockme__calendar#day,.clockme__calendar#week) .clockme__event-details.clockme__event-left-bar:before{content:"";z-index:2;background-color:var(--event-border-color);border-radius:20px;width:6px;height:100%;position:absolute;top:0;left:0}:is(.clockme__calendar#day,.clockme__calendar#week) .clockme__activity-duration{z-index:1;--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);border-radius:calc(.25rem - 4px);padding:0;position:absolute;bottom:2px;right:2px}:is(.clockme__calendar#day,.clockme__calendar#week) .clockme__allday-bar{width:calc(100% - 10px);min-height:77px;display:flex}:is(.clockme__calendar#day,.clockme__calendar#week) .clockme__allday-label{justify-content:center;align-items:center;width:48px;padding-top:20px;display:flex}:is(.clockme__calendar#day,.clockme__calendar#week) .clockme__allday-label>span{font-size:.85em}:is(.clockme__calendar#day,.clockme__calendar#week) .clockme__weekday-headers{flex-direction:column;flex-grow:1;height:100%;display:flex}.clockme__calendar#day .clockme__now-line:after{top:8px}.clockme__calendar#week .clockme__weekday-header{cursor:pointer;justify-content:center;align-items:center;width:100%;height:24px;font-size:.95em;display:flex}.clockme__calendar#week .clockme__weekday-today{color:var(--color-background);background-color:var(--color-foreground);border-radius:1.5rem}.clockme__calendar#week .clockme__now-line:after{top:4px}.clockme__time-at-cursor:before{content:attr(data-formatted-time);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:99em;margin-right:2px;padding:0 3px;font-size:.65rem;font-weight:600;display:flex;position:absolute;top:-2px;right:100%;transform:translateY(-50%)}.clockme__now-line{z-index:10;width:100%;position:absolute}.clockme__now-line:before{content:attr(data-timer);color:var(--color-activity-timer);pointer-events:none;opacity:.7;text-shadow:var(--color-background)0 0 2px;padding:0 3px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-15px;right:0}.clockme__now-line:after{content:attr(data-formatted-time);pointer-events:none;opacity:.7;text-shadow:var(--color-background)0 0 1px;padding:0 3px;font-size:10px;display:flex;position:absolute;right:1px}.clockme__event-connectors-cell{pointer-events:auto;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.clockme__event-connectors-cell path.hit-area{cursor:pointer;pointer-events:stroke}.clockme__event-connectors-cell path.clockme__connector{pointer-events:none}.clockme__event-connectors-cell[data-highlighted=true] g.clockme__connector-group.highlighted{stroke-width:2px}.clockme__event-connectors-cell[data-highlighted=true] g.clockme__connector-group:not(.highlighted){opacity:.25}.clockme__event-resizer{opacity:.1;cursor:ns-resize;background-color:#fff;width:100%;height:8px;transition:all .2s ease-in-out;position:absolute;bottom:0}.clockme__event-resizer:hover{opacity:.3}.grid-cell{background:linear-gradient(0deg,var(--border)0,transparent 1px 40px)0 1px;background-size:100% 40px}.grid-cell-thick{background:linear-gradient(0deg,var(--border)0,transparent 2px 40px)0 1px;background-size:100% 40px}.grid-week-cell{background:linear-gradient(90deg,var(--border)1px,transparent 1px);background-size:14.2857% 100%;width:100%}.clockme__all-day-counter{justify-content:center;align-items:center;width:100%;height:25px;font-size:11px;display:flex;position:absolute;bottom:0}.clockme__allday-cells{flex-direction:row-reverse;justify-content:space-evenly;width:100%;height:100%;display:flex;overflow:hidden}.clockme__allday-cell{flex-direction:column;gap:0;height:100%;display:flex;position:relative}}.fade-move[data-v-f333f07b],.fade-enter-active[data-v-f333f07b],.fade-leave-active[data-v-f333f07b]{transition:opacity .15s ease-in-out}.fade-enter-from[data-v-f333f07b],.fade-leave-to[data-v-f333f07b]{opacity:0}