/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */ @layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--color-red-400:#ff6568;--color-gray-50:#f9fafb;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-600:#4a5565;--color-gray-800:#1e2939;--color-neutral-400:#a1a1a1;--spacing:0.25rem;--font-weight-medium:500;--font-weight-bold:700;--tracking-normal:0em;--tracking-wider:0.05em;--leading-tight:1.25;--leading-normal:1.5;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--color-brand-500:#3892f8;--color-brand-800:#1d4bb0;--color-surface-50:#f5f7fa;--color-surface-200:#d2dbe5;--color-surface-700:#3b5169;--color-text-50:#21282e;--color-text-100:#374151;--color-text-300:#45515f;--color-text-400:#5c6e80;--color-text-600:#8899a8;--color-text-950:#f6f8f9;--color-white-50:#ffffff}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type="button"],[type="reset"],[type="submit"]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden="until-found"])){display:none !important}}@layer utilities{.relative{position:relative}.isolate{isolation:isolate}.z-0{z-index:0}.z-30{z-index:30}.container{width:100%;@media (width >= 640px){max-width:640px}@media (width >= 768px){max-width:768px}@media (width >= 1024px){max-width:1024px}}.mt-0{margin-top:0}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mr-0{margin-right:0}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-0{margin-left:0}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[1\/1\]{aspect-ratio:1/1}.h-auto{height:auto}.w-16{width:calc(var(--spacing) * 16)}.w-\[100\%\]{width:100%}.w-auto{width:auto}.w-full{width:100%}.max-w-\[8och\]{max-width:8och}.max-w-\[80ch\]{max-width:80ch}.max-w-\[100\%\]{max-width:100%}.shrink-0{flex-shrink:0}.origin-center{transform-origin:center}.translate-x-\[0px\]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[0px\]{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-x-\[100\%\]{--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-y-\[100\%\]{--tw-scale-y:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-\[0deg\]{rotate:0deg}.skew-x-\[0deg\]{--tw-skew-x:skewX(0deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.skew-y-\[0deg\]{--tw-skew-y:skewY(0deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.grid-flow-row{grid-auto-flow:row}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.content-normal{align-content:normal}.items-center{align-items:center}.justify-center{justify-content:center}.justify-normal{justify-content:normal}.justify-items-normal{justify-items:normal}.gap-0{gap:0}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}.self-center{align-self:center}.justify-self-center{justify-self:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded-lg{border-radius:0.5rem}.rounded-tl{border-top-left-radius:0.3829191810344828rem}.rounded-tr{border-top-right-radius:0.3829191810344828rem}.rounded-br{border-bottom-right-radius:0.3829191810344828rem}.rounded-bl{border-bottom-left-radius:0.3829191810344828rem}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0.0rem}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0.0rem}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:0.12rem}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0.0rem}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0.0rem}.border-solid{--tw-border-style:solid;border-style:solid}.border-surface-200\/\[100\%\]{border-color:var(--color-surface-200)}.border-surface-700{border-color:var(--color-surface-700)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-surface-50{background-color:var(--color-surface-50)}.bg-white-50\/\(--bgColorOpacity\){background-color:#ffffff;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white-50) var(--bgColorOpacity),transparent)}}.bg-\[url\(resources\/bernie-hero\.JPG\)\]{background-image:url(resources/bernie-hero.JPG)}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.object-cover{object-fit:cover}.object-center{object-position:center}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-0{padding-top:0}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-80{padding-top:calc(var(--spacing) * 80)}.pr-0{padding-right:0}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pb-0{padding-bottom:0}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-80{padding-bottom:calc(var(--spacing) * 80)}.pl-0{padding-left:0}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.font-body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','sans-serif'}.font-heading{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','sans-serif'}.text-2xl{font-size:1.50rem;line-height:var(--tw-leading,2.00rem)}.text-5xl{font-size:3.00rem;line-height:var(--tw-leading,3.50rem)}.text-6xl{font-size:3.75rem;line-height:var(--tw-leading,4.50rem)}.text-lg{font-size:1.12rem;line-height:var(--tw-leading,1.75rem)}.text-sm{font-size:0.88rem;line-height:var(--tw-leading,1.25rem)}.text-xl{font-size:1.25rem;line-height:var(--tw-leading,1.75rem)}.text-xs{font-size:0.75rem;line-height:var(--tw-leading,1.00rem)}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-\[100\]{--tw-font-weight:100;font-weight:100}.font-\[200\]{--tw-font-weight:200;font-weight:200}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-gray-50{color:var(--color-gray-50)}.text-gray-200{color:var(--color-gray-200)}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-red-400{color:var(--color-red-400)}.text-text-50{color:var(--color-text-50)}.text-text-50\/\(--textColorOpacity\){color:#21282e;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-text-50) var(--textColorOpacity),transparent)}}.text-text-100\/\(--buttonFontAndTextStylesColorOpacity\){color:#374151;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-text-100) var(--buttonFontAndTextStylesColorOpacity),transparent)}}.text-text-100\/\(--textColorOpacity\){color:#374151;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-text-100) var(--textColorOpacity),transparent)}}.text-text-300\/\(--textColorOpacity\){color:#45515f;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-text-300) var(--textColorOpacity),transparent)}}.text-text-400{color:var(--color-text-400)}.text-text-600\/\(--textColorOpacity\){color:#8899a8;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-text-600) var(--textColorOpacity),transparent)}}.text-text-950\/\(--textColorOpacity\){color:#f6f8f9;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-text-950) var(--textColorOpacity),transparent)}}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.opacity-\[100\%\]{opacity:100%}.shadow{--tw-shadow:0px 2px 4px 0px var(--tw-shadow-color,rgba(26,41,82,0.20)),0px 6px 6px 0px var(--tw-shadow-color,rgba(26,41,82,0.20));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.brightness-\[100\%\]{--tw-brightness:brightness(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-\[150\%\]{--tw-brightness:brightness(150%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-none{--tw-drop-shadow:;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.saturate-\[0\%\]{--tw-saturate:saturate(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-\[0ms\]{transition-delay:0ms}.duration-\[300ms\]{--tw-duration:300ms;transition-duration:300ms}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[--bgColorOpacity\:100\%\]{--bgColorOpacity:100%}.\[--box-shadow-opacity\:100\%\]{--box-shadow-opacity:100%}.\[--buttonFontAndTextStylesColorOpacity\:100\%\]{--buttonFontAndTextStylesColorOpacity:100%}.\[--textColorOpacity\:80\%\]{--textColorOpacity:80%}.\[--textColorOpacity\:100\%\]{--textColorOpacity:100%}.text-shadow-none{text-shadow:none}.group-hover\/flex\:translate-x-\[0px\]{&:is(:where(.group\/flex):hover *){@media (hover:hover){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}}}.group-hover\/flex\:translate-y-\[0px\]{&:is(:where(.group\/flex):hover *){@media (hover:hover){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}}}.group-hover\/flex\:scale-x-\[105\%\]{&:is(:where(.group\/flex):hover *){@media (hover:hover){--tw-scale-x:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.group-hover\/flex\:scale-y-\[105\%\]{&:is(:where(.group\/flex):hover *){@media (hover:hover){--tw-scale-y:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.group-hover\/flex\:rotate-\[-90deg\]{&:is(:where(.group\/flex):hover *){@media (hover:hover){rotate:-90deg}}}.group-hover\/flex\:rotate-\[0deg\]{&:is(:where(.group\/flex):hover *){@media (hover:hover){rotate:0deg}}}.group-hover\/flex\:rotate-\[180deg\]{&:is(:where(.group\/flex):hover *){@media (hover:hover){rotate:180deg}}}.group-hover\/flex\:skew-x-\[0deg\]{&:is(:where(.group\/flex):hover *){@media (hover:hover){--tw-skew-x:skewX(0deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}}.group-hover\/flex\:skew-y-\[0deg\]{&:is(:where(.group\/flex):hover *){@media (hover:hover){--tw-skew-y:skewY(0deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}}.group-hover\/rwE4B4B28B_083E_458E_9BED_5611DA239287\:brightness-\[100\%\]{&:is(:where(.group\/rwE4B4B28B_083E_458E_9BED_5611DA239287):hover *){@media (hover:hover){--tw-brightness:brightness(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}}.group-hover\/rwE4B4B28B_083E_458E_9BED_5611DA239287\:drop-shadow-none{&:is(:where(.group\/rwE4B4B28B_083E_458E_9BED_5611DA239287):hover *){@media (hover:hover){--tw-drop-shadow:;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}}.group-hover\/rwE4B4B28B_083E_458E_9BED_5611DA239287\:saturate-\[100\%\]{&:is(:where(.group\/rwE4B4B28B_083E_458E_9BED_5611DA239287):hover *){@media (hover:hover){--tw-saturate:saturate(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}}.peer-hover\:bg-\[url\(resources\/bernie-hero\.JPG\)\]{&:is(:where(.peer):hover ~ *){@media (hover:hover){background-image:url(resources/bernie-hero.JPG)}}}.peer-hover\:bg-cover{&:is(:where(.peer):hover ~ *){@media (hover:hover){background-size:cover}}}.peer-hover\:bg-center{&:is(:where(.peer):hover ~ *){@media (hover:hover){background-position:center}}}.peer-hover\:bg-no-repeat{&:is(:where(.peer):hover ~ *){@media (hover:hover){background-repeat:no-repeat}}}.last\:border-none{&:last-child{--tw-border-style:none;border-style:none}}.hover\:translate-x-\[0px\]{&:hover{@media (hover:hover){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}}}.hover\:translate-y-\[0px\]{&:hover{@media (hover:hover){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}}}.hover\:scale-x-\[100\%\]{&:hover{@media (hover:hover){--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.hover\:scale-x-\[105\%\]{&:hover{@media (hover:hover){--tw-scale-x:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.hover\:scale-y-\[100\%\]{&:hover{@media (hover:hover){--tw-scale-y:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.hover\:scale-y-\[105\%\]{&:hover{@media (hover:hover){--tw-scale-y:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.hover\:rotate-\[0deg\]{&:hover{@media (hover:hover){rotate:0deg}}}.hover\:skew-x-\[0deg\]{&:hover{@media (hover:hover){--tw-skew-x:skewX(0deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}}.hover\:skew-y-\[0deg\]{&:hover{@media (hover:hover){--tw-skew-y:skewY(0deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}}.hover\:bg-neutral-400\/\(--bgColorOpacityEnd\){&:hover{@media (hover:hover){background-color:#a1a1a1;@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-neutral-400) var(--bgColorOpacityEnd),transparent)}}}}.hover\:bg-\[url\(resources\/bernie-hero\.JPG\)\]{&:hover{@media (hover:hover){background-image:url(resources/bernie-hero.JPG)}}}.hover\:bg-cover{&:hover{@media (hover:hover){background-size:cover}}}.hover\:bg-center{&:hover{@media (hover:hover){background-position:center}}}.hover\:bg-no-repeat{&:hover{@media (hover:hover){background-repeat:no-repeat}}}.hover\:text-text-950\/\(--buttonFontAndTextStylesColorOpacityHover\){&:hover{@media (hover:hover){color:#f6f8f9;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-text-950) var(--buttonFontAndTextStylesColorOpacityHover),transparent)}}}}.hover\:opacity-\[100\%\]{&:hover{@media (hover:hover){opacity:100%}}}.hover\:shadow{&:hover{@media (hover:hover){--tw-shadow:0px 2px 4px 0px var(--tw-shadow-color,rgba(26,41,82,0.20)),0px 6px 6px 0px var(--tw-shadow-color,rgba(26,41,82,0.20));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.hover\:brightness-\[100\%\]{&:hover{@media (hover:hover){--tw-brightness:brightness(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}}.hover\:drop-shadow-none{&:hover{@media (hover:hover){--tw-drop-shadow:;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}}.hover\:saturate-\[100\%\]{&:hover{@media (hover:hover){--tw-saturate:saturate(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}}.hover\:\[--bgColorOpacityEnd\:100\%\]{&:hover{@media (hover:hover){--bgColorOpacityEnd:100%}}}.hover\:\[--box-shadow-opacity\:100\%\]{&:hover{@media (hover:hover){--box-shadow-opacity:100%}}}.hover\:\[--buttonFontAndTextStylesColorOpacityHover\:100\%\]{&:hover{@media (hover:hover){--buttonFontAndTextStylesColorOpacityHover:100%}}}.hover\:text-shadow-none{&:hover{@media (hover:hover){text-shadow:none}}}.sm\:grid-cols-2{@media (width >= 640px){grid-template-columns:repeat(2,minmax(0,1fr))}}.sm\:text-lg{@media (width >= 640px){font-size:1.12rem;line-height:var(--tw-leading,1.75rem)}}.md\:grid-cols-2{@media (width >= 768px){grid-template-columns:repeat(2,minmax(0,1fr))}}.md\:grid-cols-3{@media (width >= 768px){grid-template-columns:repeat(3,minmax(0,1fr))}}.md\:text-3xl{@media (width >= 768px){font-size:1.88rem;line-height:var(--tw-leading,2.25rem)}}.md\:text-6xl{@media (width >= 768px){font-size:3.75rem;line-height:var(--tw-leading,4.50rem)}}.md\:text-base{@media (width >= 768px){font-size:1.00rem;line-height:var(--tw-leading,1.50rem)}}.md\:leading-normal{@media (width >= 768px){--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}}.lg\:grid-cols-2{@media (width >= 1024px){grid-template-columns:repeat(2,minmax(0,1fr))}}.lg\:grid-cols-3{@media (width >= 1024px){grid-template-columns:repeat(3,minmax(0,1fr))}}.lg\:gap-x-16{@media (width >= 1024px){column-gap:calc(var(--spacing) * 16)}}.lg\:pt-20{@media (width >= 1024px){padding-top:calc(var(--spacing) * 20)}}.lg\:pr-10{@media (width >= 1024px){padding-right:calc(var(--spacing) * 10)}}.lg\:pb-20{@media (width >= 1024px){padding-bottom:calc(var(--spacing) * 20)}}.lg\:pl-10{@media (width >= 1024px){padding-left:calc(var(--spacing) * 10)}}.lg\:text-xl{@media (width >= 1024px){font-size:1.25rem;line-height:var(--tw-leading,1.75rem)}}.\[\&_a\]\:font-\[400\]{& a{--tw-font-weight:400;font-weight:400}}.\[\&_a\]\:text-brand-500{& a{color:var(--color-brand-500)}}.\[\&_a\]\:no-underline{& a{text-decoration-line:none}}.\[\&_a\:hover\]\:font-\[400\]{& a:hover{--tw-font-weight:400;font-weight:400}}.\[\&_a\:hover\]\:text-brand-800{& a:hover{color:var(--color-brand-800)}}.\[\&_a\:hover\]\:no-underline{& a:hover{text-decoration-line:none}}.\[\&_a\:visited\]\:font-\[400\]{& a:visited{--tw-font-weight:400;font-weight:400}}.\[\&_a\:visited\]\:text-brand-800{& a:visited{color:var(--color-brand-800)}}.\[\&_a\:visited\]\:no-underline{& a:visited{text-decoration-line:none}}.\[\&\>\*\]\:col-start-1{&>*{grid-column-start:1}}.\[\&\>\*\]\:row-start-1{&>*{grid-row-start:1}}.\[\&\>\*\]\:min-w-0{&>*{min-width:0}}}@layer base{[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{appearance:none;background-color:#fff;border-color:#6a7282;border-width:1px;border-radius:0px;padding-top:0.5rem;padding-right:0.75rem;padding-bottom:0.5rem;padding-left:0.75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000;&:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#155dfc;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#155dfc}}input::placeholder,textarea::placeholder{color:#6a7282;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-date-and-time-value{text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236a7282' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:0.75rem;print-color-adjust:unset}[type='checkbox'],[type='radio']{appearance:none;padding:0;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#155dfc;background-color:#fff;border-color:#6a7282;border-width:1px;--tw-shadow:0 0 #0000}[type='checkbox']{border-radius:0px}[type='radio']{border-radius:100%}[type='checkbox']:focus,[type='radio']:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#155dfc;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type='checkbox']:checked,[type='radio']:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type='checkbox']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");@media (forced-colors:active){appearance:auto}}[type='radio']:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");@media (forced-colors:active){appearance:auto}}[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{border-color:transparent;background-color:currentColor}[type='checkbox']:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;@media (forced-colors:active){appearance:auto}}[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{border-color:transparent;background-color:currentColor}[type='file']{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type='file']:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%}}}.container{max-width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}.group\/rw5FD8B8C4_2148_46F4_AA47_E1A26190F960:has(>[data-rwx-droparea]){max-width:100%}.group\/rw5FD8B8C4_2148_46F4_AA47_E1A26190F960:not(:has(>[data-rwx-droparea])){max-width:unset}.group\/rw8048ED44_F2AA_4F44_9C09_F051E77129A9:has(>[data-rwx-droparea]){max-width:100%}.group\/rw8048ED44_F2AA_4F44_9C09_F051E77129A9:not(:has(>[data-rwx-droparea])){max-width:unset}.group\/rw530998F1_B56D_4F55_91C7_0D87DCEDE770:has(>[data-rwx-droparea]){max-width:100%}.group\/rw530998F1_B56D_4F55_91C7_0D87DCEDE770:not(:has(>[data-rwx-droparea])){max-width:unset}<!-- Google Kalender Terminliste (Version 2) ---------------------------------------- Einbau in RapidWeaver Elements:1. Neue "Custom Component" (HTML) in Elements anlegen. 2. Diesen kompletten Code in die "Template"-Ansicht der Komponente einfügen. 3. API_KEY ist bereits eingetragen. CALENDAR_IDS enthält beide Kalender. 4. Unten in den Konstanten kannst du:- PAST_DAYS:wie weit rückwirkend Termine geladen werden (aktuell 90 Tage) - PAST_RESULTS / FUTURE_RESULTS:wie viele Termine je Richtung und Kalender geladen werden - Die feste Höhe der scrollbaren Box (aktuell 480px,im style="" am div oben) 5. Die Klassen (z.B. text-text-50,bg-surface-900 etc.) kannst du danach ganz normal über Custom Classes im Elements-Inspector anpassen -- oder direkt hier im Code ändern. --> <div id="gcal-terminliste" class="flex flex-col gap-3 w-full overflow-y-auto pr-2" style="max-height: 480px; overflow-y: auto; display: flex;" > <p class="text-text-400 text-sm">Termine werden geladen …</p> </div> <script> (function (){const API_KEY = "AIzaSyCr0owrsIeZhAlz6eDAl1c1nRVbzjdJjSw";const CALENDAR_IDS =["5btjukodd3hgfekodnb5olh3rc@group.calendar.google.com","g67erlrgfht3v2cekftftdgg2c@group.calendar.google.com",];const PAST_DAYS = 90;// wie weit rückwirkend geladen wird const PAST_RESULTS = 10;// max. vergangene Termine PRO Kalender const FUTURE_RESULTS = 10;// max. zukünftige Termine PRO Kalender const container = document.getElementById("gcal-terminliste");const now = new Date();const nowIso = now.toISOString();const pastStart = new Date(now.getTime() - PAST_DAYS * 24 * 60 * 60 * 1000).toISOString();function buildUrl(calendarId,params){let url = "https://www.googleapis.com/calendar/v3/calendars/" + encodeURIComponent(calendarId) + "/events?key=" + API_KEY + "&singleEvents=true" + "&orderBy=startTime";Object.keys(params).forEach(function (key){url += "&" + key + "=" + encodeURIComponent(params[key])});return url}function fetchEvents(url){return fetch(url).then(function (res){if (!res.ok) throw new Error("Fehler beim Laden: " + res.status);return res.json()})}const requests =[];CALENDAR_IDS.forEach(function (id){// Vergangene Termine (aufsteigend sortiert,wir nehmen die letzten N -> die nähesten zu "jetzt") requests.push(fetchEvents(buildUrl(id,{timeMin:pastStart,timeMax:nowIso,maxResults:250,})).then(function (data){const items = data.items ||[];return items.slice(Math.max(0,items.length - PAST_RESULTS))}));// Zukünftige Termine requests.push(fetchEvents(buildUrl(id,{timeMin:nowIso,maxResults:FUTURE_RESULTS,})).then(function (data){return data.items ||[]}))});Promise.all(requests) .then(function (results){let events =[];results.forEach(function (items){events = events.concat(items)});// Nach Startzeit sortieren (Vergangenheit -> Zukunft) events.sort(function (a,b){const aStart = new Date(a.start.dateTime || a.start.date);const bStart = new Date(b.start.dateTime || b.start.date);return aStart - bStart});container.innerHTML = "";if (events.length === 0){container.innerHTML = '<p class="text-text-400 text-sm">Keine Termine im gewählten Zeitraum.</p>';return}events.forEach(function (ev){const start = ev.start.dateTime || ev.start.date;const isAllDay = !ev.start.dateTime;const dateObj = new Date(start);const isPast = dateObj < now;const dateStr = dateObj.toLocaleDateString("de-DE",{weekday:"short",});const timeStr = isAllDay ? "ganztägig":dateObj.toLocaleTimeString("de-DE",{hour:"2-digit",minute:"2-digit",});const item = document.createElement("div");item.className = "flex items-center gap-4 border-b border-surface-700 pb-3 last:border-none" + (isPast ? " opacity-60":"");item.innerHTML = '<div class="flex flex-col items-center justify-center w-16 shrink-0 bg-gray-600 rounded-lg py-2">' + '<span class="text-gray-200 text-xs uppercase">' + dateStr + '</span>' + '<span class="text-gray-50 text-lg font-bold">' + dateObj.getDate() + '.' + (dateObj.getMonth() + 1) + '.' + '</span>' + '</div>' + '<div class="flex flex-col">' + '<span class="text-text-50 font-medium">' + (ev.summary || "(Ohne Titel)") + '</span>' + '<span class="text-text-400 text-sm">' + timeStr + (ev.location ? " · " + ev.location:"") + '</span>' + '</div>';container.appendChild(item)})}) .catch(function (err){container.innerHTML = '<p class="text-red-400 text-sm">Termine konnten nicht geladen werden.</p>';console.error(err)})})();</script>