.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.fc-event {
cursor: pointer;
}
.piecal-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
--piecal-darkblue: #194570; --fc-event-bg-color: var(--piecal-darkblue);
--fc-event-border-color: var(--piecal-darkblue);
--accent: var(--piecal-darkblue);
}
.piecal-wrapper :is(.fc-daygrid-body, .fc-timegrid-body, table) {
width: 100% !important;
}
.piecal-wrapper #calendar {
width: 100%;
} .piecal-controls.fc {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 8px 0px;
position: relative;
gap: 16px;
}
.piecal-controls.fc .piecal-controls__view-title {
margin-block-end: 0;
font-size: 1.25rem;
font-weight: bold;
width: 100%;
}
.piecal-controls.fc .piecal-controls__view-chooser {
max-width: calc(50% - 8px);
}
.piecal-controls.fc .piecal-controls__view-chooser select {
border-radius: 0.25em;
padding: 0.5em;
padding-right: 2em;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.29289%208.29289C4.68342%207.90237%205.31658%207.90237%205.70711%208.29289L12%2014.5858L18.2929%208.29289C18.6834%207.90237%2019.3166%207.90237%2019.7071%208.29289C20.0976%208.68342%2020.0976%209.31658%2019.7071%209.70711L12.7071%2016.7071C12.3166%2017.0976%2011.6834%2017.0976%2011.2929%2016.7071L4.29289%209.70711C3.90237%209.31658%203.90237%208.68342%204.29289%208.29289Z%22%20fill%3D%22%23000000%22%2F%3E%0A%3C%2Fsvg%3E");
background-size: 1em;
background-repeat: no-repeat;
background-position: 97% center;
}
.piecal-controls.fc .piecal-controls__back-to-month {}
.piecal-controls.fc .piecal-controls__navigation-button-group {
display: flex;
gap: 8px;
margin-left: auto;
}
.piecal-controls.fc .piecal-controls__today-button {
justify-content: center;
text-transform: capitalize;
max-width: 150px;
}
.piecal-controls.fc :is(.piecal-controls__prev-button, .piecal-controls__next-button) {
min-width: 64px;
}
.piecal-controls.fc .piecal-controls__prev-button {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: -8px;
}
.piecal-controls.fc .piecal-controls__next-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.piecal-controls.fc .piecal-controls__skip-calendar {
position: absolute;
inset: 0 0 4px 0;
min-height: 48px;
}
.piecal-controls.fc .piecal-controls__skip-calendar:not(:focus) {
clip: rect(1px, 1px, 1px, 1px);
} .piecal-popover {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.25);
backdrop-filter: blur(3px);
display: flex;
align-items: center;
justify-content: center;
z-index: 100;
}
.piecal-popover__inner {
position: relative;
background: white;
border-radius: 8px;
padding: 32px;
gap: 16px;
margin: 0 32px;
max-width: 400px;
width: 100%;
max-height: 75%;
overflow: auto;
}
.piecal-popover__title {
font-size: 2rem;
margin-block-start: 0;
margin-block-end: 0;
}
.piecal-popover__meta {
font-size: 14px;
font-style: italic;
display: grid;
grid-template-columns: 50% 50%;
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.piecal-popover__meta > p {
margin-block-start: 0;
margin-block-end: 0;
}
.piecal-popover__details {
white-space: pre-line;
}
.piecal-popover__close-button {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
position: sticky;
top: 0px;
left: 100%;
border: none;
background: rgba(255,255,255,0.15);
backdrop-filter: blur(5px);
border-radius: 100%;
cursor: pointer;
padding: 8px;
}
.piecal-popover__close-button::after {
content: "";
position: absolute;
width: 2px;
height: 80%;
background: black;
transform: rotate(45deg);
}
.piecal-popover__close-button::before {
content: "";
position: absolute;
width: 2px;
height: 80%;
background: black;
transform: rotate(-45deg);
} .piecal-wrapper.piecal-wrap-event-titles .fc-event {
flex-direction: row;
flex-wrap: wrap;
white-space: normal;
} .piecal-info p {
margin-block-start: 0;
margin-block-end: 0;
margin-bottom: 0;
} .piecal-footer {
text-align: center;
font-size: 0.75rem;
} .piecal-wrapper:not([data-view='listDay']) .piecal-controls__back-to-month {
display: none;
} @media only screen and (min-width: 768px) {
.piecal-wrapper:not(.piecal-wrapper--widget) .piecal-controls__back-to-month {
}
} .piecal-wrapper--widget .piecal-controls label {
display: none;
}
.piecal-wrapper--widget .fc-header-toolbar.fc-toolbar {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 8px;
}
.piecal-wrapper--widget .fc-header-toolbar .fc-toolbar-title {
text-align: center;
}
.piecal-wrapper--widget .fc-header-toolbar .fc-toolbar-chunk:last-child {
display: grid;
grid-row-gap: 8px;
}
.piecal-wrapper--widget .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group {
margin-left: 0;
}
.piecal-wrapper--widget .fc-col-header-cell a {
font-size: 0.75rem;
text-decoration: none;
}
.piecal-wrapper--widget .fc-daygrid-day-frame {
aspect-ratio: 1 / 1;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.piecal-wrapper--widget .fc-daygrid-day-frame:has(.fc-daygrid-event-harness)::after {
content: "";
position: absolute;
width: 32px;
height: 32px;
border-radius: 100%;
box-shadow: 0px 0px 0px 1px var(--fc-event-bg-color);
}
.piecal-wrapper--widget .fc-daygrid-day-top {
font-size: 12px;
margin-left: 6px;
}
.piecal-wrapper--widget .fc-daygrid-day-events .fc-daygrid-event-harness a {
display: none;
}
.piecal-wrapper--widget[data-view="listDay"] .fc-today-button {
display: none;
}
.piecal-wrapper--widget .fc-list-event {
display: flex;
flex-direction: column;
}
.piecal-wrapper--widget .fc-list-event > td {
width: 100%;
}
.piecal-wrapper--widget .fc-list-event > td:first-child {
padding-bottom: 0px;
border-bottom: 0px;
}
.piecal-wrapper--widget .fc-list-event > td:last-child {
padding-top: 0px;
border-top: 0px;
}
.piecal-wrapper--widget .fc-list-event-graphic {
display: none;
}
.piecal-wrapper--widget .fc-list-empty-cushion {
margin-top: 0px;
margin-bottom: 0px;
}
.piecal-wrapper--widget :is(.piecal-grid-day-header-text--full, .piecal-grid-day-header-text--short) {
display: none;
}
.piecal-wrapper--widget .piecal-grid-day-header-text--single-letter {
display: inline;
} @media only screen and (max-width: 768px) {
.piecal-wrapper--responsive-widget .piecal-controls label {
display: none;
}
.piecal-wrapper--responsive-widget[data-view="dayGridMonth"] .fc-header-toolbar.fc-toolbar {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 8px;
}
.piecal-wrapper--responsive-widget[data-view="dayGridMonth"] .fc-header-toolbar .fc-toolbar-title {
text-align: center;
}
.piecal-wrapper--responsive-widget[data-view="dayGridMonth"] .fc-header-toolbar .fc-toolbar-chunk:last-child {
display: grid;
grid-row-gap: 8px;
}
.piecal-wrapper--responsive-widget[data-view="dayGridMonth"] .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group {
margin-left: 0;
}
.piecal-wrapper--responsive-widget[data-view="dayGridMonth"] .fc-col-header-cell a {
font-size: 0.75rem;
text-decoration: none;
}
.piecal-wrapper--responsive-widget[data-view="dayGridMonth"] .fc-daygrid-day-frame {
aspect-ratio: 1 / 1;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.piecal-wrapper--responsive-widget[data-view="dayGridMonth"] .fc-daygrid-day-frame:has(.fc-daygrid-event-harness)::after {
content: "";
position: absolute;
width: 32px;
height: 32px;
border-radius: 100%;
box-shadow: 0px 0px 0px 1px var(--fc-event-bg-color);
}
.piecal-wrapper--responsive-widget[data-view="dayGridMonth"] .fc-daygrid-day-top {
font-size: 12px;
margin-left: 6px;
}
.piecal-wrapper--responsive-widget[data-view="dayGridMonth"] .fc-daygrid-day-events .fc-daygrid-event-harness a {
display: none;
}
.piecal-wrapper--responsive-widget[data-view="listDay"] .fc-today-button {
display: none;
}
.piecal-wrapper--responsive-widget :is(.piecal-grid-day-header-text--full, .piecal-grid-day-header-text--short) {
display: none;
}
.piecal-wrapper--responsive-widget .piecal-grid-day-header-text--single-letter {
display: inline;
}
} .piecal-grid-day-header-text--short,
.piecal-grid-day-header-text--single-letter {
display: none;
}
@media only screen and (max-width: 768px) { .piecal-controls__view-title {
width: 100%;
text-align: center;
}
.piecal-controls__view-chooser {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 100%;
}
.piecal-controls .piecal-controls__navigation-button-group {
width: 100%;
}
.piecal-controls .piecal-controls__today-button {
flex-grow: 1;
max-width: 100%;
} .piecal-wrapper .fc-list-event {
display: flex;
flex-direction: column;
}
.piecal-wrapper .fc-list-event > td {
width: 100%;
}
.piecal-wrapper .fc-list-event > td:first-child {
padding-bottom: 0px;
border-bottom: 0px;
}
.piecal-wrapper .fc-list-event > td:last-child {
padding-top: 0px;
border-top: 0px;
}
.piecal-wrapper .fc-list-event-graphic {
display: none;
} .piecal-grid-day-header-text--full {
display: none;
}
.piecal-grid-day-header-text--short {
display: inline;
}
}.tm-tab-container,.tm-tab-manager{--tm-border:#e0e0e0;--tm-accent:#2271b1;--tm-bg:#fff;--tm-text:#1d2327;--tm-radius:6px;font-family:inherit;margin:1.5em 0}.tm-tab-headers,.tm-tab-manager__tabs{border-bottom:2px solid var(--tm-border);display:flex;flex-wrap:wrap;gap:var(--tm-tab-gap,4px);list-style:none;margin:0;padding:0}.tm-tab-header,.tm-tab-manager__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--tm-color-bg,#f6f7f7);border:var(--tm-border-width,1px) var(--tm-border-style,solid) var(--tm-border);border-bottom:none;border-radius:var(--tm-radius) var(--tm-radius) 0 0;color:var(--tm-color-text,var(--tm-text));cursor:pointer;font:inherit;font-family:var(--tm-font-family,inherit);font-size:var(--tm-font-size,14px);font-weight:var(--tm-font-weight,400);padding:var(--tm-tab-padding,10px 16px);position:relative;top:2px;transition:background .15s,color .15s,border-color .15s}.tm-tab-header:hover{background:#fff;border-color:#c3c4c7;color:var(--tm-accent)}.tm-tab-header:focus{outline:2px solid var(--tm-accent);outline-offset:-2px}.tm-tab-header:focus-visible{outline:2px solid var(--tm-accent)}.tm-tab-header.is-active{background:var(--tm-bg);border-color:var(--tm-border);border-bottom:2px solid var(--tm-bg);color:var(--tm-accent);font-weight:600}.tm-tab-icon{display:inline-flex;margin-right:6px;vertical-align:middle}.tm-tab-panels{background:var(--tm-bg);border:1px solid var(--tm-border);border-radius:0 0 var(--tm-radius) var(--tm-radius);border-top:none;padding:20px}.tm-tab-panel{animation:tmFadeIn .15s ease-in;display:none}.tm-tab-panel.is-active{display:block}.tm-tab-panel:focus{outline:2px solid var(--tm-accent);outline-offset:2px}@keyframes tmFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.tm-style-boxed .tm-tab-header.is-active{background:var(--tm-accent);border-color:var(--tm-accent);color:#fff}.tm-style-underline .tm-tab-headers{border-bottom:2px solid #dcdcde;gap:16px}.tm-style-underline .tm-tab-header{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;padding:10px 4px;top:2px}.tm-style-underline .tm-tab-header.is-active{background:transparent;border-bottom-color:var(--tm-accent)}.tm-style-pills .tm-tab-headers{border-bottom:none}.tm-style-pills .tm-tab-header{border:1px solid var(--tm-border);border-radius:999px;top:0}.tm-style-pills .tm-tab-header.is-active{background:var(--tm-accent);border-color:var(--tm-accent);color:#fff}.tm-style-pills .tm-tab-panels{border-radius:var(--tm-radius);border-top:1px solid var(--tm-border);margin-top:12px}.no-js .tm-tab-panel{display:block!important}.no-js .tm-tab-headers{display:none}@media (prefers-reduced-motion:reduce){.tm-tab-panel{animation:none}.tm-tab-header{transition:none}}.tm-no-focus .tm-tab-header:focus,.tm-no-focus .tm-tab-header:focus-visible,.tm-no-focus .tm-tab-panel:focus{outline:none}@media (max-width:600px){.tm-mobile-horizontal-scroll .tm-tab-headers{flex-direction:row;flex-wrap:nowrap;overflow-x:auto}.tm-mobile-horizontal-scroll .tm-tab-header{flex:0 0 auto}.tm-mobile-dropdown .tm-tab-headers,.tm-tab-headers{flex-direction:column}.tm-tab-header{border-radius:var(--tm-radius);top:0}.tm-tab-header.is-active{border-bottom:1px solid var(--tm-border)}.tm-layout-vertical{flex-direction:column}.tm-layout-vertical .tm-tab-headers{border-bottom:2px solid var(--tm-border);border-right:none;flex:1 1 100%;margin-bottom:8px;width:100%}.tm-layout-vertical .tm-tab-panels{border-left:1px solid var(--tm-border);border-radius:var(--tm-radius);width:100%}}.tm-layout-vertical{align-items:flex-start;display:flex;gap:16px}.tm-layout-vertical .tm-tab-headers{border-bottom:none;border-right:2px solid var(--tm-border);flex:0 0 200px;flex-direction:column;gap:4px;padding-right:0}.tm-layout-vertical .tm-tab-header{border:1px solid var(--tm-border);border-radius:var(--tm-radius);justify-content:flex-start;text-align:left;top:0;width:100%}.tm-layout-vertical .tm-tab-header.is-active{background:var(--tm-bg);border-bottom:1px solid var(--tm-border);border-right:2px solid var(--tm-bg);margin-right:-2px}.tm-layout-vertical .tm-tab-panels{border-left:none;border-radius:0 var(--tm-radius) var(--tm-radius) 0;border-top:1px solid var(--tm-border);flex:1;margin-top:0}.tm-layout-vertical.tm-style-pills .tm-tab-panels,.tm-layout-vertical.tm-style-underline .tm-tab-panels{border-left:1px solid var(--tm-border);border-radius:var(--tm-radius);border-top:1px solid var(--tm-border)}.tm-layout-vertical.tm-style-pills .tm-tab-headers,.tm-layout-vertical.tm-style-underline .tm-tab-headers{border-right:2px solid var(--tm-border)}.tm-align-left .tm-tab-headers{justify-content:flex-start}.tm-align-center .tm-tab-headers{justify-content:center}.tm-align-right .tm-tab-headers{justify-content:flex-end}.tm-align-full .tm-tab-headers{justify-content:stretch}.tm-align-full .tm-tab-header{flex:1 1 0;justify-content:center;text-align:center}.tm-layout-vertical.tm-align-center .tm-tab-headers,.tm-layout-vertical.tm-align-full .tm-tab-headers,.tm-layout-vertical.tm-align-left .tm-tab-headers,.tm-layout-vertical.tm-align-right .tm-tab-headers{justify-content:flex-start}.tm-layout-vertical.tm-align-full .tm-tab-header{flex:0 0 auto}.tm-align-full.tm-layout-horizontal .tm-tab-headers{width:100%}.tm-tab-container{--tm-color-text:#1d2327;--tm-color-active-text:#3858e9;--tm-color-bg:#f6f7f7;--tm-color-active-bg:#fff;--tm-color-hover:#fff;--tm-color-border:#dcdcde;--tm-color-content-bg:#fff;--tm-font-family:inherit;--tm-font-size:14px;--tm-font-weight:400;--tm-tab-gap:4px;--tm-tab-padding:10px 16px;--tm-content-padding:20px;--tm-border-width:1px;--tm-border-style:solid;--tm-radius:6px;--tm-icon-size:16px;--tm-icon-spacing:6px;font-family:var(--tm-font-family);font-size:var(--tm-font-size);font-weight:var(--tm-font-weight)}.tm-tab-headers{gap:var(--tm-tab-gap)}.tm-tab-header{background:var(--tm-color-bg);border:var(--tm-border-width) var(--tm-border-style) var(--tm-color-border);border-radius:var(--tm-radius) var(--tm-radius) 0 0;color:var(--tm-color-text);padding:var(--tm-tab-padding)}.tm-tab-header:hover{background:var(--tm-color-hover)}.tm-tab-header.is-active{background:var(--tm-color-active-bg);border-color:var(--tm-color-border);color:var(--tm-color-active-text)}.tm-tab-icon{font-size:var(--tm-icon-size);margin-right:var(--tm-icon-spacing)}.tm-tab-panels{background:var(--tm-color-content-bg);border:var(--tm-border-width) var(--tm-border-style) var(--tm-color-border);padding:var(--tm-content-padding)}.tm-animation-none .tm-tab-panel{animation:none}.tm-animation-fade .tm-tab-panel{animation:tmFadeIn .3s ease}.tm-animation-slide .tm-tab-panel{animation:tmSlideIn .3s ease}@keyframes tmSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .tm-tab-icon{margin-left:6px;margin-right:0}[dir=rtl] .tm-layout-vertical .tm-tab-headers{border-left:2px solid var(--tm-border);border-right:none}[dir=rtl] .tm-layout-vertical .tm-tab-header.is-active{border-left:2px solid var(--tm-bg);border-right:1px solid var(--tm-border);margin-left:-2px;margin-right:0}.tm-tab-panel table{border:1px solid #1d2327;border-collapse:collapse;margin:1em 0;width:100%}.tm-tab-panel table td,.tm-tab-panel table th{border:1px solid #1d2327;font-size:14px;line-height:1.5;padding:8px 12px;vertical-align:top}.tm-tab-panel table th{background:#f6f7f7;font-weight:700;text-align:inherit}.tm-tab-panel table tr:hover td{background-color:rgba(0,0,0,.02)}