/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/.pnpm/next@14.2.35_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/.pnpm/next@14.2.35_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/styles/App.css ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
body {
font-family: 'DM Sans', sans-serif;
}
option {
color: black;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/.pnpm/next@14.2.35_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/.pnpm/next@14.2.35_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/.pnpm/react-phone-number-input@3.4.14_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-phone-number-input/style.css ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* CSS variables. */
:root {
--PhoneInput-color--focus: #03b2cb;
--PhoneInputInternationalIconPhone-opacity: 0.8;
--PhoneInputInternationalIconGlobe-opacity: 0.65;
--PhoneInputCountrySelect-marginRight: 0.35em;
--PhoneInputCountrySelectArrow-width: 0.3em;
--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
--PhoneInputCountrySelectArrow-borderWidth: 1px;
--PhoneInputCountrySelectArrow-opacity: 0.45;
--PhoneInputCountrySelectArrow-color: currentColor;
--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
--PhoneInputCountrySelectArrow-transform: rotate(45deg);
--PhoneInputCountryFlag-aspectRatio: 1.5;
--PhoneInputCountryFlag-height: 1em;
--PhoneInputCountryFlag-borderWidth: 1px;
--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}
.PhoneInput {
/* This is done to stretch the contents of this component. */
display: flex;
align-items: center;
}
.PhoneInputInput {
/* The phone number input stretches to fill all empty space */
flex: 1 1;
/* The phone number input should shrink
to make room for the extension input */
min-width: 0;
}
.PhoneInputCountryIcon {
width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
height: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--square {
width: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--border {
/* Removed `background-color` because when an `![]()
` was still loading
it would show a dark gray rectangle. */
/* For some reason the `![]()
` is not stretched to 100% width and height
and sometime there can be seen white pixels of the background at top and bottom. */
background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
/* For some reason the `![]()
` is not stretched to 100% width and height
and sometime there can be seen white pixels of the background at top and bottom,
so an additional "inset" border is added. */
box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}
.PhoneInputCountryIconImg {
/* Fixes weird vertical space above the flag icon. */
/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
display: block;
/* 3rd party flag icons won't stretch if they have `width` and `height`.
Also, if an icon's aspect ratio was different, it wouldn't fit too. */
width: 100%;
height: 100%;
}
.PhoneInputInternationalIconPhone {
opacity: var(--PhoneInputInternationalIconPhone-opacity);
}
.PhoneInputInternationalIconGlobe {
opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}
/* Styling native country ``. */
.PhoneInputCountry {
position: relative;
align-self: stretch;
display: flex;
align-items: center;
margin-right: var(--PhoneInputCountrySelect-marginRight);
}
.PhoneInputCountrySelect {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
border: 0;
opacity: 0;
cursor: pointer;
}
.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
cursor: default;
}
.PhoneInputCountrySelectArrow {
display: block;
content: '';
width: var(--PhoneInputCountrySelectArrow-width);
height: var(--PhoneInputCountrySelectArrow-width);
margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
border-style: solid;
border-color: var(--PhoneInputCountrySelectArrow-color);
border-top-width: 0;
border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
border-left-width: 0;
border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
transform: var(--PhoneInputCountrySelectArrow-transform);
opacity: var(--PhoneInputCountrySelectArrow-opacity);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
opacity: 1;
color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
opacity: 1;
color: var(--PhoneInputCountrySelectArrow-color--focus);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/.pnpm/next@14.2.35_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/.pnpm/next@14.2.35_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/styles/Contact.css ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
form {
width: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/.pnpm/next@14.2.35_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/.pnpm/next@14.2.35_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/styles/Plugins.css ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* React Kanban */
body.chakra-ui-light .react-kanban-column {
background-color: #fff; /* Gray/Gray-100 */
box-shadow: 14px 17px 40px 4px rgba(112, 144, 176, 0.08);
border-radius: 30px;
}
body.chakra-ui-dark .react-kanban-column {
background-color: #111c44; /* Gray/Gray-100 */
border-radius: 30px;
}
.react-kanban-column {
width: 500px;
}
.react-kanban-card-adder-form {
width: 100%;
border-radius: 15px;
}
.react-kanban-card-adder-button {
display: none;
border-radius: 15px;
}
/* Full Calendar */
a.fc-daygrid-day-number {
width: 100%;
text-align: center;
}
a.fc-daygrid-day-number {
width: 100%;
text-align: center;
}
a.fc-daygrid-day-number {
width: 100%;
text-align: center;
}
div.fc-daygrid-event-harness {
top: unset;
}
.fc-daygrid-event-harness .fc-daygrid-event-harness-abs {
top: 0px;
bottom: unset;
}
.fc-daygrid-block-event .fc-event-title {
font-weight: 500;
}
.fc-daygrid-event {
border-radius: 10px !important;
height: 44px;
display: flex !important;
overflow: hidden;
justify-content: center;
align-items: center;
}
.fc-daygrid-event .fc-event-main {
margin-top: auto;
margin-bottom: auto;
}
body.chakra-ui-dark .fc-theme-standard td {
border-color: #ffffff1a !important;
}
.fc .fc-scrollgrid-section-header > *,
.fc .fc-scrollgrid-section-footer > * {
border-right: 0px !important;
}
.fc-theme-standard .fc-scrollgrid {
border: 1px solid #e0e5f2 !important;
border-radius: 10px;
}
body.chakra-ui-dark .fc-theme-standard .fc-scrollgrid {
border-color: #ffffff1a !important;
}
body.chakra-ui-light .fc-col-header-cell.fc-day.fc-day-mon {
border-right: 0px;
border-left: 0px;
}
body.chakra-ui-dark .fc-col-header-cell.fc-day.fc-day-mon {
border-right: 0px;
border-left: 0px;
border-color: #ffffff1a;
}
body.chakra-ui-light .fc-col-header-cell.fc-day.fc-day-tue {
border-left: 0px;
border-right: 0px;
}
body.chakra-ui-dark .fc-col-header-cell.fc-day.fc-day-tue {
border-left: 0px;
border-right: 0px;
border-color: #ffffff1a;
}
body.chakra-ui-light .fc-col-header-cell.fc-day.fc-day-wed {
border-right: 0px;
border-left: 0px;
}
body.chakra-ui-dark .fc-col-header-cell.fc-day.fc-day-wed {
border-right: 0px;
border-left: 0px;
border-color: #ffffff1a;
}
body.chakra-ui-light .fc-col-header-cell.fc-day.fc-day-thu {
border-left: 0px;
border-right: 0px;
}
body.chakra-ui-dark .fc-col-header-cell.fc-day.fc-day-thu {
border-left: 0px;
border-right: 0px;
border-color: #ffffff1a;
}
body.chakra-ui-light .fc-col-header-cell.fc-day.fc-day-fri {
border-right: 0px;
border-left: 0px;
}
body.chakra-ui-dark .fc-col-header-cell.fc-day.fc-day-fri {
border-right: 0px;
border-left: 0px;
border-color: #ffffff1a;
}
body.chakra-ui-light .fc-col-header-cell.fc-day.fc-day-sat {
border-left: 0px;
border-right: 0px;
}
body.chakra-ui-dark .fc-col-header-cell.fc-day.fc-day-sat {
border-left: 0px;
border-right: 0px;
border-color: #ffffff1a;
}
body.chakra-ui-light .fc-col-header-cell.fc-day.fc-day-sun {
border-left: 0px;
border-right: 0px;
}
body.chakra-ui-dark .fc-col-header-cell.fc-day.fc-day-sun {
border-left: 0px;
border-right: 0px;
border-color: #ffffff1a;
}
body.chakra-ui-light .fc-scrollgrid.fc-scrollgrid-liquid > td {
border: 0px;
}
body.chakra-ui-dark .fc-scrollgrid.fc-scrollgrid-liquid > td {
border: 0px;
border-color: #ffffff1a;
}
.fc .fc-scrollgrid-section > td {
border: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/.pnpm/next@14.2.35_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/.pnpm/next@14.2.35_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/styles/MiniCalendar.css ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* LIGHT MODE + GENERAL */
.react-calendar {
border: none !important;
background-color: transparent !important;
font-family: 'DM Sans', sans-serif;
}
.react-calendar__navigation__prev2-button {
display: none;
}
.react-calendar__navigation__next2-button {
display: none;
}
.react-calendar__navigation {
align-items: center;
}
abbr[title] {
border-bottom: none;
text-decoration: unset;
text-decoration: unset !important;
}
.react-calendar__navigation__prev-button {
background-color: #4318ff !important;
border-radius: 10px;
min-width: 34px !important;
height: 34px !important;
color: white;
}
.react-calendar__navigation__next-button {
background-color: #4318ff !important;
border-radius: 10px;
min-width: 34px !important;
width: 34px !important;
height: 34px !important;
color: white;
}
.react-calendar__navigation__label {
font-weight: 700 !important;
font-size: 18px;
}
.react-calendar__navigation__label:hover,
.react-calendar__navigation__label:focus {
background-color: unset !important;
border-radius: 10px;
}
.react-calendar__tile {
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
padding: 0px !important;
height: 34px !important;
color: #1b2559;
}
.react-calendar__month-view__weekdays {
background-color: #f4f7fe;
border-radius: 10px;
margin-bottom: 6px;
}
.react-calendar__tile--now,
.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
background-color: #f4f7fe;
border-radius: 10px;
}
.react-calendar__month-view__days__day--neighboringMonth {
color: #b0bbd5;
}
.react-calendar__tile--active,
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
background: #4318ff;
border-radius: 10px;
color: white;
}
.react-calendar__tile--range,
.react-calendar__tile--range:enabled:hover,
.react-calendar__tile--range:enabled:focus {
background: #f4f7fe;
color: #4318ff;
border-radius: 0px;
}
.react-calendar__tile--rangeStart,
.react-calendar__tile--rangeStart:enabled:hover,
.react-calendar__tile--rangeStart:enabled:focus {
background: #4318ff;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
color: white;
}
.react-calendar__tile--rangeEnd,
.react-calendar__tile--rangeEnd:enabled:hover,
.react-calendar__tile--rangeEnd:enabled:focus {
background: #4318ff;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
color: white;
}
/* DARK MODE */
body.chakra-ui-dark .react-calendar {
border-radius: 30px;
}
body.chakra-ui-dark .react-calendar__navigation__prev-button {
background-color: #7551ff !important;
}
body.chakra-ui-dark .react-calendar__navigation__next-button {
background-color: #7551ff !important;
color: white;
}
body.chakra-ui-dark .react-calendar__tile {
color: white;
}
body.chakra-ui-dark .react-calendar__tile:enabled:hover,
body.chakra-ui-dark .react-calendar__tile:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
body.chakra-ui-dark .react-calendar__month-view__weekdays {
background-color: rgba(255, 255, 255, 0.1);
}
body.chakra-ui-dark .react-calendar__tile--now,
body.chakra-ui-dark .react-calendar__tile--now:enabled:hover,
body.chakra-ui-dark .react-calendar__tile--now:enabled:focus {
background-color: rgba(255, 255, 255, 0.1);
}
body.chakra-ui-dark .react-calendar__month-view__days__day--neighboringMonth {
color: #b0bbd5;
}
body.chakra-ui-dark .react-calendar__tile--active,
body.chakra-ui-dark .react-calendar__tile--active:enabled:hover,
body.chakra-ui-dark .react-calendar__tile--active:enabled:focus {
background: #7551ff;
color: white;
}
body.chakra-ui-dark .react-calendar__tile--range,
body.chakra-ui-dark .react-calendar__tile--range:enabled:hover,
body.chakra-ui-dark .react-calendar__tile--range:enabled:focus {
background: rgba(255, 255, 255, 0.1);
color: #7551ff;
}
body.chakra-ui-dark .react-calendar__tile--rangeStart,
body.chakra-ui-dark .react-calendar__tile--rangeStart:enabled:hover,
body.chakra-ui-dark .react-calendar__tile--rangeStart:enabled:focus {
background: #7551ff;
color: white;
}
body.chakra-ui-dark .react-calendar__tile--rangeEnd,
body.chakra-ui-dark .react-calendar__tile--rangeEnd:enabled:hover,
body.chakra-ui-dark .react-calendar__tile--rangeEnd:enabled:focus {
background: #7551ff;
color: white;
}