@farango/calendar_library/dist/index.js

The **Event Calendar** is a simple and responsive React component that displays a **monthly calendar** with support for events. This component is built with React and SCSS and can be easily integrated into your React applications.

/*! For license information please see index.js.LICENSE.txt */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","react-dom"],t):"object"==typeof exports?exports.calendarLibrary=t(require("react"),require("react-dom")):e.calendarLibrary=t(e.react,e["react-dom"])}(this,((e,t)=>(()=>{var n={840:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(601),o=n.n(r),a=n(314),i=n.n(a)()(o());i.push([e.id,'.more-events{margin-top:4px;font-size:.8rem;font-weight:600;color:#374151;cursor:pointer}.more-events:hover{text-decoration:underline}.events-popup__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.15);display:flex;justify-content:center;align-items:flex-start;padding-top:4rem;z-index:1000}.events-popup{width:320px;max-width:90vw;background:#fff;border-radius:18px;padding:1.25rem 1rem 1.5rem;box-shadow:0 16px 40px rgba(0,0,0,.12)}.events-popup header{text-align:center;margin-bottom:1rem}.events-popup header h3{font-size:1rem;font-weight:700;margin:0}.events-popup header p{font-size:1.5rem;font-weight:600;margin:.1rem 0 0;color:#475569}.events-popup__list{display:flex;flex-direction:column;gap:.35rem;max-height:60vh;overflow-y:auto}.events-popup .event-wrapper{display:flex;align-items:center;cursor:pointer;margin-top:4px;gap:.25rem;padding:4px 8px 4px 12px;border-radius:5px;position:relative;overflow:hidden;background:color-mix(in srgb, var(--event-color) 20%, white)}.events-popup .event-wrapper::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:2px;background:var(--event-color)}',""]);const l=i},365:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(601),o=n.n(r),a=n(314),i=n.n(a)()(o());i.push([e.id,"@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap);"]),i.push([e.id,'.calendar-event-pill{display:flex;flex-direction:column;position:relative;cursor:pointer;min-height:1.5rem;box-sizing:border-box;width:100%;background:rgba(139,92,246,.12);border-radius:4px;padding:8px 10px 8px 14px;overflow:hidden}@supports(background: color-mix(in srgb, red 12%, white)){.calendar-event-pill{background:color-mix(in srgb, #8b5cf6 12%, white)}}.calendar-event-pill::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:#8b5cf6;border-radius:4px 0 0 4px}.calendar-event-pill .event-content{display:flex;flex-direction:column;gap:2px;width:100%;min-height:0}.calendar-event-pill .event-title{font-weight:600;font-size:12px;line-height:1.3;color:#8b5cf6;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event-pill .event-time{font-weight:500;font-size:10px;line-height:1.2;color:rgba(139,92,246,.75);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event-pill[style*="height: 1."]{padding:4px 8px 4px 12px}.calendar-event-pill[style*="height: 1."] .event-time{display:none}.calendar-event-pill[style*="height: 1."] .event-title{font-size:10px;line-height:1.2}.calendar-event-pill[style*="height: 2."],.calendar-event-pill[style*="height: 3."]{padding:6px 10px 6px 14px}.calendar-event-pill[style*="height: 4."],.calendar-event-pill[style*="height: 5."],.calendar-event-pill[style*="height: 6."],.calendar-event-pill[style*="height: 7."],.calendar-event-pill[style*="height: 8."],.calendar-event-pill[style*="height: 9."],.calendar-event-pill[style*="height: 1"]:not([style*="height: 1."]){padding:8px 12px 8px 16px}.calendar-event-pill[style*="height: 4."] .event-title,.calendar-event-pill[style*="height: 5."] .event-title,.calendar-event-pill[style*="height: 6."] .event-title,.calendar-event-pill[style*="height: 7."] .event-title,.calendar-event-pill[style*="height: 8."] .event-title,.calendar-event-pill[style*="height: 9."] .event-title,.calendar-event-pill[style*="height: 1"]:not([style*="height: 1."]) .event-title{font-size:13px;font-weight:700;line-height:1.3}.calendar-event-pill[style*="height: 4."] .event-time,.calendar-event-pill[style*="height: 5."] .event-time,.calendar-event-pill[style*="height: 6."] .event-time,.calendar-event-pill[style*="height: 7."] .event-time,.calendar-event-pill[style*="height: 8."] .event-time,.calendar-event-pill[style*="height: 9."] .event-time,.calendar-event-pill[style*="height: 1"]:not([style*="height: 1."]) .event-time{font-size:11px;line-height:1.2}.calendar-event-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.2);transition:all .15s ease-out}.calendar-event-pill:hover::before{width:4px}@supports(box-shadow: 0 4px 12px color-mix(in srgb, red 20%, transparent)){.calendar-event-pill:hover{box-shadow:0 4px 12px color-mix(in srgb, #8b5cf6 20%, transparent)}}.calendar-event-pill:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.calendar-event-pill--urgent{display:flex;flex-direction:column;position:relative;cursor:pointer;min-height:1.5rem;box-sizing:border-box;width:100%;background:rgba(239,68,68,.15);border-radius:6px;padding:10px 12px 10px 16px;overflow:hidden}@supports(background: color-mix(in srgb, red 12%, white)){.calendar-event-pill--urgent{background:color-mix(in srgb, #ef4444 12%, white)}}.calendar-event-pill--urgent::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:#ef4444;border-radius:6px 0 0 6px}.calendar-event-pill--urgent .event-content{display:flex;flex-direction:column;gap:2px;width:100%;min-height:0}.calendar-event-pill--urgent .event-title{font-weight:600;font-size:12px;line-height:1.3;color:#ef4444;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event-pill--urgent .event-time{font-weight:500;font-size:10px;line-height:1.2;color:rgba(239,68,68,.75);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event-pill--urgent[style*="height: 1."]{padding:4px 8px 4px 12px}.calendar-event-pill--urgent[style*="height: 1."] .event-time{display:none}.calendar-event-pill--urgent[style*="height: 1."] .event-title{font-size:10px;line-height:1.2}.calendar-event-pill--urgent[style*="height: 2."],.calendar-event-pill--urgent[style*="height: 3."]{padding:6px 10px 6px 14px}.calendar-event-pill--urgent[style*="height: 4."],.calendar-event-pill--urgent[style*="height: 5."],.calendar-event-pill--urgent[style*="height: 6."],.calendar-event-pill--urgent[style*="height: 7."],.calendar-event-pill--urgent[style*="height: 8."],.calendar-event-pill--urgent[style*="height: 9."],.calendar-event-pill--urgent[style*="height: 1"]:not([style*="height: 1."]){padding:8px 12px 8px 16px}.calendar-event-pill--urgent[style*="height: 4."] .event-title,.calendar-event-pill--urgent[style*="height: 5."] .event-title,.calendar-event-pill--urgent[style*="height: 6."] .event-title,.calendar-event-pill--urgent[style*="height: 7."] .event-title,.calendar-event-pill--urgent[style*="height: 8."] .event-title,.calendar-event-pill--urgent[style*="height: 9."] .event-title,.calendar-event-pill--urgent[style*="height: 1"]:not([style*="height: 1."]) .event-title{font-size:13px;font-weight:700;line-height:1.3}.calendar-event-pill--urgent[style*="height: 4."] .event-time,.calendar-event-pill--urgent[style*="height: 5."] .event-time,.calendar-event-pill--urgent[style*="height: 6."] .event-time,.calendar-event-pill--urgent[style*="height: 7."] .event-time,.calendar-event-pill--urgent[style*="height: 8."] .event-time,.calendar-event-pill--urgent[style*="height: 9."] .event-time,.calendar-event-pill--urgent[style*="height: 1"]:not([style*="height: 1."]) .event-time{font-size:11px;line-height:1.2}.calendar-event-pill--urgent:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.2);transition:all .15s ease-out}.calendar-event-pill--urgent:hover::before{width:5px}@supports(box-shadow: 0 4px 12px color-mix(in srgb, red 20%, transparent)){.calendar-event-pill--urgent:hover{box-shadow:0 4px 12px color-mix(in srgb, #ef4444 20%, transparent)}}.calendar-event-pill--urgent:focus-visible{outline:2px solid #ef4444;outline-offset:2px}body{font-family:"Nunito",sans-serif}.calendar-navigation{display:flex;align-items:center;background-color:var(--calendar-nav-bg, #ffffff);gap:var(--calendar-nav-gap, 10px);box-shadow:0 2px 5px rgba(0,0,0,.1);border-radius:var(--calendar-nav-radius, 10px);min-width:.5rem}.calendar-navigation .arrow-button{background-color:rgba(0,0,0,0);color:var(--arrow-button-color, gray);border:none;font-size:var(--arrow-button-font-size, 1rem);cursor:pointer;min-width:.1rem}.calendar-navigation .arrow-button:hover{color:var(--arrow-button-hover-color, darkgray)}.calendar-navigation .arrow-button:focus{outline:none}.calendar-navigation .today-button{background-color:rgba(0,0,0,0);color:var(--today-button-color, black);border:none;font-size:var(--today-button-font-size, 1rem);cursor:pointer;padding:var(--today-button-padding, 0.5rem 0.75rem);font-weight:bold;min-width:.1rem}.calendar-navigation .today-button:hover{color:var(--today-button-hover-color, gray)}.calendar-navigation .today-button:focus{outline:none}@media(max-width: 768px){.calendar-navigation .today-button{padding:var(--today-button-padding-sm, 0.4rem 0.6rem)}}@media(max-width: 480px){.calendar-navigation .today-button{padding:var(--today-button-padding-xs, 0.3rem 0.5rem);font-size:var(--today-button-font-size-xs, 0.9rem)}}button{padding:var(--button-padding, 8px 16px);border:none;color:var(--button-color, white);border-radius:var(--button-radius, 6px);cursor:pointer;transition:all .2s ease;font-family:var(--button-font, "Nunito", sans-serif);font-weight:500}button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}button:focus{outline:2px solid var(--focus-color, #3b82f6);outline-offset:2px}.calendar-grid{display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));grid-template-rows:minmax(2rem, 2rem) repeat(6, 9rem);max-width:100rem;gap:0;margin:0 0;background-color:var(--calendar-bg, #ffffff);align-items:stretch;padding:0rem 2rem 2rem 2rem;border:1px solid var(--calendar-border, #ffffff);border-bottom-left-radius:var(--calendar-bottom-radius, 8px);border-bottom-right-radius:var(--calendar-bottom-radius, 8px);overflow:hidden}@media(max-width: 1024px){.calendar-grid{grid-template-columns:repeat(7, minmax(0, 1fr));grid-template-rows:minmax(2rem, 2rem) repeat(auto-fill, 4rem);min-height:20rem}}@media(max-width: 768px){.calendar-grid{grid-template-columns:repeat(7, minmax(0, 1fr));grid-template-rows:minmax(2rem, auto) repeat(auto-fill, minmax(2rem, auto));min-height:0}}@media(max-width: 480px){.calendar-grid{grid-template-columns:repeat(7, minmax(0, 1fr));grid-template-rows:minmax(2rem, auto) repeat(auto-fill, minmax(1rem, auto))}}.day-header{width:100%;padding:var(--day-cell-padding, 0.5rem);border-top:.5px solid #d6d6d6;border-right:.5px solid #d6d6d6;border-left:.5px solid #d6d6d6;box-sizing:border-box;text-align:center}.day-cell{width:100%;height:100%;border:.5px solid #d6d6d6;border-top:.5px solid #d6d6d6;border-right:.5px solid #d6d6d6;box-sizing:border-box;padding:var(--day-cell-padding, 0.5rem);background-color:var(--calendar-cells-bg, white)}.day-cell:last-child{border-right:.5px solid #d6d6d6}.day-cell:nth-child(-n+7){border-top:none;border:none}.day-cell .day-number{font-size:var(--day-number-font-size, 14px);font-weight:500;color:var(--day-number-color, #374151);margin-bottom:4px;align-self:center;justify-self:center}@media(max-width: 768px){.day-cell{padding:var(--day-cell-padding-sm, 4px)}.day-cell .day-number{font-size:var(--day-number-font-size-sm, 12px)}}@media(max-width: 480px){.day-cell{padding:var(--day-cell-padding-xs, 2px)}.day-cell .day-number{font-size:var(--day-number-font-size-xs, 10px)}}.day-cell .event-wrapper{display:flex;align-items:center;cursor:pointer;margin-top:4px;gap:.25rem;padding:4px 8px 4px 12px;border-radius:5px;position:relative;overflow:hidden;background:color-mix(in srgb, var(--event-color) 20%, white)}.day-cell .event-wrapper::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:2px;background:var(--event-color)}.other-month{background-color:var(--other-month-bg, #f9fafb)}.other-month .day-number{color:var(--other-month-color, #9ca3af)}.current-day span{background-color:var(--current-day-bg, #000);color:var(--current-day-color, #fff);padding:var(--current-day-padding, 0);border-radius:var(--current-day-radius, 50%);display:inline-block;text-align:center;line-height:var(--current-day-size, 30px);width:var(--current-day-size, 30px);height:var(--current-day-size, 30px);font-size:var(--current-day-font-size, 14px);vertical-align:middle;position:relative;top:-5px}.vertical-separator{width:1px;height:var(--separator-height, 24px);background-color:var(--separator-color, #d1d5db);margin:var(--separator-margin, 0 12px)}.calendar-wrapper{width:100%;max-width:100rem;margin:0 auto;background-color:var(--calendar-bg, #ffffff)}.calendar-controls{display:flex;justify-content:space-between;align-items:center;color:var(--calendar-controls-color, #3c4655);border:var(--calendar-controls-border, 0.3px solid #ffffff);padding:var(--calendar-controls-padding, 1.5rem 2rem);border-top-left-radius:var(--calendar-controls-radius, 10px);border-top-right-radius:var(--calendar-controls-radius, 10px);font-family:var(--calendar-controls-font, "Nunito", sans-serif);background-color:var(--calendar-controls-bg, #ffffff);width:100%;box-sizing:border-box}.calendar-controls .month-title{font-size:var(--month-title-size, 1.25rem);font-weight:bold;margin:var(--month-title-margin, 0);flex-shrink:0}.calendar-controls .controls-right{display:flex;align-items:center;gap:var(--controls-gap, 10px);flex-shrink:0}@media(max-width: 480px){.calendar-controls .controls-right{gap:8px}}.calendar-controls .dropdown{position:relative;display:inline-block}.calendar-controls .dropdown-button{box-shadow:0 2px 5px rgba(0,0,0,.1);min-width:var(--dropdown-min-width, 1rem);color:var(--dropdown-color, black);font-size:var(--dropdown-font-size, 1rem);cursor:pointer;padding:var(--dropdown-padding, 0.5rem 0.75rem);font-weight:bold;background-color:var(--dropdown-bg, #ffffff);transition:background-color .3s;font-family:var(--dropdown-font, "Nunito", sans-serif);border-radius:var(--dropdown-radius, 10px);white-space:nowrap}.calendar-controls .dropdown-button:hover{background-color:var(--dropdown-hover-bg, #f0f0f0)}.calendar-controls .dropdown-content{display:none;position:absolute;top:2.5rem;left:0;background-color:var(--dropdown-content-bg, #fff);min-width:var(--dropdown-content-width, 160px);box-shadow:0px 8px 16px rgba(0,0,0,.2);z-index:1;border:var(--dropdown-content-border, 1px solid #ccc);border-radius:var(--dropdown-content-radius, 4px);font-family:var(--dropdown-content-font, "Nunito", sans-serif)}.calendar-controls .dropdown-content.show{display:block}.calendar-controls .dropdown-item{padding:var(--dropdown-item-padding, 0.5rem 1rem);cursor:pointer;font-family:var(--dropdown-item-font, "Nunito", sans-serif)}.calendar-controls .dropdown-item:hover{background-color:var(--dropdown-item-hover-bg, #f0f0f0)}.add-event-button{padding:var(--add-event-button-padding, 0.7rem 0.75rem);border:none;background-color:var(--add-event-button-bg, black);color:var(--add-event-button-color, white);border-radius:var(--add-event-button-radius, 10px);font-weight:bold;cursor:pointer;transition:background-color .3s;font-family:var(--add-event-button-font, "Nunito", sans-serif);white-space:nowrap;flex-shrink:0}.add-event-button:hover{background-color:var(--add-event-button-hover-bg, #fff);border:var(--add-event-button-hover-border, 1px solid #000);color:var(--add-event-button-hover-color, #000)}.add-event-button:focus{outline:none}.day-number+.event-wrapper{margin-top:15px}.day-number.current-day+.event-wrapper{margin-top:0}.event-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--event-title-font-size, 0.75rem);font-weight:var(--event-title-font-weight, 500);color:var(--event-title-color, #374151);padding-left:2px;line-height:1.2}@media(max-width: 768px){.event-title{font-size:var(--event-title-font-size-small, 0.7rem)}}.event-time{font-size:var(--event-time-font-size, 0.7rem);color:var(--event-time-color, #6b7280);font-weight:var(--event-time-font-weight, 400);white-space:nowrap}@media(max-width: 768px){.event-time{font-size:var(--event-time-font-size-small, 0.65rem)}}.event-cell{width:100%}.event-circle{width:20px;height:20px;border-radius:50%;background-color:var(--background-number-events, #6b7280);color:#fff;display:flex;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;margin-top:4px}.more-events{font-size:.75rem;color:var(--more-events-color, #6b7280);cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s ease}.more-events:hover{background-color:var(--more-events-hover-bg, #f3f4f6)}.weekly-calendar-grid{display:flex;flex-direction:column;width:var(--width, 100%);min-width:500px;color:var(--calendar-controls-color, #374151);border:1px solid var(--calendar-border, #e5e7eb);border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden}.weekly-calendar-grid .week-row{display:flex;flex-direction:row;width:100%}.weekly-calendar-grid .time-header{flex:0 0 4rem;height:64px;border-right:1px solid var(--day-header-border-right, #e5e7eb);border-bottom:1px solid var(--day-header-border-right, #e5e7eb);background-color:var(--day-header-bg, #ffffff);padding:var(--day-header-padding, 16px 8px);box-sizing:border-box}.weekly-calendar-grid .day-header-weekly{flex:1;height:64px;text-align:center;font-weight:600;border-bottom:1px solid var(--day-header-border-top, #e5e7eb);border-right:1px solid var(--day-header-border-right, #e5e7eb);padding:var(--day-header-padding, 16px 8px);box-sizing:border-box;background-color:var(--day-header-bg, #ffffff);font-size:.875rem;color:var(--day-header-color, #374151);display:flex;flex-direction:column;align-items:center;justify-content:center}.weekly-calendar-grid .day-header-weekly:last-child{border-right:none}.weekly-calendar-grid .day-header-weekly .day-name{font-size:12px;color:#666;text-transform:uppercase;font-weight:500;margin-bottom:2px}.weekly-calendar-grid .day-header-weekly .day-number{font-size:16px;font-weight:600;color:#333}.weekly-calendar-grid .day-header-weekly .day-number.current-day{background:#1376f4;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px}.weekly-calendar-grid .hour-cell{flex:0 0 4rem;height:3.4rem;display:flex;align-items:flex-start;justify-content:center;padding:4px 0;border-right:1px solid var(--calendar-border, #e5e7eb);border-bottom:1px solid var(--calendar-border, #e5e7eb);background-color:var(--day-header-bg, #ffffff);box-sizing:border-box}.weekly-calendar-grid .hour-cell span{color:var(--day-header-color, #6b7280);font-size:.75rem;font-weight:500;line-height:1}.weekly-calendar-grid .day-hour-cell,.weekly-calendar-grid .half-hour-cell{flex:1;height:3.4rem;display:flex;align-items:flex-start;justify-content:flex-start;border-right:1px solid var(--calendar-border, #e5e7eb);border-bottom:1px solid var(--calendar-border, #e5e7eb);background-color:var(--calendar-cells-bg, white);box-sizing:border-box;padding:2px 4px;position:relative}.weekly-calendar-grid .day-hour-cell:hover,.weekly-calendar-grid .half-hour-cell:hover{background-color:var(--calendar-cells-hover-bg, #f9fafb)}.weekly-calendar-grid .day-hour-cell:last-child,.weekly-calendar-grid .half-hour-cell:last-child{border-right:none}.weekly-calendar-grid .half-hour-cell{border-bottom:1px dashed var(--calendar-border-light, #f3f4f6)}.weekly-calendar-grid .cell-container{position:relative;width:100%;height:100%}.weekly-calendar-grid .calendar-event-pill{display:flex;flex-direction:column;position:relative;cursor:pointer;min-height:1.5rem;box-sizing:border-box;background:color-mix(in srgb, var(--event-color, #8b5cf6) 15%, white);border-radius:5px;padding:4px 8px 4px 12px;overflow:hidden}@supports not (background: color-mix(in srgb, red 15%, white)){.weekly-calendar-grid .calendar-event-pill{background:rgba(139,92,246,.15)}}.weekly-calendar-grid .calendar-event-pill::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--event-color, #8b5cf6);border-radius:5px 0 0 5px}.weekly-calendar-grid .calendar-event-pill .event-content{display:flex;flex-direction:column;gap:2px;min-height:0;width:100%;overflow:hidden}.weekly-calendar-grid .calendar-event-pill .event-title{font-weight:600;font-size:11px;line-height:1.2;color:var(--event-color, #8b5cf6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.weekly-calendar-grid .calendar-event-pill .event-time{font-size:10px;line-height:1.1;color:color-mix(in srgb, var(--event-color, #8b5cf6) 70%, black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}@supports not (color: color-mix(in srgb, red 70%, black)){.weekly-calendar-grid .calendar-event-pill .event-time{color:rgba(139,92,246,.7)}}.weekly-calendar-grid .calendar-event-pill[style*="height: 1."]{padding:2px 6px 2px 10px}.weekly-calendar-grid .calendar-event-pill[style*="height: 1."] .event-time{display:none}.weekly-calendar-grid .calendar-event-pill[style*="height: 1."] .event-title{font-size:10px;line-height:1.1}.weekly-calendar-grid .calendar-event-pill[style*="height: 2."] .event-content,.weekly-calendar-grid .calendar-event-pill[style*="height: 3."] .event-content{justify-content:center}.weekly-calendar-grid .calendar-event-pill[style*="height: 4."],.weekly-calendar-grid .calendar-event-pill[style*="height: 5."],.weekly-calendar-grid .calendar-event-pill[style*="height: 6."],.weekly-calendar-grid .calendar-event-pill[style*="height: 7."],.weekly-calendar-grid .calendar-event-pill[style*="height: 8."],.weekly-calendar-grid .calendar-event-pill[style*="height: 9."],.weekly-calendar-grid .calendar-event-pill[style*="height: 1"]:not([style*="height: 1."]){padding:4px 8px 4px 12px}.weekly-calendar-grid .calendar-event-pill[style*="height: 4."] .event-title,.weekly-calendar-grid .calendar-event-pill[style*="height: 5."] .event-title,.weekly-calendar-grid .calendar-event-pill[style*="height: 6."] .event-title,.weekly-calendar-grid .calendar-event-pill[style*="height: 7."] .event-title,.weekly-calendar-grid .calendar-event-pill[style*="height: 8."] .event-title,.weekly-calendar-grid .calendar-event-pill[style*="height: 9."] .event-title,.weekly-calendar-grid .calendar-event-pill[style*="height: 1"]:not([style*="height: 1."]) .event-title{font-size:12px;font-weight:700}.weekly-calendar-grid .calendar-event-pill[style*="height: 4."] .event-time,.weekly-calendar-grid .calendar-event-pill[style*="height: 5."] .event-time,.weekly-calendar-grid .calendar-event-pill[style*="height: 6."] .event-time,.weekly-calendar-grid .calendar-event-pill[style*="height: 7."] .event-time,.weekly-calendar-grid .calendar-event-pill[style*="height: 8."] .event-time,.weekly-calendar-grid .calendar-event-pill[style*="height: 9."] .event-time,.weekly-calendar-grid .calendar-event-pill[style*="height: 1"]:not([style*="height: 1."]) .event-time{font-size:11px}.weekly-calendar-grid .calendar-event-pill:hover{transform:scale(1.02);box-shadow:0 2px 8px color-mix(in srgb, var(--event-color, #8b5cf6) 25%, transparent);transition:all .2s ease}@supports not (box-shadow: 0 2px 8px color-mix(in srgb, red 25%, transparent)){.weekly-calendar-grid .calendar-event-pill:hover{box-shadow:0 2px 8px rgba(139,92,246,.25)}}.weekly-calendar-grid .calendar-event-pill:focus-visible{outline:2px solid var(--event-color, #8b5cf6);outline-offset:2px}.daily--calendar__grid{display:flex;flex-direction:row;width:100%;min-width:500px;color:var(--calendar-controls-color, #374151);border:1px solid var(--calendar-border, #e5e7eb);border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden;background:#fff}.daily--calendar__hour-column{flex:0 0 4rem;display:flex;flex-direction:column;background:var(--day-header-bg, #ffffff)}.daily--calendar__time-header{height:54px;border-right:1px solid var(--calendar-border, #e5e7eb);border-bottom:1px solid var(--calendar-border, #e5e7eb);background-color:var(--day-header-bg, #ffffff);box-sizing:border-box}.daily--calendar__hour-cell{height:3.4rem;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;border-right:1px solid var(--calendar-border, #e5e7eb);border-bottom:1px solid var(--calendar-border, #e5e7eb);background-color:var(--day-header-bg, #ffffff);box-sizing:border-box}.daily--calendar__hour-cell span{color:var(--day-header-color, #6b7280);font-size:.75rem;font-weight:500;line-height:1}.daily--calendar__day-column{flex:1;display:flex;flex-direction:column;background:#fff;min-height:0}.daily--calendar__day-hour-cell{height:3.4rem;border-bottom:1px solid var(--calendar-border, #e5e7eb);background-color:var(--calendar-cells-bg, white);box-sizing:border-box;padding:2px 4px;position:relative;display:flex;align-items:flex-start;justify-content:flex-start}.daily--calendar__day-hour-cell:hover{background-color:var(--calendar-cells-hover-bg, #f9fafb)}.daily--calendar__half-hour-cell{height:3.4rem;border-bottom:1px dashed var(--calendar-border-light, #f3f4f6);background-color:var(--calendar-cells-bg, white);box-sizing:border-box;padding:2px 4px;position:relative;display:flex;align-items:flex-start;justify-content:flex-start}.daily--calendar__half-hour-cell:hover{background-color:var(--calendar-cells-hover-bg, #f9fafb)}.daily--calendar .cell-container{position:relative;width:100%;height:100%}.daily--calendar .calendar-event-pill{display:flex;flex-direction:column;position:relative;cursor:pointer;min-height:1.5rem;box-sizing:border-box;background:rgba(139,92,246,.12);border-radius:4px;padding:8px 10px 8px 14px;overflow:hidden}.daily--calendar .calendar-event-pill::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--event-color, #8b5cf6);border-radius:4px 0 0 4px}.daily--calendar .calendar-event-pill .event-content{display:flex;flex-direction:column;gap:2px;width:100%;min-height:0}.daily--calendar .calendar-event-pill .event-title{font-weight:600;font-size:12px;line-height:1.3;color:var(--event-color, #8b5cf6);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily--calendar .calendar-event-pill .event-time{font-weight:500;font-size:10px;line-height:1.2;color:rgba(139,92,246,.75);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily--calendar .calendar-event-pill[style*="height: 1."]{padding:4px 8px 4px 12px}.daily--calendar .calendar-event-pill[style*="height: 1."] .event-time{display:none}.daily--calendar .calendar-event-pill[style*="height: 1."] .event-title{font-size:10px;line-height:1.2}.daily--calendar .calendar-event-pill[style*="height: 2."],.daily--calendar .calendar-event-pill[style*="height: 3."]{padding:6px 10px 6px 14px}.daily--calendar .calendar-event-pill[style*="height: 4."],.daily--calendar .calendar-event-pill[style*="height: 5."],.daily--calendar .calendar-event-pill[style*="height: 6."],.daily--calendar .calendar-event-pill[style*="height: 7."],.daily--calendar .calendar-event-pill[style*="height: 8."],.daily--calendar .calendar-event-pill[style*="height: 9."],.daily--calendar .calendar-event-pill[style*="height: 1"]:not([style*="height: 1."]){padding:8px 12px 8px 16px}.daily--calendar .calendar-event-pill[style*="height: 4."] .event-title,.daily--calendar .calendar-event-pill[style*="height: 5."] .event-title,.daily--calendar .calendar-event-pill[style*="height: 6."] .event-title,.daily--calendar .calendar-event-pill[style*="height: 7."] .event-title,.daily--calendar .calendar-event-pill[style*="height: 8."] .event-title,.daily--calendar .calendar-event-pill[style*="height: 9."] .event-title,.daily--calendar .calendar-event-pill[style*="height: 1"]:not([style*="height: 1."]) .event-title{font-size:13px;font-weight:700;line-height:1.3}.daily--calendar .calendar-event-pill[style*="height: 4."] .event-time,.daily--calendar .calendar-event-pill[style*="height: 5."] .event-time,.daily--calendar .calendar-event-pill[style*="height: 6."] .event-time,.daily--calendar .calendar-event-pill[style*="height: 7."] .event-time,.daily--calendar .calendar-event-pill[style*="height: 8."] .event-time,.daily--calendar .calendar-event-pill[style*="height: 9."] .event-time,.daily--calendar .calendar-event-pill[style*="height: 1"]:not([style*="height: 1."]) .event-time{font-size:11px;line-height:1.2}.daily--calendar .calendar-event-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.2);transition:all .15s ease-out}.daily--calendar .calendar-event-pill:hover::before{width:4px}.daily--calendar .calendar-event-pill:focus-visible{outline:2px solid var(--event-color, #8b5cf6);outline-offset:2px}.calendar--public{display:grid;grid-template-columns:1fr 1fr 20%;min-height:700px;border-radius:12px;border:1px solid var(--calendar-border, #e5e7eb);background-color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.1);overflow:hidden}.calendar--public--first-column{display:flex;flex-direction:row;max-height:600px}.calendar--public--second-column{border-right:1px solid var(--calendar-border, #e5e7eb);border-left:1px solid var(--calendar-border, #e5e7eb);flex:0 0 70%;width:auto;height:86.2%;display:flex;justify-content:start;padding:3rem;flex-direction:column;overflow:hidden}.calendar--public--second-column h3{align-self:start;font-size:1.25rem;font-weight:700;color:var(--heading-color, #111827);margin-bottom:1rem}.calendar--public--second-column .calendar-grid{grid-template-rows:auto repeat(auto-fill, 3.8rem)}.calendar--public--two-columns{display:grid;grid-template-columns:1fr 1fr;min-height:700px;border-radius:12px;border:1px solid var(--calendar-border, #e5e7eb);background-color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.1);overflow:hidden}.calendar--public--two-columns--fourth-column{border-left:1px solid var(--calendar-border, #e5e7eb);flex:0 0 70%;width:auto;height:86.2%;display:flex;justify-content:start;padding:3rem;padding-left:100px;flex-direction:column;overflow:hidden}.calendar--public--two-columns--fourth-column__button{color:var(--heading-color, #111827);font-size:1.25rem;font-weight:700;padding-left:0;align-self:start;background:none;border:none;cursor:pointer;margin-bottom:1rem}.calendar--public--two-columns--fourth-column__button:hover{color:var(--button-hover-color, #6b7280)}.calendar--public--two-columns--fourth-column h3{align-self:start;font-size:1.25rem;font-weight:700;color:var(--heading-color, #111827);margin-bottom:1rem}.calendar--public--two-columns--fourth-column .calendar-grid{grid-template-rows:auto repeat(auto-fill, 3.8rem)}',""]);const l=i},961:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(601),o=n.n(r),a=n(314),i=n.n(a)()(o());i.push([e.id,"*, ::before, ::after {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(59 130 246 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  ;\n    --tw-contain-size:  ;\n    --tw-contain-layout:  ;\n    --tw-contain-paint:  ;\n    --tw-contain-style:  \n}\n::backdrop {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(59 130 246 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  ;\n    --tw-contain-size:  ;\n    --tw-contain-layout:  ;\n    --tw-contain-paint:  ;\n    --tw-contain-style:  \n}\n.cal-absolute {\n    position: absolute\n}\n.cal-relative {\n    position: relative\n}\n.cal-bottom-1 {\n    bottom: 0.25rem\n}\n.cal-col-span-1 {\n    grid-column: span 1 / span 1\n}\n.cal-col-span-10 {\n    grid-column: span 10 / span 10\n}\n.cal-col-span-11 {\n    grid-column: span 11 / span 11\n}\n.cal-col-span-12 {\n    grid-column: span 12 / span 12\n}\n.cal-col-span-2 {\n    grid-column: span 2 / span 2\n}\n.cal-col-span-3 {\n    grid-column: span 3 / span 3\n}\n.cal-col-span-4 {\n    grid-column: span 4 / span 4\n}\n.cal-col-span-5 {\n    grid-column: span 5 / span 5\n}\n.cal-col-span-6 {\n    grid-column: span 6 / span 6\n}\n.cal-col-span-7 {\n    grid-column: span 7 / span 7\n}\n.cal-col-span-8 {\n    grid-column: span 8 / span 8\n}\n.cal-col-span-9 {\n    grid-column: span 9 / span 9\n}\n.cal-mx-1 {\n    margin-left: 0.25rem;\n    margin-right: 0.25rem\n}\n.cal-mx-2 {\n    margin-left: 0.5rem;\n    margin-right: 0.5rem\n}\n.cal-mx-24 {\n    margin-left: 6rem;\n    margin-right: 6rem\n}\n.cal-mx-auto {\n    margin-left: auto;\n    margin-right: auto\n}\n.cal-my-10 {\n    margin-top: 2.5rem;\n    margin-bottom: 2.5rem\n}\n.cal-my-6 {\n    margin-top: 1.5rem;\n    margin-bottom: 1.5rem\n}\n.cal--mr-6 {\n    margin-right: -1.5rem\n}\n.cal-mb-1 {\n    margin-bottom: 0.25rem\n}\n.cal-mb-2 {\n    margin-bottom: 0.5rem\n}\n.cal-mb-4 {\n    margin-bottom: 1rem\n}\n.cal-mb-6 {\n    margin-bottom: 1.5rem\n}\n.cal-mb-8 {\n    margin-bottom: 2rem\n}\n.cal-ml-1 {\n    margin-left: 0.25rem\n}\n.cal-mt-1 {\n    margin-top: 0.25rem\n}\n.cal-mt-2 {\n    margin-top: 0.5rem\n}\n.cal-mt-auto {\n    margin-top: auto\n}\n.cal-block {\n    display: block\n}\n.cal-flex {\n    display: flex\n}\n.cal-grid {\n    display: grid\n}\n.cal-aspect-square {\n    aspect-ratio: 1 / 1\n}\n.cal-h-1 {\n    height: 0.25rem\n}\n.cal-h-10 {\n    height: 2.5rem\n}\n.cal-h-16 {\n    height: 4rem\n}\n.cal-h-8 {\n    height: 2rem\n}\n.cal-h-full {\n    height: 100%\n}\n.cal-h-px {\n    height: 1px\n}\n.cal-max-h-\\[530px\\] {\n    max-height: 530px\n}\n.cal-min-h-\\[400px\\] {\n    min-height: 400px\n}\n.cal-min-h-\\[612px\\] {\n    min-height: 612px\n}\n.cal-min-h-\\[630px\\] {\n    min-height: 630px\n}\n.cal-min-h-\\[660px\\] {\n    min-height: 660px\n}\n.cal-min-h-screen {\n    min-height: 100vh\n}\n.cal-w-1 {\n    width: 0.25rem\n}\n.cal-w-1\\/5 {\n    width: 20%\n}\n.cal-w-10 {\n    width: 2.5rem\n}\n.cal-w-16 {\n    width: 4rem\n}\n.cal-w-2\\/5 {\n    width: 40%\n}\n.cal-w-8 {\n    width: 2rem\n}\n.cal-w-full {\n    width: 100%\n}\n.cal-max-w-7xl {\n    max-width: 80rem\n}\n.cal-flex-1 {\n    flex: 1 1 0%\n}\n.cal-cursor-not-allowed {\n    cursor: not-allowed\n}\n.cal-cursor-pointer {\n    cursor: pointer\n}\n.cal-resize-none {\n    resize: none\n}\n.cal-grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr))\n}\n.cal-grid-cols-12 {\n    grid-template-columns: repeat(12, minmax(0, 1fr))\n}\n.cal-grid-cols-7 {\n    grid-template-columns: repeat(7, minmax(0, 1fr))\n}\n.cal-flex-row {\n    flex-direction: row\n}\n.cal-flex-col {\n    flex-direction: column\n}\n.cal-items-center {\n    align-items: center\n}\n.cal-justify-center {\n    justify-content: center\n}\n.cal-justify-between {\n    justify-content: space-between\n}\n.cal-gap-0 {\n    gap: 0px\n}\n.cal-gap-1 {\n    gap: 0.25rem\n}\n.cal-gap-2 {\n    gap: 0.5rem\n}\n.cal-gap-4 {\n    gap: 1rem\n}\n.cal-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))\n}\n.cal-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))\n}\n.cal-overflow-hidden {\n    overflow: hidden\n}\n.cal-overflow-y-auto {\n    overflow-y: auto\n}\n.cal-rounded-3xl {\n    border-radius: 1.5rem\n}\n.cal-rounded-full {\n    border-radius: 9999px\n}\n.cal-rounded-lg {\n    border-radius: 0.5rem\n}\n.cal-rounded-xl {\n    border-radius: 0.75rem\n}\n.cal-border {\n    border-width: 1px\n}\n.cal-border-2 {\n    border-width: 2px\n}\n.cal-border-b-0 {\n    border-bottom-width: 0px\n}\n.cal-border-l-0 {\n    border-left-width: 0px\n}\n.cal-border-r-0 {\n    border-right-width: 0px\n}\n.cal-border-t-0 {\n    border-top-width: 0px\n}\n.cal-border-solid {\n    border-style: solid\n}\n.cal-border-black {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1))\n}\n.cal-border-blue-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1))\n}\n.cal-border-purple-600 {\n    --tw-border-opacity: 1;\n    border-color: rgb(147 51 234 / var(--tw-border-opacity, 1))\n}\n.cal-border-red-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1))\n}\n.cal-border-white\\/30 {\n    border-color: rgb(255 255 255 / 0.3)\n}\n.cal-border-white\\/50 {\n    border-color: rgb(255 255 255 / 0.5)\n}\n.cal-border-white\\/60 {\n    border-color: rgb(255 255 255 / 0.6)\n}\n.cal-border-white\\/80 {\n    border-color: rgb(255 255 255 / 0.8)\n}\n.cal-bg-\\[\\#152226\\]\\/20 {\n    background-color: rgb(21 34 38 / 0.2)\n}\n.cal-bg-blue-600 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))\n}\n.cal-bg-gray-50 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))\n}\n.cal-bg-gray-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1))\n}\n.cal-bg-gray-800 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))\n}\n.cal-bg-gray-900 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))\n}\n.cal-bg-green-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1))\n}\n.cal-bg-purple-600 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1))\n}\n.cal-bg-transparent {\n    background-color: transparent\n}\n.cal-bg-white {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))\n}\n.cal-bg-white\\/10 {\n    background-color: rgb(255 255 255 / 0.1)\n}\n.cal-bg-white\\/30 {\n    background-color: rgb(255 255 255 / 0.3)\n}\n.cal-bg-white\\/40 {\n    background-color: rgb(255 255 255 / 0.4)\n}\n.cal-bg-white\\/5 {\n    background-color: rgb(255 255 255 / 0.05)\n}\n.cal-bg-white\\/60 {\n    background-color: rgb(255 255 255 / 0.6)\n}\n.cal-bg-white\\/80 {\n    background-color: rgb(255 255 255 / 0.8)\n}\n.cal-bg-gradient-to-br {\n    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))\n}\n.cal-from-blue-50 {\n    --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);\n    --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);\n    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.cal-from-purple-50 {\n    --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);\n    --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);\n    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.cal-via-white {\n    --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);\n    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)\n}\n.cal-to-pink-50 {\n    --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position)\n}\n.cal-to-purple-50 {\n    --tw-gradient-to: #faf5ff var(--tw-gradient-to-position)\n}\n.cal-object-cover {\n    -o-object-fit: cover;\n       object-fit: cover\n}\n.cal-p-2 {\n    padding: 0.5rem\n}\n.cal-p-3 {\n    padding: 0.75rem\n}\n.cal-p-4 {\n    padding: 1rem\n}\n.cal-p-6 {\n    padding: 1.5rem\n}\n.cal-p-8 {\n    padding: 2rem\n}\n.cal-px-2 {\n    padding-left: 0.5rem;\n    padding-right: 0.5rem\n}\n.cal-px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem\n}\n.cal-py-12 {\n    padding-top: 3rem;\n    padding-bottom: 3rem\n}\n.cal-py-2 {\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem\n}\n.cal-py-3 {\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem\n}\n.cal-py-4 {\n    padding-top: 1rem;\n    padding-bottom: 1rem\n}\n.cal-pb-2 {\n    padding-bottom: 0.5rem\n}\n.cal-pr-2 {\n    padding-right: 0.5rem\n}\n.cal-pr-6 {\n    padding-right: 1.5rem\n}\n.cal-text-center {\n    text-align: center\n}\n.cal-text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem\n}\n.cal-text-lg {\n    font-size: 1.125rem;\n    line-height: 1.75rem\n}\n.cal-text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem\n}\n.cal-text-xl {\n    font-size: 1.25rem;\n    line-height: 1.75rem\n}\n.cal-text-xs {\n    font-size: 0.75rem;\n    line-height: 1rem\n}\n.cal-font-bold {\n    font-weight: 700\n}\n.cal-font-medium {\n    font-weight: 500\n}\n.cal-font-semibold {\n    font-weight: 600\n}\n.cal-uppercase {\n    text-transform: uppercase\n}\n.cal-leading-relaxed {\n    line-height: 1.625\n}\n.cal-leading-tight {\n    line-height: 1.25\n}\n.cal-text-gray-500 {\n    --tw-text-opacity: 1;\n    color: rgb(107 114 128 / var(--tw-text-opacity, 1))\n}\n.cal-text-gray-600 {\n    --tw-text-opacity: 1;\n    color: rgb(75 85 99 / var(--tw-text-opacity, 1))\n}\n.cal-text-gray-700 {\n    --tw-text-opacity: 1;\n    color: rgb(55 65 81 / var(--tw-text-opacity, 1))\n}\n.cal-text-gray-800 {\n    --tw-text-opacity: 1;\n    color: rgb(31 41 55 / var(--tw-text-opacity, 1))\n}\n.cal-text-gray-900 {\n    --tw-text-opacity: 1;\n    color: rgb(17 24 39 / var(--tw-text-opacity, 1))\n}\n.cal-text-purple-600 {\n    --tw-text-opacity: 1;\n    color: rgb(147 51 234 / var(--tw-text-opacity, 1))\n}\n.cal-text-red-500 {\n    --tw-text-opacity: 1;\n    color: rgb(239 68 68 / var(--tw-text-opacity, 1))\n}\n.cal-text-white {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity, 1))\n}\n.cal-placeholder-gray-500::-moz-placeholder {\n    --tw-placeholder-opacity: 1;\n    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1))\n}\n.cal-placeholder-gray-500::placeholder {\n    --tw-placeholder-opacity: 1;\n    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1))\n}\n.cal-shadow-2xl {\n    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.cal-shadow-lg {\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.cal-shadow-xl {\n    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.cal-backdrop-blur-sm {\n    --tw-backdrop-blur: blur(4px);\n    -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);\n    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)\n}\n.cal-backdrop-blur-xl {\n    --tw-backdrop-blur: blur(24px);\n    -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);\n    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)\n}\n.cal-transition-all {\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms\n}\n.cal-duration-300 {\n    transition-duration: 300ms\n}\n.cal-ease-in-out {\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.hover\\:cal-border:hover {\n    border-width: 1px\n}\n.hover\\:cal-border-gray-300:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))\n}\n.hover\\:cal-border-white\\/50:hover {\n    border-color: rgb(255 255 255 / 0.5)\n}\n.hover\\:cal-bg-blue-700:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1))\n}\n.hover\\:cal-bg-gray-900:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))\n}\n.hover\\:cal-bg-green-600:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1))\n}\n.hover\\:cal-bg-white\\/60:hover {\n    background-color: rgb(255 255 255 / 0.6)\n}\n.hover\\:cal-bg-white\\/80:hover {\n    background-color: rgb(255 255 255 / 0.8)\n}\n.hover\\:cal-text-gray-900:hover {\n    --tw-text-opacity: 1;\n    color: rgb(17 24 39 / var(--tw-text-opacity, 1))\n}\n.hover\\:cal-text-purple-700:hover {\n    --tw-text-opacity: 1;\n    color: rgb(126 34 206 / var(--tw-text-opacity, 1))\n}\n.hover\\:cal-shadow-lg:hover {\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.focus\\:cal-border-transparent:focus {\n    border-color: transparent\n}\n.focus\\:cal-outline-none:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px\n}\n.focus\\:cal-ring-2:focus {\n    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.focus\\:cal-ring-purple-400:focus {\n    --tw-ring-opacity: 1;\n    --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1))\n}\n.focus\\:cal-ring-red-400:focus {\n    --tw-ring-opacity: 1;\n    --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))\n}\n@media (min-width: 640px) {\n    .sm\\:cal-grid-cols-12 {\n        grid-template-columns: repeat(12, minmax(0, 1fr))\n    }\n}\n@media (min-width: 768px) {\n    .md\\:cal-grid-cols-12 {\n        grid-template-columns: repeat(12, minmax(0, 1fr))\n    }\n}\n@media (min-width: 1024px) {\n    .lg\\:cal-col-span-1 {\n        grid-column: span 1 / span 1\n    }\n    .lg\\:cal-grid-cols-1 {\n        grid-template-columns: repeat(1, minmax(0, 1fr))\n    }\n    .lg\\:cal-grid-cols-12 {\n        grid-template-columns: repeat(12, minmax(0, 1fr))\n    }\n    .lg\\:cal-grid-cols-3 {\n        grid-template-columns: repeat(3, minmax(0, 1fr))\n    }\n    .lg\\:cal-p-12 {\n        padding: 3rem\n    }\n}\n",""]);const l=i},314:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var l=0;l<this.length;l++){var c=this[l][0];null!=c&&(i[c]=!0)}for(var s=0;s<e.length;s++){var u=[].concat(e[s]);r&&i[u[0]]||(void 0!==a&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {