*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;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:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width:1400px){.container{max-width:1400px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-12{bottom:-3rem}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-2{top:.5rem}.top-3{top:.75rem}.top-\[94\%\]{top:94%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.col-span-full{grid-column:1/-1}.m-0{margin:0}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.\!mt-8{margin-top:2rem!important}.-mb-2{margin-bottom:-.5rem}.-mt-2{margin-top:-.5rem}.-mt-24{margin-top:-6rem}.-mt-4{margin-top:-1rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-24{margin-bottom:6rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-8{margin-right:2rem}.mr-auto{margin-right:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[508\/1000\]{aspect-ratio:508/1000}.aspect-square{aspect-ratio:1/1}.size-12{width:3rem;height:3rem}.size-6{width:1.5rem;height:1.5rem}.h-1\/2{height:50%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:15rem}.max-h-80{max-height:20rem}.max-h-\[350px\]{max-height:350px}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.min-h-12{min-height:3rem}.min-h-6{min-height:1.5rem}.min-h-8{min-height:2rem}.min-h-\[60vh\]{min-height:60vh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-12{min-width:3rem}.min-w-6{min-width:1.5rem}.min-w-8{min-width:2rem}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-\[320px\]{max-width:320px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.basis-1\/12{flex-basis:8.333333%}.basis-1\/5{flex-basis:20%}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-items-stretch{justify-items:stretch}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{column-gap:1rem}.gap-y-0{row-gap:0}.gap-y-4{row-gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-wrap{text-wrap:wrap}.text-pretty{text-wrap:pretty}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-amber-600{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-input{border-color:hsl(var(--input))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-yellow-800{--tw-border-opacity:1;border-color:rgb(133 77 14/var(--tw-border-opacity,1))}.bg-accent{background-color:hsl(var(--accent))}.bg-amber-100\/50{background-color:hsla(48,96%,89%,.5)}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-background{background-color:hsl(var(--background))}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-500\/75{background-color:hsla(220,9%,46%,.75)}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-primary{background-color:hsl(var(--primary))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-teal-500{--tw-bg-opacity:1;background-color:rgb(20 184 166/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(239,246,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-indigo-50{--tw-gradient-to:#eef2ff var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.\!pb-0{padding-bottom:0!important}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-muted{color:hsl(var(--muted))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.outline-dotted{outline-style:dotted}.outline-1{outline-width:1px}.outline-gray-300{outline-color:#d1d5db}.outline-red-600{outline-color:#dc2626}.ring-1{--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,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-gray-300{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.blur{--tw-blur:blur(8px);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)}.\!filter{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)!important}.filter{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)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.running{animation-play-state:running}:root{--header-height:60px;--max-w-content:1600px;--max-w-content-guestbook:1000px;--color-gray-1:#121212;--color-gray-2:#292929;--color-gray-3:#3d3d3d;--color-gray-4:#545454;--color-gray-5:grey;--color-gray-6:#a6a6a6;--color-gray-7:#ccc;--color-gray-8:#e0e0e0;--color-gray-9:#f2f2f2;--color-gray-10:#fafafa;--color-blue-1:#1d4fd7;--color-blue-2:#2c93ed;--color-blue-3:#3c83f6;--color-blue-4:#8abdff;--color-blue-5:#bdd9ff;--color-blue-6:#d6e8ff;--color-blue-7:#e6f1ff;--color-blue-8:#f0f6ff;--color-blue-9:#fafcff;--color-purple-1:#ba70ff;--color-purple-2:#d970ff;--color-green-1:#4cef43;--color-green-2:#b3ffb4;--color-orange-1:#f49725;--color-orange-2:#ffa600;--color-red-1:#ed4545;--color-red-2:#f86363;--color-red-3:#ffb8b8;--color-amber-1:#ffdc8a;--text-color:var(--color-gray-3);--text-color-dark:var(--color-gray-1);--text-color-muted:var(--color-gray-6);--background-color:var(--color-gray-9);--color-cta:var(--color-purple-1);--background-color-high-contrast:#fff;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius:0.5rem;--toggle-on-color:var(--color-blue-4);--toggle-off-color:var(--color-gray-8);--toggle-switch-button-color:#fff;--box-shadow:0px 0px 10px var(--color-gray-1);--box-shadow-light:0px 0px 2px var(--color-gray-1);--greyedout-color:var(--color-gray-5);--greyedout-border-color:var(--color-gray-6);--icon-size-listitem:2.75rem;--icon-size-actions:1.75rem;--icon-size-form-spacer:0.75rem;--header-background-color:var(--color-gray-10);--nav-top-grad:linear-gradient(to right,var(--color-blue-2),var(--color-purple-2),var(--color-purple-1));--nav-text-color:#fff;--nav-item-border:var(--color-gray-8);--footer-background-color:var(--color-gray-10);--grad-titles:linear-gradient(to right,var(--color-blue-2),var(--color-purple-2),var(--color-purple-1));--dashboard-home-bgc:#fff;--dashboard-nav-color:var(--color-blue-2);--dashboard-nav-color-current:var(--color-blue-2);--dashboard-main-color-bg:var(--color-blue-4);--dashboard-main-color-bg:#fff;--dashboard-cards-color:var(--color-blue-5);--dashboard-cards-color-hover:var(--color-blue-3);--maintenance-card-bg:#fff;--maintenance-card-text-color:var(--color-gray-2);--maintenance-card-border-color:var(--color-gray-3);--button-color:var(--color-blue-2);--button-color-hover:var(--color-blue-1);--button-color-disabled:var(--color-gray-10);--button-color-cancel:var(--color-red-2);--button-color-important:var(--color-red-2);.icon-button,.icon-listitem{outline:1px solid var(--text-color-muted)}--form-accent-color:var(--color-blue-7);--form-base-color:#fff;--form-text-color-input:var(--color-gray-2);--form-color-border:var(--color-gray-7);--form-highlight-color:var(--color-purple-1);--form-font-weight:400;--tiptap-toolbar-color:var(--text-color-dark);--toast-color-text:#fff;--toast-color-default:var(--color-orange-1);--toast-bgc-default:var(--color-gray-4);--swiper-pagination-color:var(--color-purple-1);--traffic-light-color-grey:var(--color-gray-10);--traffic-light-color-green:var(--color-green-2);--traffic-light-color-amber:var(--color-amber-1);--traffic-light-color-red:var(--color-red-3);--auth-link-highlighted:var(--color-red-1);--auth-card-bgc:#fff;--auth-logo-color:var(--color-gray-8);--auth-provider-hover:var(--color-gray-9);--loader-size:10px;--loader-time-gap:0.2s;--loader-color-1:var(--color-blue-2);--loader-color-2:var(--color-purple-2);--table-bg:#fff;--table-text-color:var(--text-color);--table-hover-color:var(--color-blue-5);--table-with-cards-bg:#fff;--table-with-cards-card-bg:var(--color-gray-8);--table-with-cards-card-hover-bg:var(--color-blue-5);--card-bgc:#fff;--card-foreground:var(--color-gray-10);--card-icon-bg:var(--color-blue-3);--card-icon-color-mono:#fff;--card-icon-color:var(--color-blue-3);--settings-card-highlight:var(--color-gray-10);--section-full-bleed-color:var(--color-blue-5);--guestbook-footer-bgc:#fff;--guestbook-footer-color:var(--color-gray-5);--guestbook-footer-color-active:var(--color-cta)}.dark{--text-color:var(--color-gray-9);--text-color-dark:var(--color-gray-2);--background-color:var(--color-gray-2);--background-color-high-contrast:var(--color-gray-1);--dashboard-home-bgc:var(--color-gray-3);--dashboard-nav-color:var(--color-gray-4);--dashboard-nav-color-current:var(--color-gray-4);--dashboard-cards-color:var(--color-gray-3);--dashboard-cards-color-hover:var(--color-gray-4);--dashboard-main-color-bg:var(--color-gray-3);--maintenance-card-bg:var(--color-gray-3);--maintenance-card-text-color:var(--color-gray-9);--maintenance-card-border-color:var(--color-gray-3);--header-background-color:var(--color-gray-4);--nav-top-grad:none;--footer-background-color:var(--color-gray-4);--nav-item-border:var(--color-gray-3);--form-base-color:var(--color-gray-6);--form-accent-color:var(--color-gray-2);--form-text-color-input:var(--color-gray-8);--form-color-border:var(--color-gray-6);--form-highlight-color:var(--color-purple-2);--auth-link-highlighted:var(--color-red-2);--auth-card-bgc:var(--color-gray-3);--auth-logo-color:#fff;--auth-provider-hover:var(--color-gray-4);--button-color:var(--color-gray-4);--button-color-hover:var(--color-gray-1);--button-color-disabled:var(--color-gray-8);--toggle-on-color:var(--color-gray-8);--toggle-off-color:var(--color-gray-4);--toggle-switch-button-color:var(--color-gray-9);--tiptap-toolbar-color:var(--text-color-dark);--table-bg:var(--color-gray-3);--table-text-color:var(--text-color);--table-hover-color:var(--color-gray-2);--table-with-cards-bg:var(--color-gray-4);--table-with-cards-card-bg:var(--color-gray-3);--table-with-cards-card-hover-bg:var(--color-gray-1);--card-bgc:var(--color-gray-3);--card-foreground:#f8fafc;--card-icon-bg:var(--color-gray-4);--card-icon-color-mono:#fff;--settings-card-highlight:var(--color-gray-1);--section-full-bleed-color:var(--color-gray-1);--section-full-bleed-color:#000}*,:after,:before{box-sizing:border-box}body,html{min-height:100%;
  /* !! issue CHANGE THIS, it should user the next js variable set in layout.tsx. NOT 'Roboto', sans-serif; */font-family:Roboto,sans-serif;color:var(--text-color)!important;background-color:var(--background-color);overflow-x:hidden}@media (max-width:767px){body{height:100dvh;overflow:hidden;display:flex;flex-direction:column}#scroll-wrapper{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}}footer .footer-wrapper,header nav,header-warning,main{max-width:min(var(--max-w-content),100dvw);margin-inline:auto;border:none;outline:none}header{height:var(--header-height);color:var(--nav-text-color);background-color:var(--header-background-color);background-image:var(--nav-top-grad);position:fixed;z-index:50;top:0;width:100%;min-width:100%;margin:0 auto;

  /* !! FIX FOR iOS FIXED SCROLLING BUG */-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);display:flex;justify-content:center;align-items:center}.header-warning{margin-top:1rem}main{min-height:100vh;min-height:100dvh;height:auto;padding-top:var(--header-height);padding-bottom:1rem}footer{padding:1rem;margin-top:3rem;background-color:var(--footer-background-color)}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}.footer-grid div.footer-section:first-child{border-right:1px solid var(--greyedout-border-color)}}.footer-section{display:flex;flex-direction:column}.footer-heading{font-size:1.125rem;font-weight:600;text-align:left}.footer-heading,.footer-text{margin-bottom:.5rem}.footer-links{list-style:none;padding:0;margin:0}.footer-link{text-transform:capitalize;text-decoration:none;transition:color .3s ease;&:hover{text-decoration:underline;opacity:.8}}.footer-social{display:flex;gap:1rem}.footer-social-icon{color:var(--text-color);transition:color .3s ease;&:hover{opacity:.8}}.footer-bottom{margin-top:2rem;padding-top:2rem;text-align:center}.footer-bottom-text{width:100%;text-align:center}:is(h1,h2,h3,h4,h5){text-wrap:balance;line-height:1.25em}:is(h1){font-size:3.5rem;font-weight:600;text-align:center}:is(h2){font-size:1.5rem}:is(p){text-align:left;margin-bottom:1rem}@supports (-webkit-text-wrap:pretty){:is(p){text-wrap:pretty}}.text-balance{text-align:center}@supports (-webkit-text-wrap:pretty){.text-balance{text-wrap:pretty}}@supports (text-wrap:balance){.text-balance{text-wrap:balance}}a:hover{text-decoration:underline}.light-text{font-size:.75rem;line-height:1rem;font-weight:300;color:inherit}.icon-button{min-width:var(--icon-size-actions);height:var(--icon-size-actions);aspect-ratio:1;padding:.2rem;border-radius:var(--radius-sm);color:var(--text-color);outline:2px solid var(--text-color);outline:1px solid var(--greyedout-border-color);display:flex;justify-content:center;align-items:center;transition:color .3s ease;&:hover{opacity:.8;cursor:pointer}}.icon-button.delete{&:hover{outline-color:var(--color-red-1);color:var(--color-red-1)}}.icon-button.withtext{padding-right:.25rem;min-width:6rem;aspect-ratio:inherit;justify-content:start;gap:1rem}.icon-button.cta,.icon-button.withtext.cta{background-color:var(--color-cta);color:#fff;outline-color:var(--color-cta)}.icon-listitem{min-width:var(--icon-size-listitem);width:var(--icon-size-listitem);aspect-ratio:1;padding:.2rem;border-radius:var(--radius-sm);color:var(--text-color);outline:2px solid var(--text-color)}nav button,nav ul li a{display:inline-block;font-size:1.15rem;opacity:1;transition:color .2s ease,transform .2s ease,opacity .2s ease;&:hover{text-decoration:none;transform:translateY(-2px);opacity:.85}&:focus{outline:2px solid var(--accent-color);outline-offset:2px}}nav ul li a.active{font-weight:600;color:var(--accent-color)}nav button{padding:.25rem 1rem;border-radius:var(--radius-sm)}nav .nav-links-main{text-transform:capitalize}nav .auth-links{position:relative}nav div.auth-links button{opacity:1}nav div.auth-links ul li{font-size:1.15rem}
/* !! Do not add padding here. It messes up the hover effect */nav .icon-profile:hover{cursor:pointer}nav .user-profile-menu{position:absolute;top:2.4rem;right:2.3rem;width:clamp(13rem,13rem,18rem);overflow-x:hidden;overflow-y:auto;padding-top:.25rem;padding-bottom:.5rem;padding-inline:0;outline:1px solid #d3d3d3;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;background-color:#fff;color:var(--text-color-dark);box-shadow:var(--box-shadow)}nav .user-profile-menu>div{padding-inline:.75rem;padding-block:.5rem}nav .user-profile-menu>div:first-child{padding-bottom:.5rem}nav .user-profile-menu>div:last-child{color:var(--auth-link-highlighted)}nav .user-profile-menu>div:hover{background-color:var(--color-gray-8);cursor:pointer}nav .user-profile-menu>div a:hover{text-decoration-line:none}nav .user-profile-menu>div:first-child:hover{cursor:inherit;background-color:inherit}nav .user-profile-menu>div.divider{width:100%;height:1px;max-height:1px;padding:0;margin:0;background-color:var(--color-gray-9)}nav .user-profile-menu>div.divider:hover{background-color:inherit}nav .user-profile-menu button#dark-mode-toggle{outline:none;background-color:var(--color-cta);color:#fff}nav .user-profile-menu svg{padding:.15rem;outline:1px solid var(--text-color-muted);border-radius:var(--radius-sm)}nav.mobile-menu{border:none;color:var(--text-color);text-transform:capitalize}nav.mobile-menu,nav.mobile-menu a{font-size:1.4rem}nav.mobile-menu li button{font-size:1.2rem}nav.mobile-menu button.mobile-menu-button,nav.mobile-menu div.site-logo{position:fixed;top:2px;z-index:999;outline:none;border:none}nav.mobile-menu div.site-logo{left:8px;padding-top:8px;color:#fff}nav.mobile-menu button.mobile-menu-button{background-color:transparent;right:2px}nav.mobile-menu .mobile-nav-page{position:fixed;top:var(--header-height);left:0;right:0;height:calc(100dvh - var(--header-height));min-height:calc(100dvh - var(--header-height));padding-top:2rem;transform:translateX(100%);transition:transform .3s ease-in-out;z-index:50;background-color:var(--background-color);overflow-y:auto;-webkit-overflow-scrolling:touch}nav.mobile-menu .mobile-nav-page.open{transform:translateX(0)}

/* !!new */nav.mobile-menu .mobile-nav-page li{position:relative;padding-top:0;padding-bottom:.75rem;padding-inline:2rem;transition:background-color .2s ease-in-out;border-bottom:1px solid var(--nav-item-border);margin-bottom:.25rem}nav.mobile-menu .mobile-nav-page li:last-of-type,nav.mobile-menu .mobile-nav-page ul.no-borders li{border-bottom:none;margin-bottom:0}nav.mobile-menu .mobile-nav-page li,nav.mobile-menu .mobile-nav-page li a{width:100%;font-size:1.35rem;font-weight:500;color:var(--text-color);opacity:1}nav.mobile-menu .mobile-nav-page li a{display:block;&:hover{border-bottom:none}}nav.mobile-menu .mobile-nav-page li button#dark-mode-toggle{margin-right:1.5rem;outline:none;background-color:var(--color-cta);color:#fff}@media (max-width:1536px){nav button,nav ul li a{font-size:1rem;font-weight:500}}.hero h1{font-size:4.5rem;line-height:1em;font-weight:600;text-align:center;background:var(--grad-titles);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero h2{font-size:2.25rem;line-height:1.25em}.hero h3{font-size:1.5rem}.zoom{transition:transform .3s ease-in-out;&:hover{transform:scale(1.03)}}@media (max-width:1536px){.hero h1{font-size:4.5rem;line-height:1}.hero h2{font-size:2.25rem;line-height:2.5rem}.hero h3{font-size:1.5rem;line-height:2rem}}@media (max-width:767px){h1{font-size:2.5rem}.hero h1{font-size:2.25rem;line-height:1}.hero h2,.hero h3{text-align:center}@supports (text-wrap:balance){.hero h2,.hero h3{text-wrap:balance}}@supports (-webkit-text-wrap:pretty){.hero h2,.hero h3{text-wrap:pretty}}.hero h2{font-size:1.3rem}.hero h2,.hero h3{line-height:1.15em}.hero h3{margin-bottom:1rem;font-size:1.2rem}}button{min-width:25px;min-height:25px;padding-inline:.75rem;padding-block:.66rem;border-radius:var(--radius-md);outline:none;color:#fff;background-color:var(--button-color);font-weight:400!important}button:focus,button:hover{background-color:var(--button-color-hover)}a:has(button):hover{text-decoration:none}button.cta{background-color:var(--color-cta);transition:transform .3s}button.cta.homepage{font-size:1.2rem;font-weight:600;background-color:var(--color-blue-3);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}button.cta:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:scale(1.05);text-decoration:none}button.cta.homepage:hover{background-color:var(--color-blue-2)}button.navskeleton{background-color:transparent;outline:1px solid #fff}button.bare{background-color:transparent;outline:none}button.greyed,button.greyed:hover{opacity:.2;background-color:var(--text-color-muted);cursor:default}button.disabled,button.disabled:hover{background-color:var(--text-color-muted);opacity:.8}button.skeleton{background-color:transparent;color:var(--text-color);outline:1px solid var(--text-color)}button.cancel{background-color:var(--button-color-cancel)}button.important{background-color:var(--button-color-important)}.button-group{display:flex;flex-direction:row;justify-content:flex-end;gap:.75rem;& button{width:fit-content;flex-grow:0}@media (max-width:768px){justify-content:space-between;gap:.5rem;button{width:auto;flex:1}}}@media (max-width:767px){button{padding-inline:.5rem;padding-block:.33rem}}.dashboard-nav{padding:1.25rem;border-radius:var(--radius-sm);background-color:var(--dashboard-nav-color);color:#fff}@media (max-width:768px){.dashboard-nav{padding:.5rem .25rem .1rem}}.dashboard-nav:hover{opacity:.5;text-decoration:none}.dashboard-nav.current-page{background-color:var(--dashboard-nav-color-current)}.dashboard-home-cards{width:100%;min-width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:1rem}.dashboard-main{padding:1.25rem;border-radius:var(--radius-sm);font-size:1.2rem;background-color:var(--dashboard-main-color-bg)}.dashboard-main h2{font-weight:400;padding:0;margin:0}.dashboard-main input,.dashboard-main select{padding:.5rem;border:1px solid var(--form-color-border);border-radius:var(--radius-sm);background-color:var(--background-color)}select.weather{padding:.25rem 1.25rem;border-radius:var(--radius-md);outline:1px solid var(--text-color-muted);background-color:var(--dashboard-main-color-bg);background-color:var(--table-bg)}.dashboard-main.guestbook-cards,.dashboard-main.property-cards{background-color:transparent}.dashboard-home-card,.guestbook-card,.property-card{padding:1.25rem;border-radius:var(--radius-sm);background-color:var(--dashboard-main-color-bg)}.dashboard-home-card{position:relative;overflow:hidden;flex:1 1 45%;min-height:16rem;padding:1rem 1.25rem;border-radius:var(--radius-md);background-color:var(--dashboard-home-bgc);outline:1px solid var(--header-background-color);display:flex;flex-direction:column;gap:.75rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.dashboard-home-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.08);border-color:rgba(0,0,0,.12)}.dashboard-home-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.5rem;background-color:var(--dashboard-nav-color-current)}.dashboard-home-card:focus-visible{outline:2px solid var(--dashboard-nav-color-current);outline-offset:2px}.dashboard-home-card.cols2{flex:1 1 90%}.dashboard-home-card .header{background:none;color:inherit;padding:0;font-weight:600;font-size:1rem;display:flex;align-items:center;gap:.5rem}.dashboard-home-card .header svg{color:var(--dashboard-nav-color-current)}.dashboard-home-card .body{padding:0;font-size:.9rem;color:var(--text-muted)}.dashboard-home-card .body>:where(div,li){padding:.4rem 0;border:none}.dashboard-home-card .body li{list-style:none}.dashboard-home-card .footer{margin-top:auto;padding:0;font-size:.85rem;color:var(--text-muted)}@media (max-width:768px){.dashboard-home-card{flex:1 1 47%;min-height:11rem}}@media (max-width:640px){.dashboard-home-card{flex:1 1 100%}}.dashboard-main.dashboard-form{padding-bottom:1.25rem;margin-bottom:5rem;background-color:var(--dashboard-main-color-bg);color:var(--text-color)}[data-sonner-toaster=true]{top:80px!important;z-index:9999999999!important}.toast{position:relative;overflow:hidden;min-width:min(40ch,80%);padding:1rem 1rem 1rem 2rem;border:none;outline:none;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.5);font-size:1rem;background-color:var(--toast-bgc-default);color:var(--toast-color-text);display:flex;gap:1rem;justify-content:flex-start;align-items:center}.toast .toast-icon svg{transform:scale(1.25)}.toast:before{content:"";position:absolute;top:0;left:0;width:1rem;height:100%;outline:none;border:none}.toast.toast-success:before,.toast:before{background-color:var(--color-green-1)}.toast.toast-success .toast-icon{color:var(--color-green-1)}.toast.toast-error:before{background-color:var(--color-red-1)}.toast.toast-error .toast-icon{color:var(--color-red-1)}.toast.toast-info:before{background-color:var(--color-blue-1)}.toast.toast-info .toast-icon{color:var(--color-blue-1)}.toast.toast-warning:before{background-color:var(--color-orange-1)}.toast.toast-warning .toast-icon{color:var(--color-orange-2)}
/* !! Hide toast aria-live - !! This will BREAK your toast! */@media (max-width:1280px){.dashboard-main button{margin-left:0;margin-top:.25rem}}.dashboard-main button.fullwidth,button.fullwidth{width:100%;margin-left:0;margin-top:1rem}.page-title-wrapper{display:flex;justify-content:space-between;align-items:center;gap:1rem}.table{width:100%;padding:1rem 1rem 3rem;border-radius:var(--radius-md);background-color:var(--table-bg);color:var(--table-text-color);align-items:center}.table>*{transition:all .3s ease-in-out}.table-row,.table-title{overflow:hidden;position:relative;padding:1rem .75rem;margin-bottom:1rem;outline:1px solid var(--text-color-muted);border-radius:var(--radius-md);text-align:center;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:center;justify-items:center}.table-row:last-child{margin-bottom:0}.table-row:before{content:"";position:absolute;top:0;left:0;width:.35rem;height:100%}.table-row.published:before{background-color:var(--color-green-1)}.table-row.draft:before{background-color:var(--color-gray-7)}.table.stats-table .table-row,.table.stats-table .table-title{grid-template-columns:repeat(6,1fr)}.table-divider{border-bottom:1px solid var(--text-color-muted)}.table-divider:last-child{border-bottom:1px solid transparent}@media (max-width:768px){.table{margin:0;padding:0;background-color:inherit}.table div.table-title{display:none}.table div.table-row{width:100%;margin:0 0 1rem;padding:1rem 1rem 1rem 1.5rem;grid-template-columns:repeat(10,1fr);grid-template-rows:auto auto auto;gap:1rem;background-color:var(--maintenance-card-bg);outline:1px solid var(--form-highlight-color)}.table div.table-row>div{font-size:.9rem;font-weight:700;text-align:center;justify-self:center;grid-column:1/-1}.table .table-row>div:first-child{font-size:1.2rem}.table .table-row button{width:100%;height:2rem;font-weight:600}}.table-row a{text-decoration:none}.table-row>div:first-child{padding-left:.5rem;font-weight:700}.table-row:hover{background-color:var(--table-hover-color)}.table-row:hover+.table-divider{border-bottom-color:transparent}.table-divider:has(+.table-row:hover){border-bottom-color:transparent}.table-divider:hover{border-bottom-color:transparent}.table .table-row>*,.table .table-title h3{padding:0;margin:0;display:flex;justify-content:center;align-items:center}.table .table-title{font-weight:700}.table .table-title h3{font-size:1.1rem}.table .table-row>div:first-child,.table .table-row>div:nth-child(2),.table .table-title h3:first-child{justify-self:left;text-align:left}.table button{padding:.1rem .8rem;border-radius:var(--radius-md);background-color:var(--color-cta);color:#fff;font-weight:200;gap:1rem}.table .metrics,.table button{display:flex;justify-content:center;align-items:center}.table .metrics{font-size:.9rem;gap:.5rem}.table .table-row .metric-value{height:1.6rem;width:1.6rem;border-radius:50%;justify-self:center;color:var(--color-gray-1);display:flex;justify-content:center;align-items:center}.table .metric-value.online{background-color:var(--traffic-light-color-green)}.table .metric-value.draft{background-color:var(--traffic-light-color-amber)}.table .metric-value.total{background-color:var(--traffic-light-color-grey)}.table .metric-label{text-align:center;justify-self:center}.table .icon{padding:.5rem;border-radius:50%;background-color:var(--color-cta);color:#fff;cursor:pointer}.table div.table-row.links-row,.table div.table-title.links-row{grid-template-columns:1fr 1fr 3fr 2fr}.table div.table-row.links-row.access-code-row,.table div.table-title.links-row.access-code-row{grid-template-columns:1fr 1fr 1fr 1fr 2fr}.table form{color:var(--text-color)}.table div.link-box,input.link-box{width:100%;padding:.3rem .5rem!important;outline:1px solid var(--text-color-muted);border-radius:var(--radius-md)!important;display:flex;justify-content:space-between;align-items:center}.table div.link-box div,input.link-box{overflow:hidden}.table input.link-box{background-color:transparent}.table input.link-box:focus{background-color:var(--form-accent-color);font-weight:500}@media (max-width:768px){.table div.table-row.links-row,.table div.table-title.links-row{grid-template-columns:repeat(10,1fr)!important;grid-template-rows:auto auto auto;gap:1rem}.table .table-row>div{width:100%;grid-column:1/-1;font-size:1rem;font-weight:700;text-align:center;justify-self:center}.table .table-row>div:first-child,.table .table-row>div:nth-child(2){font-size:1.2rem}.table div.table-row.links-row.access-code-row{grid-template-columns:repeat(10,1fr)!important;grid-template-rows:auto auto auto;gap:1rem}.table .table-row .access-code-row>div{grid-column:1/-1;width:100%}}div.table-row.billing-row,div.table-title.billing-row{grid-template-columns:repeat(6,1fr)}.link-text{flex-grow:1}.copy-icon{padding-left:.5rem;padding-right:.2rem}.table-with-cards{width:100%;margin-inline:auto;padding:1.25rem;background-color:var(--table-with-cards-bg);border-radius:var(--radius-md);color:var(--text-color)}.table-with-cards h2{margin:0}@media (max-width:768px){.table-with-cards{padding:0}.table-with-cards h2{padding:1rem;margin:0}}.table-with-cards .card{margin-bottom:.5rem;padding:1rem;border-radius:var(--radius-md);color:var(--text-color);background-color:var(--table-with-cards-card-bg);transition:background-color .3s ease;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;align-items:center}.table-with-cards .card:focus,.table-with-cards .card:hover{background-color:var(--table-with-cards-card-hover-bg)}.table-with-cards .desc{flex-grow:1;text-align:left}.table-with-cards .desc:hover{cursor:pointer}.table-with-cards .action-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem}.table-with-cards .form-add-item{padding:1rem;background-color:var(--table-bg);border-radius:var(--radius-md);color:var(--text-color)}.table-with-cards .form-add-item input,.table-with-cards .form-add-item select,select.modal-select{width:100%;padding:.5rem .66rem;margin-bottom:1rem;background-color:var(--table-with-cards-card-bg);border:1px solid var(--text-color);border-radius:var(--radius-sm);transition:all .3s ease}.table-with-cards .form-add-item select,select.modal-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:.5rem 2.5rem .5rem .75rem;border:1px solid var(--text-color);border-radius:var(--radius-sm);cursor:pointer;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23007bff" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>');background-repeat:no-repeat;background-position:right .75rem center;background-size:var(--icon-size-actions)}.table-with-cards .form-add-item input:focus,.table-with-cards .form-add-item select:focus,select.modal-select:focus{background-color:var(--table-with-cards-card-hover-bg);outline:2px solid var(--text-color)}.table-with-cards .form-add-item input:hover,.table-with-cards .form-add-item select:hover,select.modal-select:hover{background-color:var(--table-with-cards-card-hover-bg);cursor:pointer}.settings-card label{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.settings-card label .icon-container{flex-shrink:0}.settings-card label .text-container{flex-shrink:1;min-width:0;text-align:left}.settings-card label .toggle-container{flex-shrink:0;flex-grow:1;text-align:right}

/* !! loader and animations - check for redundancy */.loading{width:100%;animation:spin 2s linear infinite;color:var(--text-color)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.animate-pulse{animation:pulse 1s ease-in-out infinite}@keyframes slide{0%,to{transform:translateX(-2px)}50%{transform:translateX(2px)}}.animate-slide{animation:slide .8s ease-in-out infinite}@keyframes dot-loading{0%,20%{opacity:0}25%,45%{opacity:.5}50%,70%{opacity:1}75%,95%{opacity:.5}to{opacity:0}}.dot1{animation:dot-loading 1.2s ease-in-out infinite}.dot2{animation:dot-loading 1.2s ease-in-out .2s infinite}.dot3{animation:dot-loading 1.2s ease-in-out .4s infinite}.loader{height:calc(var(--loader-size) * 5);display:flex;justify-content:center;align-items:center;gap:calc(var(--loader-size) / 2)}.loader div{height:var(--loader-size);width:var(--loader-size);border-radius:var(--loader-size);background-color:var(--loader-color-1);animation:wave calc(var(--loader-time-gap) * 10) infinite ease-in-out}.loader :nth-child(2){animation-delay:var(--loader-time-gap)}.loader :nth-child(3){animation-delay:calc(var(--loader-time-gap) * 2)}.loader :nth-child(4){animation-delay:calc(var(--loader-time-gap) * 3)}.loader :nth-child(5){animation-delay:calc(var(--loader-time-gap) * 4)}@keyframes wave{0%{opacity:0}25%{opacity:1;height:calc(var(--loader-size) * 5);background-color:var(--loader-color-1)}50%{height:var(--loader-size);background-color:var(--loader-color-2)}}

/* !! loader and animations - end */.error-message{width:100%;color:var(--text-color);color:var(--color-red-1)}.error-container{z-index:0;position:relative;min-height:70vh;padding:2rem;overflow:hidden;text-align:center;background-color:transparent;display:flex;align-items:center;justify-content:center}.error-content{max-width:500px;z-index:10}.error-badge{display:inline-block;background:var(--color-blue-4);color:var(--color-blue-1);padding:.5rem 1rem;border-radius:99px;font-weight:700;font-size:.875rem;margin-bottom:1.5rem}.error-actions{display:flex;flex-direction:column;align-items:center;gap:2rem}.quick-links p{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.links-grid{display:flex;gap:1.5rem}.secondary-link{transition:color .2s;display:flex;align-items:center;gap:.5rem}.secondary-link:hover{color:var(--color-blue-2)}.error-illustration{width:100%;height:100%;pointer-events:none;z-index:0}.circle-bg,.error-illustration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-bg{width:25vw;aspect-ratio:1/1;border-radius:50%;background-color:var(--color-red-3);filter:blur(20px);opacity:.4;mix-blend-mode:screen}.modal-open{overflow:hidden!important;padding-right:calc(16px)}dialog{background-color:var(--background-color);color:var(--text-color)}dialog::backdrop{background-color:var(--color-gray-1);filter:blur(4px);opacity:.6}dialog div.no,dialog div.yes{padding:.25rem;color:#fff;cursor:pointer;opacity:.7}dialog div.yes{background-color:var(--color-red-1)}dialog div.no{background-color:var(--color-green-1)}dialog div.no:hover,dialog div.yes:hover{opacity:1}form input,form select{color:var(--form-text-color-input);height:3rem}form select{cursor:pointer}form input.greyed,form select.greyed{background-color:inherit!important}form input.greyed,form input.greyed:disabled,form select.greyed,form select.greyed:disabled{outline:1px solid var(--greyedout-border-color)!important;color:var(--greyedout-color)!important;background-color:var(--greyedout-background-color)!important}form input.greyed:disabled,form select.greyed:disabled{-webkit-text-fill-color:var(--greyedout-color)!important;opacity:1!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:0!important}form input.greyed:disabled:focus,form input.greyed:disabled:hover,form select.greyed:disabled:focus,form select.greyed:disabled:hover{cursor:default!important;background-color:var(--greyedout-background-color)!important;outline:1px solid var(--greyedout-border-color)!important}form input[type=date]{height:3rem}.date-wrapper{display:flex;min-width:0}.date-wrapper input[type=date]{flex:1;min-width:0}button,input,option,select,textarea{font-family:inherit}.form-common,.tiptap{background-color:transparent;background-color:var(--dashboard-main-color-bg);border-radius:var(--radius-lg);outline:1px solid var(--form-color-border);color:var(--form-text-color-input);font-weight:var(--form-font-weight)}.form-common h1{font-size:2rem;font-weight:600;color:var(--form-text-color-input)}.form-common label,.tiptap-label{padding-bottom:.5rem;color:var(--form-text-color-input);font-weight:500}.form-common label:not(:first-child),.tiptap-label:not(:first-child){margin-top:1rem}.form-common button,.form-common input,.form-common select,.form-common textarea,.tiptap{padding:.7rem 1rem;font-size:1rem;font-weight:var(--form-font-weight)}.form-common input,.form-common select,.form-common textarea,.tiptap{box-sizing:border-box;flex-grow:1;width:100%;border:1px solid var(--form-color-border);border-radius:var(--radius-sm);background-color:var(--form-accent-color);color:var(--form-text-color-input);transition:.1s ease}.access-code-row .form-common{outline:none}.access-code-row .form-common input,.access-code-row button{padding:.3rem .5rem}.tiptap-container{min-height:5rem;margin-bottom:.4rem;display:flex;gap:1rem}.tiptap-container ol,.tiptap-container ul{margin-left:1rem}.tiptap-container ul{list-style:disc}.tiptap-container ol{list-style:decimal}.tiptap-container a{text-decoration:underline;&:hover{opacity:.8}}.tiptap-container p{margin-bottom:.5rem;text-align:left}.tiptap-container>div{box-sizing:border-box;flex-grow:1;width:100%}.tiptap-toolbar{padding:.15rem 0;margin-bottom:.3rem;outline:1px solid var(--form-color-border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:0}.tiptap-toolbar button{color:var(--text-color)}.tiptap-toolbar-icon{width:1rem;height:1rem}.tiptap{min-height:10rem}.form-common input:-webkit-autofill,.form-common input:-webkit-autofill:active,.form-common input:-webkit-autofill:focus,.form-common input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px var(--form-accent-color) inset!important;-webkit-text-fill-color:var(--form-text-color-input)!important;border:none;outline:none}.form-common input:-webkit-autofill:hover,.form-common input:hover,.form-common select:hover,.form-common textarea:hover,.tiptap:hover{outline:2px solid var(--form-highlight-color);cursor:pointer}.form-common input:-webkit-autofill:focus,.form-common input:focus,.form-common select:focus,.form-common textarea:focus,.tiptap:focus{outline:2px solid var(--form-highlight-color)}.form-common input::placeholder,.form-common select::placeholder,.form-common textarea::placeholder,.tiptap::placeholder{color:var(--form-text-color-input);opacity:.25}.form-common button{margin:0}.form-common input.incorrect,.form-common select.incorrect,.form-common textarea.incorrect,.tiptap.incorrect{color:var(--color-red-1);outline-color:var(--color-red-1);border-color:var(--color-red-1)}.pricing-card{position:relative;min-width:0;padding:1rem;outline:2px solid var(--header-background-color);border:none;border-radius:var(--radius-md);background-color:var(--card-bgc);font-size:1.125rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.pricing-card *{min-width:0;max-width:100%}.pricing-card>div{width:100%;padding-top:.25rem;padding-bottom:.25rem;text-align:center}.pricing-card>div:last-child{margin-top:auto;padding-bottom:0}.pricing-card .popular{position:absolute;width:max-content;left:50%;top:-.85rem;transform:translateX(-50%) rotate(-1.5deg);padding-inline:.6rem;padding-block:.6rem;border-radius:var(--radius-sm);white-space:nowrap;color:#fff;background-color:green;font-weight:400;line-height:1em;box-shadow:var(--box-shadow-light);display:flex;gap:.5rem;align-items:center}.pricing-card .title{margin-top:2rem;font-size:1.6rem;font-weight:500;color:var(--color-cta)}.pricing-card .amount{font-size:2.2rem;font-weight:600}.pricing-card .amount:first-letter{font-size:.7em;padding-right:.1em}.pricing-card .interval{font-size:1.2rem;font-weight:600}.features ul li .text:first-letter{text-transform:capitalize}.pricing-card .icon{color:green}.pricing-card button.cta{min-width:15ch;font-size:1.2rem;font-weight:600}.tab-buttons{margin-bottom:2rem;font-size:1.125rem;display:flex;justify-content:center;align-items:center;gap:1rem}.tab-buttons button{padding:.5rem;outline:1px solid var(--text-color);border-radius:var(--radius-md);background-color:transparent;color:var(--text-color);opacity:.8}.tab-buttons button.active,.tab-buttons button:hover{outline:1px solid var(--color-cta);opacity:1;background-color:var(--auth-card-bgc)}section.payment-success-container,section.success-container{position:relative}section.dashboard-success-container{position:inherit}.payment-success,.success{position:absolute;top:45vh;left:50%;width:min(60ch,100%);transform:translateX(-50%) translateY(-50%);padding:2rem;border-radius:var(--radius-md);outline:1px solid;background-color:var(--background-color-high-contrast);display:flex;flex-direction:column;justify-content:flex-start;align-items:center}section.dashboard-success-container .success{position:inherit;transform:none}.success{top:30vh}.success h2{font-size:1.5rem}@media (max-width:768px){.payment-success{outline:none}}.maintenance-nav-wrapper{max-width:100%;padding-inline:1rem;padding-top:.75rem;padding-bottom:.75rem;border-radius:var(--radius-md);flex-direction:column}.maintenance-issue-nav,.maintenance-nav-wrapper,.tabs{display:flex;justify-content:space-between;align-items:center;gap:1rem;background-color:var(--maintenance-card-bg)}.maintenance-issue-nav,.tabs{border:1px solid var(--maintenance-card-bg);padding:.5rem 1rem;border-radius:var(--radius-sm);color:var(--maintenance-card-text-color)}.tabs{overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}.tabs .btn-refresh{padding:0}.maintenance-issue-nav{margin-bottom:.5rem}.maintenance-dropdown-form{outline:none;border:none}.maintenance-dropdown-form select{height:2.25rem;padding-block:0;padding-inline:.25rem;margin:0;background-color:var(--dashboard-home-bgc)!important}.tabs>div{padding:.2rem .5rem;border-radius:var(--radius-md);flex-shrink:0;color:var(--text-color);display:flex;flex-direction:row;gap:.25rem;justify-content:center;align-items:center}@media (max-width:768px){.tabs{justify-content:center;flex-wrap:wrap}.tabs>div{width:100%;outline:1px solid var(--text-color)}}.tabs>div.selected,.tabs>div:hover{outline:none;border:none;background-color:var(--dashboard-nav-color);color:#fff}.maintenance-issue-card,.no-maintenance-issues{padding:1rem;margin-bottom:1rem;border-radius:var(--radius-sm);background-color:var(--maintenance-card-bg);color:var(--maintenance-card-text-color);transition:all .3s ease-in-out}.maintenance-issue-card>*{transition:all .3s ease-in-out}.maintenance-issue-card:hover{outline:1px solid var(--color-cta)}.maintenance-issue-card .header,.maintenance-issue-card .last-updated,.maintenance-issue-card .priority-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.maintenance-issue-card .header .id,.maintenance-issue-card .issue-description,.maintenance-issue-card .last-updated,.maintenance-issue-card .priority-status .priority,.maintenance-issue-card .priority-status .status{font-size:.875rem;font-weight:500}.maintenance-issue-card .header .reported-date,.maintenance-issue-card .last-updated{font-size:.75rem}.maintenance-issue-card .guestbook-name{margin-bottom:.5rem;font-size:1.125rem;font-weight:600;text-transform:capitalize}.maintenance-issue-card .issue-description,.maintenance-issue-card .notes{margin-bottom:1rem}.maintenance-issue-card .notes{color:var(--notes-text-color);font-style:italic}.maintenance-issue-card .priority-status .priority,.maintenance-issue-card .priority-status .status,div.expired,div.live{padding:.05rem .75rem;border-radius:2rem;font-weight:600}div.expired,div.live{width:8rem}div.expired{opacity:.5}.maintenance-issue-card .priority-status{color:var(--text-color-dark)}.maintenance-issue-card .priority-status .status.open,div.live{background-color:var(--traffic-light-color-green)}.maintenance-issue-card .priority-status .status.in_progress{background-color:var(--traffic-light-color-amber)}.maintenance-issue-card .priority-status .status.resolved{background-color:var(--traffic-light-color-grey)}.maintenance-issue-card .priority-status .priority.high,div.expired{background-color:var(--traffic-light-color-red)}.maintenance-issue-card .priority-status .priority.medium{background-color:var(--traffic-light-color-amber)}.maintenance-issue-card .priority-status .priority.low{background-color:var(--traffic-light-color-grey)}.media-thumbnails{margin-bottom:1rem;display:flex;justify-content:flex-start;align-items:center;gap:1rem}.media-thumbnails.maintenance-thumbnail>div:hover{transform:scale(1.15);box-shadow:var(--box-shadow-light)}.media-thumbnails>div>img{height:3rem;object-fit:cover}.image-viewer,.video-viewer{overflow:hidden;max-width:100%;max-height:70vh;padding-bottom:0;padding-inline:2rem;padding-top:2rem;outline:2px solid var(--text-color-muted);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;align-items:center}.image-viewer img,.video-viewer video{width:100%;height:auto;max-height:60vh;aspect-ratio:auto;object-fit:contain;

  /* !! Issue - cannot have rounded border on img, because of edge bands on side */border-radius:var(--radius-md)}.no-maintenance-issues{font-size:1.125rem;text-align:center}.guestbook{font-size:1.1rem}.guestbook-footer-wrapper,.guestbook-header-wrapper{position:fixed;left:0;right:0;z-index:1000;background:var(--nav-top-grad)}.guestbook-header-wrapper{top:0}.guestbook-footer-wrapper{bottom:0;background:none;background-color:var(--guestbook-footer-bgc)}.guestbook-footer,.guestbook-header{height:3.5rem;width:min(var(--max-w-content-guestbook),100%);padding:0 1rem;margin:0 auto;color:#fff}.guestbook-footer{height:auto;min-height:4.5rem;padding:.5rem .5rem 0;border-top:1px solid var(--guestbook-footer-color);display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start}.guestbook-footer a{font-weight:500;text-decoration:none;color:var(--guestbook-footer-color)}.guestbook-footer a.active-link{font-weight:600;animation:tapAndBounce .5s ease-in-out;color:var(--guestbook-footer-color-active)}@keyframes tapAndBounce{0%{transform:scale(1)}20%{transform:scale(.7)}50%{transform:scale(1.25)}to{transform:scale(1)}}@media (width <= 768px){.guestbook-footer{height:5rem;font-size:.9rem}}.guestbook-cta{width:100%;min-width:100%;padding:0;margin:0;font-size:.85rem;line-height:1.25em;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.25rem}.guestbook-cta a{flex:1 1 47%;text-decoration:none}.guestbook-cta button{width:100%;padding-inline:.25rem;padding-block:.5rem;font-weight:500!important;display:flex;align-items:center;gap:.25rem;&:hover{transform:scale(1)}}.guestbook-cta button>svg{flex-shrink:0}@media (min-width:1024px){.guestbook-cta button{gap:.8rem}}.guestbook-header{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem}.guestbook h1{margin-bottom:.5rem;font-size:1.5rem;font-weight:800;line-height:1.15em;text-align:center}@supports (text-wrap:balance){.guestbook h1{text-wrap:balance}}@supports (-webkit-text-wrap:pretty){.guestbook h1{text-wrap:pretty}}.guestbook-header h2{margin:0;padding:0;font-size:1.2rem;font-weight:600}.guestbook h2{line-height:1.15em;font-size:1.5rem;font-weight:900}.guestbook h3{margin-bottom:.2rem;font-size:1.2rem;font-weight:600}.guestbook p{font-weight:400}.guestbook h2.main,h2.main{padding-bottom:.25rem;line-height:1.25em;font-weight:500;text-align:center}.guestbook-icon{padding:.6rem;border-radius:50%;background-color:var(--color-cta);color:#fff}.media-thumbnails .swiper{height:20rem!important}.media-thumbnails .swiper-wrapper img{width:80%;height:80%;max-height:80%;object-fit:cover}.guestbook .nav-slide{width:100%;height:100%;min-height:100%;padding:1rem;border:2px solid var(--swiper-pagination-color);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background-color:var(--table-bg);display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.guestbook .nav-slide.nav-images{justify-content:center}.guestbook .nav-slide div{font-weight:600;margin:.2rem 0;overflow-wrap:break-word}.swiper{padding-bottom:1.5rem!important}@media (min-width:1024px){div.nav-slide.active-slide{border-color:var(--color-red-1)}}.guestbook .show-info{margin-top:1rem;margin-bottom:4rem}.guestbook .show-info .text-box{min-height:18rem;padding:1rem;margin-bottom:.5rem;border-radius:var(--radius-md);background-color:var(--table-bg);outline:1px solid var(--greyedout-border-color);outline:1px solid var(--text-color-muted)}.guestbook .show-info p:has(>strong:only-child){margin-bottom:0}ul.dividers{margin-top:1rem}ul.dividers li{padding-top:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--text-color-muted)}ul.dividers li:first-child{padding-top:0}ul.dividers li:last-child{border-bottom:none}.toggle-switch-wrapper{font-size:.9rem;display:grid;grid-template-columns:repeat(2,auto);row-gap:.2rem;column-gap:.6rem;justify-content:center;align-items:center}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;border-radius:9999px;background-color:var(--toggle-off-color);cursor:pointer;transition:background-color .3s}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch .slider{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:9999px}.toggle-switch .thumb{position:absolute;top:3px;left:3px;height:18px;width:18px;border-radius:50%;background-color:var(--toggle-switch-button-color);transition:transform .3s;box-shadow:0 1px 3px rgba(0,0,0,.3)}.toggle-switch input:checked+.slider{background-color:var(--toggle-on-color)}.toggle-switch input:checked+.slider .thumb{transform:translateX(20px)}.authcard{padding-inline:1rem;padding-top:1rem;padding-bottom:1rem;outline:1px solid var(--header-background-color);border:none;border-radius:var(--radius-md);background-color:var(--auth-card-bgc);box-shadow:var(--box-shadow-light);font-size:1rem;font-weight:600;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.authcard .logo{color:var(--auth-logo-color)}.authcard h1{font-size:2rem;color:var(--dashboard-nav-color-current);background:var(--grad-titles);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.authcard p{font-weight:var(--form-font-weight);color:var(--text-color)}.authcard p.text-muted{color:var(--text-color-muted)}.authcard .provider,.authcard button.provider{width:100%;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:1rem;color:var(--text-color);outline:1px solid var(--text-color-muted);&:hover{background-color:var(--auth-provider-hover);outline:1px solid var(--text-color)}}.authcard button.provider{background-color:inherit}.authcard button.provider.last-signin{outline:2px solid var(--color-cta)}.authcard button.provider.credentials{background-color:var(--color-blue-2);background-color:var(--button-color);color:#fff}.authcard form{width:100%;font-weight:var(--form-font-weight);color:var(--form-text-color-input)}.authcard form input{height:auto;width:100%;padding-right:2rem!important;outline:1px solid var(--form-color-border);background-color:var(--background-color);font-weight:300}.authcard form input:focus{outline:2px solid var(--text-color);background-color:var(--background-color)}.authcard form input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--background-color) inset;-webkit-text-fill-color:var(--form-text-color-input)}.authcard form input.greyedout{border:0;outline:1px solid var(--greyedout-border-color);background-color:inherit!important;color:var(--greyedout-color)!important}.authcard form input.greyedout:hover{outline:1px solid var(--greyedout-border-color);cursor:pointer}
/* !! Make this just input.greyed AND TEST */li.property-resources{margin-top:.5rem;padding:.25rem .5rem;border-radius:var(--radius-md);background-color:var(--dashboard-main-color-bg)}.no-scroll{height:100%;overflow:hidden;-webkit-overflow-scrolling:auto!important;&::-webkit-scrollbar{display:none}}.fade-image-top-bottom{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,#000 85%,rgba(0,0,0,.4));-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:linear-gradient(180deg,#000 85%,rgba(0,0,0,.4));mask-repeat:no-repeat;mask-size:100% 100%}span.light{font-size:.9em;font-weight:300;color:inherit}.disabled{pointer-events:none;color:grey;cursor:not-allowed}.incorrect{color:var(--color-red-1);font-weight:500}.safe,.unsafe{width:100%;padding:.25rem 1rem;margin-top:1rem;text-align:center;color:var(--text-color-dark)}.safe{background-color:var(--traffic-light-color-green)}.unsafe{background-color:var(--traffic-light-color-red)}.no-outline{border:none;outline:none}.warning-block{padding:.5rem 1rem;margin-inline:auto;margin-top:2rem;border-radius:var(--radius-md);font-weight:500!important;color:var(--color-red-1)!important;background-color:#fff!important;text-wrap:balance}.wrap-text{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.advice-block,.please-add-asset{padding:.5rem;outline:1px solid var(--color-red-1);border-radius:var(--radius-md);color:var(--color-red-1);text-wrap:balance}.please-add-asset{width:fit-content;margin:0 auto 1rem;display:flex;justify-content:center;align-items:center;gap:.5rem}.divider-top{border-top:1px solid var(--color-gray-8);&:hover{border-top-color:inherit;border-top-style:solid;border-top-width:1px}}.divider-bottom{border-bottom:1px solid var(--color-gray-8);&:hover{border-top-color:inherit;border-top-style:solid;border-top-width:1px}}section{max-width:var(--max-w-content);padding-top:5rem;padding-bottom:2rem;margin-top:1.5rem;margin-inline:auto;scroll-margin-top:6rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}section.pagetop{padding-top:0;margin-bottom:2rem}section.pagetop h2{font-size:1.8rem;font-weight:400}section.legals{max-width:min(65ch,100%);margin-inline:auto}div.full-bleed{width:100vw;padding-inline:1rem;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background-color:var(--section-full-bleed-color)}div.full-bleed section{padding-inline:.5rem}@media (max-width:1024px){section{padding-inline:.5rem}div.full-bleed{padding-inline:0}div.full-bleed section{padding-inline:1.5rem}}section h2{display:inline-block;margin-top:.5rem;font-size:3rem;font-weight:600}section h3{font-size:1.5rem}section h3.section-title{padding:.2rem .75rem;border-radius:var(--radius-lg);font-size:1rem;font-weight:500;line-height:1em;color:var(--background-color);background-color:var(--text-color)}.full-bleed section h3.section-title{color:#fff;background-color:var(--color-blue-3)}section p.section-tagline{margin-bottom:4rem;font-size:1.125rem}.sectionspacer{margin-top:1.5rem}@media (max-width:1024px){section{padding-top:2rem}section h2{font-size:2.75rem;line-height:1.05em}section p.section-tagline{margin-top:.5rem;font-size:1.25rem;text-align:center;text-wrap:balance}}.onboarding.incomplete{color:var(--color-red-1)}.onboarding.completed{color:var(--color-green-1)}button#choosefile{justify-items:flex-start}.file-preview-container,button#choosefile{margin-top:1rem;display:flex;align-items:center;gap:1rem}.file-preview-container{max-width:100%;justify-content:flex-start;flex-wrap:wrap}.file-preview{position:relative;display:inline-block;margin:0;opacity:1;transition:all .6s ease}.file-preview.fading-out{opacity:0;transform:translate(-10rem,-10rem) rotate(1turn) scale(.5)}.file-preview .thumbnail-container{position:relative;width:7rem;height:7rem;border:none;outline:1px solid var(--color-gray-10);border-radius:var(--radius-md);overflow:hidden}.file-preview .file-thumbnail{padding:.25rem;background-color:var(--color-gray-8);display:flex;justify-content:center;align-items:center}.file-preview .file-thumbnail,.file-preview .file-thumbnail img{overflow:hidden;width:100%;height:100%;border-radius:var(--radius-sm)}.file-preview .file-thumbnail img{object-fit:cover}.file-preview .file-icon{width:100%;height:100%;background-color:var(--color-gray-8);outline:1px solid var(--color-gray-6)}.file-preview .delete-button,.file-preview .file-icon{display:flex;justify-content:center;align-items:center}.file-preview .delete-button{position:absolute;z-index:9;top:0;right:0;width:2rem;height:2rem;padding:0;margin:.2rem;line-height:1;border:none;border-radius:50%;opacity:.5;background-color:rgba(56,56,56,.946);box-shadow:0 1px 3px rgba(0,0,0,.2);font-weight:700;color:var(--color-red-2);-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;cursor:pointer}.file-preview .delete-button:active,.file-preview .delete-button:focus,.file-preview .delete-button:hover{outline:2px solid var(--color-gray-10);background-color:var(--color-red-2);color:#fff;opacity:1}.file-preview .delete-button:active~div>img,.file-preview .delete-button:focus~div>img,.file-preview .delete-button:hover~div>img{opacity:.5;filter:blur(1px)}.file-preview .file-name{margin-top:.5rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.file-preview-container{justify-content:center}.file-preview .thumbnail-container{width:10rem;height:10rem}button#choosefile{width:100%}.guestbook .image-viewer{display:none}.guestbook .image-viewer.video-viewer-override{display:flex;justify-content:center;align-items:center}.guestbook .image-viewer.video-viewer-override video{width:100%}}.cancel-button,.confirm-button{flex:0 1 25%;display:inline-flex;width:100%;justify-content:center;border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:background-color .3s ease;cursor:pointer}.confirm-button{background-color:var(--color-red-2);color:#fff;&:hover{box-shadow:0 0 0 2px rgba(66,153,225,.5);outline:1px solid var(--color-cta)}&:focus,&:hover{background-color:var(--color-red-1)}&:focus{outline:none;outline:1px solid var(--color-cta)}}.cancel-button{border:1px solid var(--text-color-dark);background-color:#fff;color:var(--text-color-dark);&:hover{box-shadow:var(--box-shadow-light)}&:focus,&:hover{background-color:var(--color-gray-10)}&:focus{outline:none}}.cards{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:100vw}.card{min-width:0;padding:1.5rem;border-radius:var(--radius-md);background:var(--card-bgc);display:flex;align-items:flex-start}.card,.card.content-centered{flex-direction:column;justify-content:flex-start}.card.content-centered{align-items:center;gap:.5rem}.card.content-centered h3{font-size:1.3rem;font-weight:600;text-transform:uppercase;color:var(--color-blue-3)}.card *{min-width:0}@media (min-width:1024px){.cards{grid-template-columns:repeat(3,1fr)}.cards.cards-2col{grid-template-columns:repeat(2,1fr)}}.card p{width:100%}.icon-wrapper{padding:1rem;background-color:var(--card-icon-bg);color:var(--card-icon-color-mono);justify-content:flex-start;gap:.5rem}.icon-number,.icon-wrapper{border-radius:9999px;display:flex}.icon-number{flex-shrink:0;width:2.25rem;height:2.25rem;font-weight:700;font-size:1.5rem;line-height:1em;background-color:inherit;outline:.25rem solid var(--card-icon-color);align-items:center;justify-content:center}.icon-colored{color:var(--card-icon-color)}.icon-grey-outline{padding:0;background-color:inherit;color:var(--text-color-muted)}.card a{width:100%;margin-top:auto;text-decoration:none}.card button{padding:.5rem 1.25rem;background-color:var(--color-blue-3);color:#fff;font-size:1.2rem;font-weight:500;border:none;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:background-color .3s ease;display:block;margin-right:auto;text-align:center;&:hover{background-color:var(--color-blue-4)}}.card h3{min-width:100%;font-weight:500;line-height:1.25em;display:flex;justify-content:flex-start;align-items:center;gap:.7rem}.card span.step{height:2.75rem;aspect-ratio:1/1;border-radius:50%;background-color:var(--color-red-2);color:var(--color-red-2);color:#fff;display:inline-flex;justify-content:center;align-items:center}@media (max-width:1024px){.card{align-items:center}.card h3{text-align:center}.card p{font-size:1.2rem}.card a{display:grid;place-items:center}.card button{margin:0}}.scroll-reveal{opacity:.5;transform:translateY(100px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-reveal.visible{opacity:1;transform:translateY(0)}

/* !! Would not work and it's not exactly what I want */.scroll-reveal-css{opacity:0;transform:translateY(200px);background-color:aqua;animation:fade-in;animation-duration:1s;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();-webkit-animation-timeline:view();animation-range-start:entry 20%;animation-range-end:cover 50%;transform-origin:bottom}@keyframes fade-in{to{opacity:1;transform:translateY(0)}}.sortorder-modal-overlay{position:fixed;z-index:1000;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}.sortorder-modal-content{width:90%;max-width:600px;max-height:90vh;padding:1.5rem;background-color:var(--table-with-cards-bg);color:var(--text-color);border-radius:var(--radius-md);box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:1.5rem}.sortorder-modal-header{padding-bottom:1rem;border-bottom:1px solid var(--text-color);display:flex;justify-content:space-between;align-items:center}.close-button{background-color:inherit;border:none;outline:none;&:hover{background-color:inherit}}.close-button svg{color:var(--color-red-1)}.draggable-cards-container{flex-grow:1;padding:1rem .5rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem}.draggable-card{padding:1rem;border:1px solid var(--text-color);border-radius:var(--radius-sm);background-color:var(--table-with-cards-card-bg);cursor:grab;user-select:none;transition:transform .2s ease;display:flex;align-items:center;&:hover{background-color:var(--table-with-cards-card-hover-bg);color:var(--color-red-1);border-color:var(--color-red-2);box-shadow:0 2px 5px rgba(0,0,0,.05)}&:active{cursor:grabbing}}.drag-handle{margin-right:.25rem;font-size:2rem;cursor:grab;line-height:1}.sortorder-section-title{flex-grow:1;margin:0;font-size:1.1rem;color:var(--text-color);display:flex;justify-content:flex-start;align-items:center;gap:.75rem}.is-dragging{opacity:.7;transform:scale(1.02);box-shadow:0 5px 15px rgba(0,0,0,.2);border-color:var(--color-blue-2)}.drop-target-placeholder{height:2.5rem;background-color:var(--color-blue-5);border:1px dashed var(--color-blue-2);border-radius:var(--radius-sm);margin-bottom:1rem;transition:all .2s ease}.sortorder-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--text-color)}.sortorder-modal-footer>button{flex:1}@media (max-width:480px){.sortorder-modal-content{padding:1rem}.draggable-card{padding:1rem .8rem}.sortorder-modal-header h2{font-size:1.3rem}}.gridtable{width:100%;padding:1rem 1rem 3rem;border-radius:var(--radius-md);background-color:var(--maintenance-card-bg);color:var(--maintenance-card-text-color);display:grid;grid-template-columns:repeat(6,1fr);row-gap:1rem;column-gap:.25rem;align-items:center}.gridtable.nodata{grid-template-columns:1fr}.gridtable>*{width:100%!important;padding:0;margin:0;transition:all .3s ease-in-out;text-align:center;display:flex;align-items:center;justify-items:center;justify-content:center;gap:1rem}.gridtable h3{font-weight:700;font-size:1.1rem}.gridtable div.button{grid-column:span 2;justify-content:flex-start}@media (max-width:768px){.gridtable{grid-template-columns:1fr;padding-block:.5rem;padding-inline:2rem;row-gap:.75rem;column-gap:0;text-align:left}.gridtable h3{display:none;text-align:left;font-size:1.1rem;font-weight:700;margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid var(--maintenance-card-text-color)}.gridtable>*{justify-content:left;width:fit-content}.gridtable>div{text-align:left;gap:.5rem}.gridtable>div:before{font-weight:700;margin-right:.5rem;color:var(--secondary-text-color)}.gridtable>div:nth-child(6n+1):not(.button):before{content:"Plan: "}.gridtable>div:nth-child(6n+2):before{content:"Guestbooks: "}.gridtable>div:nth-child(6n+3):before{content:"Price: "}.gridtable>div:nth-child(6n+4):before{content:"Period: "}.gridtable>div:nth-child(6n+5):before{content:"Date: "}.gridtable>div:nth-child(6n+6):before{content:"Status: "}.gridtable div.button{grid-column:span 1;justify-content:center}}.gridtable a{text-decoration:none}.gridtable button{padding:.1rem .8rem;border-radius:var(--radius-md);background-color:var(--color-cta);color:#fff;font-weight:200;display:flex;gap:1rem}.gridtable .metrics,.gridtable button{justify-content:center;align-items:center}.gridtable .metrics{font-size:.7rem;display:grid;grid-template-columns:repeat(3,auto);row-gap:.2rem;column-gap:.6rem}.gridtab .metric-value{height:1.6rem;width:1.6rem;border-radius:50%;justify-self:center;color:var(--color-gray-1);display:flex;justify-content:center;align-items:center}.gridtable .metric-value.online{background-color:var(--traffic-light-color-green)}.gridtable .metric-value.draft{background-color:var(--traffic-light-color-amber)}.gridtable .metric-value.total{background-color:var(--traffic-light-color-grey)}.gridtable .metric-label{text-align:center;justify-self:center}.gridtable .icon{padding:.5rem;border-radius:50%;background-color:var(--color-cta);color:#fff;cursor:pointer}.gridtable .links{grid-template-columns:1fr 1fr 4fr 1fr}@media (max-width:768px){.gridtable>div{font-size:1rem;font-weight:700;text-align:center;justify-self:center;grid-column:1/-1;width:100%}}.legals{align-items:flex-start}.legals h2{font-size:1.2rem}.legals li{margin-bottom:.5rem}.faq h3{font-weight:600}.faq .wrapper{width:100%;padding:2rem 1.25rem;margin:0 auto;border-radius:var(--radius-lg);background-color:var(--background-color-high-contrast)}.faq .question-block{max-width:80ch;margin-bottom:1rem}.faq .question-block>div{border-bottom:1px solid var(--color-gray-8)}.faq .question-block>div:last-child{border-bottom:0}.faq button{width:100%;padding-inline:0;padding-block:1rem;margin:0;border-radius:0;text-align:left;font-size:1.4rem;background-color:inherit;color:var(--text-color);display:flex;align-items:center;justify-content:space-between}.faq .question.selected,.faq .question:hover{color:var(--color-cta)}.faq p{padding:0;margin-top:-1rem;font-size:1.125rem}.faq .toggle-icon{color:var(--color-cta)}.subscription-details{background-color:var(--background-color-high-contrast)}form select.dropdown-selector{outline:1px solid var(--form-color-border);background-color:var(--form-accent-color);color:var(--text-color)}@media (max-width:640px){.maintenance-dropdown-form{width:100%;padding-inline:1rem;display:flex;justify-content:center}}.title-with-icon{margin-top:.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.title-with-icon>*{min-width:0;overflow-wrap:anywhere}.title-with-icon h1{text-align:left;margin:0;font-size:1.5rem;font-weight:500}.popup-icon{cursor:pointer}@media screen{.print-size-selector{margin-bottom:2rem}#qr-code-print{position:absolute;top:2%;left:50%;transform:translate(-50%) scale(.7);width:clamp(450px,95%,60ch);max-width:600px;padding:2rem;border:1px solid #ddd;border-radius:var(--radius-lg);text-align:center;overflow:hidden;background-color:#fff;color:#000;box-shadow:0 4px 10px rgba(0,0,0,.1);z-index:1000}#qr-code-print h1{font-size:1.8rem;text-transform:capitalize}#qr-code-print li div{outline:1px solid #000;padding:.5rem;border-radius:var(--radius-sm);display:flex;gap:.5rem;align-items:center}#qr-code-print button{background-color:transparent;color:#000}#qr-code-print button.close{position:absolute;top:1rem;right:1rem;color:var(--color-red-1)}#qr-code-print button.print{margin-top:1.2rem;padding:.3rem .6rem;background-color:var(--button-color);color:#fff}#qr-code-print .bigtext{font-size:3rem;font-weight:600}#qr-code-print .credentials{width:fit-content;margin-inline:auto;margin-bottom:1rem;font-size:1.4rem;display:flex;flex-direction:column;justify-items:flex-start;align-items:flex-start;gap:.5rem}#qr-code-print span{font-weight:600}}@media print{.print-size-selector{display:none}.print-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding-top:10mm;box-sizing:border-box;width:100%}body *{visibility:hidden!important}.print-wrapper,.print-wrapper *{visibility:visible!important}#qr-code-print,#qr-code-print *{visibility:visible}body{font-family:Arial,sans-serif;padding:0;margin:0}#qr-code-print{position:absolute;top:0;left:50%;transform:translateX(-50%);padding-inline:20px;padding-top:35px;padding-bottom:35px;border:1px solid #000;border-radius:8px;background-color:#fff;box-sizing:border-box;margin:0}#qr-code-print li div{outline:1px solid #000;padding:.5rem;border-radius:var(--radius-sm);display:flex;gap:.5rem;align-items:center}#qr-code-print h1{font-size:1.8rem}#qr-code-print button{display:none}#qr-code-print .bigtext{font-size:2.5rem;font-weight:600;text-align:center}#qr-code-print .credentials{width:fit-content;margin-inline:auto;margin-bottom:1rem;font-size:1.4rem;display:flex;flex-direction:column;justify-items:flex-start;align-items:flex-start;gap:.5rem}.print-wrapper.print-a4 #qr-code-print{width:160mm;max-width:160mm;margin-top:10mm}.print-wrapper.print-10x8 #qr-code-print{width:155mm;max-width:155mm;margin-top:8mm}.print-wrapper.print-8x6 #qr-code-print{width:120mm;max-width:120mm;margin-top:5mm}.print-wrapper.print-a4-window #qr-code-print{width:140mm;max-width:140mm;margin-top:15mm}.print-wrapper.print-10x8-window #qr-code-print{width:190mm;max-width:190mm;margin-top:10mm}.print-wrapper.print-8x6-window #qr-code-print{width:140mm;max-width:140mm;margin-top:10mm}}.authcard .header{display:flex;flex-direction:column;align-items:center;gap:1rem}.authcard .icon{width:48px;height:48px;color:var(--color-red-1)}.authcard .title{font-size:1.5rem;font-weight:700;text-align:center;margin:0}.authcard .warningWrapper{margin-top:1.5rem}.authcard .warningBlock{padding:1.25rem;border-radius:12px;background:var(--color-red-3);border:1px solid var(--color-red-1);text-align:center}.authcard .warningMessage{font-weight:600;margin-bottom:.5rem}.authcard .lastLogin{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--greyedout-border-color)}.authcard .sectionLabel{font-size:.85rem;font-weight:700;color:var(--text-color);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem}.authcard .loginItems{gap:.75rem}.authcard .loginItem,.authcard .loginItems{display:flex;flex-direction:column}.authcard .loginMeta{font-size:.725rem;font-weight:500}.authcard .loginValue{margin-top:.25rem;font-family:monospace;font-size:.75rem;background:var(--color-gray-9);border:1px solid var(--greyedout-border-color);padding:.5rem;border-radius:var(--radius-md);text-align:center}.authcard .actions{margin-top:2rem}.authcard .backButton{display:flex;justify-content:center;align-items:center;gap:.5rem}.authcard .backIcon{width:16px;height:16px}

/* !! DEBUG */.placeholder\:text-gray-400::placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-500:hover{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.hover\:border-transparent:hover{border-color:transparent}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:outline-none:hover{outline:2px solid transparent;outline-offset:2px}.hover\:ring-1:hover{--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,0 0 #0000)}.hover\:ring-blue-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:border-blue-300:focus{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:no-underline:focus{text-decoration-line:none}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-1:focus{--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)}.focus\:ring-2:focus{--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,0 0 #0000)}.focus\:ring-blue-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.focus\:ring-opacity-50:focus{--tw-ring-opacity:0.5}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--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,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-400:disabled{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:hsl(var(--accent))}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:hsl(var(--accent-foreground))}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:bg-gray-400:is(.dark *){--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:mx-0{margin-left:0;margin-right:0}.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:ml-3{margin-left:.75rem}.sm\:ml-4{margin-left:1rem}.sm\:mt-0{margin-top:0}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:size-10{width:2.5rem;height:2.5rem}.sm\:w-auto{width:auto}.sm\:w-full{width:100%}.sm\:max-w-lg{max-width:32rem}.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:gap-4{gap:1rem}.sm\:p-0{padding:0}.sm\:p-6{padding:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pb-4{padding-bottom:1rem}.sm\:text-left{text-align:left}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:mx-20{margin-left:5rem;margin-right:5rem}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[350px\]{height:350px}.md\:h-\[400px\]{height:400px}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-3\/5{width:60%}.md\:w-\[267px\]{width:267px}.md\:w-auto{width:auto}.md\:w-fit{width:fit-content}.md\:flex-1{flex:1 1 0%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:gap-1{gap:.25rem}.md\:gap-12{gap:3rem}.md\:gap-16{gap:4rem}.md\:gap-2{gap:.5rem}.md\:gap-4{gap:1rem}.md\:gap-8{gap:2rem}.md\:justify-self-auto{justify-self:auto}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pr-4{padding-right:1rem}.md\:pt-0{padding-top:0}.md\:text-left{text-align:left}}@media (min-width:1024px){.lg\:mx-48{margin-left:12rem;margin-right:12rem}.lg\:mx-auto{margin-left:auto;margin-right:auto}.lg\:-mt-6{margin-top:-1.5rem}.lg\:mt-0{margin-top:0}.lg\:mt-4{margin-top:1rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-10{height:2.5rem}.lg\:h-12{height:3rem}.lg\:h-14{height:3.5rem}.lg\:h-16{height:4rem}.lg\:h-24{height:6rem}.lg\:h-6{height:1.5rem}.lg\:h-8{height:2rem}.lg\:h-full{height:100%}.lg\:min-h-10{min-height:2.5rem}.lg\:min-h-12{min-height:3rem}.lg\:min-h-16{min-height:4rem}.lg\:min-h-6{min-height:1.5rem}.lg\:min-h-8{min-height:2rem}.lg\:w-1\/12{width:8.333333%}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-10{width:2.5rem}.lg\:w-12{width:3rem}.lg\:w-14{width:3.5rem}.lg\:w-16{width:4rem}.lg\:w-2\/3{width:66.666667%}.lg\:w-24{width:6rem}.lg\:w-4\/5{width:80%}.lg\:w-6{width:1.5rem}.lg\:w-8{width:2rem}.lg\:w-\[85\%\]{width:85%}.lg\:w-auto{width:auto}.lg\:min-w-10{min-width:2.5rem}.lg\:min-w-12{min-width:3rem}.lg\:min-w-16{min-width:4rem}.lg\:min-w-6{min-width:1.5rem}.lg\:min-w-8{min-width:2rem}.lg\:max-w-\[60ch\]{max-width:60ch}.lg\:max-w-\[70ch\]{max-width:70ch}.lg\:max-w-md{max-width:28rem}.lg\:flex-1{flex:1 1 0%}.lg\:basis-1\/5{flex-basis:20%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-center{align-items:center}.lg\:items-stretch{align-items:stretch}.lg\:justify-start{justify-content:flex-start}.lg\:gap-0{gap:0}.lg\:gap-2{gap:.5rem}.lg\:gap-4{gap:1rem}.lg\:gap-6{gap:1.5rem}.lg\:p-2{padding:.5rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:pl-16{padding-left:4rem}.lg\:pl-4{padding-left:1rem}.lg\:pr-16{padding-right:4rem}.lg\:text-left{text-align:left}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:w-1\/4{width:25%}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1536px){.\32xl\:gap-8{gap:2rem}}