{"mappings":"ACGA,6DAMA,wHAQA,qDAOA,uDAMA,kEAKA,yBAGA,2CAKA,mCAGA,oDAGA,gDAIA,iDAIA,+GAQA,wDAKA,0qGAOA,qTAyBA,2CAIA,4CAIA,4CAIA,6CAIA,2CAIA,0CAIA,gCAcA,uIASA,kFAIA,yCAGA,6CAGA,6DASA,yPAgBA,0CAGA,gEAIA,oCAQA,6NAQA,+OAQA,sOAQA,8DAGA,wTASA,iJASA,8DAIA,iFAKA,4DAIA,8KAQA,sIAKA,sHAIA,yIAKA,oHAIA,8EAKA,sDAGA,mDAGA,gDAIA,qEAGA,sEAGA,6DAGA,oEAIA,oCAGA,2DAOA,yEAOA,4CAGA,kEAGA,qGAIA,0EAKA,oGAKA,uFAOA,sCAGA,qGAYA,iDAGA,oEAIA,8FAIA,yGASA,sHAOA,uEAIA,0EAGA,6DAIA,2BAGA,mDASA,+DAOA,qEAIA,kFAUA,4FAIA,iIAMA,yHAMA,sFAIA,8GAOA,iDAKA,4DAMA,qDAMA,uDAGA,oEAMA,qEASA,qFAGA,8ZAiBA,qFAYA,8DAOA,gGAeA,kLAkBA,oLAQA,4EAIA,8CAGA,0DAIA,4EAKA,kHAQA,4DAMA,qMAMA,wMAOA,2HAMA,yOAMA,2OAOA,yIAKA,mNAKA,qNAKA,8EAKA,wHAOA,mCAGA,iEAKA,0JAMA,2GChqBC,iRAWA,oMAWA,2DAGA,kGCzBA,0PAUA,8LASA,2DAIA,kGCTA,8FAMA,+bAkBA,2DAGA,6EAQA,2DCzCA,gKASA,wRAUA,4DAGA,sHC/BA,gKAQA,4GAKA,+MAQA,0MAQA,sIAMA,6DC/BA,gHAMA,iRAUA,4FAGA,4FAGA,4FAIA,+EAEA,4JCjBA,qJAQA,4EAGA,wHAOA,sIAQA,gKAQA,oIAKA,6LAKA,4JAIA,+GASA,6GAOA,6FAOA,kFAEA,8FASA,8FAQA,8FCnGA,yMAQA,yRAWA,gKAQA,2DAGA,uECrCA,qIAQA,4SAWA,2DAGA,0uBA6BA,mFCjDA,iPAQA,yDAIA,kLCDA,oHAOA,4HAKA,2MAUA,4DAIA,8DAIA,kFC3BA,qIAOA,yKAOA,2DAGA,kKCtBA,gJAQA,yNAOA,4DAIA,0EC9BA,uIAOA,+MAOA,2DAIA,gHClBA,qFAIA,6VAcA,4DAEA,qKCVA,oHAQA,yOASA,4DAIA,0HC5BA,8EAKA,6NAaA,iHAIA,iHAGA,2DAIA,6HAQA,6HC/BA,4DAIA,+NAUA,2DAGA,8GCjBA,wKAOA,+EAMA,6KAQA,4IAKA,oKAIA,2DAEA,wGAeA,wGC/CA,kHAOA,uMAQA,2DAGA,yFCvBA,gKAQA,mMAOA,2DAGA,6fCnBA,6DAIA,2OAQA,4DAGA,0FChBA,4PAYA,+NAaA,mOAWA,sIAOA,gvCA6FA,+QAsBA,qiBCrJA,+EAKA,+NAYA,4DAGA,kFCVA,uJASA,gEAEA,6IAOA,oEAKA,4IAOA,2DAIA,mFAKA,wFAIA,4FAMA,iGAKA,gIAcA,4IClFA,wPAUA,uJAOA,kJAQA,qJAQA,yIAOA,yFC7CA,0SAUA,2DAGA,oFClBG,uJCRJ,uCAQA,yNAQA,iDAIA,gHAIA,4DASA,gEAIA,iDAQA,mEAUA,0CAQA,sFAKA,wFAMA,sEAQA,gDAGA,yEAMA,4DAUA,kDACA,8CACA,+CAMA,+CAIA,gDAQA,6DAIA,sEAIA,qEAUA,gPAiBA,mEAIA,oHAIA,qHAIA,uEAIA,0EAIA,sDAGA,mIAQA,uDAGA,2FAKA,oEAMA,4GAOA,uFAIA,sEAKA,iRAWA,oEAGA","sources":["main.css","node_modules/@fullcalendar/common/main.css","node_modules/svelte-loading-spinners/ArrowUp.svelte","node_modules/svelte-loading-spinners/ArrowDown.svelte","node_modules/svelte-loading-spinners/Puff.svelte","node_modules/svelte-loading-spinners/Wave.svelte","node_modules/svelte-loading-spinners/Clock.svelte","node_modules/svelte-loading-spinners/Diamonds.svelte","node_modules/svelte-loading-spinners/Plane.svelte","node_modules/svelte-loading-spinners/Moon.svelte","node_modules/svelte-loading-spinners/Shadow.svelte","node_modules/svelte-loading-spinners/Square.svelte","node_modules/svelte-loading-spinners/Chasing.svelte","node_modules/svelte-loading-spinners/Jellyfish.svelte","node_modules/svelte-loading-spinners/Pulse.svelte","node_modules/svelte-loading-spinners/Firework.svelte","node_modules/svelte-loading-spinners/Rainbow.svelte","node_modules/svelte-loading-spinners/SyncLoader.svelte","node_modules/svelte-loading-spinners/RingLoader.svelte","node_modules/svelte-loading-spinners/Jumper.svelte","node_modules/svelte-loading-spinners/BarLoader.svelte","node_modules/svelte-loading-spinners/Stretch.svelte","node_modules/svelte-loading-spinners/SpinLine.svelte","node_modules/svelte-loading-spinners/ScaleOut.svelte","node_modules/svelte-loading-spinners/GoogleSpin.svelte","node_modules/svelte-loading-spinners/DoubleBounce.svelte","node_modules/svelte-loading-spinners/Circle3.svelte","node_modules/svelte-loading-spinners/Circle2.svelte","node_modules/svelte-loading-spinners/Circle.svelte","assets/js/components/Loader.svelte","node_modules/@fullcalendar/daygrid/main.css"],"sourcesContent":[".fc-not-allowed, .fc-not-allowed .fc-event {\n  cursor: not-allowed;\n}\n\n.fc-unselectable {\n  -webkit-user-select: none;\n  user-select: none;\n  -webkit-touch-callout: none;\n  -webkit-tap-highlight-color: #0000;\n}\n\n.fc {\n  flex-direction: column;\n  font-size: 1em;\n  display: flex;\n}\n\n.fc, .fc *, .fc :before, .fc :after {\n  box-sizing: border-box;\n}\n\n.fc table {\n  border-collapse: collapse;\n  border-spacing: 0;\n  font-size: 1em;\n}\n\n.fc th {\n  text-align: center;\n}\n\n.fc th, .fc td {\n  vertical-align: top;\n  padding: 0;\n}\n\n.fc a[data-navlink] {\n  cursor: pointer;\n}\n\n.fc a[data-navlink]:hover {\n  text-decoration: underline;\n}\n\n.fc-direction-ltr {\n  direction: ltr;\n  text-align: left;\n}\n\n.fc-direction-rtl {\n  direction: rtl;\n  text-align: right;\n}\n\n.fc-theme-standard td, .fc-theme-standard th {\n  border: 1px solid #ddd;\n  border: 1px solid var(--fc-border-color, #ddd);\n}\n\n.fc-liquid-hack td, .fc-liquid-hack th {\n  position: relative;\n}\n\n@font-face {\n  font-family: fcicons;\n  src: url(\"data:application/x-font-ttf;charset=utf-8;base64,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\") format(\"truetype\");\n  font-weight: normal;\n  font-style: normal;\n}\n\n.fc-icon {\n  width: 1em;\n  height: 1em;\n  text-align: center;\n  -webkit-user-select: none;\n  user-select: none;\n  speak: none;\n  font-variant: normal;\n  text-transform: none;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1;\n  display: inline-block;\n  font-family: fcicons !important;\n}\n\n.fc-icon-chevron-left:before {\n  content: \"\";\n}\n\n.fc-icon-chevron-right:before {\n  content: \"\";\n}\n\n.fc-icon-chevrons-left:before {\n  content: \"\";\n}\n\n.fc-icon-chevrons-right:before {\n  content: \"\";\n}\n\n.fc-icon-minus-square:before {\n  content: \"\";\n}\n\n.fc-icon-plus-square:before {\n  content: \"\";\n}\n\n.fc-icon-x:before {\n  content: \"\";\n}\n\n.fc .fc-button {\n  text-transform: none;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  border-radius: 0;\n  margin: 0;\n  overflow: visible;\n}\n\n.fc .fc-button:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n\n.fc .fc-button {\n  -webkit-appearance: button;\n}\n\n.fc .fc-button:not(:disabled) {\n  cursor: pointer;\n}\n\n.fc .fc-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n.fc .fc-button {\n  text-align: center;\n  vertical-align: middle;\n  -webkit-user-select: none;\n  user-select: none;\n  background-color: #0000;\n  border: 1px solid #0000;\n  border-radius: .25em;\n  padding: .4em .65em;\n  font-size: 1em;\n  font-weight: 400;\n  line-height: 1.5;\n  display: inline-block;\n}\n\n.fc .fc-button:hover {\n  text-decoration: none;\n}\n\n.fc .fc-button:focus {\n  outline: 0;\n  box-shadow: 0 0 0 .2rem #2c3e5040;\n}\n\n.fc .fc-button:disabled {\n  opacity: .65;\n}\n\n.fc .fc-button-primary {\n  color: #fff;\n  color: var(--fc-button-text-color, #fff);\n  background-color: #2c3e50;\n  background-color: var(--fc-button-bg-color, #2c3e50);\n  border-color: #2c3e50;\n  border-color: var(--fc-button-border-color, #2c3e50);\n}\n\n.fc .fc-button-primary:hover {\n  color: #fff;\n  color: var(--fc-button-text-color, #fff);\n  background-color: #1e2b37;\n  background-color: var(--fc-button-hover-bg-color, #1e2b37);\n  border-color: #1a252f;\n  border-color: var(--fc-button-hover-border-color, #1a252f);\n}\n\n.fc .fc-button-primary:disabled {\n  color: #fff;\n  color: var(--fc-button-text-color, #fff);\n  background-color: #2c3e50;\n  background-color: var(--fc-button-bg-color, #2c3e50);\n  border-color: #2c3e50;\n  border-color: var(--fc-button-border-color, #2c3e50);\n}\n\n.fc .fc-button-primary:focus {\n  box-shadow: 0 0 0 .2rem #4c5b6a80;\n}\n\n.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active {\n  color: #fff;\n  color: var(--fc-button-text-color, #fff);\n  background-color: #1a252f;\n  background-color: var(--fc-button-active-bg-color, #1a252f);\n  border-color: #151e27;\n  border-color: var(--fc-button-active-border-color, #151e27);\n}\n\n.fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus {\n  box-shadow: 0 0 0 .2rem #4c5b6a80;\n}\n\n.fc .fc-button .fc-icon {\n  vertical-align: middle;\n  font-size: 1.5em;\n}\n\n.fc .fc-button-group {\n  vertical-align: middle;\n  display: inline-flex;\n  position: relative;\n}\n\n.fc .fc-button-group > .fc-button {\n  flex: auto;\n  position: relative;\n}\n\n.fc .fc-button-group > .fc-button:hover, .fc .fc-button-group > .fc-button:focus, .fc .fc-button-group > .fc-button:active, .fc .fc-button-group > .fc-button.fc-button-active {\n  z-index: 1;\n}\n\n.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  margin-left: -1px;\n}\n\n.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  margin-right: -1px;\n}\n\n.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.fc .fc-toolbar {\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n\n.fc .fc-toolbar.fc-header-toolbar {\n  margin-bottom: 1.5em;\n}\n\n.fc .fc-toolbar.fc-footer-toolbar {\n  margin-top: 1.5em;\n}\n\n.fc .fc-toolbar-title {\n  margin: 0;\n  font-size: 1.75em;\n}\n\n.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {\n  margin-left: .75em;\n}\n\n.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {\n  margin-right: .75em;\n}\n\n.fc-direction-rtl .fc-toolbar-ltr {\n  flex-direction: row-reverse;\n}\n\n.fc .fc-scroller {\n  -webkit-overflow-scrolling: touch;\n  position: relative;\n}\n\n.fc .fc-scroller-liquid {\n  height: 100%;\n}\n\n.fc .fc-scroller-liquid-absolute {\n  position: absolute;\n  inset: 0;\n}\n\n.fc .fc-scroller-harness {\n  direction: ltr;\n  position: relative;\n  overflow: hidden;\n}\n\n.fc .fc-scroller-harness-liquid {\n  height: 100%;\n}\n\n.fc-direction-rtl .fc-scroller-harness > .fc-scroller {\n  direction: rtl;\n}\n\n.fc-theme-standard .fc-scrollgrid {\n  border: 1px solid #ddd;\n  border: 1px solid var(--fc-border-color, #ddd);\n}\n\n.fc .fc-scrollgrid, .fc .fc-scrollgrid table {\n  width: 100%;\n  table-layout: fixed;\n}\n\n.fc .fc-scrollgrid table {\n  border-top-style: hidden;\n  border-left-style: hidden;\n  border-right-style: hidden;\n}\n\n.fc .fc-scrollgrid {\n  border-collapse: separate;\n  border-bottom-width: 0;\n  border-right-width: 0;\n}\n\n.fc .fc-scrollgrid-liquid {\n  height: 100%;\n}\n\n.fc .fc-scrollgrid-section, .fc .fc-scrollgrid-section > td, .fc .fc-scrollgrid-section table {\n  height: 1px;\n}\n\n.fc .fc-scrollgrid-section-liquid > td {\n  height: 100%;\n}\n\n.fc .fc-scrollgrid-section > * {\n  border-top-width: 0;\n  border-left-width: 0;\n}\n\n.fc .fc-scrollgrid-section-header > *, .fc .fc-scrollgrid-section-footer > * {\n  border-bottom-width: 0;\n}\n\n.fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table {\n  border-bottom-style: hidden;\n}\n\n.fc .fc-scrollgrid-section-sticky > * {\n  background: #fff;\n  background: var(--fc-page-bg-color, #fff);\n  z-index: 3;\n  position: sticky;\n}\n\n.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {\n  top: 0;\n}\n\n.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {\n  bottom: 0;\n}\n\n.fc .fc-scrollgrid-sticky-shim {\n  height: 1px;\n  margin-bottom: -1px;\n}\n\n.fc-sticky {\n  position: sticky;\n}\n\n.fc .fc-view-harness {\n  flex-grow: 1;\n  position: relative;\n}\n\n.fc .fc-view-harness-active > .fc-view {\n  position: absolute;\n  inset: 0;\n}\n\n.fc .fc-col-header-cell-cushion {\n  padding: 2px 4px;\n  display: inline-block;\n}\n\n.fc .fc-bg-event, .fc .fc-non-business, .fc .fc-highlight {\n  position: absolute;\n  inset: 0;\n}\n\n.fc .fc-non-business {\n  background: #d7d7d74d;\n  background: var(--fc-non-business-color, #d7d7d74d);\n}\n\n.fc .fc-bg-event {\n  background: #8fdf82;\n  background: var(--fc-bg-event-color, #8fdf82);\n  opacity: .3;\n  opacity: var(--fc-bg-event-opacity, .3);\n}\n\n.fc .fc-bg-event .fc-event-title {\n  font-size: .85em;\n  font-size: var(--fc-small-font-size, .85em);\n  margin: .5em;\n  font-style: italic;\n}\n\n.fc .fc-highlight {\n  background: #bce8f14d;\n  background: var(--fc-highlight-color, #bce8f14d);\n}\n\n.fc .fc-cell-shaded, .fc .fc-day-disabled {\n  background: #d0d0d04d;\n  background: var(--fc-neutral-bg-color, #d0d0d04d);\n}\n\na.fc-event, a.fc-event:hover {\n  text-decoration: none;\n}\n\n.fc-event[href], .fc-event.fc-event-draggable {\n  cursor: pointer;\n}\n\n.fc-event .fc-event-main {\n  z-index: 2;\n  position: relative;\n}\n\n.fc-event-dragging:not(.fc-event-selected) {\n  opacity: .75;\n}\n\n.fc-event-dragging.fc-event-selected {\n  box-shadow: 0 2px 7px #0000004d;\n}\n\n.fc-event .fc-event-resizer {\n  z-index: 4;\n  display: none;\n  position: absolute;\n}\n\n.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {\n  display: block;\n}\n\n.fc-event-selected .fc-event-resizer {\n  border-radius: 4px;\n  border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);\n  border-width: 1px;\n  border-width: var(--fc-event-resizer-dot-border-width, 1px);\n  width: 8px;\n  width: var(--fc-event-resizer-dot-total-width, 8px);\n  height: 8px;\n  height: var(--fc-event-resizer-dot-total-width, 8px);\n  border-style: solid;\n  border-color: inherit;\n  background: #fff;\n  background: var(--fc-page-bg-color, #fff);\n}\n\n.fc-event-selected .fc-event-resizer:before {\n  content: \"\";\n  position: absolute;\n  inset: -20px;\n}\n\n.fc-event-selected, .fc-event:focus {\n  box-shadow: 0 2px 5px #0003;\n}\n\n.fc-event-selected:before, .fc-event:focus:before {\n  content: \"\";\n  z-index: 3;\n  position: absolute;\n  inset: 0;\n}\n\n.fc-event-selected:after, .fc-event:focus:after {\n  content: \"\";\n  background: #00000040;\n  background: var(--fc-event-selected-overlay-color, #00000040);\n  z-index: 1;\n  position: absolute;\n  inset: -1px;\n}\n\n.fc-h-event {\n  border: 1px solid #3788d8;\n  border: 1px solid var(--fc-event-border-color, #3788d8);\n  background-color: #3788d8;\n  background-color: var(--fc-event-bg-color, #3788d8);\n  display: block;\n}\n\n.fc-h-event .fc-event-main {\n  color: #fff;\n  color: var(--fc-event-text-color, #fff);\n}\n\n.fc-h-event .fc-event-main-frame {\n  display: flex;\n}\n\n.fc-h-event .fc-event-time {\n  max-width: 100%;\n  overflow: hidden;\n}\n\n.fc-h-event .fc-event-title-container {\n  min-width: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n\n.fc-h-event .fc-event-title {\n  vertical-align: top;\n  max-width: 100%;\n  display: inline-block;\n  left: 0;\n  right: 0;\n  overflow: hidden;\n}\n\n.fc-h-event.fc-event-selected:before {\n  top: -10px;\n  bottom: -10px;\n}\n\n.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {\n  border-left-width: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {\n  border-right-width: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.fc-h-event:not(.fc-event-selected) .fc-event-resizer {\n  width: 8px;\n  width: var(--fc-event-resizer-thickness, 8px);\n  top: 0;\n  bottom: 0;\n}\n\n.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {\n  cursor: w-resize;\n  left: -4px;\n  left: calc(-.5 * var(--fc-event-resizer-thickness, 8px));\n}\n\n.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {\n  cursor: e-resize;\n  right: -4px;\n  right: calc(-.5 * var(--fc-event-resizer-thickness, 8px));\n}\n\n.fc-h-event.fc-event-selected .fc-event-resizer {\n  margin-top: -4px;\n  margin-top: calc(-.5 * var(--fc-event-resizer-dot-total-width, 8px));\n  top: 50%;\n}\n\n.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {\n  left: -4px;\n  left: calc(-.5 * var(--fc-event-resizer-dot-total-width, 8px));\n}\n\n.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {\n  right: -4px;\n  right: calc(-.5 * var(--fc-event-resizer-dot-total-width, 8px));\n}\n\n.fc .fc-popover {\n  z-index: 9999;\n  position: absolute;\n  box-shadow: 0 2px 6px #00000026;\n}\n\n.fc .fc-popover-header {\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 3px 4px;\n  display: flex;\n}\n\n.fc .fc-popover-title {\n  margin: 0 2px;\n}\n\n.fc .fc-popover-close {\n  cursor: pointer;\n  opacity: .65;\n  font-size: 1.1em;\n}\n\n.fc-theme-standard .fc-popover {\n  border: 1px solid #ddd;\n  border: 1px solid var(--fc-border-color, #ddd);\n  background: #fff;\n  background: var(--fc-page-bg-color, #fff);\n}\n\n.fc-theme-standard .fc-popover-header {\n  background: #d0d0d04d;\n  background: var(--fc-neutral-bg-color, #d0d0d04d);\n}\n\n.wrapper.svelte-1ju64u {\n  width: var(--size);\n  height: calc(var(--size) * 1.5);\n  margin-left: var(--size);\n  margin-top: var(--size);\n  background: var(--color);\n  box-sizing: border-box;\n  animation: svelte-1ju64u-bump var(--duration) ease-in infinite alternate;\n  display: inline-block;\n  position: relative;\n}\n\n.wrapper.svelte-1ju64u:after {\n  content: \"\";\n  box-sizing: border-box;\n  border: var(--size) solid transparent;\n  border-bottom-color: var(--color);\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  transform: translate(-50%);\n}\n\n.pause-animation.svelte-1ju64u {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-1ju64u-bump {\n  0% {\n    transform: translate(-50%, 5px);\n  }\n\n  100% {\n    transform: translate(-50%, -5px);\n  }\n}\n\n.wrapper.svelte-f6hkgc {\n  width: var(--size);\n  height: calc(var(--size) * 1.5);\n  margin-left: var(--size);\n  background: var(--color);\n  box-sizing: border-box;\n  animation: svelte-f6hkgc-bump var(--duration) ease-in infinite alternate;\n  display: inline-block;\n  position: relative;\n}\n\n.wrapper.svelte-f6hkgc:after {\n  content: \"\";\n  box-sizing: border-box;\n  border: var(--size) solid transparent;\n  border-top-color: var(--color);\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translate(-50%);\n}\n\n.pause-animation.svelte-f6hkgc {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-f6hkgc-bump {\n  0% {\n    transform: translate(-50%, 5px);\n  }\n\n  100% {\n    transform: translate(-50%, -5px);\n  }\n}\n\n.wrapper.svelte-bv9t2p {\n  display: inherit;\n  width: var(--size);\n  height: var(--size);\n  position: relative;\n}\n\n.circle.svelte-bv9t2p {\n  width: var(--size);\n  height: var(--size);\n  border: thick solid var(--rgba);\n  opacity: 1;\n  box-sizing: border-box;\n  border-radius: 50%;\n  animation-name: svelte-bv9t2p-puff-1, svelte-bv9t2p-puff-2;\n  animation-timing-function: cubic-bezier(.165, .84, .44, 1), cubic-bezier(.3, .61, .355, 1);\n  animation-iteration-count: infinite;\n  animation-direction: normal, normal;\n  animation-play-state: running, running;\n  animation-fill-mode: none, none;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.pause-animation.svelte-bv9t2p {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-bv9t2p-puff-1 {\n  0% {\n    transform: scale(0);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n@keyframes svelte-bv9t2p-puff-2 {\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n}\n\n.wrapper.svelte-1vzsw15 {\n  width: calc(var(--size) * 2.5);\n  height: var(--size);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.bar.svelte-1vzsw15 {\n  top: calc(var(--size) / 10);\n  width: calc(var(--size) / 5);\n  height: calc(var(--size) / 10);\n  margin-top: calc(var(--size)  - var(--size) / 10);\n  background-color: var(--color);\n  animation: svelte-1vzsw15-motion var(--duration) ease-in-out infinite;\n  position: absolute;\n  transform: skewY(0);\n}\n\n.pause-animation.svelte-1vzsw15 {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-1vzsw15-motion {\n  25% {\n    transform: skewY(25deg);\n  }\n\n  50% {\n    height: 100%;\n    margin-top: 0;\n  }\n\n  75% {\n    transform: skewY(-25deg);\n  }\n}\n\ndiv.svelte-db2m9w {\n  width: var(--size);\n  height: var(--size);\n  box-shadow: inset 0px 0px 0px 2px var(--color);\n  background-color: #0000;\n  border-radius: 50%;\n  position: relative;\n}\n\ndiv.svelte-db2m9w:before, div.svelte-db2m9w:after {\n  content: \"\";\n  background-color: var(--color);\n  position: absolute;\n}\n\ndiv.svelte-db2m9w:after {\n  width: calc(var(--size) / 2.4);\n  height: 2px;\n  top: calc(var(--size) / 2);\n  left: calc(var(--size) / 2);\n  transform-origin: 1px 1px;\n  animation: svelte-db2m9w-rotate calc(var(--duration) / 4) linear infinite;\n}\n\ndiv.svelte-db2m9w:before {\n  width: calc(var(--size) / 3);\n  height: 2px;\n  top: calc((var(--size) / 2) );\n  left: calc((var(--size) / 2) );\n  transform-origin: 1px 1px;\n  animation: svelte-db2m9w-rotate var(--duration) linear infinite;\n}\n\n.pause-animation.svelte-db2m9w, .pause-animation.svelte-db2m9w:before, .pause-animation.svelte-db2m9w:after {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-db2m9w-rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\nspan.svelte-1jnfmql.svelte-1jnfmql {\n  width: var(--size);\n  height: calc(var(--size) / 4);\n  display: block;\n  position: relative;\n}\n\ndiv.svelte-1jnfmql.svelte-1jnfmql {\n  width: calc(var(--size) / 4);\n  height: calc(var(--size) / 4);\n  background: var(--color);\n  animation: svelte-1jnfmql-diamonds var(--duration) linear infinite;\n  border-radius: 2px;\n  position: absolute;\n  top: 0;\n  left: 0%;\n  transform: translateX(-50%)rotate(45deg)scale(0);\n}\n\ndiv.svelte-1jnfmql.svelte-1jnfmql:nth-child(1) {\n  animation-delay: calc(var(--duration) * 2 / 3 * -1);\n}\n\ndiv.svelte-1jnfmql.svelte-1jnfmql:nth-child(2) {\n  animation-delay: calc(var(--duration) * 2 / 3 * -2);\n}\n\ndiv.svelte-1jnfmql.svelte-1jnfmql:nth-child(3) {\n  animation-delay: calc(var(--duration) * 2 / 3 * -3);\n}\n\n.pause-animation.svelte-1jnfmql div.svelte-1jnfmql {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-1jnfmql-diamonds {\n  50% {\n    left: 50%;\n    transform: translateX(-50%)rotate(45deg)scale(1);\n  }\n\n  100% {\n    left: 100%;\n    transform: translateX(-50%)rotate(45deg)scale(0);\n  }\n}\n\n.wrapper.svelte-1cx3779.svelte-1cx3779 {\n  height: var(--size);\n  width: var(--size);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.wrapper.svelte-1cx3779 .svelte-1cx3779 {\n  box-sizing: border-box;\n  line-height: 0;\n}\n\n.spinner-inner.svelte-1cx3779.svelte-1cx3779 {\n  height: var(--size);\n  width: var(--size);\n  transform: scale(calc(var(--size) / 70) );\n}\n\n.mask.svelte-1cx3779.svelte-1cx3779 {\n  perspective: 1000px;\n  backface-visibility: hidden;\n  border-radius: 2px;\n  position: absolute;\n  overflow: hidden;\n}\n\n.plane.svelte-1cx3779.svelte-1cx3779 {\n  background: var(--color);\n  width: 400%;\n  height: 100%;\n  z-index: 100;\n  perspective: 1000px;\n  backface-visibility: hidden;\n  position: absolute;\n}\n\n#top.svelte-1cx3779 .plane.svelte-1cx3779 {\n  z-index: 2000;\n  animation: svelte-1cx3779-trans1 var(--duration) ease-in infinite 0s backwards;\n}\n\n#middle.svelte-1cx3779 .plane.svelte-1cx3779 {\n  background: var(--rgba);\n  animation: svelte-1cx3779-trans2 var(--duration) linear infinite calc(var(--duration) / 4) backwards;\n  transform: translate3d(0, 0, 0);\n}\n\n#bottom.svelte-1cx3779 .plane.svelte-1cx3779 {\n  z-index: 2000;\n  animation: svelte-1cx3779-trans3 var(--duration) ease-out infinite calc(var(--duration) / 2) backwards;\n}\n\n#top.svelte-1cx3779.svelte-1cx3779 {\n  width: 53px;\n  height: 20px;\n  z-index: 100;\n  top: 5px;\n  left: 20px;\n  transform: skew(-15deg);\n}\n\n#middle.svelte-1cx3779.svelte-1cx3779 {\n  width: 33px;\n  height: 20px;\n  top: 21px;\n  left: 20px;\n  transform: skew(-15deg, 40deg);\n}\n\n#bottom.svelte-1cx3779.svelte-1cx3779 {\n  width: 53px;\n  height: 20px;\n  top: 35px;\n  transform: skew(-15deg);\n}\n\n.pause-animation.svelte-1cx3779 .plane.svelte-1cx3779 {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-1cx3779-trans1 {\n  from {\n    transform: translate3d(53px, 0, 0);\n  }\n\n  to {\n    transform: translate3d(-250px, 0, 0);\n  }\n}\n\n@keyframes svelte-1cx3779-trans2 {\n  from {\n    transform: translate3d(-160px, 0, 0);\n  }\n\n  to {\n    transform: translate3d(53px, 0, 0);\n  }\n}\n\n@keyframes svelte-1cx3779-trans3 {\n  from {\n    transform: translate3d(53px, 0, 0);\n  }\n\n  to {\n    transform: translate3d(-220px, 0, 0);\n  }\n}\n\n.wrapper.svelte-e653jg {\n  height: var(--size);\n  width: var(--size);\n  animation: svelte-e653jg-moonStretchDelay var(--duration) 0s infinite linear;\n  border-radius: 100%;\n  animation-fill-mode: forwards;\n  position: relative;\n}\n\n.circle-one.svelte-e653jg {\n  top: var(--moonSize);\n  background-color: var(--color);\n  width: calc(var(--size) / 7);\n  height: calc(var(--size) / 7);\n  animation: svelte-e653jg-moonStretchDelay var(--duration) 0s infinite linear;\n  opacity: .8;\n  border-radius: 100%;\n  animation-fill-mode: forwards;\n  position: absolute;\n}\n\n.circle-two.svelte-e653jg {\n  opacity: .1;\n  border: calc(var(--size) / 7) solid var(--color);\n  height: var(--size);\n  width: var(--size);\n  box-sizing: border-box;\n  border-radius: 100%;\n}\n\n.pause-animation.svelte-e653jg {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-e653jg-moonStretchDelay {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.wrapper.svelte-5bpnhx {\n  width: var(--size);\n  height: var(--size);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.shadow.svelte-5bpnhx {\n  color: var(--color);\n  font-size: var(--size);\n  width: var(--size);\n  height: var(--size);\n  animation: svelte-5bpnhx-load var(--duration) infinite ease, svelte-5bpnhx-round var(--duration) infinite ease;\n  border-radius: 50%;\n  margin: 28px auto;\n  position: relative;\n  overflow: hidden;\n  transform: translateZ(0);\n}\n\n.pause-animation.svelte-5bpnhx {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-5bpnhx-load {\n  0% {\n    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em;\n  }\n\n  5%, 95% {\n    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em;\n  }\n\n  10%, 59% {\n    box-shadow: 0 -.83em 0 -.4em, -.087em -.825em 0 -.42em, -.173em -.812em 0 -.44em, -.256em -.789em 0 -.46em, -.297em -.775em 0 -.477em;\n  }\n\n  20% {\n    box-shadow: 0 -.83em 0 -.4em, -.338em -.758em 0 -.42em, -.555em -.617em 0 -.44em, -.671em -.488em 0 -.46em, -.749em -.34em 0 -.477em;\n  }\n\n  38% {\n    box-shadow: 0 -.83em 0 -.4em, -.377em -.74em 0 -.42em, -.645em -.522em 0 -.44em, -.775em -.297em 0 -.46em, -.82em -.09em 0 -.477em;\n  }\n\n  100% {\n    box-shadow: 0 -.83em 0 -.4em, 0 -.83em 0 -.42em, 0 -.83em 0 -.44em, 0 -.83em 0 -.46em, 0 -.83em 0 -.477em;\n  }\n}\n\n@keyframes svelte-5bpnhx-round {\n  0% {\n    transform: rotate(0);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.square.svelte-x90y {\n  height: var(--size);\n  width: var(--size);\n  background-color: var(--color);\n  animation: svelte-x90y-squareDelay var(--duration) 0s infinite cubic-bezier(.09, .57, .49, .9);\n  perspective: 100px;\n  animation-fill-mode: both;\n  display: inline-block;\n}\n\n.pause-animation.svelte-x90y {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-x90y-squareDelay {\n  25% {\n    transform: rotateX(180deg)rotateY(0);\n  }\n\n  50% {\n    transform: rotateX(180deg)rotateY(180deg);\n  }\n\n  75% {\n    transform: rotateX(0)rotateY(180deg);\n  }\n\n  100% {\n    transform: rotateX(0)rotateY(0);\n  }\n}\n\n.wrapper.svelte-1uhddr4 {\n  height: var(--size);\n  width: var(--size);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.spinner.svelte-1uhddr4 {\n  height: var(--size);\n  width: var(--size);\n  animation: svelte-1uhddr4-rotate var(--duration) infinite linear;\n}\n\n.dot.svelte-1uhddr4 {\n  width: 60%;\n  height: 60%;\n  background-color: var(--color);\n  animation: svelte-1uhddr4-bounce var(--duration) infinite ease-in-out;\n  border-radius: 100%;\n  display: inline-block;\n  position: absolute;\n  top: 0;\n}\n\n.pause-animation.svelte-1uhddr4 {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-1uhddr4-rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes svelte-1uhddr4-bounce {\n  0%, 100% {\n    transform: scale(0);\n  }\n\n  50% {\n    transform: scale(1);\n  }\n}\n\n.wrapper.svelte-1rvptk {\n  width: var(--size);\n  height: var(--size);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.ring.svelte-1rvptk {\n  border: 2px solid var(--color);\n  animation: svelte-1rvptk-motion var(--duration) ease infinite;\n  background-color: #0000;\n  border-radius: 50%;\n  position: absolute;\n}\n\n.pause-animation.svelte-1rvptk {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-1rvptk-motion {\n  0% {\n    transform: translateY(var(--motionOne));\n  }\n\n  50% {\n    transform: translateY(var(--motionTwo));\n  }\n\n  100% {\n    transform: translateY(var(--motionThree));\n  }\n}\n\n.wrapper.svelte-1w8rpx6 {\n  width: var(--size);\n  height: calc(var(--size) / 2.5);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.cube.svelte-1w8rpx6 {\n  width: calc(var(--size) / 5);\n  height: calc(var(--size) / 2.5);\n  background-color: var(--color);\n  animation: svelte-1w8rpx6-motion var(--duration) cubic-bezier(.895, .03, .685, .22) infinite;\n  position: absolute;\n  top: 0;\n}\n\n.pause-animation.svelte-1w8rpx6 {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-1w8rpx6-motion {\n  0% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n.wrapper.svelte-x7zza7 {\n  width: calc(var(--size) * 1.3);\n  height: calc(var(--size) * 1.3);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.firework.svelte-x7zza7 {\n  border: calc(var(--size) / 10) dotted var(--color);\n  width: var(--size);\n  height: var(--size);\n  animation: svelte-x7zza7-fire var(--duration) cubic-bezier(.165, .84, .44, 1) infinite;\n  border-radius: 50%;\n}\n\n.pause-animation.svelte-x7zza7 {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-x7zza7-fire {\n  0% {\n    opacity: 1;\n    transform: scale(.1);\n  }\n\n  25% {\n    opacity: .85;\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(1);\n  }\n}\n\n.wrapper.svelte-1lgkc8y {\n  width: var(--size);\n  height: calc(var(--size) / 2);\n  overflow: hidden;\n}\n\n.rainbow.svelte-1lgkc8y {\n  width: var(--size);\n  height: var(--size);\n  border-bottom-color: #0000;\n  border-left-color: #0000;\n  border-top-color: var(--color);\n  border-right-color: var(--color);\n  box-sizing: border-box;\n  animation: var(--duration) ease-in-out 0s infinite normal none running svelte-1lgkc8y-rotate;\n  border-style: solid;\n  border-radius: 50%;\n  transform: rotate(-200deg);\n}\n\n.pause-animation.svelte-1lgkc8y {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-1lgkc8y-rotate {\n  0% {\n    border-width: 10px;\n  }\n\n  25% {\n    border-width: 3px;\n  }\n\n  50% {\n    border-width: 10px;\n    transform: rotate(115deg);\n  }\n\n  75% {\n    border-width: 3px;\n  }\n\n  100% {\n    border-width: 10px;\n  }\n}\n\n.wrapper.svelte-14x3x60 {\n  height: var(--size);\n  width: var(--size);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.dot.svelte-14x3x60 {\n  height: var(--dotSize);\n  width: var(--dotSize);\n  background-color: var(--color);\n  animation: svelte-14x3x60-sync var(--duration) ease-in-out infinite alternate both running;\n  border-radius: 100%;\n  margin: 2px;\n  display: inline-block;\n}\n\n.pause-animation.svelte-14x3x60 {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-14x3x60-sync {\n  33% {\n    transform: translateY(10px);\n  }\n\n  66% {\n    transform: translateY(-10px);\n  }\n\n  100% {\n    transform: translateY(0);\n  }\n}\n\n.wrapper.svelte-kxapcj {\n  width: var(--size);\n  height: var(--size);\n  position: relative;\n}\n\n.border.svelte-kxapcj {\n  border-color: var(--color);\n  width: var(--size);\n  height: var(--size);\n  opacity: .4;\n  perspective: 800px;\n  border-style: solid;\n  border-width: 6px;\n  border-image: initial;\n  border-radius: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.border.\\31 .svelte-kxapcj {\n  animation: var(--duration) linear 0s infinite normal none running svelte-kxapcj-ringOne;\n}\n\n.border.\\32 .svelte-kxapcj {\n  animation: var(--duration) linear 0s infinite normal none running svelte-kxapcj-ringTwo;\n}\n\n.pause-animation.svelte-kxapcj {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-kxapcj-ringOne {\n  0% {\n    transform: rotateX(0)rotateY(0)rotateZ(0);\n  }\n\n  100% {\n    transform: rotateX(360deg)rotateY(180deg)rotateZ(360deg);\n  }\n}\n\n@keyframes svelte-kxapcj-ringTwo {\n  0% {\n    transform: rotateX(0)rotateY(0)rotateZ(0);\n  }\n\n  100% {\n    transform: rotateX(180deg)rotateY(360deg)rotateZ(360deg);\n  }\n}\n\n.wrapper.svelte-c0n7a9 {\n  width: var(--size);\n  height: var(--size);\n}\n\n.circle.svelte-c0n7a9 {\n  opacity: 0;\n  width: var(--size);\n  height: var(--size);\n  background-color: var(--color);\n  animation-fill-mode: both;\n  animation: svelte-c0n7a9-bounce var(--duration) linear infinite;\n  border-radius: 100%;\n  position: absolute;\n}\n\n.pause-animation.svelte-c0n7a9 {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-c0n7a9-bounce {\n  0% {\n    opacity: 0;\n    transform: scale(0);\n  }\n\n  5% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(1);\n  }\n}\n\n.wrapper.svelte-bnawe9 {\n  height: calc(var(--size) / 15);\n  width: calc(var(--size) * 2);\n  background-color: var(--rgba);\n  background-clip: padding-box;\n  position: relative;\n  overflow: hidden;\n}\n\n.lines.svelte-bnawe9 {\n  height: calc(var(--size) / 15);\n  background-color: var(--color);\n}\n\n.small-lines.svelte-bnawe9 {\n  will-change: left, right;\n  background-clip: padding-box;\n  border-radius: 2px;\n  animation-fill-mode: forwards;\n  display: block;\n  position: absolute;\n  overflow: hidden;\n}\n\n.small-lines.\\31 .svelte-bnawe9 {\n  animation: var(--duration) cubic-bezier(.65, .815, .735, .395) 0s infinite normal none running svelte-bnawe9-long;\n}\n\n.small-lines.\\32 .svelte-bnawe9 {\n  animation: var(--duration) cubic-bezier(.165, .84, .44, 1) calc((var(--duration)  + .1) / 2) infinite normal none running svelte-bnawe9-short;\n}\n\n.pause-animation.svelte-bnawe9 {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-bnawe9-long {\n  0% {\n    left: -35%;\n    right: 100%;\n  }\n\n  60% {\n    left: 100%;\n    right: -90%;\n  }\n\n  100% {\n    left: 100%;\n    right: -90%;\n  }\n}\n\n@keyframes svelte-bnawe9-short {\n  0% {\n    left: -200%;\n    right: 100%;\n  }\n\n  60% {\n    left: 107%;\n    right: -8%;\n  }\n\n  100% {\n    left: 107%;\n    right: -8%;\n  }\n}\n\n.wrapper.svelte-cihful {\n  height: var(--size);\n  width: var(--size);\n  text-align: center;\n  font-size: 10px;\n  display: inline-block;\n}\n\n.rect.svelte-cihful {\n  height: 100%;\n  width: 10%;\n  background-color: var(--color);\n  animation: svelte-cihful-stretch var(--duration) ease-in-out infinite;\n  margin-right: 4px;\n  display: inline-block;\n  transform: scaleY(.4);\n}\n\n.pause-animation.svelte-cihful {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-cihful-stretch {\n  0%, 40%, 100% {\n    transform: scaleY(.4);\n  }\n\n  20% {\n    transform: scaleY(1);\n  }\n}\n\n.wrapper.svelte-nfuakd {\n  width: var(--size);\n  height: var(--stroke);\n  transform: scale(calc(var(--floatSize) / 75) );\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.line.svelte-nfuakd {\n  width: var(--size);\n  height: var(--stroke);\n  background: var(--color);\n  border-radius: var(--stroke);\n  transform-origin: center;\n  animation: svelte-nfuakd-spineLine var(--duration) ease infinite;\n}\n\n.pause-animation.svelte-nfuakd {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-nfuakd-spineLine {\n  0% {\n    height: 5px;\n    width: 75px;\n    transform: rotate(-20deg);\n  }\n\n  5% {\n    height: 5px;\n    width: 75px;\n  }\n\n  30% {\n    height: 5px;\n    width: 75px;\n    transform: rotate(380deg);\n  }\n\n  40% {\n    height: 5px;\n    width: 75px;\n    transform: rotate(360deg);\n  }\n\n  55% {\n    height: 5px;\n    width: 5px;\n    transform: rotate(0);\n  }\n\n  65% {\n    height: 5px;\n    width: 85px;\n    transform: rotate(0);\n  }\n\n  68% {\n    height: 5px;\n    transform: rotate(0);\n  }\n\n  75% {\n    height: 5px;\n    width: 1px;\n    transform: rotate(0);\n  }\n\n  78% {\n    height: 5px;\n    width: 5px;\n  }\n\n  90% {\n    height: 5px;\n    width: 75px;\n    transform: rotate(0);\n  }\n\n  99%, 100% {\n    height: 5px;\n    width: 75px;\n    transform: rotate(-20deg);\n  }\n}\n\n.wrapper.svelte-1w1ueev {\n  width: var(--size);\n  height: var(--size);\n}\n\n.circle.svelte-1w1ueev {\n  width: var(--size);\n  height: var(--size);\n  background-color: var(--color);\n  animation-duration: var(--duration);\n  animation: svelte-1w1ueev-scaleOut var(--duration) ease-in-out infinite;\n  border-radius: 100%;\n  display: inline-block;\n}\n\n.pause-animation.svelte-1w1ueev {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-1w1ueev-scaleOut {\n  0% {\n    transform: scale(0);\n  }\n\n  100% {\n    opacity: 0;\n    transform: scale(1);\n  }\n}\n\n.svelte-rhgdjk {\n  text-indent: -9999px;\n  transform-origin: 50%;\n  animation: svelte-rhgdjk-plus-loader-background var(--duration) infinite ease-in-out;\n  background: #f86;\n  border-radius: 50%;\n  display: inline-block;\n  position: relative;\n  overflow: hidden;\n  transform: rotateZ(90deg);\n}\n\n.svelte-rhgdjk:after {\n  content: \"\";\n  width: 50%;\n  height: 100%;\n  transform-origin: 100%;\n  animation: svelte-rhgdjk-plus-loader-top var(--duration) infinite linear;\n  background: #f86;\n  border-radius: 50% 0 0 50%;\n  position: absolute;\n  top: 0;\n  right: 50%;\n}\n\n.svelte-rhgdjk:before {\n  content: \"\";\n  width: 50%;\n  height: 100%;\n  transform-origin: 100%;\n  animation: svelte-rhgdjk-plus-loader-bottom var(--duration) infinite linear;\n  background: #fc6;\n  border-radius: 50% 0 0 50%;\n  position: absolute;\n  top: 0;\n  right: 50%;\n}\n\n.pause-animation.svelte-rhgdjk, .pause-animation.svelte-rhgdjk:before, .pause-animation.svelte-rhgdjk:after {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-rhgdjk-plus-loader-top {\n  2.5% {\n    background: #f86;\n    animation-timing-function: ease-in;\n    transform: rotateY(0);\n  }\n\n  13.75% {\n    background: #ff430d;\n    animation-timing-function: step-start;\n    transform: rotateY(90deg);\n  }\n\n  13.76% {\n    background: #ffae0d;\n    animation-timing-function: ease-out;\n    transform: rotateY(90deg);\n  }\n\n  25% {\n    background: #fc6;\n    transform: rotateY(180deg);\n  }\n\n  27.5% {\n    background: #fc6;\n    animation-timing-function: ease-in;\n    transform: rotateY(180deg);\n  }\n\n  41.25% {\n    background: #ffae0d;\n    animation-timing-function: step-start;\n    transform: rotateY(90deg);\n  }\n\n  41.26% {\n    background: #2cc642;\n    animation-timing-function: ease-out;\n    transform: rotateY(90deg);\n  }\n\n  50% {\n    background: #6d7;\n    transform: rotateY(0);\n  }\n\n  52.5% {\n    background: #6d7;\n    animation-timing-function: ease-in;\n    transform: rotateY(0);\n  }\n\n  63.75% {\n    background: #2cc642;\n    animation-timing-function: step-start;\n    transform: rotateY(90deg);\n  }\n\n  63.76% {\n    background: #1386d2;\n    animation-timing-function: ease-out;\n    transform: rotateY(90deg);\n  }\n\n  75% {\n    background: #4ae;\n    transform: rotateY(180deg);\n  }\n\n  77.5% {\n    background: #4ae;\n    animation-timing-function: ease-in;\n    transform: rotateY(180deg);\n  }\n\n  91.25% {\n    background: #1386d2;\n    animation-timing-function: step-start;\n    transform: rotateY(90deg);\n  }\n\n  91.26% {\n    background: #ff430d;\n    animation-timing-function: ease-in;\n    transform: rotateY(90deg);\n  }\n\n  100% {\n    background: #f86;\n    animation-timing-function: step-start;\n    transform: rotateY(0);\n  }\n}\n\n@keyframes svelte-rhgdjk-plus-loader-bottom {\n  0% {\n    background: #fc6;\n    animation-timing-function: step-start;\n  }\n\n  50% {\n    background: #fc6;\n    animation-timing-function: step-start;\n  }\n\n  75% {\n    background: #4ae;\n    animation-timing-function: step-start;\n  }\n\n  100% {\n    background: #4ae;\n    animation-timing-function: step-start;\n  }\n}\n\n@keyframes svelte-rhgdjk-plus-loader-background {\n  0% {\n    background: #f86;\n    transform: rotateZ(180deg);\n  }\n\n  25% {\n    background: #f86;\n    animation-timing-function: step-start;\n    transform: rotateZ(180deg);\n  }\n\n  27.5% {\n    background: #6d7;\n    transform: rotateZ(90deg);\n  }\n\n  50% {\n    background: #6d7;\n    animation-timing-function: step-start;\n    transform: rotateZ(90deg);\n  }\n\n  52.5% {\n    background: #6d7;\n    transform: rotateZ(0);\n  }\n\n  75% {\n    background: #6d7;\n    animation-timing-function: step-start;\n    transform: rotateZ(0);\n  }\n\n  77.5% {\n    background: #f86;\n    transform: rotateZ(270deg);\n  }\n\n  100% {\n    background: #f86;\n    animation-timing-function: step-start;\n    transform: rotateZ(270deg);\n  }\n}\n\n.wrapper.svelte-1bsg8wv {\n  width: var(--size);\n  height: var(--size);\n  position: relative;\n}\n\n.circle.svelte-1bsg8wv {\n  width: var(--size);\n  height: var(--size);\n  background-color: var(--color);\n  opacity: .6;\n  border-radius: 100%;\n  animation-fill-mode: both;\n  position: absolute;\n  top: 0;\n  left: 0;\n  animation-name: svelte-1bsg8wv-bounce !important;\n}\n\n.pause-animation.svelte-1bsg8wv {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-1bsg8wv-bounce {\n  0%, 100% {\n    transform: scale(0);\n  }\n\n  50% {\n    transform: scale(1);\n  }\n}\n\n.wrapper.svelte-7wj78d {\n  width: var(--size);\n  height: var(--size);\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: center;\n  line-height: 0;\n  display: flex;\n}\n\n.inner.svelte-7wj78d {\n  transform: scale(calc(var(--floatSize) / 52) );\n}\n\n.ball-container.svelte-7wj78d {\n  animation: svelte-7wj78d-ballTwo var(--duration) infinite;\n  width: 44px;\n  height: 44px;\n  flex-shrink: 0;\n  position: relative;\n}\n\n.single-ball.svelte-7wj78d {\n  width: 44px;\n  height: 44px;\n  position: absolute;\n}\n\n.ball.svelte-7wj78d {\n  width: 20px;\n  height: 20px;\n  animation: svelte-7wj78d-ballOne var(--duration) infinite ease;\n  border-radius: 50%;\n  position: absolute;\n}\n\n.pause-animation.svelte-7wj78d {\n  animation-play-state: paused;\n}\n\n.ball-top-left.svelte-7wj78d {\n  background-color: var(--ballTopLeftColor);\n  top: 0;\n  left: 0;\n}\n\n.ball-top-right.svelte-7wj78d {\n  background-color: var(--ballTopRightColor);\n  top: 0;\n  left: 24px;\n}\n\n.ball-bottom-left.svelte-7wj78d {\n  background-color: var(--ballBottomLeftColor);\n  top: 24px;\n  left: 0;\n}\n\n.ball-bottom-right.svelte-7wj78d {\n  background-color: var(--ballBottomRightColor);\n  top: 24px;\n  left: 24px;\n}\n\n@keyframes svelte-7wj78d-ballOne {\n  0% {\n    position: absolute;\n  }\n\n  50% {\n    opacity: .5;\n    position: absolute;\n    top: 12px;\n    left: 12px;\n  }\n\n  100% {\n    position: absolute;\n  }\n}\n\n@keyframes svelte-7wj78d-ballTwo {\n  0% {\n    transform: rotate(0)scale(1);\n  }\n\n  50% {\n    transform: rotate(360deg)scale(1.3);\n  }\n\n  100% {\n    transform: rotate(720deg)scale(1);\n  }\n}\n\n.circle.svelte-1w4sjib {\n  width: var(--size);\n  height: var(--size);\n  box-sizing: border-box;\n  border: 3px solid #0000;\n  border-top-color: var(--colorOuter);\n  animation: svelte-1w4sjib-circleSpin var(--durationOuter) linear infinite;\n  border-radius: 50%;\n  position: relative;\n}\n\n.circle.svelte-1w4sjib:before, .circle.svelte-1w4sjib:after {\n  content: \"\";\n  box-sizing: border-box;\n  border: 3px solid #0000;\n  border-radius: 50%;\n  position: absolute;\n}\n\n.circle.svelte-1w4sjib:after {\n  border-top-color: var(--colorInner);\n  animation: svelte-1w4sjib-circleSpin var(--durationInner) linear infinite;\n  inset: 9px;\n}\n\n.circle.svelte-1w4sjib:before {\n  border-top-color: var(--colorCenter);\n  animation: svelte-1w4sjib-circleSpin var(--durationCenter) linear infinite;\n  inset: 3px;\n}\n\n.pause-animation.svelte-1w4sjib, .pause-animation.svelte-1w4sjib:after, .pause-animation.svelte-1w4sjib:before {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-1w4sjib-circleSpin {\n  0% {\n    transform: rotate(0);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.circle.svelte-dqjlks {\n  height: var(--size);\n  width: var(--size);\n  border-color: var(--color) transparent var(--color) var(--color);\n  border-width: calc(var(--size) / 15);\n  border-style: solid;\n  border-image: initial;\n  animation: var(--duration) linear 0s infinite normal none running svelte-dqjlks-rotate;\n  border-radius: 50%;\n}\n\n.pause-animation.svelte-dqjlks {\n  animation-play-state: paused;\n}\n\n@keyframes svelte-dqjlks-rotate {\n  0% {\n    transform: rotate(0);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.overlay.svelte-1d5xho {\n  z-index: 10001;\n  align-items: top;\n  background: #ffffffe6;\n  justify-content: center;\n  padding: 50px 0;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n:root {\n  --fc-daygrid-event-dot-width: 8px;\n}\n\n.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before, .fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {\n  content: \"\";\n  clear: both;\n  display: table;\n}\n\n.fc .fc-daygrid-body {\n  z-index: 1;\n  position: relative;\n}\n\n.fc .fc-daygrid-day.fc-day-today {\n  background-color: #ffdc2826;\n  background-color: var(--fc-today-bg-color, #ffdc2826);\n}\n\n.fc .fc-daygrid-day-frame {\n  min-height: 100%;\n  position: relative;\n}\n\n.fc .fc-daygrid-day-top {\n  flex-direction: row-reverse;\n  display: flex;\n}\n\n.fc .fc-day-other .fc-daygrid-day-top {\n  opacity: .3;\n}\n\n.fc .fc-daygrid-day-number {\n  z-index: 4;\n  padding: 4px;\n  position: relative;\n}\n\n.fc .fc-daygrid-day-events {\n  margin-top: 1px;\n}\n\n.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n\n.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {\n  min-height: 2em;\n  position: relative;\n}\n\n.fc .fc-daygrid-body-natural .fc-daygrid-day-events {\n  margin-bottom: 1em;\n}\n\n.fc .fc-daygrid-event-harness {\n  position: relative;\n}\n\n.fc .fc-daygrid-event-harness-abs {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n}\n\n.fc .fc-daygrid-bg-harness {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.fc .fc-daygrid-day-bg .fc-non-business {\n  z-index: 1;\n}\n\n.fc .fc-daygrid-day-bg .fc-bg-event {\n  z-index: 2;\n}\n\n.fc .fc-daygrid-day-bg .fc-highlight {\n  z-index: 3;\n}\n\n.fc .fc-daygrid-event {\n  z-index: 6;\n  margin-top: 1px;\n}\n\n.fc .fc-daygrid-event.fc-event-mirror {\n  z-index: 7;\n}\n\n.fc .fc-daygrid-day-bottom {\n  padding: 2px 3px 0;\n  font-size: .85em;\n}\n\n.fc .fc-daygrid-day-bottom:before {\n  content: \"\";\n  clear: both;\n  display: table;\n}\n\n.fc .fc-daygrid-more-link {\n  z-index: 4;\n  cursor: pointer;\n  position: relative;\n}\n\n.fc .fc-daygrid-week-number {\n  z-index: 5;\n  min-width: 1.5em;\n  text-align: center;\n  background-color: #d0d0d04d;\n  background-color: var(--fc-neutral-bg-color, #d0d0d04d);\n  color: gray;\n  color: var(--fc-neutral-text-color, gray);\n  padding: 2px;\n  position: absolute;\n  top: 0;\n}\n\n.fc .fc-more-popover .fc-popover-body {\n  min-width: 220px;\n  padding: 10px;\n}\n\n.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end {\n  margin-left: 2px;\n}\n\n.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {\n  margin-right: 2px;\n}\n\n.fc-direction-ltr .fc-daygrid-week-number {\n  border-radius: 0 0 3px;\n  left: 0;\n}\n\n.fc-direction-rtl .fc-daygrid-week-number {\n  border-radius: 0 0 0 3px;\n  right: 0;\n}\n\n.fc-liquid-hack .fc-daygrid-day-frame {\n  position: static;\n}\n\n.fc-daygrid-event {\n  white-space: nowrap;\n  font-size: .85em;\n  font-size: var(--fc-small-font-size, .85em);\n  border-radius: 3px;\n  position: relative;\n}\n\n.fc-daygrid-block-event .fc-event-time {\n  font-weight: bold;\n}\n\n.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title {\n  padding: 1px;\n}\n\n.fc-daygrid-dot-event {\n  align-items: center;\n  padding: 2px 0;\n  display: flex;\n}\n\n.fc-daygrid-dot-event .fc-event-title {\n  min-width: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n  font-weight: bold;\n  overflow: hidden;\n}\n\n.fc-daygrid-dot-event:hover, .fc-daygrid-dot-event.fc-event-mirror {\n  background: #0000001a;\n}\n\n.fc-daygrid-dot-event.fc-event-selected:before {\n  top: -10px;\n  bottom: -10px;\n}\n\n.fc-daygrid-event-dot {\n  box-sizing: content-box;\n  width: 0;\n  height: 0;\n  border: 4px solid #3788d8;\n  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);\n  border-radius: 4px;\n  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);\n  margin: 0 4px;\n}\n\n.fc-direction-ltr .fc-daygrid-event .fc-event-time {\n  margin-right: 3px;\n}\n\n.fc-direction-rtl .fc-daygrid-event .fc-event-time {\n  margin-left: 3px;\n}\n\n/*# sourceMappingURL=main.css.map */\n","\n/* classes attached to <body> */\n/* TODO: make fc-event selector work when calender in shadow DOM */\n.fc-not-allowed,\n.fc-not-allowed .fc-event { /* override events' custom cursors */\n  cursor: not-allowed;\n}\n\n/* TODO: not attached to body. attached to specific els. move */\n.fc-unselectable {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  -webkit-touch-callout: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.fc {\n  /* layout of immediate children */\n  display: flex;\n  flex-direction: column;\n\n  font-size: 1em\n}\n.fc,\n  .fc *,\n  .fc *:before,\n  .fc *:after {\n    box-sizing: border-box;\n  }\n.fc table {\n    border-collapse: collapse;\n    border-spacing: 0;\n    font-size: 1em; /* normalize cross-browser */\n  }\n.fc th {\n    text-align: center;\n  }\n.fc th,\n  .fc td {\n    vertical-align: top;\n    padding: 0;\n  }\n.fc a[data-navlink] {\n    cursor: pointer;\n  }\n.fc a[data-navlink]:hover {\n    text-decoration: underline;\n  }\n.fc-direction-ltr {\n  direction: ltr;\n  text-align: left;\n}\n.fc-direction-rtl {\n  direction: rtl;\n  text-align: right;\n}\n.fc-theme-standard td,\n  .fc-theme-standard th {\n    border: 1px solid #ddd;\n    border: 1px solid var(--fc-border-color, #ddd);\n  }\n/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */\n/* inner-wrappers are responsible for being absolute */\n/* TODO: best place for this? */\n.fc-liquid-hack td,\n  .fc-liquid-hack th {\n    position: relative;\n  }\n\n@font-face {\n  font-family: 'fcicons';\n  src: url(\"data:application/x-font-ttf;charset=utf-8;base64,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\") format('truetype');\n  font-weight: normal;\n  font-style: normal;\n}\n\n.fc-icon {\n  /* added for fc */\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n\n  /* use !important to prevent issues with browser extensions that change fonts */\n  font-family: 'fcicons' !important;\n  speak: none;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.fc-icon-chevron-left:before {\n  content: \"\\e900\";\n}\n\n.fc-icon-chevron-right:before {\n  content: \"\\e901\";\n}\n\n.fc-icon-chevrons-left:before {\n  content: \"\\e902\";\n}\n\n.fc-icon-chevrons-right:before {\n  content: \"\\e903\";\n}\n\n.fc-icon-minus-square:before {\n  content: \"\\e904\";\n}\n\n.fc-icon-plus-square:before {\n  content: \"\\e905\";\n}\n\n.fc-icon-x:before {\n  content: \"\\e906\";\n}\n/*\nLots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css\n\nThese styles only apply when the standard-theme is activated.\nWhen it's NOT activated, the fc-button classes won't even be in the DOM.\n*/\n.fc {\n\n  /* reset */\n\n}\n.fc .fc-button {\n    border-radius: 0;\n    overflow: visible;\n    text-transform: none;\n    margin: 0;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n  }\n.fc .fc-button:focus {\n    outline: 1px dotted;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n.fc .fc-button {\n    -webkit-appearance: button;\n  }\n.fc .fc-button:not(:disabled) {\n    cursor: pointer;\n  }\n.fc .fc-button::-moz-focus-inner {\n    padding: 0;\n    border-style: none;\n  }\n.fc {\n\n  /* theme */\n\n}\n.fc .fc-button {\n    display: inline-block;\n    font-weight: 400;\n    text-align: center;\n    vertical-align: middle;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    background-color: transparent;\n    border: 1px solid transparent;\n    padding: 0.4em 0.65em;\n    font-size: 1em;\n    line-height: 1.5;\n    border-radius: 0.25em;\n  }\n.fc .fc-button:hover {\n    text-decoration: none;\n  }\n.fc .fc-button:focus {\n    outline: 0;\n    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);\n  }\n.fc .fc-button:disabled {\n    opacity: 0.65;\n  }\n.fc {\n\n  /* \"primary\" coloring */\n\n}\n.fc .fc-button-primary {\n    color: #fff;\n    color: var(--fc-button-text-color, #fff);\n    background-color: #2C3E50;\n    background-color: var(--fc-button-bg-color, #2C3E50);\n    border-color: #2C3E50;\n    border-color: var(--fc-button-border-color, #2C3E50);\n  }\n.fc .fc-button-primary:hover {\n    color: #fff;\n    color: var(--fc-button-text-color, #fff);\n    background-color: #1e2b37;\n    background-color: var(--fc-button-hover-bg-color, #1e2b37);\n    border-color: #1a252f;\n    border-color: var(--fc-button-hover-border-color, #1a252f);\n  }\n.fc .fc-button-primary:disabled { /* not DRY */\n    color: #fff;\n    color: var(--fc-button-text-color, #fff);\n    background-color: #2C3E50;\n    background-color: var(--fc-button-bg-color, #2C3E50);\n    border-color: #2C3E50;\n    border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */\n  }\n.fc .fc-button-primary:focus {\n    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);\n  }\n.fc .fc-button-primary:not(:disabled):active,\n  .fc .fc-button-primary:not(:disabled).fc-button-active {\n    color: #fff;\n    color: var(--fc-button-text-color, #fff);\n    background-color: #1a252f;\n    background-color: var(--fc-button-active-bg-color, #1a252f);\n    border-color: #151e27;\n    border-color: var(--fc-button-active-border-color, #151e27);\n  }\n.fc .fc-button-primary:not(:disabled):active:focus,\n  .fc .fc-button-primary:not(:disabled).fc-button-active:focus {\n    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);\n  }\n.fc {\n\n  /* icons within buttons */\n\n}\n.fc .fc-button .fc-icon {\n    vertical-align: middle;\n    font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */\n  }\n.fc .fc-button-group {\n    position: relative;\n    display: inline-flex;\n    vertical-align: middle;\n  }\n.fc .fc-button-group > .fc-button {\n    position: relative;\n    flex: 1 1 auto;\n  }\n.fc .fc-button-group > .fc-button:hover {\n    z-index: 1;\n  }\n.fc .fc-button-group > .fc-button:focus,\n  .fc .fc-button-group > .fc-button:active,\n  .fc .fc-button-group > .fc-button.fc-button-active {\n    z-index: 1;\n  }\n.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {\n    margin-left: -1px;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {\n    margin-right: -1px;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n.fc .fc-toolbar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n.fc .fc-toolbar.fc-header-toolbar {\n    margin-bottom: 1.5em;\n  }\n.fc .fc-toolbar.fc-footer-toolbar {\n    margin-top: 1.5em;\n  }\n.fc .fc-toolbar-title {\n    font-size: 1.75em;\n    margin: 0;\n  }\n.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {\n    margin-left: .75em; /* space between */\n  }\n.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {\n    margin-right: .75em; /* space between */\n  }\n.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */\n    flex-direction: row-reverse;\n  }\n.fc .fc-scroller {\n    -webkit-overflow-scrolling: touch;\n    position: relative; /* for abs-positioned elements within */\n  }\n.fc .fc-scroller-liquid {\n    height: 100%;\n  }\n.fc .fc-scroller-liquid-absolute {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n  }\n.fc .fc-scroller-harness {\n    position: relative;\n    overflow: hidden;\n    direction: ltr;\n      /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */\n      /* TODO: demonstrate in codepen */\n  }\n.fc .fc-scroller-harness-liquid {\n    height: 100%;\n  }\n.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */\n    direction: rtl;\n  }\n.fc-theme-standard .fc-scrollgrid {\n    border: 1px solid #ddd;\n    border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */\n  }\n.fc .fc-scrollgrid,\n    .fc .fc-scrollgrid table { /* all tables (self included) */\n      width: 100%; /* because tables don't normally do this */\n      table-layout: fixed;\n    }\n.fc .fc-scrollgrid table { /* inner tables */\n      border-top-style: hidden;\n      border-left-style: hidden;\n      border-right-style: hidden;\n    }\n.fc .fc-scrollgrid {\n\n    border-collapse: separate;\n    border-right-width: 0;\n    border-bottom-width: 0;\n\n  }\n.fc .fc-scrollgrid-liquid {\n    height: 100%;\n  }\n.fc .fc-scrollgrid-section { /* a <tr> */\n    height: 1px /* better than 0, for firefox */\n\n  }\n.fc .fc-scrollgrid-section > td {\n      height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */\n    }\n.fc .fc-scrollgrid-section table {\n      height: 1px;\n        /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */\n        /* serves as a min-height. harmless */\n    }\n.fc .fc-scrollgrid-section-liquid > td {\n      height: 100%; /* better than `auto`, for firefox */\n    }\n.fc .fc-scrollgrid-section > * {\n    border-top-width: 0;\n    border-left-width: 0;\n  }\n.fc .fc-scrollgrid-section-header > *,\n  .fc .fc-scrollgrid-section-footer > * {\n    border-bottom-width: 0;\n  }\n.fc .fc-scrollgrid-section-body table,\n  .fc .fc-scrollgrid-section-footer table {\n    border-bottom-style: hidden; /* head keeps its bottom border tho */\n  }\n.fc {\n\n  /* stickiness */\n\n}\n.fc .fc-scrollgrid-section-sticky > * {\n    background: #fff;\n    background: var(--fc-page-bg-color, #fff);\n    position: sticky;\n    z-index: 3; /* TODO: var */\n    /* TODO: box-shadow when sticking */\n  }\n.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {\n    top: 0; /* because border-sharing causes a gap at the top */\n      /* TODO: give safari -1. has bug */\n  }\n.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {\n    bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */\n  }\n.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */\n    height: 1px; /* needs height to create scrollbars */\n    margin-bottom: -1px;\n  }\n.fc-sticky { /* no .fc wrap because used as child of body */\n  position: sticky;\n}\n.fc .fc-view-harness {\n    flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */\n    position: relative;\n  }\n.fc {\n\n  /* when the harness controls the height, make the view liquid */\n\n}\n.fc .fc-view-harness-active > .fc-view {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n.fc .fc-col-header-cell-cushion {\n    display: inline-block; /* x-browser for when sticky (when multi-tier header) */\n    padding: 2px 4px;\n  }\n.fc .fc-bg-event,\n  .fc .fc-non-business,\n  .fc .fc-highlight {\n    /* will always have a harness with position:relative/absolute, so absolutely expand */\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n.fc .fc-non-business {\n    background: rgba(215, 215, 215, 0.3);\n    background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));\n  }\n.fc .fc-bg-event {\n    background: rgb(143, 223, 130);\n    background: var(--fc-bg-event-color, rgb(143, 223, 130));\n    opacity: 0.3;\n    opacity: var(--fc-bg-event-opacity, 0.3)\n  }\n.fc .fc-bg-event .fc-event-title {\n      margin: .5em;\n      font-size: .85em;\n      font-size: var(--fc-small-font-size, .85em);\n      font-style: italic;\n    }\n.fc .fc-highlight {\n    background: rgba(188, 232, 241, 0.3);\n    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));\n  }\n.fc .fc-cell-shaded,\n  .fc .fc-day-disabled {\n    background: rgba(208, 208, 208, 0.3);\n    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));\n  }\n/* link resets */\n/* ---------------------------------------------------------------------------------------------------- */\na.fc-event,\na.fc-event:hover {\n  text-decoration: none;\n}\n/* cursor */\n.fc-event[href],\n.fc-event.fc-event-draggable {\n  cursor: pointer;\n}\n/* event text content */\n/* ---------------------------------------------------------------------------------------------------- */\n.fc-event .fc-event-main {\n    position: relative;\n    z-index: 2;\n  }\n/* dragging */\n/* ---------------------------------------------------------------------------------------------------- */\n.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */\n    opacity: 0.75;\n  }\n.fc-event-dragging.fc-event-selected { /* TOUCH */\n    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);\n  }\n/* resizing */\n/* ---------------------------------------------------------------------------------------------------- */\n/* (subclasses should hone positioning for touch and non-touch) */\n.fc-event .fc-event-resizer {\n    display: none;\n    position: absolute;\n    z-index: 4;\n  }\n.fc-event:hover, /* MOUSE */\n.fc-event-selected { /* TOUCH */\n\n}\n.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {\n    display: block;\n  }\n.fc-event-selected .fc-event-resizer {\n    border-radius: 4px;\n    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);\n    border-width: 1px;\n    border-width: var(--fc-event-resizer-dot-border-width, 1px);\n    width: 8px;\n    width: var(--fc-event-resizer-dot-total-width, 8px);\n    height: 8px;\n    height: var(--fc-event-resizer-dot-total-width, 8px);\n    border-style: solid;\n    border-color: inherit;\n    background: #fff;\n    background: var(--fc-page-bg-color, #fff)\n\n    /* expand hit area */\n\n  }\n.fc-event-selected .fc-event-resizer:before {\n      content: '';\n      position: absolute;\n      top: -20px;\n      left: -20px;\n      right: -20px;\n      bottom: -20px;\n    }\n/* selecting (always TOUCH) */\n/* OR, focused by tab-index */\n/* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */\n/* ---------------------------------------------------------------------------------------------------- */\n.fc-event-selected,\n.fc-event:focus {\n  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)\n\n  /* expand hit area (subclasses should expand) */\n\n}\n.fc-event-selected:before, .fc-event:focus:before {\n    content: \"\";\n    position: absolute;\n    z-index: 3;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n.fc-event-selected,\n.fc-event:focus {\n\n  /* dimmer effect */\n\n}\n.fc-event-selected:after, .fc-event:focus:after {\n    content: \"\";\n    background: rgba(0, 0, 0, 0.25);\n    background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));\n    position: absolute;\n    z-index: 1;\n\n    /* assume there's a border on all sides. overcome it. */\n    /* sometimes there's NOT a border, in which case the dimmer will go over */\n    /* an adjacent border, which looks fine. */\n    top: -1px;\n    left: -1px;\n    right: -1px;\n    bottom: -1px;\n  }\n/*\nA HORIZONTAL event\n*/\n.fc-h-event { /* allowed to be top-level */\n  display: block;\n  border: 1px solid #3788d8;\n  border: 1px solid var(--fc-event-border-color, #3788d8);\n  background-color: #3788d8;\n  background-color: var(--fc-event-bg-color, #3788d8)\n\n}\n.fc-h-event .fc-event-main {\n    color: #fff;\n    color: var(--fc-event-text-color, #fff);\n  }\n.fc-h-event .fc-event-main-frame {\n    display: flex; /* for make fc-event-title-container expand */\n  }\n.fc-h-event .fc-event-time {\n    max-width: 100%; /* clip overflow on this element */\n    overflow: hidden;\n  }\n.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */\n    flex-grow: 1;\n    flex-shrink: 1;\n    min-width: 0; /* important for allowing to shrink all the way */\n  }\n.fc-h-event .fc-event-title {\n    display: inline-block; /* need this to be sticky cross-browser */\n    vertical-align: top; /* for not messing up line-height */\n    left: 0;  /* for sticky */\n    right: 0; /* for sticky */\n    max-width: 100%; /* clip overflow on this element */\n    overflow: hidden;\n  }\n.fc-h-event.fc-event-selected:before {\n    /* expand hit area */\n    top: -10px;\n    bottom: -10px;\n  }\n/* adjust border and border-radius (if there is any) for non-start/end */\n.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),\n.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  border-left-width: 0;\n}\n.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),\n.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border-right-width: 0;\n}\n/* resizers */\n.fc-h-event:not(.fc-event-selected) .fc-event-resizer {\n  top: 0;\n  bottom: 0;\n  width: 8px;\n  width: var(--fc-event-resizer-thickness, 8px);\n}\n.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,\n.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {\n  cursor: w-resize;\n  left: -4px;\n  left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));\n}\n.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,\n.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {\n  cursor: e-resize;\n  right: -4px;\n  right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));\n}\n/* resizers for TOUCH */\n.fc-h-event.fc-event-selected .fc-event-resizer {\n  top: 50%;\n  margin-top: -4px;\n  margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));\n}\n.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,\n.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {\n  left: -4px;\n  left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));\n}\n.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,\n.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {\n  right: -4px;\n  right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));\n}\n.fc .fc-popover {\n    position: absolute;\n    z-index: 9999;\n    box-shadow: 0 2px 6px rgba(0,0,0,.15);\n  }\n.fc .fc-popover-header {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    padding: 3px 4px;\n  }\n.fc .fc-popover-title {\n    margin: 0 2px;\n  }\n.fc .fc-popover-close {\n    cursor: pointer;\n    opacity: 0.65;\n    font-size: 1.1em;\n  }\n.fc-theme-standard .fc-popover {\n    border: 1px solid #ddd;\n    border: 1px solid var(--fc-border-color, #ddd);\n    background: #fff;\n    background: var(--fc-page-bg-color, #fff);\n  }\n.fc-theme-standard .fc-popover-header {\n    background: rgba(208, 208, 208, 0.3);\n    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));\n  }\n","<script>export let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '0.4s';\r\nexport let size = '15';\r\nexport let pause = false;\r\n</script>\n\n<div\n\tclass=\"wrapper\"\n\tclass:pause-animation={pause}\n\tstyle=\"--size: {size}{unit}; --color: {color}; --duration: {duration};\"\n/>\n\n<style>\n\t.wrapper {\n\t\twidth: var(--size);\n\t\theight: calc(var(--size) * 1.5);\n\t\tmargin-left: var(--size);\n\t\tmargin-top: var(--size);\n\t\tbackground: var(--color);\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\tbox-sizing: border-box;\n\t\tanimation: bump var(--duration) ease-in infinite alternate;\n\t}\n\t.wrapper::after {\n\t\tcontent: '';\n\t\tbox-sizing: border-box;\n\t\tleft: 50%;\n\t\tbottom: 100%;\n\t\ttransform: translate(-50%, 0);\n\t\tposition: absolute;\n\t\tborder: var(--size) solid transparent;\n\t\tborder-bottom-color: var(--color);\n\t}\n\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes bump {\n\t\t0% {\n\t\t\ttransform: translate(-50%, 5px);\n\t\t}\n\t\t100% {\n\t\t\ttransform: translate(-50%, -5px);\n\t\t}\n\t}\n</style>\n","<script>export let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '0.4s';\r\nexport let size = '15';\r\nexport let pause = false;\r\n</script>\n\n<div\n\tclass=\"wrapper\"\n\tclass:pause-animation={pause}\n\tstyle=\"--size: {size}{unit}; --color: {color}; --duration: {duration};\"\n/>\n\n<style>\n\t.wrapper {\n\t\twidth: var(--size);\n\t\theight: calc(var(--size) * 1.5);\n\t\tmargin-left: var(--size);\n\t\tbackground: var(--color);\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\t\tbox-sizing: border-box;\n\t\tanimation: bump var(--duration) ease-in infinite alternate;\n\t}\n\t.wrapper::after {\n\t\tcontent: '';\n\t\tbox-sizing: border-box;\n\t\tleft: 50%;\n\t\ttop: 100%;\n\t\ttransform: translate(-50%, 0);\n\t\tposition: absolute;\n\t\tborder: var(--size) solid transparent;\n\t\tborder-top-color: var(--color);\n\t}\n\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes bump {\n\t\t0% {\n\t\t\ttransform: translate(-50%, 5px);\n\t\t}\n\t\t100% {\n\t\t\ttransform: translate(-50%, -5px);\n\t\t}\n\t}\n</style>\n","<script>import { range, durationUnitRegex, calculateRgba } from './utils';\r\nexport let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '1s';\r\nexport let size = '60';\r\nexport let pause = false;\r\nlet durationUnit = duration.match(durationUnitRegex)?.[0] ?? 's';\r\nlet durationNum = duration.replace(durationUnitRegex, '');\r\nlet rgba;\r\n$: rgba = calculateRgba(color, 1);\r\n</script>\n\n<span\n\tclass=\"wrapper\"\n\tstyle=\"--size: {size}{unit}; --color: {color}; --rgba: {rgba}; --duration: {duration}\"\n>\n\t{#each range(2, 1) as version}\n\t\t<span\n\t\t\tclass=\"circle\"\n\t\t\tclass:pause-animation={pause}\n\t\t\tstyle=\"animation-delay: {version === 1 ? '-1s' : '0s'}; animation-duration: {2 /\n\t\t\t\t+durationNum +\n\t\t\t\tdurationUnit};\"\n\t\t/>\n\t{/each}\n</span>\n\n<style>\n\t.wrapper {\n\t\tdisplay: inherit;\n\t\tposition: relative;\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t}\n\t.circle {\n\t\tposition: absolute;\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t\tborder: thick solid var(--rgba);\n\t\tborder-radius: 50%;\n\t\topacity: 1;\n\t\ttop: 0px;\n\t\tleft: 0px;\n\t\tanimation-fill-mode: both;\n\t\tanimation-iteration-count: infinite;\n\t\tanimation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.3, 0.61, 0.355, 1);\n\t\tanimation-direction: normal, normal;\n\t\tanimation-fill-mode: none, none;\n\t\tanimation-play-state: running, running;\n\t\tanimation-name: puff-1, puff-2;\n\t\tbox-sizing: border-box;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes puff-1 {\n\t\t0% {\n\t\t\ttransform: scale(0);\n\t\t}\n\t\t100% {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n\t@keyframes puff-2 {\n\t\t0% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 0;\n\t\t}\n\t}\n</style>\n","<script>import { range, durationUnitRegex } from './utils';\r\nexport let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '1.25s';\r\nexport let size = '60';\r\nexport let pause = false;\r\nlet durationUnit = duration.match(durationUnitRegex)?.[0] ?? 's';\r\nlet durationNum = duration.replace(durationUnitRegex, '');\r\n</script>\n\n<div class=\"wrapper\" style=\"--size: {size}{unit}; --color: {color}; --duration: {duration};\">\n\t{#each range(10, 0) as version}\n\t\t<div\n\t\t\tclass=\"bar\"\n\t\t\tclass:pause-animation={pause}\n\t\t\tstyle=\"left: {version * (+size / 5 + (+size / 15 - +size / 100)) +\n\t\t\t\tunit}; animation-delay: {version * (+durationNum / 8.3)}{durationUnit};\"\n\t\t/>\n\t{/each}\n</div>\n\n<style>\n\t.wrapper {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: calc(var(--size) * 2.5);\n\t\theight: var(--size);\n\t\toverflow: hidden;\n\t}\n\t.bar {\n\t\tposition: absolute;\n\t\ttop: calc(var(--size) / 10);\n\t\twidth: calc(var(--size) / 5);\n\t\theight: calc(var(--size) / 10);\n\t\tmargin-top: calc(var(--size) - var(--size) / 10);\n\t\ttransform: skewY(0deg);\n\t\tbackground-color: var(--color);\n\t\tanimation: motion var(--duration) ease-in-out infinite;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes motion {\n\t\t25% {\n\t\t\ttransform: skewY(25deg);\n\t\t}\n\t\t50% {\n\t\t\theight: 100%;\n\t\t\tmargin-top: 0;\n\t\t}\n\t\t75% {\n\t\t\ttransform: skewY(-25deg);\n\t\t}\n\t}\n</style>\n","<script>export let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '8s';\r\nexport let size = '60';\r\nexport let pause = false;\r\n</script>\n\n<div\n\tstyle=\"--size: {size}{unit}; --color:{color}; --duration:{duration}\"\n\tclass:pause-animation={pause}\n/>\n\n<style>\n\tdiv {\n\t\tposition: relative;\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t\tbackground-color: transparent;\n\t\tbox-shadow: inset 0px 0px 0px 2px var(--color);\n\t\tborder-radius: 50%;\n\t}\n\tdiv::before,\n\tdiv::after {\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tbackground-color: var(--color);\n\t}\n\tdiv::after {\n\t\twidth: calc(var(--size) / 2.4);\n\t\theight: 2px;\n\t\ttop: calc(var(--size) / 2);\n\t\tleft: calc(var(--size) / 2);\n\t\ttransform-origin: 1px 1px;\n\t\tanimation: rotate calc(var(--duration) / 4) linear infinite;\n\t}\n\tdiv::before {\n\t\twidth: calc(var(--size) / 3);\n\t\theight: 2px;\n\t\ttop: calc((var(--size) / 2));\n\t\tleft: calc((var(--size) / 2));\n\t\ttransform-origin: 1px 1px;\n\t\tanimation: rotate var(--duration) linear infinite;\n\t}\n\t.pause-animation,\n\t.pause-animation::before,\n\t.pause-animation::after {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes rotate {\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n</style>\n","<script>export let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '1.5s';\r\nexport let size = '60';\r\nexport let pause = false;\r\n</script>\n\n<span\n\tstyle=\"--size: {size}{unit}; --color:{color}; --duration: {duration};\"\n\tclass:pause-animation={pause}\n>\n\t<div />\n\t<div />\n\t<div />\n</span>\n\n<style>\n\tspan {\n\t\twidth: var(--size);\n\t\theight: calc(var(--size) / 4);\n\t\tposition: relative;\n\t\tdisplay: block;\n\t}\n\tdiv {\n\t\twidth: calc(var(--size) / 4);\n\t\theight: calc(var(--size) / 4);\n\t\tposition: absolute;\n\t\tleft: 0%;\n\t\ttop: 0;\n\t\tborder-radius: 2px;\n\t\tbackground: var(--color);\n\t\ttransform: translateX(-50%) rotate(45deg) scale(0);\n\t\tanimation: diamonds var(--duration) linear infinite;\n\t}\n\tdiv:nth-child(1) {\n\t\tanimation-delay: calc(var(--duration) * 2 / 3 * -1);\n\t}\n\tdiv:nth-child(2) {\n\t\tanimation-delay: calc(var(--duration) * 2 / 3 * -2);\n\t}\n\tdiv:nth-child(3) {\n\t\tanimation-delay: calc(var(--duration) * 2 / 3 * -3);\n\t}\n\t.pause-animation div {\n\t\tanimation-play-state: paused;\n\t}\n\n\t@keyframes diamonds {\n\t\t50% {\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%) rotate(45deg) scale(1);\n\t\t}\n\t\t100% {\n\t\t\tleft: 100%;\n\t\t\ttransform: translateX(-50%) rotate(45deg) scale(0);\n\t\t}\n\t}\n</style>\n","<script>import { calculateRgba } from './utils';\r\nexport let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '1.3s';\r\nexport let size = '60';\r\nexport let pause = false;\r\nlet rgba;\r\n$: rgba = calculateRgba(color, 0.6);\r\n</script>\n\n<div\n\tclass=\"wrapper\"\n\tstyle=\"--size: {size}{unit}; --color: {color}; --rgba: {rgba}; --duration: {duration};\"\n>\n\t<div class=\"spinner-inner\" class:pause-animation={pause}>\n\t\t<div id=\"top\" class=\"mask\">\n\t\t\t<div class=\"plane\" />\n\t\t</div>\n\t\t<div id=\"middle\" class=\"mask\">\n\t\t\t<div class=\"plane\" />\n\t\t</div>\n\t\t<div id=\"bottom\" class=\"mask\">\n\t\t\t<div class=\"plane\" />\n\t\t</div>\n\t</div>\n</div>\n\n<style>\n\t.wrapper {\n\t\theight: var(--size);\n\t\twidth: var(--size);\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\t.wrapper * {\n\t\tline-height: 0;\n\t\tbox-sizing: border-box;\n\t}\n\t.spinner-inner {\n\t\theight: var(--size);\n\t\twidth: var(--size);\n\t\ttransform: scale(calc(var(--size) / 70));\n\t}\n\n\t.mask {\n\t\tposition: absolute;\n\t\tborder-radius: 2px;\n\t\toverflow: hidden;\n\t\tperspective: 1000;\n\t\tbackface-visibility: hidden;\n\t}\n\n\t.plane {\n\t\tbackground: var(--color);\n\t\twidth: 400%;\n\t\theight: 100%;\n\t\tposition: absolute;\n\t\tz-index: 100;\n\t\tperspective: 1000;\n\t\tbackface-visibility: hidden;\n\t}\n\n\t#top .plane {\n\t\tz-index: 2000;\n\t\tanimation: trans1 var(--duration) ease-in infinite 0s backwards;\n\t}\n\t#middle .plane {\n\t\ttransform: translate3d(0px, 0, 0);\n\t\tbackground: var(--rgba);\n\t\tanimation: trans2 var(--duration) linear infinite calc(var(--duration) / 4) backwards;\n\t}\n\t#bottom .plane {\n\t\tz-index: 2000;\n\t\tanimation: trans3 var(--duration) ease-out infinite calc(var(--duration) / 2) backwards;\n\t}\n\t#top {\n\t\twidth: 53px;\n\t\theight: 20px;\n\t\tleft: 20px;\n\t\ttop: 5px;\n\t\ttransform: skew(-15deg, 0);\n\t\tz-index: 100;\n\t}\n\t#middle {\n\t\twidth: 33px;\n\t\theight: 20px;\n\t\tleft: 20px;\n\t\ttop: 21px;\n\t\ttransform: skew(-15deg, 40deg);\n\t}\n\t#bottom {\n\t\twidth: 53px;\n\t\theight: 20px;\n\t\ttop: 35px;\n\t\ttransform: skew(-15deg, 0);\n\t}\n\n\t.pause-animation .plane {\n\t\tanimation-play-state: paused;\n\t}\n\n\t@keyframes trans1 {\n\t\tfrom {\n\t\t\ttransform: translate3d(53px, 0, 0);\n\t\t}\n\t\tto {\n\t\t\ttransform: translate3d(-250px, 0, 0);\n\t\t}\n\t}\n\t@keyframes trans2 {\n\t\tfrom {\n\t\t\ttransform: translate3d(-160px, 0, 0);\n\t\t}\n\t\tto {\n\t\t\ttransform: translate3d(53px, 0, 0);\n\t\t}\n\t}\n\t@keyframes trans3 {\n\t\tfrom {\n\t\t\ttransform: translate3d(53px, 0, 0);\n\t\t}\n\t\tto {\n\t\t\ttransform: translate3d(-220px, 0, 0);\n\t\t}\n\t}\n</style>\n","<script>export let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '0.6s';\r\nexport let size = '60';\r\nexport let pause = false;\r\nlet moonSize = +size / 7;\r\nlet top = +size / 2 - moonSize / 2;\r\n</script>\n\n<div\n\tclass=\"wrapper\"\n\tclass:pause-animation={pause}\n\tstyle=\"--size: {size}{unit}; --color: {color}; --moonSize: {top}{unit}; --duration: {duration};\"\n>\n\t<div class=\"circle-one\" class:pause-animation={pause} />\n\t<div class=\"circle-two\" class:pause-animation={pause} />\n</div>\n\n<style>\n\t.wrapper {\n\t\theight: var(--size);\n\t\twidth: var(--size);\n\t\tborder-radius: 100%;\n\t\tanimation: moonStretchDelay var(--duration) 0s infinite linear;\n\t\tanimation-fill-mode: forwards;\n\t\tposition: relative;\n\t}\n\t.circle-one {\n\t\ttop: var(--moonSize);\n\t\tbackground-color: var(--color);\n\t\twidth: calc(var(--size) / 7);\n\t\theight: calc(var(--size) / 7);\n\t\tborder-radius: 100%;\n\t\tanimation: moonStretchDelay var(--duration) 0s infinite linear;\n\t\tanimation-fill-mode: forwards;\n\t\topacity: 0.8;\n\t\tposition: absolute;\n\t}\n\t.circle-two {\n\t\topacity: 0.1;\n\t\tborder: calc(var(--size) / 7) solid var(--color);\n\t\theight: var(--size);\n\t\twidth: var(--size);\n\t\tborder-radius: 100%;\n\t\tbox-sizing: border-box;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes moonStretchDelay {\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n</style>\n","<script>export let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '1.7s';\r\nexport let size = '60';\r\nexport let pause = false;\r\n</script>\n\n<div class=\"wrapper\" style=\"--size: {size}{unit}; --color: {color}; --duration: {duration};\">\n\t<div class=\"shadow\" class:pause-animation={pause} />\n</div>\n\n<style>\n\t.wrapper {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t}\n\t.shadow {\n\t\tcolor: var(--color);\n\t\tfont-size: var(--size);\n\t\toverflow: hidden;\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t\tborder-radius: 50%;\n\t\tmargin: 28px auto;\n\t\tposition: relative;\n\t\ttransform: translateZ(0);\n\t\tanimation: load var(--duration) infinite ease, round var(--duration) infinite ease;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes load {\n\t\t0% {\n\t\t\tbox-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,\n\t\t\t\t0 -0.83em 0 -0.477em;\n\t\t}\n\t\t5%,\n\t\t95% {\n\t\t\tbox-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,\n\t\t\t\t0 -0.83em 0 -0.477em;\n\t\t}\n\t\t10%,\n\t\t59% {\n\t\t\tbox-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em,\n\t\t\t\t-0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;\n\t\t}\n\t\t20% {\n\t\t\tbox-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em,\n\t\t\t\t-0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;\n\t\t}\n\t\t38% {\n\t\t\tbox-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em,\n\t\t\t\t-0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;\n\t\t}\n\t\t100% {\n\t\t\tbox-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em,\n\t\t\t\t0 -0.83em 0 -0.477em;\n\t\t}\n\t}\n\t@keyframes round {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n</style>\n","<script>export let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '3s';\r\nexport let size = '60';\r\nexport let pause = false;\r\n</script>\n\n<div\n\tclass=\"square\"\n\tclass:pause-animation={pause}\n\tstyle=\"--size: {size}{unit}; --color: {color}; --duration: {duration};\"\n/>\n\n<style>\n\t.square {\n\t\theight: var(--size);\n\t\twidth: var(--size);\n\t\tbackground-color: var(--color);\n\t\tanimation: squareDelay var(--duration) 0s infinite cubic-bezier(0.09, 0.57, 0.49, 0.9);\n\t\tanimation-fill-mode: both;\n\t\tperspective: 100px;\n\t\tdisplay: inline-block;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes squareDelay {\n\t\t25% {\n\t\t\t-webkit-transform: rotateX(180deg) rotateY(0);\n\t\t\ttransform: rotateX(180deg) rotateY(0);\n\t\t}\n\t\t50% {\n\t\t\t-webkit-transform: rotateX(180deg) rotateY(180deg);\n\t\t\ttransform: rotateX(180deg) rotateY(180deg);\n\t\t}\n\t\t75% {\n\t\t\t-webkit-transform: rotateX(0) rotateY(180deg);\n\t\t\ttransform: rotateX(0) rotateY(180deg);\n\t\t}\n\t\t100% {\n\t\t\t-webkit-transform: rotateX(0) rotateY(0);\n\t\t\ttransform: rotateX(0) rotateY(0);\n\t\t}\n\t}\n</style>\n","<script>import { durationUnitRegex, range } from './utils';\r\nexport let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '2s';\r\nexport let size = '60';\r\nexport let pause = false;\r\nlet durationUnit = duration.match(durationUnitRegex)?.[0] ?? 's';\r\nlet durationNum = duration.replace(durationUnitRegex, '');\r\n</script>\n\n<div class=\"wrapper\" style=\"--size: {size}{unit}; --color: {color}; --duration: {duration};\">\n\t<div class=\"spinner\" class:pause-animation={pause}>\n\t\t{#each range(2, 0) as version}\n\t\t\t<div\n\t\t\t\tclass=\"dot\"\n\t\t\t\tclass:pause-animation={pause}\n\t\t\t\tstyle=\"animation-delay: {version === 1\n\t\t\t\t\t? `${+durationNum / 2}${durationUnit}`\n\t\t\t\t\t: '0s'}; {version === 1 ? 'bottom: 0;' : ''} {version === 1 ? 'top: auto;' : ''}\"\n\t\t\t/>\n\t\t{/each}\n\t</div>\n</div>\n\n<style>\n\t.wrapper {\n\t\theight: var(--size);\n\t\twidth: var(--size);\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\t.spinner {\n\t\theight: var(--size);\n\t\twidth: var(--size);\n\t\tanimation: rotate var(--duration) infinite linear;\n\t}\n\t.dot {\n\t\twidth: 60%;\n\t\theight: 60%;\n\t\tdisplay: inline-block;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tbackground-color: var(--color);\n\t\tborder-radius: 100%;\n\t\tanimation: bounce var(--duration) infinite ease-in-out;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\n\t@keyframes rotate {\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n\t@keyframes bounce {\n\t\t0%,\n\t\t100% {\n\t\t\ttransform: scale(0);\n\t\t}\n\t\t50% {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n</style>\n","<script>import { range, durationUnitRegex } from './utils';\r\nexport let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '2.5s';\r\nexport let size = '60';\r\nexport let pause = false;\r\nlet durationUnit = duration.match(durationUnitRegex)?.[0] ?? 's';\r\nlet durationNum = duration.replace(durationUnitRegex, '');\r\n</script>\n\n<div\n\tclass=\"wrapper\"\n\tstyle=\"--size: {size}{unit}; --color: {color}; --motionOne: {-size /\n\t\t5}{unit}; --motionTwo: {+size / 4}{unit}; --motionThree: {-size /\n\t\t5}{unit}; --duration: {duration};\"\n>\n\t{#each range(6, 0) as version}\n\t\t<div\n\t\t\tclass=\"ring\"\n\t\t\tclass:pause-animation={pause}\n\t\t\tstyle=\"animation-delay: {version * (+durationNum / 25)}{durationUnit}; width: {version *\n\t\t\t\t(+size / 6) +\n\t\t\t\tunit}; height: {(version * (+size / 6)) / 2 + unit}; \"\n\t\t/>\n\t{/each}\n</div>\n\n<style>\n\t.wrapper {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t}\n\t.ring {\n\t\tposition: absolute;\n\t\tborder: 2px solid var(--color);\n\t\tborder-radius: 50%;\n\t\tbackground-color: transparent;\n\t\tanimation: motion var(--duration) ease infinite;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes motion {\n\t\t0% {\n\t\t\ttransform: translateY(var(--motionOne));\n\t\t}\n\t\t50% {\n\t\t\ttransform: translateY(var(--motionTwo));\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateY(var(--motionThree));\n\t\t}\n\t}\n</style>\n","<script>import { range, durationUnitRegex } from './utils';\r\nexport let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '1.5s';\r\nexport let size = '60';\r\nexport let pause = false;\r\nlet durationUnit = duration.match(durationUnitRegex)?.[0] ?? 's';\r\nlet durationNum = duration.replace(durationUnitRegex, '');\r\n</script>\n\n<div class=\"wrapper\" style=\"--size: {size}{unit}; --color: {color}; --duration: {duration}\">\n\t{#each range(3, 0) as version}\n\t\t<div\n\t\t\tclass=\"cube\"\n\t\t\tclass:pause-animation={pause}\n\t\t\tstyle=\"animation-delay: {version * (+durationNum / 10)}{durationUnit}; left: {version *\n\t\t\t\t(+size / 3 + +size / 15) +\n\t\t\t\tunit};\"\n\t\t/>\n\t{/each}\n</div>\n\n<style>\n\t.wrapper {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: var(--size);\n\t\theight: calc(var(--size) / 2.5);\n\t}\n\t.cube {\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\twidth: calc(var(--size) / 5);\n\t\theight: calc(var(--size) / 2.5);\n\t\tbackground-color: var(--color);\n\t\tanimation: motion var(--duration) cubic-bezier(0.895, 0.03, 0.685, 0.22) infinite;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes motion {\n\t\t0% {\n\t\t\topacity: 1;\n\t\t}\n\t\t50% {\n\t\t\topacity: 0;\n\t\t}\n\t\t100% {\n\t\t\topacity: 1;\n\t\t}\n\t}\n</style>\n","<script>export let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '1.25s';\r\nexport let size = '60';\r\nexport let pause = false;\r\n</script>\n\n<div class=\"wrapper\" style=\"--size: {size}{unit}; --color: {color}; --duration: {duration};\">\n\t<div class=\"firework\" class:pause-animation={pause} />\n</div>\n\n<style>\n\t.wrapper {\n\t\twidth: calc(var(--size) * 1.3);\n\t\theight: calc(var(--size) * 1.3);\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\t.firework {\n\t\tborder: calc(var(--size) / 10) dotted var(--color);\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t\tborder-radius: 50%;\n\t\tanimation: fire var(--duration) cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\n\t@keyframes fire {\n\t\t0% {\n\t\t\topacity: 1;\n\t\t\ttransform: scale(0.1);\n\t\t}\n\t\t25% {\n\t\t\topacity: 0.85;\n\t\t}\n\t\t100% {\n\t\t\ttransform: scale(1);\n\t\t\topacity: 0;\n\t\t}\n\t}\n</style>\n","<script>export let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '3s';\r\nexport let size = '60';\r\nexport let pause = false;\r\n</script>\n\n<div class=\"wrapper\" style=\"--size: {size}{unit}; --color: {color}; --duration: {duration};\">\n\t<div class=\"rainbow\" class:pause-animation={pause} />\n</div>\n\n<style>\n\t.wrapper {\n\t\twidth: var(--size);\n\t\theight: calc(var(--size) / 2);\n\t\toverflow: hidden;\n\t}\n\t.rainbow {\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t\tborder-left-color: transparent;\n\t\tborder-bottom-color: transparent;\n\t\tborder-top-color: var(--color);\n\t\tborder-right-color: var(--color);\n\t\tbox-sizing: border-box;\n\t\ttransform: rotate(-200deg);\n\t\tborder-radius: 50%;\n\t\tborder-style: solid;\n\t\tanimation: var(--duration) ease-in-out 0s infinite normal none running rotate;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes rotate {\n\t\t0% {\n\t\t\tborder-width: 10px;\n\t\t}\n\t\t25% {\n\t\t\tborder-width: 3px;\n\t\t}\n\t\t50% {\n\t\t\ttransform: rotate(115deg);\n\t\t\tborder-width: 10px;\n\t\t}\n\t\t75% {\n\t\t\tborder-width: 3px;\n\t\t}\n\t\t100% {\n\t\t\tborder-width: 10px;\n\t\t}\n\t}\n</style>\n","<script>import { range, durationUnitRegex } from './utils';\r\nexport let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '0.6s';\r\nexport let size = '60';\r\nexport let pause = false;\r\nlet durationUnit = duration.match(durationUnitRegex)?.[0] ?? 's';\r\nlet durationNum = duration.replace(durationUnitRegex, '');\r\n</script>\n\n<div class=\"wrapper\" style=\"--size:{size}{unit}; --duration: {duration};\">\n\t{#each range(3, 1) as i}\n\t\t<div\n\t\t\tclass=\"dot\"\n\t\t\tclass:pause-animation={pause}\n\t\t\tstyle=\"--dotSize:{+size * 0.25}{unit}; --color:{color}; animation-delay:  {i *\n\t\t\t\t(+durationNum / 10)}{durationUnit};\"\n\t\t/>\n\t{/each}\n</div>\n\n<style>\n\t.wrapper {\n\t\theight: var(--size);\n\t\twidth: var(--size);\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.dot {\n\t\theight: var(--dotSize);\n\t\twidth: var(--dotSize);\n\t\tbackground-color: var(--color);\n\t\tmargin: 2px;\n\t\tdisplay: inline-block;\n\t\tborder-radius: 100%;\n\t\tanimation: sync var(--duration) ease-in-out infinite alternate both running;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\n\t@-webkit-keyframes sync {\n\t\t33% {\n\t\t\t-webkit-transform: translateY(10px);\n\t\t\ttransform: translateY(10px);\n\t\t}\n\t\t66% {\n\t\t\t-webkit-transform: translateY(-10px);\n\t\t\ttransform: translateY(-10px);\n\t\t}\n\t\t100% {\n\t\t\t-webkit-transform: translateY(0);\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\t@keyframes sync {\n\t\t33% {\n\t\t\t-webkit-transform: translateY(10px);\n\t\t\ttransform: translateY(10px);\n\t\t}\n\t\t66% {\n\t\t\t-webkit-transform: translateY(-10px);\n\t\t\ttransform: translateY(-10px);\n\t\t}\n\t\t100% {\n\t\t\t-webkit-transform: translateY(0);\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n</style>\n","<script>import { range } from './utils';\r\nexport let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '2s';\r\nexport let size = '60';\r\nexport let pause = false;\r\n</script>\n\n<div class=\"wrapper\" style=\"--size: {size}{unit}; --color: {color}; --duration: {duration};\">\n\t{#each range(2, 1) as version}\n\t\t<div class=\"border {version}\" class:pause-animation={pause} />\n\t{/each}\n</div>\n\n<style>\n\t.wrapper {\n\t\tposition: relative;\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t}\n\t.border {\n\t\tborder-color: var(--color);\n\t\tposition: absolute;\n\t\ttop: 0px;\n\t\tleft: 0px;\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t\topacity: 0.4;\n\t\tperspective: 800px;\n\t\tborder-width: 6px;\n\t\tborder-style: solid;\n\t\tborder-image: initial;\n\t\tborder-radius: 100%;\n\t}\n\t.border.\\31 {\n\t\tanimation: var(--duration) linear 0s infinite normal none running ringOne;\n\t}\n\t.border.\\32 {\n\t\tanimation: var(--duration) linear 0s infinite normal none running ringTwo;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\n\t@keyframes ringOne {\n\t\t0% {\n\t\t\ttransform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n\t\t}\n\t}\n\t@keyframes ringTwo {\n\t\t0% {\n\t\t\ttransform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n\t\t}\n\t}\n</style>\n","<script>import { range, durationUnitRegex } from './utils';\r\nexport let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '1s';\r\nexport let size = '60';\r\nexport let pause = false;\r\nlet durationUnit = duration.match(durationUnitRegex)?.[0] ?? 's';\r\nlet durationNum = duration.replace(durationUnitRegex, '');\r\n</script>\n\n<div class=\"wrapper\" style=\"--size: {size}{unit}; --color: {color}; --duration: {duration};\">\n\t{#each range(3, 1) as version}\n\t\t<div\n\t\t\tclass=\"circle\"\n\t\t\tclass:pause-animation={pause}\n\t\t\tstyle=\"animation-delay: {(+durationNum / 3) * (version - 1) + durationUnit};\"\n\t\t/>\n\t{/each}\n</div>\n\n<style>\n\t.wrapper {\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t}\n\t.circle {\n\t\tborder-radius: 100%;\n\t\tanimation-fill-mode: both;\n\t\tposition: absolute;\n\t\topacity: 0;\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t\tbackground-color: var(--color);\n\t\tanimation: bounce var(--duration) linear infinite;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes bounce {\n\t\t0% {\n\t\t\topacity: 0;\n\t\t\ttransform: scale(0);\n\t\t}\n\t\t5% {\n\t\t\topacity: 1;\n\t\t}\n\t\t100% {\n\t\t\topacity: 0;\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n</style>\n","<script>import { calculateRgba, range } from './utils';\r\nexport let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '2.1s';\r\nexport let size = '60';\r\nexport let pause = false;\r\nlet rgba;\r\n$: rgba = calculateRgba(color, 0.2);\r\n</script>\n\n<div class=\"wrapper\" style=\"--size: {size}{unit}; --rgba:{rgba}\">\n\t{#each range(2, 1) as version}\n\t\t<div\n\t\t\tclass=\"lines small-lines {version}\"\n\t\t\tclass:pause-animation={pause}\n\t\t\tstyle=\"--color: {color}; --duration: {duration};\"\n\t\t/>\n\t{/each}\n</div>\n\n<style>\n\t.wrapper {\n\t\theight: calc(var(--size) / 15);\n\t\twidth: calc(var(--size) * 2);\n\t\tbackground-color: var(--rgba);\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tbackground-clip: padding-box;\n\t}\n\t.lines {\n\t\theight: calc(var(--size) / 15);\n\t\tbackground-color: var(--color);\n\t}\n\n\t.small-lines {\n\t\tposition: absolute;\n\t\toverflow: hidden;\n\t\tbackground-clip: padding-box;\n\t\tdisplay: block;\n\t\tborder-radius: 2px;\n\t\twill-change: left, right;\n\t\tanimation-fill-mode: forwards;\n\t}\n\t.small-lines.\\31 {\n\t\tanimation: var(--duration) cubic-bezier(0.65, 0.815, 0.735, 0.395) 0s infinite normal none\n\t\t\trunning long;\n\t}\n\t.small-lines.\\32 {\n\t\tanimation: var(--duration) cubic-bezier(0.165, 0.84, 0.44, 1) calc((var(--duration) + 0.1) / 2)\n\t\t\tinfinite normal none running short;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\n\t@keyframes long {\n\t\t0% {\n\t\t\tleft: -35%;\n\t\t\tright: 100%;\n\t\t}\n\t\t60% {\n\t\t\tleft: 100%;\n\t\t\tright: -90%;\n\t\t}\n\t\t100% {\n\t\t\tleft: 100%;\n\t\t\tright: -90%;\n\t\t}\n\t}\n\t@keyframes short {\n\t\t0% {\n\t\t\tleft: -200%;\n\t\t\tright: 100%;\n\t\t}\n\t\t60% {\n\t\t\tleft: 107%;\n\t\t\tright: -8%;\n\t\t}\n\t\t100% {\n\t\t\tleft: 107%;\n\t\t\tright: -8%;\n\t\t}\n\t}\n</style>\n","<script>import { range, durationUnitRegex } from './utils';\r\nexport let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '1.2s';\r\nexport let size = '60';\r\nexport let pause = false;\r\nlet durationUnit = duration.match(durationUnitRegex)?.[0] ?? 's';\r\nlet durationNum = duration.replace(durationUnitRegex, '');\r\n</script>\n\n<div class=\"wrapper\" style=\"--size: {size}{unit}; --color: {color}; --duration: {duration}\">\n\t{#each range(5, 1) as version}\n\t\t<div\n\t\t\tclass=\"rect\"\n\t\t\tclass:pause-animation={pause}\n\t\t\tstyle=\"animation-delay: {(version - 1) * (+durationNum / 12)}{durationUnit}\"\n\t\t/>\n\t{/each}\n</div>\n\n<style>\n\t.wrapper {\n\t\theight: var(--size);\n\t\twidth: var(--size);\n\t\tdisplay: inline-block;\n\t\ttext-align: center;\n\t\tfont-size: 10px;\n\t}\n\t.rect {\n\t\theight: 100%;\n\t\twidth: 10%;\n\t\tdisplay: inline-block;\n\t\tmargin-right: 4px;\n\t\ttransform: scaleY(0.4);\n\t\tbackground-color: var(--color);\n\t\tanimation: stretch var(--duration) ease-in-out infinite;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes stretch {\n\t\t0%,\n\t\t40%,\n\t\t100% {\n\t\t\ttransform: scaleY(0.4);\n\t\t}\n\t\t20% {\n\t\t\ttransform: scaleY(1);\n\t\t}\n\t}\n</style>\n","<script>export let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '4s';\r\nexport let size = '60';\r\nexport let stroke = +size / 12 + unit;\r\nexport let pause = false;\r\n</script>\n\n<div\n\tclass=\"wrapper\"\n\tstyle=\"--size: {size}{unit}; --color: {color}; --stroke: {stroke}; --floatSize: {size}; --duration: {duration}\"\n>\n\t<div class=\"line\" class:pause-animation={pause} />\n</div>\n\n<style>\n\t.wrapper {\n\t\twidth: var(--size);\n\t\theight: var(--stroke);\n\t\ttransform: scale(calc(var(--floatSize) / 75));\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\t.line {\n\t\twidth: var(--size);\n\t\theight: var(--stroke);\n\t\tbackground: var(--color);\n\t\tborder-radius: var(--stroke);\n\t\ttransform-origin: center center;\n\t\tanimation: spineLine var(--duration) ease infinite;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes spineLine {\n\t\t0% {\n\t\t\ttransform: rotate(-20deg);\n\t\t\theight: 5px;\n\t\t\twidth: 75px;\n\t\t}\n\t\t5% {\n\t\t\theight: 5px;\n\t\t\twidth: 75px;\n\t\t}\n\t\t30% {\n\t\t\ttransform: rotate(380deg);\n\t\t\theight: 5px;\n\t\t\twidth: 75px;\n\t\t}\n\t\t40% {\n\t\t\ttransform: rotate(360deg);\n\t\t\theight: 5px;\n\t\t\twidth: 75px;\n\t\t}\n\t\t55% {\n\t\t\ttransform: rotate(0deg);\n\t\t\theight: 5px;\n\t\t\twidth: 5px;\n\t\t}\n\t\t65% {\n\t\t\ttransform: rotate(0deg);\n\t\t\theight: 5px;\n\t\t\twidth: 85px;\n\t\t}\n\t\t68% {\n\t\t\ttransform: rotate(0deg);\n\t\t\theight: 5px;\n\t\t}\n\t\t75% {\n\t\t\ttransform: rotate(0deg);\n\t\t\theight: 5px;\n\t\t\twidth: 1px;\n\t\t}\n\t\t78% {\n\t\t\theight: 5px;\n\t\t\twidth: 5px;\n\t\t}\n\t\t90% {\n\t\t\theight: 5px;\n\t\t\twidth: 75px;\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t99%,\n\t\t100% {\n\t\t\theight: 5px;\n\t\t\twidth: 75px;\n\t\t\ttransform: rotate(-20deg);\n\t\t}\n\t}\n</style>\n","<script>export let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '1s';\r\nexport let size = '60';\r\nexport let pause = false;\r\n</script>\n\n<div\n\tclass=\"wrapper\"\n\tstyle=\"--size: {size}{unit}; --color: {color}; --duration: {duration}; --duration: {duration};\"\n>\n\t<div class=\"circle\" class:pause-animation={pause} />\n</div>\n\n<style>\n\t.wrapper {\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t}\n\t.circle {\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t\tbackground-color: var(--color);\n\t\tanimation-duration: var(--duration);\n\t\tborder-radius: 100%;\n\t\tdisplay: inline-block;\n\t\tanimation: scaleOut var(--duration) ease-in-out infinite;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes scaleOut {\n\t\t0% {\n\t\t\ttransform: scale(0);\n\t\t}\n\t\t100% {\n\t\t\ttransform: scale(1);\n\t\t\topacity: 0;\n\t\t}\n\t}\n</style>\n","<script>\n\texport let size = '40px';\n\texport let duration = '3s';\n\texport let pause = false;\n\t$: styles = [`width: ${size}`, `height: ${size}`].join(';');\n</script>\n\n<div\n\tclass=\"spinner spinner--google\"\n\tclass:pause-animation={pause}\n\tstyle=\"--duration: {duration}; {styles}\"\n/>\n\n<style>\n\t* {\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t\ttext-indent: -9999px;\n\t\tdisplay: inline-block;\n\t\tbackground: #f86;\n\t\tborder-radius: 50%;\n\t\ttransform: rotateZ(90deg);\n\t\ttransform-origin: 50% 50%;\n\t\tanimation: plus-loader-background var(--duration) infinite ease-in-out;\n\t}\n\n\t*::after {\n\t\tbackground: #f86;\n\t\tborder-radius: 50% 0 0 50%;\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tright: 50%;\n\t\ttop: 0;\n\t\twidth: 50%;\n\t\theight: 100%;\n\t\ttransform-origin: 100% 50%;\n\t\tanimation: plus-loader-top var(--duration) infinite linear;\n\t}\n\n\t*::before {\n\t\tbackground: #fc6;\n\t\tborder-radius: 50% 0 0 50%;\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tright: 50%;\n\t\ttop: 0;\n\t\twidth: 50%;\n\t\theight: 100%;\n\t\ttransform-origin: 100% 50%;\n\t\tanimation: plus-loader-bottom var(--duration) infinite linear;\n\t}\n\t.pause-animation,\n\t.pause-animation::before,\n\t.pause-animation::after {\n\t\tanimation-play-state: paused;\n\t}\n\n\t@keyframes plus-loader-top {\n\t\t2.5% {\n\t\t\tbackground: #f86;\n\t\t\ttransform: rotateY(0deg);\n\t\t\tanimation-timing-function: ease-in;\n\t\t}\n\n\t\t13.75% {\n\t\t\tbackground: #ff430d;\n\t\t\ttransform: rotateY(90deg);\n\t\t\tanimation-timing-function: step-start;\n\t\t}\n\n\t\t13.76% {\n\t\t\tbackground: #ffae0d;\n\t\t\ttransform: rotateY(90deg);\n\t\t\tanimation-timing-function: ease-out;\n\t\t}\n\n\t\t25% {\n\t\t\tbackground: #fc6;\n\t\t\ttransform: rotateY(180deg);\n\t\t}\n\n\t\t27.5% {\n\t\t\tbackground: #fc6;\n\t\t\ttransform: rotateY(180deg);\n\t\t\tanimation-timing-function: ease-in;\n\t\t}\n\n\t\t41.25% {\n\t\t\tbackground: #ffae0d;\n\t\t\ttransform: rotateY(90deg);\n\t\t\tanimation-timing-function: step-start;\n\t\t}\n\n\t\t41.26% {\n\t\t\tbackground: #2cc642;\n\t\t\ttransform: rotateY(90deg);\n\t\t\tanimation-timing-function: ease-out;\n\t\t}\n\n\t\t50% {\n\t\t\tbackground: #6d7;\n\t\t\ttransform: rotateY(0deg);\n\t\t}\n\n\t\t52.5% {\n\t\t\tbackground: #6d7;\n\t\t\ttransform: rotateY(0deg);\n\t\t\tanimation-timing-function: ease-in;\n\t\t}\n\n\t\t63.75% {\n\t\t\tbackground: #2cc642;\n\t\t\ttransform: rotateY(90deg);\n\t\t\tanimation-timing-function: step-start;\n\t\t}\n\n\t\t63.76% {\n\t\t\tbackground: #1386d2;\n\t\t\ttransform: rotateY(90deg);\n\t\t\tanimation-timing-function: ease-out;\n\t\t}\n\n\t\t75% {\n\t\t\tbackground: #4ae;\n\t\t\ttransform: rotateY(180deg);\n\t\t}\n\n\t\t77.5% {\n\t\t\tbackground: #4ae;\n\t\t\ttransform: rotateY(180deg);\n\t\t\tanimation-timing-function: ease-in;\n\t\t}\n\n\t\t91.25% {\n\t\t\tbackground: #1386d2;\n\t\t\ttransform: rotateY(90deg);\n\t\t\tanimation-timing-function: step-start;\n\t\t}\n\n\t\t91.26% {\n\t\t\tbackground: #ff430d;\n\t\t\ttransform: rotateY(90deg);\n\t\t\tanimation-timing-function: ease-in;\n\t\t}\n\n\t\t100% {\n\t\t\tbackground: #f86;\n\t\t\ttransform: rotateY(0deg);\n\t\t\tanimation-timing-function: step-start;\n\t\t}\n\t}\n\n\t@keyframes plus-loader-bottom {\n\t\t0% {\n\t\t\tbackground: #fc6;\n\t\t\tanimation-timing-function: step-start;\n\t\t}\n\n\t\t50% {\n\t\t\tbackground: #fc6;\n\t\t\tanimation-timing-function: step-start;\n\t\t}\n\n\t\t75% {\n\t\t\tbackground: #4ae;\n\t\t\tanimation-timing-function: step-start;\n\t\t}\n\n\t\t100% {\n\t\t\tbackground: #4ae;\n\t\t\tanimation-timing-function: step-start;\n\t\t}\n\t}\n\n\t@keyframes plus-loader-background {\n\t\t0% {\n\t\t\tbackground: #f86;\n\t\t\ttransform: rotateZ(180deg);\n\t\t}\n\n\t\t25% {\n\t\t\tbackground: #f86;\n\t\t\ttransform: rotateZ(180deg);\n\t\t\tanimation-timing-function: step-start;\n\t\t}\n\n\t\t27.5% {\n\t\t\tbackground: #6d7;\n\t\t\ttransform: rotateZ(90deg);\n\t\t}\n\n\t\t50% {\n\t\t\tbackground: #6d7;\n\t\t\ttransform: rotateZ(90deg);\n\t\t\tanimation-timing-function: step-start;\n\t\t}\n\n\t\t52.5% {\n\t\t\tbackground: #6d7;\n\t\t\ttransform: rotateZ(0deg);\n\t\t}\n\n\t\t75% {\n\t\t\tbackground: #6d7;\n\t\t\ttransform: rotateZ(0deg);\n\t\t\tanimation-timing-function: step-start;\n\t\t}\n\n\t\t77.5% {\n\t\t\tbackground: #f86;\n\t\t\ttransform: rotateZ(270deg);\n\t\t}\n\n\t\t100% {\n\t\t\tbackground: #f86;\n\t\t\ttransform: rotateZ(270deg);\n\t\t\tanimation-timing-function: step-start;\n\t\t}\n\t}\n</style>\n","<script>import { range, durationUnitRegex } from './utils';\r\nexport let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '2.1s';\r\nexport let size = '60';\r\nexport let pause = false;\r\nlet durationUnit = duration.match(durationUnitRegex)?.[0] ?? 's';\r\nlet durationNum = duration.replace(durationUnitRegex, '');\r\n</script>\n\n<div class=\"wrapper\" style=\"--size: {size}{unit}; --color: {color}\">\n\t{#each range(2, 1) as version}\n\t\t<div\n\t\t\tclass=\"circle\"\n\t\t\tclass:pause-animation={pause}\n\t\t\tstyle=\"animation: {duration} {version === 1\n\t\t\t\t? `${(+durationNum - 0.1) / 2}${durationUnit}`\n\t\t\t\t: `0s`} infinite ease-in-out\"\n\t\t/>\n\t{/each}\n</div>\n\n<style>\n\t.wrapper {\n\t\tposition: relative;\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t}\n\t.circle {\n\t\tposition: absolute;\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t\tbackground-color: var(--color);\n\t\tborder-radius: 100%;\n\t\topacity: 0.6;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tanimation-fill-mode: both;\n\t\tanimation-name: bounce !important;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes bounce {\n\t\t0%,\n\t\t100% {\n\t\t\ttransform: scale(0);\n\t\t}\n\t\t50% {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n</style>\n","<script>export let size = '60';\r\nexport let unit = 'px';\r\nexport let pause = false;\r\nexport let ballTopLeft = '#FF3E00';\r\nexport let ballTopRight = '#F8B334';\r\nexport let ballBottomLeft = '#40B3FF';\r\nexport let ballBottomRight = '#676778';\r\nexport let duration = '1.5s';\r\n</script>\n\n<div\n\tclass=\"wrapper\"\n\tstyle=\"--size: {size}{unit}; --floatSize: {size}; --ballTopLeftColor: {ballTopLeft}; --ballTopRightColor: {ballTopRight}; --ballBottomLeftColor: {ballBottomLeft}; --ballBottomRightColor: {ballBottomRight}; --duration: {duration};\"\n>\n\t<div class=\"inner\">\n\t\t<div class=\"ball-container\" class:pause-animation={pause}>\n\t\t\t<div class=\"single-ball\">\n\t\t\t\t<div class=\"ball ball-top-left\" class:pause-animation={pause}>&nbsp;</div>\n\t\t\t</div>\n\t\t\t<div class=\"contener_mixte\">\n\t\t\t\t<div class=\"ball ball-top-right\" class:pause-animation={pause}>&nbsp;</div>\n\t\t\t</div>\n\t\t\t<div class=\"contener_mixte\">\n\t\t\t\t<div class=\"ball ball-bottom-left\" class:pause-animation={pause}>&nbsp;</div>\n\t\t\t</div>\n\t\t\t<div class=\"contener_mixte\">\n\t\t\t\t<div class=\"ball ball-bottom-right\" class:pause-animation={pause}>&nbsp;</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</div>\n\n<style>\n\t.wrapper {\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tline-height: 0;\n\t\tbox-sizing: border-box;\n\t}\n\t.inner {\n\t\ttransform: scale(calc(var(--floatSize) / 52));\n\t}\n\t.ball-container {\n\t\tanimation: ballTwo var(--duration) infinite;\n\t\twidth: 44px;\n\t\theight: 44px;\n\t\tflex-shrink: 0;\n\t\tposition: relative;\n\t}\n\t.single-ball {\n\t\twidth: 44px;\n\t\theight: 44px;\n\t\tposition: absolute;\n\t}\n\t.ball {\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tborder-radius: 50%;\n\t\tposition: absolute;\n\t\tanimation: ballOne var(--duration) infinite ease;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t.ball-top-left {\n\t\tbackground-color: var(--ballTopLeftColor);\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\t.ball-top-right {\n\t\tbackground-color: var(--ballTopRightColor);\n\t\ttop: 0;\n\t\tleft: 24px;\n\t}\n\t.ball-bottom-left {\n\t\tbackground-color: var(--ballBottomLeftColor);\n\t\ttop: 24px;\n\t\tleft: 0;\n\t}\n\t.ball-bottom-right {\n\t\tbackground-color: var(--ballBottomRightColor);\n\t\ttop: 24px;\n\t\tleft: 24px;\n\t}\n\t@keyframes ballOne {\n\t\t0% {\n\t\t\tposition: absolute;\n\t\t}\n\t\t50% {\n\t\t\ttop: 12px;\n\t\t\tleft: 12px;\n\t\t\tposition: absolute;\n\t\t\topacity: 0.5;\n\t\t}\n\t\t100% {\n\t\t\tposition: absolute;\n\t\t}\n\t}\n\t@keyframes ballTwo {\n\t\t0% {\n\t\t\ttransform: rotate(0deg) scale(1);\n\t\t}\n\t\t50% {\n\t\t\ttransform: rotate(360deg) scale(1.3);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(720deg) scale(1);\n\t\t}\n\t}\n</style>\n","<script>export let size = '60';\r\nexport let unit = 'px';\r\nexport let pause = false;\r\nexport let colorOuter = '#FF3E00';\r\nexport let colorCenter = '#40B3FF';\r\nexport let colorInner = '#676778';\r\nexport let durationMultiplier = 1;\r\nexport let durationOuter = `${durationMultiplier * 2}s`;\r\nexport let durationInner = `${durationMultiplier * 1.5}s`;\r\nexport let durationCenter = `${durationMultiplier * 3}s`;\r\n</script>\n\n<div\n\tclass=\"circle\"\n\tclass:pause-animation={pause}\n\tstyle=\"--size: {size}{unit}; --colorInner: {colorInner}; --colorCenter: {colorCenter}; --colorOuter: {colorOuter}; --durationInner: {durationInner}; --durationCenter: {durationCenter}; --durationOuter: {durationOuter};\"\n/>\n\n<style>\n\t.circle {\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t\tbox-sizing: border-box;\n\t\tposition: relative;\n\t\tborder: 3px solid transparent;\n\t\tborder-top-color: var(--colorOuter);\n\t\tborder-radius: 50%;\n\t\tanimation: circleSpin var(--durationOuter) linear infinite;\n\t}\n\t.circle::before,\n\t.circle::after {\n\t\tcontent: '';\n\t\tbox-sizing: border-box;\n\t\tposition: absolute;\n\t\tborder: 3px solid transparent;\n\t\tborder-radius: 50%;\n\t}\n\t.circle::after {\n\t\tborder-top-color: var(--colorInner);\n\t\ttop: 9px;\n\t\tleft: 9px;\n\t\tright: 9px;\n\t\tbottom: 9px;\n\t\tanimation: circleSpin var(--durationInner) linear infinite;\n\t}\n\t.circle::before {\n\t\tborder-top-color: var(--colorCenter);\n\t\ttop: 3px;\n\t\tleft: 3px;\n\t\tright: 3px;\n\t\tbottom: 3px;\n\t\tanimation: circleSpin var(--durationCenter) linear infinite;\n\t}\n\t.pause-animation,\n\t.pause-animation::after,\n\t.pause-animation::before {\n\t\tanimation-play-state: paused;\n\t}\n\n\t@keyframes circleSpin {\n\t\t0% {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n</style>\n","<script>export let color = '#FF3E00';\r\nexport let unit = 'px';\r\nexport let duration = '0.75s';\r\nexport let size = '60';\r\nexport let pause = false;\r\n</script>\n\n<div\n\tclass=\"circle\"\n\tclass:pause-animation={pause}\n\tstyle=\"--size: {size}{unit}; --color: {color}; --duration: {duration}\"\n/>\n\n<style>\n\t.circle {\n\t\theight: var(--size);\n\t\twidth: var(--size);\n\t\tborder-color: var(--color) transparent var(--color) var(--color);\n\t\tborder-width: calc(var(--size) / 15);\n\t\tborder-style: solid;\n\t\tborder-image: initial;\n\t\tborder-radius: 50%;\n\t\tanimation: var(--duration) linear 0s infinite normal none running rotate;\n\t}\n\t.pause-animation {\n\t\tanimation-play-state: paused;\n\t}\n\t@keyframes rotate {\n\t\t0% {\n\t\t\ttransform: rotate(0);\n\t\t}\n\t\t100% {\n\t\t\ttransform: rotate(360deg);\n\t\t}\n\t}\n</style>\n","<script>\n\timport { Circle } from 'svelte-loading-spinners';\n</script>\n\n<div class=\"overlay\">\n    <Circle size=\"60\" color=\"#2271b1\" unit=\"px\" duration=\"1s\" />\n</div>\n\n<style>\n    .overlay {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      z-index: 10001;\n      display: flex;\n      align-items: top;\n      justify-content: center;\n      background: hsla(0, 0%, 100%, .9);\n      padding: 50px 0px;\n    }\n  </style>","\n:root {\n  --fc-daygrid-event-dot-width: 8px;\n}\n/* help things clear margins of inner content */\n.fc-daygrid-day-frame,\n.fc-daygrid-day-events,\n.fc-daygrid-event-harness { /* for event top/bottom margins */\n}\n.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {\n  content: \"\";\n  clear: both;\n  display: table; }\n.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {\n  content: \"\";\n  clear: both;\n  display: table; }\n.fc .fc-daygrid-body { /* a <div> that wraps the table */\n    position: relative;\n    z-index: 1; /* container inner z-index's because <tr>s can't do it */\n  }\n.fc .fc-daygrid-day.fc-day-today {\n      background-color: rgba(255, 220, 40, 0.15);\n      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));\n    }\n.fc .fc-daygrid-day-frame {\n    position: relative;\n    min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */\n  }\n.fc {\n\n  /* cell top */\n\n}\n.fc .fc-daygrid-day-top {\n    display: flex;\n    flex-direction: row-reverse;\n  }\n.fc .fc-day-other .fc-daygrid-day-top {\n    opacity: 0.3;\n  }\n.fc {\n\n  /* day number (within cell top) */\n\n}\n.fc .fc-daygrid-day-number {\n    position: relative;\n    z-index: 4;\n    padding: 4px;\n  }\n.fc {\n\n  /* event container */\n\n}\n.fc .fc-daygrid-day-events {\n    margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */\n  }\n.fc {\n\n  /* positioning for balanced vs natural */\n\n}\n.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {\n      position: absolute;\n      left: 0;\n      right: 0;\n    }\n.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {\n      position: relative; /* for containing abs positioned event harnesses */\n      min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */\n    }\n.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */\n  }\n.fc .fc-daygrid-body-natural .fc-daygrid-day-events {\n      margin-bottom: 1em;\n    }\n.fc {\n\n  /* event harness */\n\n}\n.fc .fc-daygrid-event-harness {\n    position: relative;\n  }\n.fc .fc-daygrid-event-harness-abs {\n    position: absolute;\n    top: 0; /* fallback coords for when cannot yet be computed */\n    left: 0; /* */\n    right: 0; /* */\n  }\n.fc .fc-daygrid-bg-harness {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n  }\n.fc {\n\n  /* bg content */\n\n}\n.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }\n.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }\n.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }\n.fc {\n\n  /* events */\n\n}\n.fc .fc-daygrid-event {\n    z-index: 6;\n    margin-top: 1px;\n  }\n.fc .fc-daygrid-event.fc-event-mirror {\n    z-index: 7;\n  }\n.fc {\n\n  /* cell bottom (within day-events) */\n\n}\n.fc .fc-daygrid-day-bottom {\n    font-size: .85em;\n    padding: 2px 3px 0\n  }\n.fc .fc-daygrid-day-bottom:before {\n  content: \"\";\n  clear: both;\n  display: table; }\n.fc .fc-daygrid-more-link {\n    position: relative;\n    z-index: 4;\n    cursor: pointer;\n  }\n.fc {\n\n  /* week number (within frame) */\n\n}\n.fc .fc-daygrid-week-number {\n    position: absolute;\n    z-index: 5;\n    top: 0;\n    padding: 2px;\n    min-width: 1.5em;\n    text-align: center;\n    background-color: rgba(208, 208, 208, 0.3);\n    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));\n    color: #808080;\n    color: var(--fc-neutral-text-color, #808080);\n  }\n.fc {\n\n  /* popover */\n\n}\n.fc .fc-more-popover .fc-popover-body {\n    min-width: 220px;\n    padding: 10px;\n  }\n.fc-direction-ltr .fc-daygrid-event.fc-event-start,\n.fc-direction-rtl .fc-daygrid-event.fc-event-end {\n  margin-left: 2px;\n}\n.fc-direction-ltr .fc-daygrid-event.fc-event-end,\n.fc-direction-rtl .fc-daygrid-event.fc-event-start {\n  margin-right: 2px;\n}\n.fc-direction-ltr .fc-daygrid-week-number {\n    left: 0;\n    border-radius: 0 0 3px 0;\n  }\n.fc-direction-rtl .fc-daygrid-week-number {\n    right: 0;\n    border-radius: 0 0 0 3px;\n  }\n.fc-liquid-hack .fc-daygrid-day-frame {\n    position: static; /* will cause inner absolute stuff to expand to <td> */\n  }\n.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */\n  position: relative; /* for z-indexes assigned later */\n  white-space: nowrap;\n  border-radius: 3px; /* dot event needs this to when selected */\n  font-size: .85em;\n  font-size: var(--fc-small-font-size, .85em);\n}\n/* --- the rectangle (\"block\") style of event --- */\n.fc-daygrid-block-event .fc-event-time {\n    font-weight: bold;\n  }\n.fc-daygrid-block-event .fc-event-time,\n  .fc-daygrid-block-event .fc-event-title {\n    padding: 1px;\n  }\n/* --- the dot style of event --- */\n.fc-daygrid-dot-event {\n  display: flex;\n  align-items: center;\n  padding: 2px 0\n\n}\n.fc-daygrid-dot-event .fc-event-title {\n    flex-grow: 1;\n    flex-shrink: 1;\n    min-width: 0; /* important for allowing to shrink all the way */\n    overflow: hidden;\n    font-weight: bold;\n  }\n.fc-daygrid-dot-event:hover,\n  .fc-daygrid-dot-event.fc-event-mirror {\n    background: rgba(0, 0, 0, 0.1);\n  }\n.fc-daygrid-dot-event.fc-event-selected:before {\n    /* expand hit area */\n    top: -10px;\n    bottom: -10px;\n  }\n.fc-daygrid-event-dot { /* the actual dot */\n  margin: 0 4px;\n  box-sizing: content-box;\n  width: 0;\n  height: 0;\n  border: 4px solid #3788d8;\n  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);\n  border-radius: 4px;\n  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);\n}\n/* --- spacing between time and title --- */\n.fc-direction-ltr .fc-daygrid-event .fc-event-time {\n    margin-right: 3px;\n  }\n.fc-direction-rtl .fc-daygrid-event .fc-event-time {\n    margin-left: 3px;\n  }\n"],"names":[],"version":3,"file":"main.css.map"}