*,:before,:after{--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: rgb(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: rgb(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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-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]){-webkit-text-decoration:underline dotted;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,samp,pre{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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 465px){.container{max-width:465px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-left-2{left:-.5rem}.-left-\[9px\]{left:-9px}.-top-2{top:-.5rem}.-top-\[17px\]{top:-17px}.-top-\[18px\]{top:-18px}.bottom-0{bottom:0}.bottom-\[98\%\]{bottom:98%}.left-3{left:.75rem}.left-\[-14px\]{left:-14px}.left-\[-2px\]{left:-2px}.left-\[-7px\]{left:-7px}.left-\[0\.7rem\]{left:.7rem}.right-1{right:.25rem}.top-0{top:0}.top-1{top:.25rem}.top-\[-21px\]{top:-21px}.top-\[\.8rem\]{top:.8rem}.top-\[18px\]{top:18px}.\!z-\[40\]{z-index:40!important}.z-0{z-index:0}.z-\[2\]{z-index:2}.z-\[999999\]{z-index:999999}.z-\[999\]{z-index:999}.col-span-6{grid-column:span 6 / span 6}.m-0{margin:0}.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-\[15px\]{margin-left:15px;margin-right:15px}.mx-\[24px\]{margin-left:24px;margin-right:24px}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[10px\]{margin-bottom:10px}.mb-\[16px\]{margin-bottom:16px}.mb-\[2px\]{margin-bottom:2px}.me-4{margin-inline-end:1rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-7{margin-left:1.75rem}.ml-\[10px\]{margin-left:10px}.ml-\[20px\]{margin-left:20px}.ml-\[8px\]{margin-left:8px}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-5{margin-right:1.25rem}.mr-\[10px\]{margin-right:10px}.mr-auto{margin-right:auto}.ms-2{margin-inline-start:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-\[--space-md\]{margin-top:var(--space-md)}.mt-\[30px\]{margin-top:30px}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.\!hidden{display:none!important}.hidden{display:none}.size-full{width:100%;height:100%}.\!h-6{height:1.5rem!important}.\!h-\[1\.1rem\]{height:1.1rem!important}.h-12{height:3rem}.h-14{height:3.5rem}.h-24{height:6rem}.h-5{height:1.25rem}.h-5\/6{height:83.333333%}.h-6{height:1.5rem}.h-\[100px\]{height:100px}.h-\[105\%\]{height:105%}.h-\[110\%\]{height:110%}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-\[2\.2rem\]{height:2.2rem}.h-\[24px\]{height:24px}.h-\[28px\]{height:28px}.h-\[30px\]{height:30px}.h-\[37px\]{height:37px}.h-\[42px\]{height:42px}.h-\[67px\]{height:67px}.h-\[70px\]{height:70px}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[250px\]{max-height:250px}.max-h-\[28px\]{max-height:28px}.max-h-\[35px\]{max-height:35px}.max-h-\[500px\]{max-height:500px}.max-h-\[80px\]{max-height:80px}.min-h-\[200px\]{min-height:200px}.min-h-\[34px\]{min-height:34px}.min-h-\[50px\]{min-height:50px}.min-h-\[80px\]{min-height:80px}.min-h-full{min-height:100%}.\!w-2\/4{width:50%!important}.\!w-\[1\.1rem\]{width:1.1rem!important}.\!w-\[180px\]{width:180px!important}.\!w-full{width:100%!important}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-24{width:6rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-60{width:15rem}.w-72{width:18rem}.w-80{width:20rem}.w-\[\.5rem\]{width:.5rem}.w-\[\.75rem\]{width:.75rem}.w-\[10\.8rem\]{width:10.8rem}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[130px\]{width:130px}.w-\[150px\]{width:150px}.w-\[15px\]{width:15px}.w-\[160px\]{width:160px}.w-\[200px\]{width:200px}.w-\[220px\]{width:220px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[45px\]{width:45px}.w-\[600px\]{width:600px}.w-\[80px\]{width:80px}.w-\[90px\]{width:90px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-36{min-width:9rem}.min-w-8{min-width:2rem}.min-w-\[100\%\]{min-width:100%}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.min-w-\[130px\]{min-width:130px}.min-w-\[150px\]{min-width:150px}.min-w-\[280px\]{min-width:280px}.min-w-\[60px\]{min-width:60px}.min-w-\[70px\]{min-width:70px}.min-w-\[90px\]{min-width:90px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[150px\]{max-width:150px}.max-w-\[209px\]{max-width:209px}.max-w-\[255px\]{max-width:255px}.max-w-\[28px\]{max-width:28px}.max-w-\[300px\]{max-width:300px}.max-w-\[400px\]{max-width:400px}.max-w-\[500px\]{max-width:500px}.max-w-\[75\%\]{max-width:75%}.max-w-\[800px\]{max-width:800px}.max-w-\[90\%\]{max-width:90%}.max-w-full{max-width:100%}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.\!rotate-180{--tw-rotate: 180deg !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-outside{list-style-position:outside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-7{gap:1.75rem}.gap-9{gap:2.25rem}.gap-\[--space-sm\]{gap:var(--space-sm)}.gap-\[--space-xs\]{gap:var(--space-xs)}.gap-\[7px\]{gap:7px}.gap-y-2{row-gap:.5rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.self-center{align-self:center}.overflow-auto{overflow:auto}.\!overflow-hidden{overflow:hidden!important}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!whitespace-nowrap{white-space:nowrap!important}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[25px\]{border-radius:25px}.rounded-\[5px\]{border-radius:5px}.rounded-\[9px\]{border-radius:9px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-\[1\.5px\]{border-bottom-width:1.5px}.border-l-2{border-left-width:2px}.border-r-2{border-right-width:2px}.border-r-\[1\.5px\]{border-right-width:1.5px}.border-t-2{border-top-width:2px}.border-t-\[1\.5px\]{border-top-width:1.5px}.border-dashed{border-style:dashed}.\!border-hidden{border-style:hidden!important}.\!border-\[--blue\]{border-color:var(--blue)!important}.border-\[\#2f2d2d\]{--tw-border-opacity: 1;border-color:rgb(47 45 45 / var(--tw-border-opacity, 1))}.border-\[\#302d2e\]{--tw-border-opacity: 1;border-color:rgb(48 45 46 / var(--tw-border-opacity, 1))}.border-\[\#585858\]{--tw-border-opacity: 1;border-color:rgb(88 88 88 / var(--tw-border-opacity, 1))}.border-\[\#646464\]{--tw-border-opacity: 1;border-color:rgb(100 100 100 / var(--tw-border-opacity, 1))}.border-\[--dark\]{border-color:var(--dark)}.border-\[--darkestgray\]{border-color:var(--darkestgray)}.border-\[--darkgray\]{border-color:var(--darkgray)}.border-\[--gray\]{border-color:var(--gray)}.border-\[--light\]{border-color:var(--light)}.border-\[--lightgray\]{border-color:var(--lightgray)}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-muted{--tw-border-opacity: 1;border-color:rgb(137 137 137 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-b-\[--darkgray\]{border-bottom-color:var(--darkgray)}.\!bg-transparent{background-color:transparent!important}.bg-\[\#0883E3\]{--tw-bg-opacity: 1;background-color:rgb(8 131 227 / var(--tw-bg-opacity, 1))}.bg-\[\#2196F3\]{--tw-bg-opacity: 1;background-color:rgb(33 150 243 / var(--tw-bg-opacity, 1))}.bg-\[\#262626\]{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.bg-\[\#353434\]{--tw-bg-opacity: 1;background-color:rgb(53 52 52 / var(--tw-bg-opacity, 1))}.bg-\[\#4CAF50\]{--tw-bg-opacity: 1;background-color:rgb(76 175 80 / var(--tw-bg-opacity, 1))}.bg-\[\#60B41D\]{--tw-bg-opacity: 1;background-color:rgb(96 180 29 / var(--tw-bg-opacity, 1))}.bg-\[\#630C8E\]{--tw-bg-opacity: 1;background-color:rgb(99 12 142 / var(--tw-bg-opacity, 1))}.bg-\[\#7820A4\]{--tw-bg-opacity: 1;background-color:rgb(120 32 164 / var(--tw-bg-opacity, 1))}.bg-\[\#8BC34A\]{--tw-bg-opacity: 1;background-color:rgb(139 195 74 / var(--tw-bg-opacity, 1))}.bg-\[\#960298\]{--tw-bg-opacity: 1;background-color:rgb(150 2 152 / var(--tw-bg-opacity, 1))}.bg-\[\#C90299\]{--tw-bg-opacity: 1;background-color:rgb(201 2 153 / var(--tw-bg-opacity, 1))}.bg-\[\#E91E63\]{--tw-bg-opacity: 1;background-color:rgb(233 30 99 / var(--tw-bg-opacity, 1))}.bg-\[\#F44336\]{--tw-bg-opacity: 1;background-color:rgb(244 67 54 / var(--tw-bg-opacity, 1))}.bg-\[\#FE9902\]{--tw-bg-opacity: 1;background-color:rgb(254 153 2 / var(--tw-bg-opacity, 1))}.bg-\[\#FF5722\]{--tw-bg-opacity: 1;background-color:rgb(255 87 34 / var(--tw-bg-opacity, 1))}.bg-\[\#FF9827\]{--tw-bg-opacity: 1;background-color:rgb(255 152 39 / var(--tw-bg-opacity, 1))}.bg-\[\#FFC107\]{--tw-bg-opacity: 1;background-color:rgb(255 193 7 / var(--tw-bg-opacity, 1))}.bg-\[\#FFEB3B\]{--tw-bg-opacity: 1;background-color:rgb(255 235 59 / var(--tw-bg-opacity, 1))}.bg-\[\#FFF176\]{--tw-bg-opacity: 1;background-color:rgb(255 241 118 / var(--tw-bg-opacity, 1))}.bg-\[--background\]{background-color:var(--background)}.bg-\[--blue\]{background-color:var(--blue)}.bg-\[--dark\]{background-color:var(--dark)}.bg-\[--darker\]{background-color:var(--darker)}.bg-\[--darkest\]{background-color:var(--darkest)}.bg-\[--darkestgray\]{background-color:var(--darkestgray)}.bg-\[--darkgray\]{background-color:var(--darkgray)}.bg-\[--green\]{background-color:var(--green)}.bg-\[--light\]{background-color:var(--light)}.bg-\[--lighter\]{background-color:var(--lighter)}.bg-\[--lightest\]{background-color:var(--lightest)}.bg-\[--maindark\]{background-color:var(--maindark)}.bg-\[--orange\]{background-color:var(--orange)}.bg-\[--red\]{background-color:var(--red)}.bg-\[--semidark\]{background-color:var(--semidark)}.bg-\[--violet\]{background-color:var(--violet)}.bg-\[--white\]{background-color:var(--white)}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-inherit{background-color:inherit}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / 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))}.fill-\[\#2196F3\]{fill:#2196f3}.fill-\[\#4CAF50\]{fill:#4caf50}.fill-\[\#630C8E\]{fill:#630c8e}.fill-\[\#7820A4\]{fill:#7820a4}.fill-\[\#8BC34A\]{fill:#8bc34a}.fill-\[\#960298\]{fill:#960298}.fill-\[\#C90299\]{fill:#c90299}.fill-\[\#E91E63\]{fill:#e91e63}.fill-\[\#F44336\]{fill:#f44336}.fill-\[\#FE9902\]{fill:#fe9902}.fill-\[\#FF5722\]{fill:#ff5722}.fill-\[\#FFC107\]{fill:#ffc107}.fill-\[\#FFEB3B\]{fill:#ffeb3b}.fill-\[\#FFF176\]{fill:#fff176}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[9px\]{padding:9px}.p-px{padding:1px}.\!px-\[--space-xs\]{padding-left:var(--space-xs)!important;padding-right:var(--space-xs)!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[13px\]{padding-left:13px;padding-right:13px}.px-\[24px\]{padding-left:24px;padding-right:24px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[19px\]{padding-top:19px;padding-bottom:19px}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-\[20px\]{padding-bottom:20px}.pe-4{padding-inline-end:1rem}.pl-0{padding-left:0}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pl-7{padding-left:1.75rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-6{padding-right:1.5rem}.pr-7{padding-right:1.75rem}.ps-4{padding-inline-start:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-\[20px\]{padding-top:20px}.pt-\[30px\]{padding-top:30px}.text-center{text-align:center}.text-right{text-align:right}.\!text-\[10px\]{font-size:10px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[0\.5rem\]{font-size:.5rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[38px\]{font-size:38px}.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:12px}.text-xxs{font-size:10px}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.\!text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.text-\[\#0CB3C2\]{--tw-text-opacity: 1;color:rgb(12 179 194 / var(--tw-text-opacity, 1))}.text-\[\#2196F3\]{--tw-text-opacity: 1;color:rgb(33 150 243 / var(--tw-text-opacity, 1))}.text-\[\#4CAF50\]{--tw-text-opacity: 1;color:rgb(76 175 80 / var(--tw-text-opacity, 1))}.text-\[\#630C8E\]{--tw-text-opacity: 1;color:rgb(99 12 142 / var(--tw-text-opacity, 1))}.text-\[\#7820A4\]{--tw-text-opacity: 1;color:rgb(120 32 164 / var(--tw-text-opacity, 1))}.text-\[\#8BC34A\]{--tw-text-opacity: 1;color:rgb(139 195 74 / var(--tw-text-opacity, 1))}.text-\[\#8ac43e\]{--tw-text-opacity: 1;color:rgb(138 196 62 / var(--tw-text-opacity, 1))}.text-\[\#909090\]{--tw-text-opacity: 1;color:rgb(144 144 144 / var(--tw-text-opacity, 1))}.text-\[\#960298\]{--tw-text-opacity: 1;color:rgb(150 2 152 / var(--tw-text-opacity, 1))}.text-\[\#979797\]{--tw-text-opacity: 1;color:rgb(151 151 151 / var(--tw-text-opacity, 1))}.text-\[\#990099\]{--tw-text-opacity: 1;color:rgb(153 0 153 / var(--tw-text-opacity, 1))}.text-\[\#A09F9F\]{--tw-text-opacity: 1;color:rgb(160 159 159 / var(--tw-text-opacity, 1))}.text-\[\#A3A3A3\]{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.text-\[\#C90299\]{--tw-text-opacity: 1;color:rgb(201 2 153 / var(--tw-text-opacity, 1))}.text-\[\#D2D2D2\]{--tw-text-opacity: 1;color:rgb(210 210 210 / var(--tw-text-opacity, 1))}.text-\[\#DDDDDD\]{--tw-text-opacity: 1;color:rgb(221 221 221 / var(--tw-text-opacity, 1))}.text-\[\#E91E63\]{--tw-text-opacity: 1;color:rgb(233 30 99 / var(--tw-text-opacity, 1))}.text-\[\#F44336\]{--tw-text-opacity: 1;color:rgb(244 67 54 / var(--tw-text-opacity, 1))}.text-\[\#FE9902\]{--tw-text-opacity: 1;color:rgb(254 153 2 / var(--tw-text-opacity, 1))}.text-\[\#FF5722\]{--tw-text-opacity: 1;color:rgb(255 87 34 / var(--tw-text-opacity, 1))}.text-\[\#FFC107\]{--tw-text-opacity: 1;color:rgb(255 193 7 / var(--tw-text-opacity, 1))}.text-\[\#FFEB3B\]{--tw-text-opacity: 1;color:rgb(255 235 59 / var(--tw-text-opacity, 1))}.text-\[\#FFF176\]{--tw-text-opacity: 1;color:rgb(255 241 118 / var(--tw-text-opacity, 1))}.text-\[\#c2c2c2\]{--tw-text-opacity: 1;color:rgb(194 194 194 / var(--tw-text-opacity, 1))}.text-\[\#c5c4c4\]{--tw-text-opacity: 1;color:rgb(197 196 196 / var(--tw-text-opacity, 1))}.text-\[--blue\]{color:var(--blue)}.text-\[--gray\]{color:var(--gray)}.text-\[--green\]{color:var(--green)}.text-\[--light-gray-text\]{color:var(--light-gray-text)}.text-\[--light-red\]{color:var(--light-red)}.text-\[--light\]{color:var(--light)}.text-\[--lighter\]{color:var(--lighter)}.text-\[--lightest-text\]{color:var(--lightest-text)}.text-\[--lightest\]{color:var(--lightest)}.text-\[--lightgray\]{color:var(--lightgray)}.text-\[--medgray\]{color:var(--medgray)}.text-\[--medlight\]{color:var(--medlight)}.text-\[--red\]{color:var(--red)}.text-\[--violet\]{color:var(--violet)}.text-\[--white\]{color:var(--white)}.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-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-muted{--tw-text-opacity: 1;color:rgb(137 137 137 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);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 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring{--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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.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)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-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-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}*{font-family:Roboto Flex,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",sans-serif!important;line-height:1.5;font-optical-sizing:auto;font-variation-settings:"SLNT" 0,"GRAD" 0,"XOPQ" 96,"XTRA" 468,"YOPQ" 79,"YTAS" 750,"YTDE" -203,"YTFI" 738,"YTLC" 514,"YTUC" 712;--white: #ffffff;--lightest: #f8f7f7;--lighter: #e8e7e7;--light: #d5d5d5;--medlight: #c4c4c5;--lightgray: #b4b4b4;--medgray: #909091;--gray: #808081;--darkgray: #5d5d5c;--darkestgray: #454546;--dark: #353434;--semidark: #292929;--maindark: #212020;--darker: #1c1d1d;--darkest: #0d0d0c;--black: #000000;--blue: #1f91c4;--light-blue: #26aeeb;--lightest-blue: #e7f5ff;--red: #ff3e61;--light-red: #ff7265;--lightest-red: #fff2f3;--green: #38bfa0;--bright-green: #73e421;--lightest-green: #f4ffe6;--yellow: #fbc72c;--orange: #ff9826;--light-orange: #fde08f;--violet: #e2376f;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--font-xxxs: 8px;--font-xxs: 10px;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 20px;--font-xxl: 24px;--font-xxxl: 32px;--line-xxs: 16px;--line-xs: 18px;--line-sm: 20px;--line-md: 24px;--line-lg: 28px;--line-xl: 32px;--line-xxl: 36px;--line-xxxl: 48px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 40px;--space-xxxl: 48px;--size-xxxs: 12px;--size-xxs: 14px;--size-xs: 16px;--size-sm: 24px;--size-md: 32px;--size-lg: 40px;--size-xl: 48px;--size-xxl: 64px;--size-xxxl: 96px;--sidebar-width: 272px;--header-height: 64px;--toolbar-height: 44px;--drawer-width: 640px;--drawer-label-width: 80px;--faster: 75ms;--fast: .15s;--slow: .25s;--slowest: .5s;--task-height-list: 38px;--task-avatar-size-list: var(--size-md);--task-spacing-list: 10px;--task-spacing-tile: 16px;--task-indent-list: 20px;--task-subtask-indent: 0px;--subtask-indent: 24px;--task-avatar-gap: var(--space-sm);--task-height-tile: 112px;--task-icon-size: 22px;--task-width-tile: 288px;--sidebar-background: var(--lightest);--sidebar-skeleton-background: var(--lighter);--nav-item-height: 32px;--nav-item-indent: 10px;@media (max-width: 767px){--task-subtask-indent: 16px;--task-height-list: 40px;--task-spacing-list: 6px;--task-indent-list: 4px;--subtask-indent: 8px}}body,#root{height:100%;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#8080801a}::-webkit-scrollbar-thumb{background:#0006;border-radius:5px}@-moz-document url-prefix(){.scroller{width:10px;height:10px;background:var(--maindark)}}input[type=time]::-webkit-calendar-picker-indicator{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-transition:background 600000s 0s,color 600000s 0s;transition:background 600000s 0s,color 600000s 0s;-webkit-box-shadow:0 0 0 1000px transparent inset;background:transparent;-webkit-text-fill-color:var(--light)}input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button{visibility:hidden;display:none!important}input[data-autocompleted]{background:transparent!important}.remirror-theme,.remirror-editor-wrapper{width:100%}.remirror-editor-wrapper>div{min-height:100px;background:#fff;padding:5px 10px;border-radius:0}.remirror-floating-popover{z-index:9999999}.remirror-emoji-popup-item{display:flex!important}.remirror-emoji-popup-name{font-size:12px}.remirror-emoji-wrapper{width:-moz-fit-content;width:fit-content}.remirror-editor a{color:var(--blue);cursor:pointer;&:hover{text-decoration:underline}}@keyframes openDrawer{0%{right:-640px}to{right:0}}@keyframes closeDrawer{0%{right:0}to{right:-640px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1);filter:brightness(1.4)}}@keyframes jiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}textarea::-moz-placeholder,input::-moz-placeholder{color:var(--gray);font-weight:400;font-style:italic;font-variation-settings:"slnt" -1}textarea::placeholder,input::placeholder{color:var(--gray);font-weight:400;font-style:italic;font-variation-settings:"slnt" -1}.App{text-align:center}.font-semibold{font-weight:500!important}#seatNumberInput{min-height:auto!important;height:auto!important;padding-right:.25rem;padding-left:.25rem;border-color:transparent;text-align:center;font-weight:700;border-radius:10px}.drawer{position:fixed;top:0;right:0;z-index:99;display:flex;height:100svh;flex-direction:column;overflow-y:auto;overflow-x:hidden;width:var(--drawer-width);box-shadow:0 0 32px #0003;animation:slideRight var(--slow) ease-in-out forwards;&.light{color:var(--darkestgray);background:var(--lightest);border-left:1px solid var(--gray)}&.dark{color:var(--lightest);background:var(--darker);border-left:1px solid var(--darkgray)}&.open{animation:slideLeft var(--slow) ease-in-out forwards}@media (max-width: 1280px){width:50%}@media (max-width: 767px){width:100%}.drawerHeader{position:sticky;top:0;z-index:1000;display:flex;gap:var(--space-md);min-height:var(--header-height);align-items:center;padding:0 var(--space-md);.dark &{border-bottom:1px solid var(--darkgray);background:var(--semidark)}.drawerIcon{pointer-events:none}.drawerTitle{font-size:var(--font-lg)}}.drawerBody{margin:var(--size-md)}.itemsGroup{display:flex;align-items:center;gap:var(--space-sm);background:inherit;.arrow{min-width:1em;pointer-events:none;font-size:var(--font-xs)!important;fill:var(--lightgray)}&.right{margin-left:auto;gap:var(--space-sm)}&.wrapable{flex-wrap:wrap}}}[data-badge]{position:relative}[data-badge]:after{font-weight:800;content:attr(data-badge);font-size:var(--font-xxs);line-height:var(--font-xxs);position:absolute;top:-5px;right:-5px;display:flex;align-items:center;justify-content:center;min-width:var(--size-xs);height:var(--size-xs);color:var(--white);border-radius:var(--size-xs);background:var(--blue);padding:2px}.menuItem[data-badge]:after{top:0;right:0}.groupedActions{display:flex;gap:var(--space-sm);justify-content:flex-end}.pricingNumberInput{background:transparent;border:none!important;color:var(--white);font-weight:700;font-size:40px!important;height:auto!important;padding:0!important;text-align:center;width:75px!important;&:focus{border:none!important}}.expand-toggle{width:var(--size-md);min-width:var(--size-md);overflow:hidden;opacity:0;transform:translate(-20px);transition:width .5s ease,opacity .5s ease,transform .5s ease}.expand-toggle.expanded{opacity:1;transform:translate(0)}.stickyPageTitle,.pageContent{width:1024px;max-width:100%;padding:var(--space-md);margin:0 auto}.stickyPageTitle{position:sticky;top:0;z-index:50;background:inherit;background:var(--dark);margin:0 auto;font-size:var(--font-md);font-weight:600;display:flex;gap:var(--space-sm);align-items:center;.simpleIcons{pointer-events:none}}.actionButton.addMemberMenuItem,.actionButton.addTagMenuItem{width:100%!important;padding:0 var(--space-md)!important}.inlineGroup{display:flex;align-items:center;gap:var(--space-sm)}.first\:min-w-\[30px\]:first-child{min-width:30px}.first\:pr-\[30px\]:first-child{padding-right:30px}.first\:text-white:first-child{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.last\:border-0:last-child{border-width:0px}.last\:pr-0:last-child{padding-right:0}@media (hover: hover) and (pointer: fine){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:\!border-\[--orange\]:hover{border-color:var(--orange)!important}.hover\:\!border-\[--red\]:hover{border-color:var(--red)!important}.hover\:border-\[--gray\]:hover{border-color:var(--gray)}.hover\:\!bg-\[--orange\]:hover{background-color:var(--orange)!important}.hover\:\!bg-\[--red\]:hover{background-color:var(--red)!important}.hover\:bg-\[\#353434\]:hover{--tw-bg-opacity: 1;background-color:rgb(53 52 52 / var(--tw-bg-opacity, 1))}.hover\:bg-\[--dark\]:hover{background-color:var(--dark)}.hover\:bg-\[--darkest\]:hover{background-color:var(--darkest)}.hover\:bg-transparent:hover{background-color:transparent}.hover\:underline:hover{text-decoration-line:underline}.group:hover .group-hover\:-translate-y-4{--tw-translate-y: -1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-\[--darkest\]{background-color:var(--darkest)}.group\/custom-btn:hover .group-hover\/custom-btn\:text-\[\#E91E63\]{--tw-text-opacity: 1;color:rgb(233 30 99 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-\[\#8BC63E\]{--tw-text-opacity: 1;color:rgb(139 198 62 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-\[\#FF7265\]{--tw-text-opacity: 1;color:rgb(255 114 101 / var(--tw-text-opacity, 1))}.group\/filter:hover .group-hover\/filter\:\!opacity-0{opacity:0!important}.group\/filter:hover .group-hover\/filter\:\!opacity-100{opacity:1!important}}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (min-width: 768px){.md\:col-span-3{grid-column:span 3 / span 3}.md\:mt-0{margin-top:0}.md\:\!w-1\/4{width:25%!important}.md\:\!w-auto{width:auto!important}.md\:w-2\/3{width:66.666667%}.md\:w-96{width:24rem}.md\:w-auto{width:auto}.md\:max-w-\[50\%\]{max-width:50%}.md\:max-w-\[90\%\]{max-width:90%}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-between{justify-content:space-between}.md\:border-r{border-right-width:1px}.md\:px-0{padding-left:0;padding-right:0}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-\[27px\]{padding-left:27px;padding-right:27px}.md\:pl-0{padding-left:0}.md\:pl-4{padding-left:1rem}.md\:pl-5{padding-left:1.25rem}.md\:pr-4{padding-right:1rem}.md\:pt-0{padding-top:0}.md\:text-right{text-align:right}.md\:last\:border-r-0:last-child{border-right-width:0px}}@media (min-width: 1024px){.lg\:max-w-\[75\%\]{max-width:75%}.lg\:px-40{padding-left:10rem;padding-right:10rem}}@media (min-width: 1536px){.\32xl\:max-w-\[40\%\]{max-width:40%}.\32xl\:max-w-\[60\%\]{max-width:60%}}.loader{display:flex;align-items:center;justify-content:center;padding:var(--space-md);&.noPadding{padding:0}&.fullScreen{position:fixed;background:var(--darkestgray);inset:0}&.overlay{position:absolute;background:transparent;-webkit-backdrop-filter:blur(16px) brightness(.5);backdrop-filter:blur(16px) brightness(.5);inset:0;z-index:1}&.xs{--loader-size: 16px;--loader-thickness: 2px}&.sm{--loader-size: 24px;--loader-thickness: 3px}&.md{--loader-size: 32px;--loader-thickness: 4px}&.lg{--loader-size: 48px;--loader-thickness: 6px}&.xl{--loader-size: 64px;--loader-thickness: 8px}.circle{width:var(--loader-size);height:var(--loader-size);animation:loader 1s linear infinite;border:var(--loader-thickness) solid rgba(128,128,128,.3);border-top:var(--loader-thickness) solid var(--gray);border-radius:50%}}@keyframes loader{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.appTooltip{--tooltip-bkg: var(--darkgray);position:fixed;z-index:999999999;transition:opacity var(--fast) ease-out,transform var(--fast) ease-out;transform:translateY(-30px);pointer-events:none;opacity:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25));@media (hover: hover){&.visible{transform:translateY(0);opacity:1}}.tooltipContent{font-size:var(--font-xxs);font-weight:700;position:absolute;bottom:0;width:-moz-max-content;width:max-content;max-width:200px;padding:var(--space-sm);transform:translate(-50%);text-align:center;white-space:pre-wrap;color:var(--white);border-radius:var(--radius-sm);background:var(--tooltip-bkg);overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.25);&.left{transform:translate(-20%)}&.right{transform:translate(-80%)}}&:after{position:absolute;top:100%;left:50%;width:0;height:0;content:"";transform:translate(-50%);border-width:10px 10px 0 10px;border-style:solid;border-color:var(--tooltip-bkg) transparent transparent transparent}&.below{&:after{top:-10px;border-width:0 10px 10px 10px;border-color:transparent transparent var(--tooltip-bkg) transparent}.tooltipContent{top:0;bottom:auto}}}.removeButton{font-size:var(--font-md);line-height:var(--line-md);width:var(--size-sm);min-width:var(--size-sm);height:var(--size-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--faster) ease,color var(--faster) ease;text-align:center;color:var(--white);background:var(--red);border-radius:var(--radius-xl);@media (hover: hover) and (pointer: fine){color:var(--lightgray);background:transparent;&:hover{color:var(--white);background:var(--red)}}}.simpleIcons{&.lg{font-size:24px}&.md{font-size:20px}&.sm{font-size:16px}fill:var(--darkgray);@media (hover: hover) and (pointer: fine){&:hover{fill:var(--lightest)}}}@media (hover: hover) and (pointer: fine){button:hover{.simpleIcons{fill:var(--lightest)}}}.actionButton{font-size:var(--font-sm);font-weight:500;display:flex;align-items:center;justify-content:center;width:-moz-max-content;width:max-content;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--faster) ease,background var(--faster) ease,border-color var(--faster) ease;color:var(--medlight);border-radius:var(--radius-sm);gap:var(--space-xs);.light &{color:var(--dark)}&:has(.actionButtonLabel){min-width:var(--size-xl);padding:0 var(--space-sm)}@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){color:var(--white);background:var(--darkestgray);.light &:not(.primary){color:var(--darker);background:var(--lighter);.icon.simple{color:var(--darker);fill:var(--darker)}}}}&.center{margin:0 auto}&.right{margin-left:auto}&.left{margin-right:auto}&.full{width:100%}&.sm{height:var(--size-sm);&:not(:has(.actionButtonLabel)){width:var(--size-sm);min-width:var(--size-sm);max-width:var(--size-sm)}}&.md{height:var(--size-md);&:not(:has(.actionButtonLabel)){width:var(--size-md);min-width:var(--size-md);max-width:var(--size-md)}}&.lg{height:var(--size-lg);&:not(:has(.actionButtonLabel)){width:var(--size-lg);min-width:var(--size-lg);max-width:var(--size-lg)}}&.xl{font-size:var(--font-md);height:var(--size-xl)}&.primary,&.secondary,&.tertiary{border-width:1px;border-style:solid}&.primary{color:var(--white);border-color:var(--light-blue);background:var(--light-blue);.simpleIcons{border-color:var(--white)!important;fill:var(--white)}@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){border-color:var(--blue);background:var(--blue)}}}&.secondary{border-color:var(--light-blue);@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){border-color:var(--blue)}}}&.tertiary{border-color:var(--gray);.light &{border-color:var(--lightgray)}&:disabled{color:var(--gray);border-color:var(--darkestgray);background:transparent}@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){border-color:var(--darkestgray);background:var(--darkestgray);.light &{border-color:var(--light);background:var(--light)}}}}&.delete{@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){border-color:var(--red);background:var(--red)}}}&:disabled{cursor:default;color:var(--gray);border-color:var(--gray);background:var(--darkestgray);.light &{border-color:var(--lightgray);background:var(--lighter)}}&.right{.chevron{transform:rotate(90deg)}&:hover:not(:disabled){.chevron{transform:rotate(90deg) translateY(-5px)}}}&.left{flex-direction:row-reverse;.chevron{transform:rotate(-90deg)}&:hover:not(:disabled){.chevron{transform:rotate(-90deg) translateY(-5px)}}}.chevron{display:block;width:16px;min-width:16px;transition:transform var(--faster) ease}.loader{padding:0}&:has(.icon.dashSquare),&:has(.icon.dashCircle){padding-left:0}.icon{&.dashSquare,&.dashCircle,&.solidCircle{box-sizing:content-box;padding:var(--space-xs);transition:border-color var(--faster) ease;border:1px dashed var(--gray);border-radius:var(--radius-sm)}&.solidCircle{border:1px solid var(--gray)}&.dashCircle,&.solidCircle{border-radius:50%}&.hover,&.selected{display:none}}@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){.icon{&.dashSquare,&.dashCircle{border:1px dashed transparent}&.normal{display:none}&.hover{display:block}}}}.actionButtonLabel{font-weight:600;line-height:var(--line-xxs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}&.hideLabelOnMobile{.actionButtonLabel{display:none}}}.pageWrapper{margin-left:auto;width:100%;flex-grow:1;overflow:auto;scroll-behavior:smooth;background:var(--dark);color:var(--white);transition:padding var(--slow) ease-in-out;--reserved--header-height: 0px;--reserved--toolbar-height: 0px;&.withHeader{--reserved--header-height: var(--header-height)}&.withToolbar{--reserved--toolbar-height: var(--toolbar-height)}&.withDrawer{padding-right:640px;@media (max-width: 1280px){padding-right:50%}@media (max-width: 767px){padding-right:0}}&.sidebarOpen{@media (min-width: 768px){padding-left:var(--sidebar-width)}}}.simpleAvatar{display:flex;overflow:hidden;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:50%;&.md{min-width:var(--size-sm);width:var(--size-sm);height:var(--size-sm);.avatarInitials{font-size:var(--font-xs)}}&.lg{min-width:var(--size-md);width:var(--size-md);height:var(--size-md);.avatarInitials{font-size:var(--font-sm)}}&.xl{min-width:var(--size-xxl);width:var(--size-xxl);height:var(--size-xxl);.avatarInitials{font-size:var(--font-lg)}}&.xxl{min-width:var(--size-xxxl);width:var(--size-xxxl);height:var(--size-xxxl);.avatarInitials{font-size:var(--font-xl)}}img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatarInitials{font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--white);background:var(--gray)}}.avatarName{display:flex;align-items:center;gap:var(--space-sm);.avatarNameLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--white)}}.dividerContainer{display:flex;align-items:center;justify-content:center;margin-top:var(--space-md);margin-bottom:var(--space-md);&:has(.vertical){height:100%}.divider{flex-grow:1;height:1px;background:var(--gray);border:none;&.vertical{width:1px;height:100%}}}.closeButton{font-size:24px;line-height:var(--size-md);min-width:var(--size-md);height:var(--size-md);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--faster) ease,color var(--faster) ease;text-align:center;color:var(--lightgray);border-radius:var(--radius-sm);@media (hover: hover) and (pointer: fine){&:hover{color:var(--white);background:var(--darkestgray);.light &{color:var(--darkest);background:var(--lighter)}}}}.popover{font-size:var(--font-sm);position:absolute;z-index:100000;padding:var(--space-xs) var(--space-sm);color:var(--white);border-radius:var(--radius-sm);filter:drop-shadow(0 4px 8px black);-webkit-user-select:none;-moz-user-select:none;user-select:none;&.info{background:var(--blue)}&.error{background:var(--red)}&:after{position:absolute;left:20%;content:"";transform:translate(-50%);border:10px solid transparent}&.bottom:after{bottom:100%}&.top:after{top:100%}&.info.bottom:after{border-bottom-color:var(--blue)}&.info.top:after{border-top-color:var(--blue)}&.error.bottom:after{border-bottom-color:var(--red)}&.error.top:after{border-top-color:var(--red)}}.textInputWrapper{display:flex;overflow:hidden;flex-direction:column;width:100%;gap:var(--space-sm);.textInputLabel{font-size:var(--font-xs);font-weight:500;color:var(--gray)}.textInputContainer{position:relative;.textInputIcon{fill:var(--gray)}@media (hover: hover) and (pointer: fine){&:hover{.textInputIcon{fill:var(--gray)}}}&:has(.textInput:focus){.textInputIcon{fill:var(--blue)}}.passwordInputToggle{position:absolute;top:50%;right:10px;cursor:pointer;transform:translateY(-50%)}.textInputIcon{position:absolute;top:50%;left:10px;transform:translateY(-50%)}.textInput{font-size:var(--font-sm);overflow:hidden;width:100%;max-width:100%;padding:var(--space-sm);white-space:nowrap;text-overflow:ellipsis;color:var(--lighter);border:1px solid var(--gray);border-radius:var(--radius-md);background:transparent;&:focus{color:var(--lightest);border:1px solid var(--blue)!important;outline:none!important}@media (hover: hover) and (pointer: fine){&:hover:not(:focus){border:1px solid var(--lightgray)}}&:user-invalid{border:1px solid var(--red)!important}&.password{padding-right:35px}&.icon{padding-left:35px}&.sm{height:var(--size-sm)}&.md{height:var(--size-md)}&.lg{font-size:var(--font-lg);height:var(--size-lg)}&.xl{font-size:var(--font-lg);height:var(--size-xl)}&.arrows{padding-right:var(--space-md);text-align:center}&.editable{border:1px solid transparent;@media (hover: hover) and (pointer: fine){&:hover{cursor:pointer}}}&.autoSize{field-sizing:content}.light &{color:var(--dark);border:1px solid var(--lightgray);@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){border:1px solid var(--gray)}}&:focus{color:var(--maindark)}}.dark &{color:var(--light);border:1px solid var(--gray);@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){border:1px solid var(--lightgray)}}&:focus{color:var(--lightest)}}}.numberInputButtons{position:absolute;top:0;right:3px;bottom:0;display:flex;align-items:center;flex-direction:column;justify-content:center;margin:auto 0;.actionButton{width:12px!important;min-width:12px!important;height:10px!important;svg{width:8px!important;height:8px!important;fill:var(--darkgray)!important;&.rotated{transform:rotate(180deg)}}&:hover{svg{fill:var(--white)!important}}}}}}.dropdownMenu{position:absolute;z-index:999999;display:flex;overflow-y:auto;flex-direction:column;max-width:300px;max-height:765px;padding:var(--space-xs);transition:height var(--fast) ease-in;transform:translateY(0);opacity:1;color:var(--lightgray);border:1px solid var(--gray);border-radius:var(--radius-md);background:var(--maindark);box-shadow:var(--shadow);&.fullWidth{max-width:100%;&.open{&.below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}&.above{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}}}&.transitioning{overflow:hidden!important}.menuHeader,.menuSearchBar{display:none}&:not(.active){height:0!important}&.smallPanel,&.titleAlwaysVisible{.menuHeader{position:sticky;z-index:1;top:-4px;display:flex;background:var(--maindark);.headerIcon,.headerClose{display:none;@media (max-width: 767px){display:block}}@media (max-width: 767px){top:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm);border-bottom:1px solid var(--darkgray);gap:var(--space-sm)}.headerIcon{pointer-events:none;.simpleIcons{fill:var(--light)}}.headerTitle{font-size:var(--font-xs);line-height:var(--line-xs);padding:var(--space-xs);pointer-events:none;@media (max-width: 767px){font-size:var(--font-md);line-height:var(--line-md);flex:1 0 auto;padding:0;color:var(--light)}}}}&.smallPanel{@media (max-width: 767px){position:fixed;top:0!important;right:0!important;bottom:env(keyboard-inset-height,0px)!important;left:0!important;width:auto!important;max-width:100%;height:auto!important;max-height:100%;padding:0;transition:opacity var(--fast) ease,transform var(--fast) ease;border-radius:0;box-shadow:none}&:not(.active){@media (max-width: 767px){transform:translateY(200px);opacity:0}}.menuItem{@media (max-width: 767px){height:var(--size-lg)}}.menuSearchBar{position:sticky;top:48px;padding:var(--space-md) var(--space-sm) var(--space-xs) var(--space-sm);background:var(--maindark);@media (max-width: 767px){display:flex}svg{position:absolute;height:calc(100% - var(--space-md) - var(--space-xs));fill:var(--blue)}}}.menuBody{@media (max-width: 767px){padding:var(--space-sm)}.menuItems{display:flex;flex-direction:column;gap:var(--space-xs);.label{font-size:var(--font-xs);line-height:var(--line-xs);overflow:hidden;padding:var(--space-xs);text-overflow:ellipsis;pointer-events:none}}}}.dropdownTarget,.dropdownMenu{.menuItem{font-size:var(--font-sm);font-weight:500;line-height:var(--line-sm);display:flex;overflow:hidden;align-items:center;justify-content:flex-start;width:100%;height:var(--size-md);padding:0 var(--space-md);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;color:var(--light);border-radius:var(--radius-sm);gap:var(--space-sm);.itemIconContainer{position:relative;display:flex;align-items:center;justify-content:center;.itemIcon{&.hover{display:none!important}}}@media (hover: hover) and (pointer: fine){&:hover:not(.disabled):not(.label):not(.placeholder){color:#fff;background:var(--darkestgray)!important;.simpleIcons{fill:#fff}}&:hover:not(.disabled):not(.label):not(.placeholder):not(.selected){.itemIconContainer{.itemIcon{&.normal{display:none!important}}.itemIcon{&.hover{display:block!important}}}}}&.disabled{pointer-events:none;color:var(--gray)}.selectableItems &{&:before{display:block;width:10px;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 15'%3E%3Cpath fill='%238bc63e' d='M13.6 1.2a1 1 0 0 0-.4-.6 1 1 0 0 0-.6-.2 1 1 0 0 0-.8.5L5 11.8 2.2 7.5a1 1 0 0 0-.8-.5 1 1 0 0 0-.6.2 1 1 0 0 0-.4.6 1 1 0 0 0 .1.7l3.7 5.6a1 1 0 0 0 .9.5 1 1 0 0 0 .8-.5L13.5 2a1 1 0 0 0 .1-.7'/%3E%3C/svg%3E");transition:opacity var(--faster) ease,transform var(--faster) ease;transform:translate(-100%);pointer-events:none;opacity:0}&.selected:before{transform:translate(0);opacity:1}}.itemLabel{font-size:var(--font-sm);font-weight:600;line-height:var(--line-sm);overflow:hidden;text-overflow:ellipsis}.itemIcon{flex-shrink:0}}}.dropdownTarget{position:relative;display:flex;align-items:center;height:var(--size-md);border-radius:var(--radius-sm);&.disabled{pointer-events:none;color:var(--gray);border-color:var(--darkestgray)!important}@media (hover: hover) and (pointer: fine){&:hover{.itemLabel{color:var(--white)}.simpleIcons{fill:var(--white)}}}.chevron{display:none;width:var(--size-sm);min-width:var(--size-sm);padding:0 var(--space-xs);cursor:pointer;transition:transform var(--faster) ease,color var(--faster) ease;transform:rotate(180deg);pointer-events:none;color:var(--gray)}&.open{.chevron{transform:rotate(0)}}&.showChevron{.chevron{display:flex;pointer-events:auto}&:not(.chevronOverlay){.menuItem{padding-right:0}}&.chevronOverlay{.chevron{position:absolute;top:1px;right:1px;width:var(--size-sm);height:var(--size-sm);transition:background var(--faster) ease;color:var(--light);border-radius:var(--radius-sm);background:#0006;@supports ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))){background:transparent;-webkit-backdrop-filter:blur(2px) brightness(.5);backdrop-filter:blur(2px) brightness(.5)}}}.targetContent{max-width:calc(100% - var(--size-sm) + 1px)}}@media (hover: hover) and (pointer: fine){&:hover:not(.searchActive){.chevron{color:var(--lightgray)}&.showChevron{border-radius:var(--radius-sm);background:var(--darkestgray)}&.chevronOverlay{.chevron{color:var(--white)!important;background:#000c}}}}&.simpleSelect{border:1px solid var(--gray);border-radius:var(--radius-sm);&.open{background:var(--maindark);box-shadow:var(--shadow);&.below{border-bottom:1px solid var(--gray);border-bottom-right-radius:0;border-bottom-left-radius:0}&.above{border-top:1px solid var(--gray);border-top-left-radius:0;border-top-right-radius:0}}&.simpleSelect .targetContent{max-width:calc(100% - var(--size-sm))}.chevron{display:flex;height:100%;pointer-events:auto}.menuItem{padding-right:0;&.placeholder{font-style:italic;color:var(--gray);font-variation-settings:"slnt" -1}}@media (hover: hover) and (pointer: fine){&:hover:not(.open){border-color:var(--lightgray)}.menuItem{&:hover:not(.disabled):not(.label):not(.placeholder){color:#fff;background:transparent!important;.simpleIcons{fill:#fff}}}}}.targetSearchBox{position:absolute;z-index:1;top:0;align-items:center;width:100%;height:100%;transition:opacity var(--fast) ease-out,transform var(--fast) ease-out;transform:translateY(100%);pointer-events:none;opacity:0;@media (max-width: 767px){display:none!important}.dropdownTarget.left &{left:0}.dropdownTarget.right &{right:0}.searchActive>&{display:flex;transform:translateY(0);pointer-events:auto;opacity:1}.simpleIcons{fill:var(--blue)!important}.textInputWrapper{width:100%;.textInput{background:var(--dark);box-shadow:var(--shadow-sm)}}}.targetContent{flex:1;max-width:100%;transition:opacity var(--fast) ease;opacity:1;.searchActive>&{pointer-events:none;opacity:0}.menuItem{@media (hover: hover) and (pointer: fine){&:hover:not(.disabled):not(.label):not(.placeholder):not(.selected){.itemIcon{&.hover{display:none!important}&.normal{display:block!important}}}}}}.light &:not(.dark){@media (hover: hover) and (pointer: fine){&:hover{.itemLabel{color:var(--dark)}.simpleIcons{fill:var(--dark)}}}.menuItem{color:var(--dark);.simpleIcons{fill:var(--dark)}@media (hover: hover) and (pointer: fine){&:hover:not(.disabled):not(.label):not(.placeholder){color:var(--dark);background:var(--lighter)!important}}}@media (hover: hover) and (pointer: fine){&:hover:not(.searchActive){background:var(--lighter);.chevron{color:var(--dark)}}}.targetSearchBox{.textInputWrapper{.textInput{color:var(--dark);background:var(--light);&:focus{color:var(--darker);background:var(--white)}}}}}}.selectMemberMenu{width:200px;z-index:1000000!important}.modalWrapper{position:fixed;z-index:100000;display:flex;align-items:center;justify-content:center;transition:opacity var(--slow) ease-in-out;opacity:0;-webkit-backdrop-filter:brightness(.4) blur(2px);backdrop-filter:brightness(.4) blur(2px);inset:0;&.visible{pointer-events:all;opacity:1;.modalContent{transform:scale(1);opacity:1}}&.closing{pointer-events:none;opacity:0;.modalContent{transform:scale(.9);opacity:0}}.modalContent{overflow-y:auto;max-height:100%;transition:transform var(--slow) ease-in-out,opacity var(--slow) ease-in-out;color:var(--light);border:1px solid var(--dark);border-radius:var(--radius-md);background:var(--maindark);box-shadow:0 8px 20px #0000004d;.modalHeader{display:flex;align-items:center;justify-content:space-between;width:100%;padding-left:var(--space-md);-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:var(--space-sm);&:not(:has(.closeButton.hide)),&:has(.modalTitle){height:var(--size-xl)}.closeButton{margin:var(--space-sm);.modalHeader:not(:has(.modalTitle)) &{margin-left:auto}&.hide{display:none;@media (max-width: 767px){.modalContent:not(.excludeFromMobileFullscreen) &{display:block}}}}.simpleIcons{pointer-events:none}.modalTitle{font-size:var(--font-md);font-weight:500;overflow:hidden;margin-right:auto;white-space:nowrap;text-overflow:ellipsis;color:var(--lightest)}}.modalSubtitle{font-size:var(--font-sm);width:100%;padding:0 var(--space-lg);color:var(--gray)}.modalBody{overflow:auto;height:calc(100% - var(--space-lg) * 2);padding:var(--space-lg)}@media (max-width: 767px){&:not(.excludeFromMobileFullscreen){position:fixed;top:0;right:0;bottom:env(keyboard-inset-height,0px);left:0;width:100vw!important;max-width:100%;height:auto;max-height:100%;border-radius:0}&.excludeFromMobileFullscreen{max-width:90vw}}}}.changeBillingOwnerModal{.changeBillingOwnerModalDescription{font-size:var(--font-sm);font-weight:500;color:var(--light)}.changeBillingOwnerModalConversion{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:var(--space-xs);gap:0;.billingOwner{width:50%;.billingOwnerLabel{font-size:var(--font-xs);padding-top:var(--space-xs);color:var(--light)}.billingOwnerAvatar{margin-top:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm);.billingOwnerAvatarButton{display:flex;align-items:center;gap:var(--space-sm);justify-content:center}}}@media (max-width:767px){gap:var(--space-sm);flex-direction:column;.billingOwner{width:100%}}}.changeBillingOwnerModalButtons{width:100%;display:flex;justify-content:flex-end;gap:var(--space-md);padding-bottom:var(--space-md);padding-top:var(--space-xl)}}.changePasswordModal{.changePasswordModalLabel{font-size:var(--font-xs);display:block;line-height:var(--line-xxs);font-weight:500;color:var(--light)}.changePasswordModalOldP{width:100%;margin:var(--space-md) 0}.changePasswordModalNewP{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-sm) 0}.changePasswordModalButtons{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl)}}.avatarGroup{display:flex;padding-left:var(--space-md);background:inherit;--border-width: 2px;.groupAvatar{border:var(--border-width) solid transparent;background:inherit;margin-left:-8px;&.md{--avatar-size: calc(var(--size-sm) + var(--border-width) * 2)}&.lg{--avatar-size: calc(var(--size-md) + var(--border-width) * 2)}&.xl{--avatar-size: calc(var(--size-xxl) + var(--border-width) * 2)}&.xxl{--avatar-size: calc(var(--size-xxxl) + var(--border-width) * 2)}min-width:var(--avatar-size);width:var(--avatar-size);height:var(--avatar-size)}}.changesRequestedModal{.modalContent{max-width:400px}.description{min-height:100px;padding:.5rem}.default-header-modal{padding:24px!important}.default-title-modal{margin-top:20px}.modalHeader{justify-content:space-between}.changesRequestModalDescription{color:var(--gray);font-weight:500;font-size:12px;margin-bottom:var(--space-sm)}.changesRequestModalAvatarGroup{display:flex;gap:10px;color:var(--white);font-weight:600;font-size:14px}.changesRequestedModalTitle{display:flex;align-items:center;font-size:16px;color:var(--white);font-weight:600;gap:10px;svg{height:1.2rem!important;width:1.2rem!important;margin-top:5px}}.saveBtnWrapper{display:flex;justify-content:end;margin-top:1.5rem}.remirror-editor{min-height:100px;background:transparent;border-color:var(--white);border-radius:5px;color:var(--white);box-shadow:var(--darkestgray) 0 0 0 1px!important;&.ProseMirror-focused:focus-visible{box-shadow:var(---darkestgray) 0 0 0 1px}}}.createPasswordModal{.createPasswordModalLabel{font-size:var(--font-xs);color:var(--light);font-weight:500;line-height:var(--line-xxs);display:block}.createPasswordModalForm{margin:var(--space-md) 0;display:flex;flex-direction:column;gap:var(--space-md)}.createPasswordModalButtons{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl)}}.textareaInputWrapper{display:flex;flex-direction:column;width:100%;gap:var(--space-sm);.textareaInput{font-size:var(--font-sm);overflow:hidden;padding:var(--space-sm);resize:none;color:var(--lighter);border:1px solid var(--gray);border-radius:var(--radius-md);background:transparent;transition:border var(--faster) ease,color var(--faster) ease;@media (hover: hover) and (pointer: fine){&:hover:not(:focus):not(:disabled){border:1px solid var(--lightgray)!important}}&.editable{border:1px solid transparent!important;@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){cursor:pointer}}}&:focus{border:1px solid var(--blue)!important;color:var(--white);outline:none!important}.light &{color:var(--dark);border:1px solid var(--lightgray);@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){border:1px solid var(--gray)}}&:focus{color:var(--maindark)}}.dark &{color:var(--light);border:1px solid var(--gray);@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){border:1px solid var(--lightgray)}}&:focus{color:var(--lightest)}}}.textareaInputLabel{font-size:var(--font-xs);color:var(--gray)}}.colorSelector{.menuItem{.itemIconContainer{font-size:var(--font-xl)}.itemLabel{display:none}}}.editableText{overflow:hidden;padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:border var(--fast) ease;white-space:nowrap;text-overflow:ellipsis;color:var(--lighter);border:1px solid transparent;border-radius:var(--radius-md);&.sm{font-size:var(--font-sm);line-height:var(--line-xs)}&.md{font-size:var(--font-md);line-height:var(--line-sm)}&.lg{font-size:var(--font-lg);line-height:var(--line-md)}&.disabled{cursor:default}&.empty{font-style:italic;color:var(--gray)}&.multiline{white-space:normal}&.active{cursor:text;text-overflow:unset!important;border:1px solid var(--lightgray)}&.saving{border:1px solid var(--green)!important}&.error{border:1px solid var(--red)!important}@media (hover: hover) and (pointer: fine){&:hover:not(:focus){border:1px solid var(--gray)!important}}&:focus{color:var(--lightest);border:1px solid var(--blue);outline:none}}.switchContainer{display:flex;align-items:center;gap:var(--space-sm);&.right{flex-direction:row-reverse;justify-content:flex-end}label{color:var(--gray);font-size:var(--font-xs)}.switch{position:relative;display:inline-block;font-size:var(--font-xxs);--switch-size: 20px ;&.lg{--switch-size: var(--size-sm);font-size:var(--font-xs)}--switch-width: calc(var(--switch-size) * 2);&.withLabel{--switch-width: calc(var(--switch-size) * 3)}--switch-height: var(--switch-size);width:var(--switch-width);min-width:var(--switch-width);height:var(--switch-height);.switchTrack{position:absolute;cursor:pointer;inset:0;background:transparent;transition:var(--faster);border-radius:var(--switch-height);border:1px solid var(--gray);font-stretch:ultra-condensed;font-weight:800;text-transform:uppercase;line-height:var(--switch-height);text-align:center;padding:0 calc(var(--switch-size) / 2 - 4px) 0 calc(var(--switch-size));&:before{position:absolute;content:"";height:calc(var(--switch-height) - 4px);width:calc(var(--switch-height) - 4px);left:1px;bottom:1px;background:var(--gray);transition:var(--faster);border-radius:50%}&.alwaysOn{background:var(--green)!important;border-color:var(--green)!important}}&:not(.disabled):focus-visible{.switchTrack{border:1px solid var(--blue)}}&.disabled{cursor:not-allowed;pointer-events:none;.switchTrack{cursor:not-allowed}}input{opacity:0;width:0;height:0;&:checked+.switchTrack{background:var(--green);border-color:var(--green);color:var(--black);padding:0 calc(var(--switch-size)) 0 calc(var(--switch-size) / 2 - 4px);&:before{background:var(--black);transform:translate(calc(var(--switch-width) - var(--switch-height)))}}.light &{&:checked+.switchTrack{&:before{background:var(--white)}}}}}.light &{.switchTrack{border-color:var(--lightgray)}label{color:var(--dark)}}}.mainTable{.tableTop{display:flex;gap:var(--space-md);align-items:center;margin:var(--space-sm) 0;.tableSearch{margin-left:auto}}.tableHeadings,.tableBody{display:grid;.tableRow{gap:var(--space-sm);display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;padding:var(--space-sm);margin:var(--space-xs) 0;border-radius:var(--radius-sm);background:var(--maindark);min-width:300px;transition:background var(--faster) ease;&.headings{background:transparent;min-height:auto}&.clickable{cursor:pointer;@media (hover: hover) and (pointer: fine){&:hover{background:var(--darkest)}}}.tableCell{&.center{text-align:center;margin:0 auto}&.right{text-align:right;margin-left:auto}&.hideOnMobile{@media (max-width: 767px){width:0;overflow:hidden}}&.invisible{width:0;overflow:hidden;padding:0;margin:0;visibility:hidden}&.colorSelector{width:auto;height:var(--size-md);.targetContent{.menuItem{padding-left:var(--space-xs);width:var(--size-sm);height:var(--size-sm);.itemIconContainer{width:var(--size-sm);height:var(--size-sm)}}}}}.tableText{font-size:var(--font-sm);color:var(--gray)}.tableTitle{overflow:hidden;.title{font-size:var(--font-md);color:var(--light);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.subtitle{font-size:var(--font-xs);color:var(--gray);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.tableHeading{font-weight:600;font-size:var(--font-sm);color:var(--gray);-webkit-user-select:none;-moz-user-select:none;user-select:none;&.center{text-align:center}&.right{text-align:right}&.sortable{cursor:pointer;@media (hover: hover) and (pointer: fine){&:hover{color:var(--lightgray)}}}&.sorted:after{content:"▲";transition:transform var(--fast) ease;display:inline-block}&.sorted.desc:after{transform:rotate(180deg)}}}}.tableExtra{display:flex;gap:var(--space-md)}}.createProjectModalForm{display:flex;flex-direction:column;.colorSelection{width:50%;display:flex;flex-direction:column;gap:var(--space-sm);.colorSelectionLabel{color:var(--gray);font-size:var(--font-xs)}.colorSectionColors{display:flex;gap:var(--space-sm);flex-wrap:wrap;.colorItem{font-size:24px;padding:var(--space-xs);width:32px;height:32px;cursor:pointer;border-radius:var(--radius-sm);&.selectedColor{background:var(--white)!important}&:hover{background:var(--darkestgray)}}}}.createButton{margin-top:var(--space-sm);margin-left:auto}.closeColumns{display:flex;gap:var(--space-sm)}.colorSelector{width:auto;height:var(--size-lg);border:1px solid var(--gray);border-radius:var(--radius-md)}.colorSelector{.targetContent{.menuItem{.itemIconContainer{font-size:var(--font-lg);width:var(--size-xs);height:var(--size-xs)}}}}.mainTable{.tableBody{.tableRow{margin:0;background:transparent;border-radius:0}}}.titleGrid{display:grid;align-items:center;grid-template-columns:max-content 1fr;gap:var(--space-sm);.simpleIcons{pointer-events:none}}.group{display:flex;flex:1;flex-direction:column;gap:var(--space-md);.groupItem{position:relative;.removeButton{top:50%;right:4px;position:absolute;transform:translateY(-50%)}}}@media (max-width: 767px){.colorSelection{width:100%}}}.createTagForm{display:flex;gap:var(--space-lg);flex-direction:column;.textInputWrapper{width:100%}.buttons{flex-direction:row-reverse}@media (max-width: 767px){gap:var(--space-sm)}@media (min-width: 768px){&.inline{flex-direction:row;gap:var(--space-md);.buttons{flex-direction:row}.textInputWrapper{width:auto}}}}.createTagModal{display:flex;flex-direction:column;gap:var(--space-lg);p{color:var(--light);font-size:var(--font-sm)}}.checkboxContainer{display:flex;flex-direction:row;align-items:center;gap:var(--space-sm);&.left{flex-direction:row-reverse}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1px solid var(--gray);border-radius:var(--radius-sm);outline:none;cursor:pointer;position:relative;transition:opacity var(--fast) ease,background var(--fast) ease,border-color var(--fast) ease;&:after{content:"";position:absolute;left:6px;top:3px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}&:checked{background:var(--green);border-color:var(--green);&:after{opacity:1}}}label{color:var(--gray);font-size:var(--font-sm);cursor:pointer}@media (hover: hover) and (pointer: fine){&:not(.disabled):hover{input:after{opacity:1}label{color:var(--white)}}}}.datePickerContainer{position:relative;overflow:visible}.datePickerTargetContent{display:flex;align-items:center;padding:var(--space-xs);color:var(--gray);border-radius:var(--radius-sm);gap:var(--space-xs);cursor:default;.simpleIcons{width:var(--size-xs);min-width:var(--size-xs);fill:var(--darkgray);&.dashCircle{border:1px dashed var(--gray);padding:var(--space-xs);transition:border var(--fast) ease;border-radius:50%}}&:not(.disabled){color:var(--dark);cursor:pointer;.simpleIcons{fill:var(--dark)}@media (hover: hover) and (pointer: fine){&:hover{color:var(--darker);background:var(--light);.simpleIcons{fill:var(--darker)}}}}.datePickerLabel{font-size:var(--font-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.removeButton{color:var(--red);background:var(--white)}@media (hover: hover) and (pointer: fine){position:relative;.removeButton{position:absolute;right:0;opacity:0;transition:opacity var(--fast) ease}&:hover:has(.removeButton){.removeButton{opacity:1}}}}.calendarMenu{position:absolute;z-index:999999;display:flex;overflow-y:auto;flex-direction:column;max-width:300px;min-height:295px;transition:transform var(--slow) ease-out;border:1px solid var(--gray);border-radius:var(--radius-md);background:var(--maindark);box-shadow:var(--shadow);&.fullScreen{position:fixed;top:0;left:0;width:100%;height:100%;transform:none;border-radius:0}.calendarMenuFooter,.calendarMenuHeader{display:none}@media (max-width: 767px){inset:0!important;width:auto!important;max-width:100%;height:auto!important;max-height:100%;padding:0;transition:opacity var(--fast) ease,transform var(--fast) ease;border-radius:0;box-shadow:none;.calendarMenuHeader{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--darkgray);p{font-size:var(--font-lg);font-weight:600;color:var(--lightgray)}}.calendarMenuFooter{display:flex;align-items:center;justify-content:end;padding:var(--space-md);border-top:1px solid var(--darkgray)}}}.calendar{.calendar-header{font-weight:600;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md) 0 var(--space-md);color:var(--lightgray);background:var(--maindark);button{font-size:var(--font-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer;color:var(--gray);border:none;border-radius:var(--radius-sm);@media (hover: hover) and (pointer: fine){&:hover{color:var(--lightgray)}}}}.calendar-body{padding:var(--space-sm)}.calendar-weekdays,.calendar-days{display:grid;align-items:center;padding:var(--space-sm);grid-template-columns:repeat(7,1fr);gap:var(--space-sm);justify-items:center;.weekday,.calendar-day{font-size:var(--font-xs);font-weight:600;padding:0;text-align:center}.weekday{color:var(--gray)}.calendar-day{display:flex;align-items:center;justify-content:center;width:var(--size-sm);height:var(--size-sm);color:var(--lightgray);border-radius:50%;&.selected{color:var(--dark);background:var(--green)}&.today{border:1px solid var(--green);border-radius:50%;font-weight:700}&.disabled{color:var(--darkgray);pointer-events:none;cursor:not-allowed}@media (hover: hover) and (pointer: fine){&:hover{cursor:pointer;color:var(--dark);background:var(--green)}}&.empty{border:none;background:transparent}}}}.tree{--tree-expand-icon-size: 14px;--tree-icon-gap: var(--space-sm);--tree-indent: var(--space-lg);--tree-item-height: var(--size-md);--tree-line-space-before: var(--space-xs);--tree-mid-icon: calc(var(--tree-expand-icon-size) / 2 - 1px);.expandedIcon{display:flex;align-items:center;height:var(--tree-item-height);.treeIcon{width:var(--tree-expand-icon-size);min-width:var(--tree-expand-icon-size);height:var(--tree-expand-icon-size);border:1px solid var(--gray);border-radius:var(--radius-sm);fill:var(--gray);rect{transition:opacity var(--faster) ease;opacity:1}&.expanded{.vLine{opacity:0}}}}.treeLeaf{position:relative;display:flex;align-items:center;height:var(--tree-item-height);gap:var(--tree-icon-gap);.leafIcon{width:var(--size-xs);min-width:var(--size-xs);height:var(--size-xs);pointer-events:none}.leafTitle{font-size:var(--font-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--light)}}.expandable{position:relative}.treeLine,.treeVLine{position:absolute;width:calc(var(--tree-indent) - var(--tree-mid-icon));opacity:.3;.dashLine{fill:none;stroke:var(--gray);stroke-dasharray:4;stroke-width:4;vector-effect:non-scaling-stroke}}.treeLine{top:-15px;left:calc(0px - (var(--tree-indent) - var(--tree-mid-icon)));height:var(--tree-item-height)}.treeVLine{top:15px;left:calc(0px - (var(--tree-indent) - var(--tree-mid-icon)));height:calc(100% - var(--tree-item-height))}.expandableHeaderContent{overflow:visible!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;.treeLine{left:calc(0px - (var(--tree-indent) - var(--tree-mid-icon) + var(--tree-icon-gap) + var(--tree-expand-icon-size)))}}.expandableContent{padding-left:var(--tree-indent)}}.searchTreeContainer{display:flex;overflow:hidden;flex-direction:column;gap:var(--space-xs);.searchTree{overflow:auto;flex:1;.errorMessage{font-size:var(--font-xs);color:var(--white)}}}.expandable{.expandableHeader{display:flex;align-items:center;cursor:pointer;gap:var(--space-sm);.chevron{width:16px;min-width:16px;height:16px;transition:transform var(--faster) ease}.expandableHeaderContent{width:100%;overflow:hidden}}.expandableContentWrapper{display:grid;transition:grid-template-rows var(--fast) ease-out;.expandableContent{overflow:hidden}}&.expanded{.expandableHeader{.chevron{transform:rotate(180deg)}}.expandableContentWrapper{grid-template-rows:1fr}}&.collapsed{.expandableHeader{.chevron{transform:rotate(90deg)}}.expandableContentWrapper{grid-template-rows:0fr}}}.assignedMember{position:relative;display:flex;align-items:center;max-width:100%;padding-right:var(--space-xs);cursor:default;transition:background var(--faster) ease;border:1px solid transparent;gap:var(--space-xs);.assignedBy &{max-width:100%}.dropdownTarget &{cursor:pointer}&:has(.removeMember){padding-right:var(--size-xs)}@media (hover: hover) and (pointer: fine){&:has(.removeMember){padding-right:0}.removeMember{opacity:0}&:not(.disabled):hover{border:1px solid var(--light);.removeMember{opacity:1}}}.assignedName{font-size:var(--font-sm);font-weight:500;overflow:hidden;padding-right:var(--space-sm);white-space:nowrap;text-overflow:ellipsis;color:var(--dark)}.removeMember{position:absolute;right:0}}.createTaskModal{display:flex;flex-direction:column;height:100%;gap:var(--space-md);@media (min-width: 768px){max-height:542px}.textInputWrapper{flex-shrink:0}.selectedGroupGroup{display:flex;flex-direction:column;gap:var(--space-sm);.selectedGroup{display:flex;align-items:center;gap:var(--space-sm);.simpleIcons{width:var(--size-xs);min-width:var(--size-xs);height:var(--size-xs);pointer-events:none;fill:var(--medgray)}.groupName{font-size:var(--font-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--light)}}}.columns{display:flex;align-items:flex-start;gap:var(--space-md);.selector{width:50%}@media (max-width: 767px){flex-direction:column;.selector{width:auto}}}label{font-size:var(--font-xxs);text-transform:uppercase;color:var(--gray)}.buttons{display:flex;align-items:center;justify-content:space-between;.addWorkButton{margin-left:auto}}.searchTree{.nodeComponents{margin-left:auto}.treeLeaf:not(.organization):not(.project){padding:0 var(--space-sm);cursor:pointer;transition:background var(--fast) ease;border-radius:var(--radius-xl);@media (hover: hover) and (pointer: fine){&:hover{background:var(--semidark)}}&.selected{background:var(--darkestgray)}}}.datePickerTargetContent{width:-moz-fit-content;width:fit-content;height:var(--size-md);padding:0 var(--space-sm) 0 0;color:var(--medlight);border-radius:var(--radius-xl);.datePickerContainer.noDate &{border-radius:var(--radius-sm)}.simpleIcons{box-sizing:content-box;padding:var(--space-xs);transition:border-color var(--faster) ease;border:1px dashed transparent;border-radius:50%;fill:var(--darkgray);.datePickerContainer.noDate &{border:1px dashed var(--gray)}}&:has(.removeButton){padding-right:calc(var(--space-sm) + var(--size-sm))}@media (hover: hover) and (pointer: fine){&:hover{color:var(--white);background:var(--darkestgray);.simpleIcons{border:1px dashed transparent;fill:var(--white)}}}}.removeButton{right:var(--space-xs)!important;color:var(--white);background:transparent;@media (hover: hover) and (pointer: fine){&:hover{color:var(--white);background:var(--red)}}}.dropdownTarget:has(.addMember){width:-moz-fit-content;width:fit-content}.assignedMember{max-width:-moz-fit-content;max-width:fit-content;height:var(--size-md);border-radius:var(--radius-xl);.assignedName{color:var(--medlight)}&:has(.removeButton){padding-right:var(--size-sm)}@media (hover: hover) and (pointer: fine){&:not(.disabled):hover{border:1px solid transparent;background:var(--darkestgray);.assignedName{color:var(--white)}}}}}.dateTimeSettingsModal{width:100%;display:flex;flex-direction:column;gap:var(--space-sm);.dateTimeSettingsModalLabel{font-size:var(--font-xs);color:var(--gray)}}.deleteLoggedWorkModal{.deleteLoggedWorkModalLabel{font-size:var(--font-sm);color:var(--lighter)}.deleteLoggedWorkModalButtons{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-lg)}}.globalDeleteModal{.globalDeleteModalLabel{font-size:var(--font-sm);line-height:var(--line-xxs);display:block;color:var(--lighter)}.globalDeleteModalButtons{display:flex;justify-content:flex-end;margin-top:var(--space-xl);gap:var(--space-md)}}.globalSearch{display:flex;flex-direction:column;gap:var(--space-sm);color:var(--light);height:100%;.globalSearchInput{font-size:var(--font-lg);font-weight:400;padding-top:var(--space-sm);padding-bottom:var(--space-sm);height:var(--size-lg)}.searchBar{display:flex;justify-content:space-between;align-items:center;.searchCheck{padding:0;color:var(--lightgray)}}.resultsText{height:26px;color:var(--lightgray);font-size:var(--font-xs);padding-top:var(--space-sm)}.searchResultsPanel{height:15px;overflow:auto;transition:height var(--slow) ease;gap:var(--space-sm);display:flex;flex-direction:column;&:has(.searchScrollPanel){--search-results-text-height: calc(var(--line-xs) + var(--space-sm) * 2);--section-height: calc(var(--search-results-text-height) + var(--space-sm) * 2 + var(--space-sm) * 2 + 2px);--item-height: calc(var(--line-md) + var(--line-xs) + var(--space-sm) * 2 + var(--space-xs) * 2);--max-height: 402px;@media (max-height: 767px){--max-height: calc(100dvh - var(--space-md) * 2 - 40px * 2 - env(keyboard-inset-height, 0px))}height:calc(0px + clamp(0px,var(--num-sections) * var(--section-height) + var(--num-items) * var(--item-height),var(--max-height)))}.searchScrollPanel{overflow-y:auto}@media (max-width: 767px){flex:1}}section{padding:var(--space-sm) 0;.searchResults{color:var(--lightgray);font-size:var(--font-xs);line-height:var(--line-xs);padding:var(--space-sm) 0}.searchResultsItem{display:flex;gap:var(--space-sm);align-items:center;padding:var(--space-sm);font-size:var(--font-sm);transition:background var(--faster),color var(--faster);.searchResultsLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}@media (hover: hover) and (pointer: fine){&:hover{background:var(--darkgray);color:#fff;cursor:pointer;border-radius:var(--radius-sm)}}.openInNewTab{padding:var(--space-xs);border-radius:var(--radius-xs);@media (hover: hover) and (pointer: fine){&:hover{background:var(--dark)}}}.badge{background:transparent;color:var(--lightgray)}}.showMore{display:flex;justify-content:center;padding-top:var(--space-sm);color:var(--lightgray);font-size:var(--font-xs);cursor:pointer;transition:color var(--faster);@media (hover: hover) and (pointer: fine){&:hover{color:#fff}}}}}.globalSearchModal{.modalContent{.modalBody{padding:var(--space-md)!important}}}.inputTag{font-weight:500;display:flex;overflow:auto;align-items:center;flex-wrap:wrap;min-height:42px;max-height:70px;padding:var(--space-sm);transition:all var(--faster) ease;border:1px solid var(--medgray);border-radius:var(--radius-md);gap:var(--space-xs);@media (hover: hover) and (pointer: fine){&:hover{border-color:var(--lightgray)}}&:focus,&:focus-within{border-color:var(--blue)}.tag{font-size:var(--font-sm);display:flex;align-items:center;padding-left:var(--space-sm);transition:all var(--faster) ease;transform:translateY(24px);opacity:0;height:var(--size-sm);color:var(--white);border-radius:50px;background:var(--darkgray);gap:var(--space-xs);&.added{transform:translateY(0);opacity:1}.text{overflow:hidden;max-width:150px;transition:all var(--faster) ease;white-space:nowrap;text-overflow:ellipsis;line-height:var(--line-sm);.removed &{max-width:0}}}.input{font-size:var(--font-sm);font-weight:500;line-height:1.5;flex-grow:1;margin:0;padding:0;color:var(--white);border:none;outline:none;background:transparent;&:focus{outline:none}&.error{color:var(--red)}}}.inviteMembers{.topNotice,.bottomNotice{color:var(--light);font-size:var(--font-xs);&.error{color:var(--red)}}.topNotice{margin-top:var(--space-sm)}.projectsAndTeams{margin-top:var(--space-md);gap:var(--space-sm);display:flex;justify-content:center;@media (max-width: 768px){flex-direction:column}.column{display:flex;flex-direction:column;gap:var(--space-sm);@media (min-width: 768px){width:50%}.checkboxContainer{padding:0 var(--space-md);&.selectAll{padding-top:var(--space-xs);padding-bottom:var(--space-xs);background:var(--semidark);border-radius:50px;label{color:var(--lightgray);width:100%}}@media (hover: hover) and (pointer: fine){&:hover label{color:var(--white)}}}.item{position:relative;margin-left:40px;display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);.itemIconLabel{display:flex;max-width:100%;gap:var(--space-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itemLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-sm);color:var(--light)}.subtreeLine{position:absolute;top:-20px;left:-20px;height:32px;width:15px;border-left:2px dashed var(--dark);border-bottom:2px dashed var(--dark);align-items:center}&:nth-child(2) .subtreeLine{top:-4px;height:15px}}}}.bottomColumns{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);@media (min-width: 768px){flex-direction:row;justify-content:space-between}}}.leaveOrganizationModal{.leaveOrganizationModalLabel{font-size:var(--font-sm);color:var(--lighter);display:block;line-height:var(--line-xxs)}.leaveOrganizationModalButton{display:flex;justify-content:flex-end;padding-top:var(--space-lg)}}.leaveProjectModal{.leaveProjectModalLabel{font-size:var(--font-sm);color:var(--lighter);display:block;line-height:var(--line-xxs)}.leaveProjectModalButton{display:flex;justify-content:flex-end;padding-top:var(--space-lg)}}.leaveTeamModal{.leaveTeamModalLabel{font-size:var(--font-sm);color:var(--lighter)}.leaveTeamModalButton{display:flex;justify-content:flex-end;padding-top:var(--space-lg)}}.logWorkModal{display:flex;flex-direction:column;height:100%;gap:var(--space-md);@media (min-width: 768px){max-height:480px}.textInputWrapper{flex-shrink:0}.columns{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}label{font-size:var(--font-xxs);padding-left:var(--space-sm);text-transform:uppercase;color:var(--gray)}.selectedTaskGroup{display:flex;flex-direction:column;gap:var(--space-sm);.selectedTask{display:flex;align-items:center;border-radius:var(--radius-xl);gap:var(--space-sm);.simpleIcons{width:var(--size-xs);min-width:var(--size-xs);height:var(--size-xs);pointer-events:none;fill:var(--medgray)}.taskName{font-size:var(--font-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--light)}.checkboxContainer{margin-left:auto;pointer-events:none}}}.datePickerTarget{font-size:var(--font-sm);display:flex;align-items:center;height:var(--size-md);padding:0 var(--space-sm);cursor:pointer;white-space:nowrap;color:var(--light);border:1px solid var(--gray);border-radius:var(--radius-md);gap:var(--space-xs);@media (hover: hover) and (pointer: fine){&:hover{border:1px solid var(--lightgray)}}.todayIcon{width:var(--size-xs);min-width:var(--size-xs);color:var(--gray)}}.buttons{display:flex;align-items:center;justify-content:space-between;.addWorkButton{margin-left:auto}}.searchTree{.nodeComponents{margin-left:auto}.treeLeaf{&.task{padding:0 var(--space-sm);cursor:pointer;transition:background var(--fast) ease;border-radius:var(--radius-xl);@media (hover: hover) and (pointer: fine){&:hover{background:var(--semidark)}}&.selected{background:var(--darkestgray)}}}}}.notificationsModal{.modalContent{.modalHeader{.modalTitle{padding-left:var(--space-md)!important}}.modalBody{padding:0!important}}.readIndicator{width:16px;height:16px;cursor:pointer;border:1px solid transparent;border-radius:50%;&.read{border:1px solid var(--darkestgray)}@media (hover: hover) and (pointer: fine){.notificationItem:hover &,&:hover{border:1px solid var(--gray)}}&:after{display:block;width:10px;height:10px;margin:2px;content:"";transition:background var(--faster) ease;border-radius:10px;background:var(--blue)}&.read{&:after{background:transparent}}}.notificationsListWrapper{transition:height var(--slow) ease-in-out;max-height:487px}.notificationsList{max-height:100%;overflow-y:auto;margin:0 var(--space-sm) 0 var(--space-md)}.notificationActions{display:flex;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-md);border-bottom:1px solid var(--darkestgray)}.notificationItemWrapper{&:not(:last-child){margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--dark)}.notificationItem{font-size:var(--font-xs);display:flex;gap:var(--space-sm);align-items:center;padding:var(--space-sm);cursor:pointer;transition:background var(--faster) ease-in-out,color var(--faster) ease-in-out;color:var(--lightgray);border-radius:var(--radius-sm);@media (hover: hover) and (pointer: fine){&:hover{color:var(--white);background:var(--darkestgray)}}.notificationContent{flex-grow:1;overflow:hidden}.notificationMessage,.notificationMeta,.notificationSecondary{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.notificationMessage{font-size:var(--font-sm);font-weight:600}}}.notificationNotice{text-align:center;padding:var(--space-md);color:var(--lightgray)}.openInNewTab{padding:var(--space-xs);border-radius:var(--radius-xs);@media (hover: hover) and (pointer: fine){&:hover{background:var(--dark)}}}.tabBarExp{display:flex;flex:1;gap:var(--space-sm);.tabButton{border:none;height:28px;&:hover{background:var(--darkestgray-bg);.default-btn-label{color:var(--white)}}.default-btn-label{color:var(--white)}&.active{background:var(--blue);color:var(--white)}&.disabled{background:var(--darkestgray-bg);color:var(--white)}}}}.restoreTaskModal{.restoreTaskModalLabel{color:var(--light);font-size:var(--font-sm);font-weight:500}.restoreTaskModalDropdown{width:50%;padding:var(--space-md) 0}.restoreTaskModalButtons{margin:var(--space-md) 0;display:flex;justify-content:flex-end;gap:var(--space-sm)}}.updateEmailAddressesModal{.updateEmailAddressesModalLabel{font-size:var(--font-xs);font-weight:500;color:var(--light);line-height:var(--line-xxs);display:block;&.gray{color:var(--gray)}&.bold{font-weight:700}&.margin{margin-top:var(--space-sm)}}.updateEmailAddressesModalContainer{padding-top:var(--space-md);padding-bottom:var(--space-md);.updateEmailAddressesModalList{display:flex;justify-content:space-between;border-bottom:1px solid var(--gray);padding-top:var(--space-sm);padding-bottom:var(--space-sm);&:last-child{border-bottom:none}.updateEmailAddressesModalListTitle{display:flex;align-items:center;gap:var(--space-sm)}}}.updateEmailAddressesModalNewContainer{display:flex;justify-content:space-between;gap:var(--space-md);flex-direction:row;@media (max-width: 767px){flex-direction:column}}.updateEmailAddressesModalButtonsContainer{margin-top:var(--space-xl);display:flex;justify-content:flex-end;gap:var(--space-md)}}.sidebarWrapper{position:absolute;z-index:290;display:flex;overflow:hidden;flex-direction:column;width:var(--sidebar-width);min-width:250px;height:calc(100% - var(--announcement-height));transition:transform var(--slow) ease-out,box-shadow var(--slow) ease-out;background:var(--sidebar-background);@media (max-width: 767px){width:70%;box-shadow:0 0 128px #00000080}&.collapsed{transform:translate(-101%);box-shadow:none}.appLogo{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);min-height:var(--header-height);padding:0 var(--space-md);img{height:var(--size-sm);cursor:pointer}}.actionButton{@media (hover: hover) and (pointer: fine){&:hover{background:transparent}}.icon{color:var(--darkgray);&.caret{font-size:var(--font-xxxs)!important;transform:rotate(180deg);&.open{transform:rotate(0)}}}}}.sidebar{display:flex;overflow-x:hidden;overflow-y:auto;flex-direction:column;height:100%;.description{font-size:var(--font-xs);font-weight:500;line-height:var(--line-xxs);padding-bottom:var(--space-sm);padding-left:var(--space-md);color:var(--gray)}.navItem{font-size:var(--font-sm);font-weight:500;position:relative;display:flex;align-items:center;width:100%;height:var(--nav-item-height);padding:0 var(--space-md) 0 var(--space-sm);cursor:pointer;transition:background var(--fast) ease-out,background-position var(--slow) ease-out,color var(--fast) ease-out;color:var(--darkestgray);border-radius:50px 0 0 50px;background-image:linear-gradient(to right,var(--lightest) 0%,var(--lightest) 20%,var(--lighter) 40%,var(--lighter) 60%,var(--dark) 80%,var(--dark) 100%);background-position:0 0;background-size:500% 100%;gap:var(--space-sm);.itemIcon{flex-shrink:0;width:var(--size-xxxs);height:var(--size-xxxs)}.itemLabel{overflow:hidden;flex:1;white-space:nowrap;text-overflow:ellipsis}&:has(.itemActions){padding-right:var(--space-sm)}.itemActions{display:flex;overflow:hidden;max-width:0;transition:max-width var(--fast) ease-out;gap:var(--space-sm);@media (hover: hover) and (pointer: fine){.icon:hover svg{fill:var(--darker)}}}@media (hover: hover) and (pointer: fine){&:hover{background-position:40% 0;.itemActions{display:flex;max-width:90px}}}&.selected{color:var(--white);background-position:100% 0}}.sidebarActions{display:flex;align-items:center;flex-direction:row;width:100%;padding:0 var(--space-md) var(--space-md) var(--space-md);gap:var(--space-sm);.notLoggedInTooltip{position:absolute;z-index:10;top:50px;left:0;display:flex;align-items:center;flex-direction:column;justify-content:center;width:140px;padding:10px;text-align:center;border-radius:var(--radius-lg);background:var(--maindark);.title{font-size:var(--font-xs);font-weight:500;padding-bottom:var(--space-sm);color:var(--light)}button{border-color:var(--violet);background:var(--violet);@media (hover: hover) and (pointer: fine){&:hover{border-color:var(--green);background:var(--green)}}}}.sidebarActionsElement{position:relative;display:flex;justify-content:center;width:var(--size-lg);height:var(--size-lg);padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--lighter);background-image:none;@media (hover: hover) and (pointer: fine){&:hover{background:var(--light)}}&.selected{background:var(--dark)}svg{width:var(--size-xs)!important}.mainLayoutWrapper.demo &.newTaskButton{width:-moz-fit-content;width:fit-content;.itemIcon{color:var(--blue)!important}}}}.myTasks{border-bottom:1px solid var(--light);.sidebars{margin-bottom:var(--space-md);margin-left:var(--space-sm);.allTasks,.dueToday{svg{color:var(--medgray)!important;fill:var(--medgray)!important}}.allTasks{svg{width:10px!important;height:10px!important;margin-right:5px;margin-left:11px}}.dueToday{svg{width:var(--size-xs)!important;height:var(--size-xs)!important;margin-left:var(--space-sm)}}}}.projects{margin:var(--space-md) 0;.sidebars{margin-left:var(--space-sm);.createAccount{svg{width:10px!important;height:10px!important;margin-right:5px;margin-left:11px}}}svg{width:var(--space-sm)!important;height:var(--space-sm)!important}button{margin-top:var(--space-sm);margin-left:15px;padding:15px;border:1px solid var(--violet);border-radius:50px;@media (hover: hover) and (pointer: fine){&:hover{border-color:var(--violet);background:var(--violet);.default-btn-label{color:var(--white)}svg{fill:var(--white)!important}}}.default-btn-label{color:var(--violet)}svg{width:18px!important;height:18px!important;fill:var(--violet)!important}}}.help{margin-top:var(--space-md);margin-left:var(--space-sm);svg{pointer-events:none;width:15px!important;height:15px!important;margin-right:5px;margin-left:11px;.page_header_settings_billing_pricing-cls-3{fill:var(--lightgray)}}}}.sidebarMenu{overflow:auto;height:auto;padding-left:var(--space-sm);.actions{font-size:var(--font-xs);font-weight:500;display:flex;align-items:center;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-sm);color:var(--gray);gap:var(--space-md);.title{line-height:22px;flex-grow:1}.favoriteAction{@media (hover: hover) and (pointer: fine){&:hover svg{fill:var(--darker)!important}}.favorite{fill:var(--blue)!important}}}.notice{font-size:var(--font-sm);font-weight:500;color:var(--gray)}}.navWrapper{position:relative;overflow:hidden;.navOrganization{position:relative;display:flex;flex-direction:column;width:100%;.navItem{padding-left:var(--space-sm)}.navProject{position:relative;display:flex;width:100%;.navItem{padding-left:var(--space-sm)}.subtreeLine{position:absolute;top:0;left:calc(0px - var(--nav-item-indent));width:var(--nav-item-indent);height:calc(var(--nav-item-height) / 2);border-bottom:2px dashed var(--light);border-left:2px dashed var(--light)}+& .subtreeLine{top:calc(0px - var(--nav-item-height) / 2);height:var(--nav-item-height)}}}.itemAction{width:var(--size-sm);height:var(--size-sm);padding:6px;border-radius:var(--radius-sm);&:has(svg):hover{background:var(--light);&:not(:has(.favorite)){fill:var(--darker);.selected{fill:var(--light)}}.favorite{fill:var(--blue)!important}}.favorite{fill:var(--blue)}}}.navigationToggle{width:var(--size-md);min-width:var(--size-md);height:var(--size-md);padding:var(--space-xs);cursor:pointer;color:var(--gray);border-radius:var(--radius-sm);@media (hover: hover) and (pointer: fine){&:hover{&.light{color:var(--black);background:var(--lighter)}&.dark{color:var(--white);background:var(--darkgray)}}}.toggleIcon{width:var(--size-sm)!important;height:var(--size-sm)!important}}.sidebarUsername{display:flex;overflow:hidden;align-items:center;flex-direction:row;justify-content:space-between;width:100%;height:var(--header-height);min-height:var(--header-height);padding:var(--space-sm) var(--space-md);gap:var(--space-sm);.dropdownTarget{font-size:var(--font-sm);max-width:210px;height:var(--size-md);cursor:pointer;border:none;.avatarButton{color:var(--dark);display:flex;overflow:hidden;align-items:center;white-space:nowrap;text-overflow:ellipsis;gap:var(--space-sm)}}}.sidebarFooterMenu{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end;.sidebarFooterMenuLinks{font-size:var(--font-sm);font-weight:500;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.5rem;padding-top:var(--space-md);padding-bottom:var(--space-md);padding-left:var(--space-sm);padding-right:var(--space-sm);color:var(--darkestgray);border-top:1px solid var(--light);.link{cursor:pointer}:not(.link){color:var(--gray)}}}.sidebarLanguageSelect{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end;margin-bottom:var(--space-xs);align-items:center}.badge{display:inline-block;border-radius:9999px;background:var(--lightgray);padding-left:var(--space-sm);padding-right:var(--space-sm);font-size:var(--font-xxs);font-weight:600;text-transform:uppercase;color:var(--darker);font-stretch:ultra-condensed;&.blue{background:var(--blue)}&.green{background:var(--green)}&.red{background:var(--red)}&.yellow{background:var(--yellow)}&.orange{background:var(--orange)}&.violet{background:var(--violet)}}.mainLayoutWrapper{position:relative;display:flex;height:100dvh;width:100dvw;flex-direction:row;overflow:hidden;.disabledOverlay{position:absolute;inset:0;z-index:999999999;background:#0006}.disabledOverlay{position:absolute}.disabledOverlay{bottom:0}.disabledOverlay{left:0}.disabledOverlay{right:0}.disabledOverlay{top:0}.disabledOverlay{z-index:99999}.disabledOverlay{background-color:#0006}@media (min-width: 768px){.disabledOverlay{left:var(--sidebar-width)}}.disabledOverlay{&.expanded{display:none}@media (min-width: 768px){&.expanded{display:flex}}}.topHeader .tabBarContainer .actionButtonLabel{@media (max-width: 767px){display:none}@media (max-width: 1420px){.pageWrapper.sidebarOpen.withDrawer &{display:none}}@media (max-width: 1024px){.pageWrapper.withDrawer &{display:none}}}.pageHeader{display:flex;min-height:var(--header-height);width:100%;align-items:center;background:var(--maindark);padding:0 var(--space-md);@media (max-width:767px){padding:0 var(--space-sm)}}.mainWrapper{overflow:auto;height:calc(100dvh - var(--announcement-height) - var(--reserved--header-height) - var(--reserved--toolbar-height))}}.teamDrawerHeader,.projectDrawerHeader{@media (max-width: 1024px){.actionButton{.actionButtonLabel{display:none}}}}.teamDrawerBody,.projectDrawerBody{.expandable{margin-top:var(--space-lg);.expandableHeader{font-weight:600}}.mainTable{.tableBody{.tableRow{margin:0;border-bottom:1px solid var(--darkestgray);background:transparent;border-radius:0}.tableRow:first-child{border-top:1px solid var(--darkestgray)}}}.titleGrid{display:grid;align-items:center;grid-template-columns:max-content 1fr;gap:var(--space-sm);.simpleIcons{pointer-events:none}}}.drawerBody{.colorSelector{width:var(--size-xl);height:var(--size-xl);overflow:hidden;grid-row:1 / span 2;.targetContent{.menuItem{padding:0;width:var(--size-xl);height:var(--size-xl);justify-content:center;.itemIconContainer{font-size:var(--font-xxxl);width:var(--size-md);height:var(--size-md)}.itemLabel{display:none}}}}}.colorSelectorMenu{width:226px;height:148px;min-height:148px;overflow:hidden;padding:var(--space-md);.menuBody{.menuItems{flex-wrap:wrap;flex-direction:row;gap:var(--space-sm);.menuItem{width:var(--size-md);height:var(--size-md);padding:0;&.selected{background:var(--white)}.itemIconContainer{font-size:var(--font-xxl);padding:var(--space-xs);width:var(--size-md);height:var(--size-md)}.itemLabel{display:none}}}}@media (max-width: 768px){width:242px;justify-content:center}}.taskDrawer{.removeButton{transition:opacity var(--fast) ease,color var(--fast) ease,background var(--fast) ease;color:var(--red);background:var(--white);@media (hover: hover) and (pointer: fine){&:hover{color:var(--white);background:var(--red)}}}.approvalSection{display:flex;align-items:center;margin:var(--space-sm) 0 var(--space-sm) auto;gap:var(--space-sm);.approve{color:var(--green);border-color:var(--green);svg{width:.8rem!important;height:.8rem!important;fill:var(--green)!important}@media (hover: hover) and (pointer: fine){&:hover{color:var(--black);border-color:var(--green)!important;background:var(--green)!important;svg{fill:var(--black)!important}}}}.requestChanges{color:var(--yellow);border-color:var(--yellow);svg{fill:var(--yellow)!important}@media (hover: hover) and (pointer: fine){&:hover{color:var(--black);border-color:var(--yellow)!important;background:var(--yellow)!important;svg{fill:var(--black)!important}}}}.reject{color:var(--red);border-color:var(--red);svg{width:.8rem!important;height:.8rem!important;fill:var(--red)!important}@media (hover: hover) and (pointer: fine){&:hover{color:var(--black);border-color:var(--red)!important;background:var(--red)!important;svg{fill:var(--black)!important}}}}}.expandable{.expandableHeader{overflow:hidden;min-height:calc(var(--size-md) + 2 * var(--space-sm));padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-md);transition:background var(--fast) ease;@media (hover: hover) and (pointer: fine){&:hover{background:var(--lighter)}}label{cursor:pointer;transition:color var(--fast) ease,font-size var(--fast) ease}}.expandableContent{padding:0 var(--space-md) 0 calc(var(--space-md) + var(--size-xs) + var(--space-sm));transition:padding var(--fast) ease;background:var(--lighter)}&.expanded{.expandableHeader{background:var(--lighter);.itemsGroup{pointer-events:none;opacity:0}label{font-size:var(--font-md);color:var(--darkestgray)}}.expandableContent{padding:0 var(--space-md) var(--space-md) calc(var(--space-md) + var(--size-xs) + var(--space-sm))}}.taskDrawerItem{padding:0}.actionButton:not(.disabled):hover{background:var(--light)}}.menuItem{padding-left:var(--space-xs)}.attachIcon,.optionsIcon{width:var(--size-md)!important;height:var(--size-md)!important;padding:var(--space-sm) 0;cursor:pointer;@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){fill:var(--black)}}}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideRight{0%{transform:translate(0)}to{transform:translate(100%)}}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:var(--yarl__slide_description_color,#fff);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__thumbnails{display:flex;height:100%}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1;position:relative}.yarl__thumbnails_container{background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));flex:0 0 auto;overflow:hidden;padding:var(--yarl__thumbnails_container_padding,16px);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__thumbnails_vignette{pointer-events:none;position:absolute;--yarl__thumbnails_vignette_size:12%}@media (min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);bottom:0;top:0;width:100%}.yarl__thumbnails_track{gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--yarl__thumbnails_thumbnail_background,#000);border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-width:var(--yarl__thumbnails_thumbnail_border,1px);cursor:pointer;flex:0 0 auto;-webkit-tap-highlight-color:transparent;box-sizing:content-box;height:var(--yarl__thumbnails_thumbnail_height,80px);outline:none;overflow:hidden;padding:var(--yarl__thumbnails_thumbnail_padding,4px);position:relative;width:var(--yarl__thumbnails_thumbnail_width,120px)}.yarl__thumbnails_thumbnail_active{border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards;opacity:0}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:unset}.yarl__thumbnails_thumbnail_placeholder{cursor:unset;visibility:hidden}.yarl__thumbnails_thumbnail:focus{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:unset}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));height:var(--yarl__thumbnails_thumbnail_icon_size,32px);left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);width:var(--yarl__thumbnails_thumbnail_icon_size,32px)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.slider{position:relative;width:80px;height:10px;&:not(.disabled){padding:0 var(--space-sm)}-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;border-radius:var(--radius-md);background:var(--darkestgray);--fill-inset: 2px;--slider-progress: 0px;.sliderFill{position:absolute;width:calc(max(6%,var(--slider-progress)) - var(--fill-inset) * 2);pointer-events:none;border-radius:var(--radius-md);background:var(--white);inset:var(--fill-inset)}.sliderThumb{font-size:var(--font-xxs);font-weight:700;font-stretch:ultra-condensed;position:absolute;top:50%;left:var(--slider-progress);display:flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;transform:translate(-50%,-50%);color:var(--black);border-radius:50%;background:var(--light);box-shadow:var(--shadow-sm);@media (hover: hover) and (pointer: fine){transition:opacity var(--fast) ease;opacity:0;&:hover{opacity:1}}&.dragging{cursor:pointer;transform:translate(-50%,-50%) scale(1.1);opacity:1}}&:focus-visible{border:1px solid var(--blue);outline:none;.sliderThumb{opacity:1}}}.taskAttachments{position:relative;display:flex;align-items:center;flex-wrap:wrap;margin:var(--space-sm) var(--space-md);gap:var(--space-sm);.dropzone{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;transition:opacity var(--fast) ease;pointer-events:none;opacity:0;color:var(--white);-webkit-backdrop-filter:blur(4px) brightness(.5);backdrop-filter:blur(4px) brightness(.5);inset:0}&.droppable .dropzone{opacity:1}.dropdownTarget{height:var(--size-xxl)}.pictureAttachment,.documentAttachment{overflow:hidden;height:var(--size-xxl);cursor:pointer;border-radius:var(--radius-sm)}.pictureAttachment{width:var(--size-xxl);min-width:var(--size-xxl);img{width:100%;height:100%;transition:-webkit-backdrop-filter var(--fast) ease;transition:backdrop-filter var(--fast) ease;transition:backdrop-filter var(--fast) ease,-webkit-backdrop-filter var(--fast) ease;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;&.loading{background:var(--maindark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}}.documentAttachment{display:flex;align-items:center;width:calc(var(--size-xxl) * 2 + var(--space-sm));min-width:calc(var(--size-xxl) * 2 + var(--space-sm));padding:var(--space-xs);border:1px solid var(--light);gap:var(--space-sm);.documentIcon{width:var(--size-md);min-width:var(--size-md)}label{font-size:var(--font-sm);font-weight:600;text-overflow:ellipsis;color:var(--gray)}}.attachDropdown{cursor:pointer;border:1px dashed var(--light);@media (hover: hover) and (pointer: fine){&:hover{border:1px solid var(--lighter)}}.simpleIcons{width:var(--size-xxl)!important}}.progress{width:calc(var(--size-xxl) * 2 + var(--space-sm))}}.tabBarContainer{display:flex;justify-content:center;.tabBar{position:relative;margin:var(--space-xs) 0;display:flex;.highlight{position:absolute;height:100%;background:var(--blue);border-radius:var(--radius-sm);transition:left var(--fast) ease,width var(--fast) ease}.tabs{position:relative;z-index:1;display:flex;gap:var(--space-md);align-items:center;justify-content:center;.tab.selected{color:var(--white);pointer-events:none;.simpleIcons{fill:var(--white)}@media (hover: hover) and (pointer: fine){&:hover{background:transparent;.simpleIcons{fill:var(--white)}}}}}}}.timelineList{display:flex;flex-direction:column;background:var(--semidark);.timelineEntry{color:var(--light);display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);align-items:center;&:nth-child(2n){background:#ffffff05}.time{margin-left:auto;font-size:var(--font-xs);text-align:right;color:var(--gray)}}}.unset-width{width:unset!important}.remirror-comment-wrapper{padding-top:0!important;word-break:break-word;color:#000}.remirror-comment-wrapper.comment-bubble>.ProseMirror{overflow-y:unset!important;min-width:-moz-min-content!important;min-width:min-content!important;min-height:-moz-min-content!important;min-height:min-content!important;padding-right:22px!important}.remirror-comment-wrapper.comment-bubble.my-comment>.ProseMirror>h1,.remirror-comment-wrapper.comment-bubble.my-comment>.ProseMirror>h2,.remirror-comment-wrapper.comment-bubble.my-comment>.ProseMirror>h3,.remirror-comment-wrapper.comment-bubble.my-comment>.ProseMirror>h4,.remirror-comment-wrapper.comment-bubble.my-comment>.ProseMirror>h5,.remirror-comment-wrapper.comment-bubble.my-comment>.ProseMirror>h6{color:#fff!important}.remirror-comment-wrapper.comment-bubble.my-comment>.ProseMirror>blockquote>p{color:#f0f0f0!important}.remirror-comment-wrapper.comment-bubble.user-comment>.ProseMirror>h1,.remirror-comment-wrapper.comment-bubble.user-comment>.ProseMirror>h2,.remirror-comment-wrapper.comment-bubble.user-comment>.ProseMirror>h3,.remirror-comment-wrapper.comment-bubble.user-comment>.ProseMirror>h4,.remirror-comment-wrapper.comment-bubble.user-comment>.ProseMirror>h5,.remirror-comment-wrapper.comment-bubble.user-comment>.ProseMirror>h6{color:#fff!important}.remirror-comment-wrapper.comment-bubble.edit-comment>.ProseMirror{min-height:100px!important}.remirror-comment-wrapper>.ProseMirror{padding:8px 16px!important;box-shadow:unset!important}.remirror-comment-wrapper>.ProseMirror:active{box-shadow:unset}.remirror-comment-wrapper>.ProseMirror>p{color:var(--darker)}.remirror-editor{overflow-y:auto!important;background:inherit;box-shadow:unset}.remirror-theme{box-shadow:unset}.remirror-mention-atom{font-size:1em;font-weight:600;font-style:normal;white-space:nowrap;color:var(--blue)}.comment-link:hover{text-decoration:underline}.mybubble .comment-link{color:var(--blue)}.otherbubble .comment-link{color:var(--lightest-blue)}.remirror-comment-wrapper .remirror-is-empty{font-style:normal!important}.remirror-ul-list-content{margin-left:1em;padding-left:1em;list-style-type:disc}.remirror-editor{ol{margin-left:1em;padding-left:1em;list-style-type:decimal}}.emojiPanel{position:absolute!important;z-index:9999;bottom:var(--size-md);.emojiPicker{width:350px!important;height:300px!important;box-shadow:var(--shadow-lg)}}.textDivider{display:flex;align-items:center;hr{flex-grow:1;border-top:1px solid var(--darkestgray)}span{padding:0 var(--space-sm);font-size:var(--font-xs);color:var(--gray)}}.commentList{display:flex;flex-direction:column;padding:var(--space-md);background:var(--semidark);gap:var(--space-xl);&.archived{pointer-events:none}.bubbleWrapper{--bubbleColor: var(--darkestgray);--myBubbleColor: var(--lighter);--tipSize: 10px;.bubbleGroup{position:relative;display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end;gap:var(--space-md);.bubbleWrapper.myBubble &:not(.replyCommentBubble){flex-direction:row}.commentTime{font-size:var(--font-xs);white-space:nowrap;color:var(--gray);.bubbleWrapper.myBubble &{text-align:right}}.bubble{position:relative;max-width:calc(100% - var(--space-md) * 3);padding:var(--space-md);color:var(--light);border-radius:var(--radius-md);background:var(--bubbleColor);&.drawAttention{animation:pulse var(--slow) 4;animation-delay:var(--slow)}.bubbleWrapper:not(.deleted):not(:has(.commentTitle)) .bubbleGroup:not(.replyCommentBubble) &:before{position:absolute;top:50%;left:calc(0px - var(--tipSize));width:0;height:0;content:"";transform:translateY(-50%);border-width:var(--tipSize) var(--tipSize) var(--tipSize) 0;border-style:solid;border-color:transparent var(--bubbleColor) transparent transparent}.bubbleWrapper.myBubble .bubbleGroup:not(.replyCommentBubble) &{color:var(--dark);background:var(--myBubbleColor);.bubbleWrapper:not(.deleted):not(:has(.commentTitle)) .bubbleGroup:not(.replyCommentBubble) &:before{position:absolute;top:50%;right:calc(0px - var(--tipSize));left:auto;width:0;height:0;content:"";transform:translateY(-50%);border-width:var(--tipSize) 0 var(--tipSize) var(--tipSize);border-style:solid;border-color:transparent transparent transparent var(--myBubbleColor)}}.bubbleWrapper.deleted &{opacity:.5}&:has(.commentTitle){color:var(--white)!important;border:1px solid;background:transparent!important;&.approved{border-color:var(--green)}&.rejected{border-color:var(--red)}&.changes{border-color:var(--yellow)}&.requested{border-color:var(--blue)}}.commentTitle{font-size:var(--font-md);font-weight:600;display:flex;align-items:center;gap:var(--space-xs);svg{margin-top:3px}}.commentText{word-break:break-word;img{border-radius:var(--radius-sm)}}.bubbleOptions{position:absolute;z-index:101;top:calc(0px - var(--space-xl));left:var(--space-sm);display:flex;opacity:0;pointer-events:none;align-items:center;padding:var(--space-sm);transform:translateY(-50%);transition:opacity var(--fast) ease-in var(--slowest),transform var(--fast) ease-in var(--slowest),pointer-events var(--fast) ease-in var(--slowest);transition-behavior:allow-discrete;color:var(--light);border-radius:var(--radius-sm);background:var(--dark);box-shadow:var(--shadow);gap:var(--space-sm);@media (hover: hover) and (pointer: fine){.bubble:hover>&,.bubble:focus-within>&{transition:opacity var(--fast) ease-out,transform var(--fast) ease-out,pointer-events var(--fast) ease-out;transform:translateY(0);opacity:1;pointer-events:auto}}&.forced{display:flex;opacity:1;pointer-events:auto;transform:translateY(0)}.bubbleWrapper.myBubble &{right:var(--space-sm);left:auto}.emojis{display:flex;align-items:center;margin-right:var(--space-sm);gap:var(--space-xs);.emojiIcon{font-size:var(--font-lg);cursor:pointer;transition:transform var(--fast) ease;@media (hover: hover) and (pointer: fine){&:hover{transform:scale(1.3);.emoji{display:block;animation:jiggle var(--fast) linear infinite}}}&.selected{background:var(--darkestgray);border-radius:8px;box-shadow:0 0 0 2px var(--darkestgray);transition:background .2s,box-shadow .2s}}}.actions{display:flex;align-items:center;gap:var(--space-sm);svg{width:var(--size-sm)!important;min-width:var(--size-sm)!important;height:var(--size-sm)!important;padding:var(--space-xs);cursor:pointer;transition:background var(--fast) ease,color var(--fast) ease;color:var(--medlight);border-radius:var(--radius-sm);@media (hover: hover) and (pointer: fine){&:hover{color:var(--white);background:var(--darkestgray);&.delete{color:var(--red)}}}}}}}.reactionStrip{position:absolute;z-index:100;bottom:calc(0px - var(--space-md));left:calc(var(--size-md) + var(--space-md) + var(--space-sm));display:flex;overflow:hidden;height:28px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;text-shadow:var(--shadow-sm);gap:var(--space-sm);.bubbleWrapper.myBubble &{left:auto}.reaction{display:flex;align-items:flex-end;.emoji{font-size:var(--font-lg)}.count{font-size:var(--font-xxs);font-weight:800;font-stretch:ultra-condensed;color:var(--white)}}}}.replyCommentBubble{flex-direction:row;justify-content:flex-start;cursor:pointer;transform:translateY(var(--space-md));opacity:.7;scale:.8;.bubble{color:var(--light);background:var(--bubbleColor);&:after{position:absolute;top:50%;left:calc(1px - var(--tipSize));width:0;height:0;content:"";transform:translateY(-50%);border-width:var(--tipSize) var(--tipSize) var(--tipSize) 0;border-style:solid;border-color:transparent var(--bubbleColor) transparent transparent}p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;a{pointer-events:none}}}&.myComment{flex-direction:row-reverse;justify-content:flex-end;.bubbleWrapper.myBubble &{justify-content:flex-start;transform:translate(64px,var(--space-md))}.bubble{color:var(--dark);background:var(--myBubbleColor);&:after{position:absolute;top:50%;right:calc(1px - var(--tipSize));left:auto;width:0;height:0;content:"";transform:translateY(-50%);border-width:var(--tipSize) 0 var(--tipSize) var(--tipSize);border-style:solid;border-color:transparent transparent transparent var(--myBubbleColor)}}}}}a{color:var(--blue)}ul,ol{margin-left:var(--space-sm);padding-left:var(--space-sm);list-style-type:disc}}.commentsTimeline{margin-top:auto;&:not(:has(.commentList)):not(:has(.timelineList)){.tabBarContainer{.tabBar{margin:0}}}}.taskDrawerItem{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-sm) calc(var(--space-md) + var(--size-xs) + var(--space-sm));&.above{flex-direction:column;align-items:flex-start;padding-top:calc(var(--space-sm) + 6px)}label{font-size:var(--font-xs);font-weight:500;position:relative;width:var(--drawer-label-width);min-width:var(--drawer-label-width);-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--gray);&.inactive:before,&.active:before,&.completed:before,&.overdue:before{position:absolute;top:6px;left:-12px;display:block;width:6px;height:6px;content:"";border-radius:4px;background:var(--gray)}&.active:before{background:var(--green)}&.completed:before{background:var(--blue)}&.overdue:before{background:var(--red)}&.connector:after{position:absolute;top:13px;left:-10px;display:block;width:2px;height:32px;content:"";background:var(--medlight)}}}.descriptionEditor{position:relative;width:100%;margin-left:calc(0px - var(--space-sm));.remirror-editor{font-size:var(--font-sm);min-height:var(--size-xs)!important;margin-bottom:0;padding:var(--space-sm)!important;transition:margin var(--fast) ease-in .5s,border var(--fast) ease-in,background var(--fast) ease-in;color:var(--dark);border:1px solid transparent;border-radius:var(--radius-md);outline:none;background:transparent;box-shadow:none!important;.remirror-is-empty:before{font-size:14px;font-style:italic;position:absolute;height:0;content:attr(data-placeholder);pointer-events:none;color:var(--gray);font-variation-settings:"slnt" -1}}&:not(.disabled){.remirror-editor{@media (hover: hover) and (pointer: fine){&:hover:not(:focus){border:1px solid var(--light);background:var(--white)}}&:focus,.keep-focus &{margin-bottom:calc(var(--size-md) + 5px)!important;transition:margin var(--fast) ease-out,border var(--fast) ease-out,background var(--fast) ease-out;border:1px solid var(--blue);background:var(--white)}}}.descriptionEditorMenu{position:absolute;bottom:0;display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-xs);transition:opacity var(--fast) ease;.editorIcons{display:flex;align-items:center;gap:var(--space-xs);.simpleIcons{width:var(--size-sm)!important;min-width:var(--size-sm)!important;height:var(--size-sm)!important;padding:var(--space-xs);cursor:pointer;transition:fill var(--faster) ease,border var(--faster) ease;border:1px solid transparent;border-radius:var(--radius-sm);fill:var(--gray);@media (hover: hover) and (pointer: fine){&:hover{fill:var(--darkestgray)}}&.active{border:1px solid var(--lightgray)}}}}&:not(.editable){.descriptionEditorMenu{opacity:0}}}.taskDrawerHeader{background:var(--lightest);.avatarGroup+.dropdownTarget{margin-left:var(--space-sm)}.actionButton{&.incomplete{color:var(--green);border-color:var(--green);.icon{fill:var(--green)}}&.complete{color:var(--white);border-color:var(--green);background:var(--green);.icon{fill:var(--white)}}@media (hover: hover) and (pointer: fine){&.incomplete:hover:not(:disabled),&.complete:hover:not(:disabled){color:var(--white);border-color:var(--green);background:var(--green);.icon{color:var(--white)!important;fill:var(--white)!important}}}&.request{color:var(--blue);border-color:var(--blue);.icon{fill:var(--blue)}@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){color:var(--white);border-color:var(--blue);background:var(--blue);.icon{fill:var(--white)!important}}}}&.cancelRequest{color:var(--red);border-color:var(--red);.icon{fill:var(--red)}@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){color:var(--white);border-color:var(--red);background:var(--red);.icon{fill:var(--white)}}}}&.request,&.cancelRequest{@media (max-width: 950px){min-width:var(--size-md);.actionButtonLabel{display:none}}}}}.expandableMembers{.taskMembers{display:flex;flex-direction:column;min-width:1em;gap:var(--space-md)}.assignedContainer{display:flex;align-items:center;flex-wrap:wrap;min-height:var(--size-md);transition:opacity var(--fast) ease;opacity:1;gap:var(--space-sm);.expandable.expanded .expandableHeader &{flex-wrap:nowrap}.expandableContent &{width:calc(100% - var(--space-sm) - var(--drawer-label-width))}&.assignedTags{gap:0}@media (max-width: 767px){.expandableContent &{flex-direction:column;align-items:flex-start;justify-content:center}}.selectMember,.addMember,.assignedMember{max-width:100%;height:calc(var(--size-sm) + 2px);border-radius:1000px;transition:padding-left var(--fast) ease;.assignedTags &{padding-left:var(--space-xs)}@media (hover: hover) and (pointer: fine){&:not(.disabled):not(.searchActive):hover{background:var(--light)}}}}.expandableHeader{.assignedMember:not(.onlyMember){width:calc(var(--size-sm) + 2px);min-width:calc(var(--size-sm) + 2px);max-width:calc(var(--size-sm) + 2px);padding-right:0;transition:width var(--fast) ease-in,min-width var(--fast) ease-in,max-width var(--fast) ease-in;.assignedName{padding-right:0}.removeMember{display:none}@media (hover: hover) and (pointer: fine){&:hover{width:120px;min-width:120px;max-width:120px;padding-right:var(--space-sm);transition:width var(--fast) ease-out,min-width var(--fast) ease-out,max-width var(--fast) ease-out;.removeMember{display:block}}}}.addMember:not(.onlyMember){width:calc(var(--size-sm) + 2px);min-width:calc(var(--size-sm) + 2px);padding:0;.actionButtonLabel{display:none}}.itemsGroup.observers{gap:var(--space-xs);@media (max-width: 768px){display:none}span{color:var(--gray);font-size:var(--font-sm);font-weight:600}.eye{fill:var(--gray)!important}}}}.expandableProgress{.taskProgress{display:flex;flex-direction:column;gap:var(--space-sm);.taskDrawerItems{height:var(--size-md)}}.expandableHeader{.itemsGroup{flex-wrap:wrap;&.right{flex-wrap:nowrap;@media (max-width: 450px){display:none}}}.datePickerContainer.startDate.noDate{.datePickerTargetContent{padding:0}.datePickerLabel{display:none}}}.datePickerTargetContent{height:calc(var(--size-sm) + 2px);padding:0 var(--space-sm) 0 0;border:1px solid transparent;border-radius:var(--radius-xl);@media (hover: hover) and (pointer: fine){&:hover:not(.disabled){border:1px solid var(--light);.dashCircle{border:1px solid transparent}}}&:not(:has(.simpleIcons)){padding:0}.simpleIcons{width:var(--size-sm)!important;min-width:var(--size-sm)!important;height:var(--size-sm)!important;padding:var(--space-xs)}}.actionButton{padding-left:0;.simpleIcons{box-sizing:border-box;width:var(--size-sm)!important;min-width:var(--size-sm)!important;height:var(--size-sm)!important;padding:var(--space-xs)}}.workLog{display:flex;flex-direction:column;width:100%;.workLogTable{overflow:auto;max-height:calc((var(--size-sm) + 2px + var(--space-sm)) * 3);margin:var(--space-sm) 0;&.scrolling{border:1px solid var(--light)}.workLogRow{display:flex;align-items:center;margin-bottom:var(--space-sm);transition:background var(--faster) ease,border var(--faster) ease;border:1px solid transparent;border-radius:var(--radius-xl);gap:var(--space-sm);.datePickerContainer{min-width:20%;max-width:20%;.datePickerTargetContent{height:var(--size-sm);border-radius:var(--radius-sm)}}.textInput{color:var(--dark)}.textInputWrapper{&:has(.time){min-width:20%;max-width:20%}}@media (hover: hover) and (pointer: fine){&:not(.disabled){.removeButton{opacity:0}&:hover{border:1px solid var(--light);background:var(--light);.removeButton{opacity:1}}}}.datePickerTargetContent:hover{border:1px solid var(--lightgray)}.logIcon{width:var(--size-sm)!important;min-width:var(--size-sm)!important;height:var(--size-sm)!important;padding:var(--space-xs);pointer-events:none;color:var(--gray)}&.disabled{pointer-events:none}}@media (max-width: 767px){.workLogRow{.description{visibility:hidden}&:has(.simpleAvatar){.simpleIcons{display:none}}.datePickerContainer{min-width:30%;max-width:30%}.textInputWrapper{&:has(.time){min-width:30%;max-width:30%}}}}}}}.projectAndGroup{width:calc(100% - var(--drawer-label-width) - var(--space-sm) * 2);.dropdownTarget{max-width:50%}@media (max-width: 767px){flex-direction:column;align-items:flex-start!important;.dropdownTarget{max-width:100%}}}.taskDrawerProjectDropdown,.taskDrawerGroupDropdown{width:calc((50vw - var(--drawer-label-width) - var(--space-sm) * 8)/2);max-width:240px;min-width:90px}.createTask,.createSubtask{position:relative;margin:var(--task-spacing-list) var(--task-indent-list) 0 var(--task-indent-list);.createTaskItems{display:flex;align-items:center;gap:var(--task-avatar-gap);width:100%}.addTaskButton{width:100%;justify-content:flex-start;&:hover{background:var(--maindark)}}.taskName,.taskName:hover,.taskName:focus{background:var(--maindark)!important;padding-left:var(--space-md);width:initial;flex:1}.listView &{.selectMember{&.searchActive{@media (min-width: 1440px){width:200px;min-width:200px}}}.addTaskButton,.taskName{height:var(--task-height-list)!important;border-radius:var(--radius-xl)}@media (max-width: 767px){margin-left:0;margin-right:0;border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl);&.open{background:var(--maindark);.mainLayoutWrapper.authenticated &{padding-left:var(--space-xs)}}.addTaskButton{padding:0 0 0 calc(var(--space-sm) + var(--space-xs));border-top-right-radius:0;border-bottom-right-radius:0}.mainLayoutWrapper.authenticated & .taskName{border-radius:var(--radius-sm)}.mainLayoutWrapper.demo & .taskName{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}}}.tilesView &{width:100%;margin:0;border-radius:var(--radius-md);transition:height var(--fast) ease,padding var(--fast) ease,background var(--fast) ease;&.open{height:var(--task-height-tile);padding:var(--space-md);background:var(--maindark)}.addTaskButton{border-radius:var(--radius-md)}.mainWrapper:not(.introVisible){height:var(--task-height-tile)}}}.createSubtaskWrapper{position:relative;z-index:1;transition:opacity var(--fast) ease .1s;opacity:0;&:has(.createSubtask){opacity:1}}.createSubtask{display:flex;align-items:center;height:var(--task-height-list);margin-top:var(--task-spacing-list);margin-right:var(--task-indent-list);margin-left:calc(var(--task-indent-list) * 2 + var(--task-subtask-indent) + var(--subtask-indent));gap:var(--task-avatar-gap);@media (max-width: 767px){margin-left:calc(var(--task-indent-list) + var(--task-subtask-indent) + var(--subtask-indent))!important}.taskDrawer &{margin:0;@media (max-width: 767px){margin:0!important;.createTaskItems{padding-left:var(--space-xs);&:not(:has(.selectMember)){padding-left:var(--space-md)}}.taskName{border-radius:var(--radius-sm)}}}}.tagOutContainer{--tag-max-width-collapsed: 20px;--tag-max-width-expanded: 100px;--tag-transform-collapsed: rotate(-45deg) scale(38%) translate(-13px, -32px);--tag-transform-expanded: rotate(0) scale(100%) translate(0px, -4px);--tag-height: var(--size-sm);width:var(--size-xs);min-width:var(--size-xs);height:var(--size-xs);margin-left:-2px;.tagInContainer{position:absolute;z-index:1;display:flex;height:var(--tag-height);transition:transform var(--fast) ease-out var(--fast);transform:var(--tag-transform-collapsed);pointer-events:none;.tagName{max-width:var(--tag-max-width-collapsed);margin-right:-1px;padding-left:var(--space-xs);transition:max-width var(--fast) ease-in var(--fast);border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);.tagLabel{font-size:var(--font-xs);font-weight:600;font-stretch:ultra-condensed;line-height:var(--tag-height);overflow:hidden;transition:opacity var(--faster) ease var(--fast);white-space:nowrap;text-overflow:ellipsis;opacity:0}}}@media (hover: hover) and (pointer: fine){&:not(.expanded):hover{.tagInContainer{z-index:2;transition:transform var(--fast) ease-in var(--fast);transform:var(--tag-transform-expanded);pointer-events:auto;filter:drop-shadow(0px 0px 10px rgba(0,0,0,.3));.tagName{max-width:var(--tag-max-width-expanded);transition:max-width var(--fast) ease-out var(--fast);opacity:1;.tagLabel{opacity:1}}}}}&.expanded{width:auto;height:var(--tag-height);margin-left:0;.tagInContainer{position:static;transition:none;transform:none;.tagName{max-width:var(--tag-max-width-expanded);margin-right:0;padding-left:var(--space-xs);transition:none;.tagLabel{transition:none;opacity:1}}svg{width:var(--tag-height);height:var(--tag-height)}}&.ifNotMobile{@media (max-width: 767px){width:var(--size-xs);height:var(--size-xs);margin-left:-2px;.tagInContainer{position:absolute;transition:transform var(--fast) ease-out var(--fast);transform:var(--tag-transform-collapsed);.tagName{max-width:var(--tag-max-width-collapsed);margin-right:-1px;transition:max-width var(--fast) ease-in var(--fast);.tagLabel{transition:opacity var(--faster) ease var(--fast);opacity:0}}}}}}}.expandableSubtasks{.addSubtask{padding-left:var(--space-xs)}.taskWrapper{padding-top:0!important;padding-bottom:var(--space-sm);.taskIn{margin:0!important}}.createSubtask{margin:0;.subtaskTreeLine{display:none}}}.taskDrawerItem{.parentTaskDropdown{max-width:calc(100% - var(--drawer-label-width) - var(--space-sm) * 2);height:calc(var(--size-sm) + 2px);border:1px solid transparent;border-radius:var(--radius-xl)!important;.targetContent{.menuItem{height:calc(var(--size-sm) + 2px);border-radius:var(--radius-xl)!important}}@media (hover: hover) and (pointer: fine){.removeButton{display:none}&:hover:not(.disabled){border:1px solid var(--lighter);.removeButton{display:block}}}}}.taskDrawerTitleArea{display:flex;flex-direction:column;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-sm);background:var(--darker);.taskName{font-size:var(--font-lg);flex:1;padding:var(--space-xs) var(--space-sm);color:var(--lightest)!important}.taskPriorityDropdown{height:var(--size-md);.menuItem{height:var(--size-md);padding-left:var(--space-sm);.itemIcon{width:20px!important;height:20px!important}}}}.memberDetails{.memberDetailsGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));.memberDetailsGridCol{grid-column:span 12 / span 12;display:flex;flex-direction:row;@media (min-width: 768px){grid-column:span 4 / span 4;display:grid;border-left:1px solid var(--darkgray);padding-right:0;padding-left:5px;&:first-of-type{border-left:0;padding-left:0}}.memberDetailsGridText{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-top:.5rem;min-width:5rem;color:var(--gray);text-overflow:ellipsis;white-space:nowrap}}}}.header{display:flex;align-items:center;flex-direction:row;width:100%;gap:var(--space-sm);.projectIcon{width:var(--size-xxs);min-width:var(--size-xxs);height:var(--size-xxs);border-radius:50%}.headerOrgLogo{overflow:hidden;height:calc(var(--header-height) - 4px);margin:var(--space-xs) 0;border-radius:var(--radius-sm);aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover}.headerTitle{font-size:var(--font-xl);font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--white)}.verticalDivider{width:0;height:var(--size-md);margin:0 var(--space-sm);border-left:1px dashed var(--darkgray);@media (max-width: 768px){display:none}}.badge{@media (max-width: 768px){display:none}}.emptyExpand{flex-grow:1}.actionButton{min-width:auto}.headerButton{min-width:auto;height:var(--size-md);border:none;border-radius:var(--radius-sm);@media (hover: hover) and (pointer: fine){&:hover:not(:disabled){color:var(--white);background:var(--darkestgray);.buttonLabel{color:var(--white)}.buttonIcon{svg{fill:var(--lightest)!important}}}}.menuItem{height:var(--size-md);padding:0 var(--space-sm)}.itemLabel{@media (max-width: 768px){display:none}}}.withDrawer &{@media (max-width: 1280px){.itemLabel{display:none}}}.pageWrapper.sidebarOpen.withDrawer &{@media (max-width: 1600px){.itemLabel{display:none}}}.taskFilter{.actionButton{padding-right:var(--space-xs);&.filtersActive{color:var(--white);border:1px solid var(--blue);background:transparent;.simpleIcons{fill:var(--white)}@media (max-width: 767px){.removeButton{margin:0 var(--space-xs)}}@media (hover: hover) and (pointer: fine){&:hover{background:var(--blue)}}}}}}.fullPageMessageContainer{display:flex;align-items:center;flex-direction:column;justify-content:center;height:calc(100vh - var(--header-height));.fullPageMessage{display:flex;align-items:center;flex-direction:column;text-align:center;color:var(--lighter);gap:var(--space-md);.title{font-size:var(--font-xxxl);font-weight:700}.description{font-size:var(--font-md)}}}.confirmModalWrapper{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:100000;-webkit-backdrop-filter:brightness(.4) blur(2px);backdrop-filter:brightness(.4) blur(2px);.confirmModal{background:var(--maindark);border:1px solid var(--dark);border-radius:var(--radius-md);box-shadow:0 8px 20px #0000004d;width:400px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);.confirmModalTitle{font-size:var(--font-md);color:var(--lightest);width:100%;display:flex;align-items:center;gap:var(--space-sm);font-weight:600;.simpleIcons{pointer-events:none}}.confirmModalMessage{font-size:var(--font-sm);color:var(--light)}.confirmModalButtons{width:100%;display:flex;gap:var(--space-md);justify-content:flex-end}}}.invitationDropdown{width:220px;&.simpleSelect{border:1px solid var(--yellow);.menuItem{&.placeholder{color:var(--yellow)}.itemIcon{fill:var(--yellow)}}.chevron{color:var(--yellow)!important}&.open{&.below{border-bottom:1px solid var(--yellow)}}}}.organizationMembersTable{.tableRow{min-height:58px;@media (max-width: 767px){grid-template-columns:32px 1fr 24px!important;.tableCell{&.avatar,&.remove{grid-row:1 / span 3}&.name{grid-row:1;grid-column:2;text-align:center}&.email{grid-row:2;grid-column:2;text-align:center}&.action{grid-row:3;grid-column:2;margin:0 auto!important}}}@media (max-width: 1600px){.sidebarOpen.withDrawer &{grid-template-columns:32px 1fr 24px!important;.tableCell{&.avatar,&.remove{grid-row:1 / span 3}&.name{grid-row:1;grid-column:2;text-align:center}&.email{grid-row:2;grid-column:2;text-align:center}&.action{grid-row:3;grid-column:2;margin:0 auto!important}}}}@media (max-width: 1280px){.withDrawer &{grid-template-columns:32px 1fr 24px!important;.tableCell{&.avatar,&.remove{grid-row:1 / span 3}&.name{grid-row:1;grid-column:2;text-align:center}&.email{grid-row:2;grid-column:2;text-align:center}&.action{grid-row:3;grid-column:2;margin:0 auto!important}}}}}}.organizationProjectsTable{.tableRow{@media (max-width: 767px){grid-template-columns:32px 1fr 32px!important;.tableCell{&.icon{grid-row:1 / span 2;grid-column:1}&.name{grid-row:1;grid-column:2;text-align:center}&.members{grid-row:2;grid-column:2;margin:0 auto}&.notStarted,&.inProgress,&.completed{display:none}&.settings{grid-row:1 / span 2;grid-column:4}}}@media (max-width: 1600px){.sidebarOpen.withDrawer &{grid-template-columns:32px 1fr 32px!important;.tableCell{&.icon{grid-row:1 / span 2;grid-column:1}&.name{grid-row:1;grid-column:2;text-align:center}&.members{grid-row:2;grid-column:2;margin:0 auto}&.notStarted,&.inProgress,&.completed{display:none}&.settings{grid-row:1 / span 2;grid-column:4}}}}@media (max-width: 1280px){.withDrawer &{grid-template-columns:32px 1fr 32px!important;.tableCell{&.icon{grid-row:1 / span 2;grid-column:1}&.name{grid-row:1;grid-column:2;text-align:center}&.members{grid-row:2;grid-column:2;margin:0 auto}&.notStarted,&.inProgress,&.completed{display:none}&.settings{grid-row:1 / span 2;grid-column:4}}}}}}.filtersActive{border:1px solid var(--blue)!important;@media (hover: hover) and (pointer: fine){&:hover{border:1px solid var(--blue)!important;background:var(--blue)!important}}.actionIcon{padding:var(--space-xs);color:var(--blue)!important;@media (hover: hover) and (pointer: fine){&:hover{color:var(--white)!important;border-radius:var(--radius-xs);background:var(--red)!important}}}}.taskFilterMenu{width:290px;.filteredTags{display:flex;align-items:center;gap:var(--space-sm);.filterTag{position:relative;.removeButton{position:absolute;top:0;color:var(--white);background:transparent;text-shadow:0 0 4px #000}}}}.tagFilterMenu{width:200px}.oAuthActions{display:flex;flex-direction:column;gap:var(--space-lg);.textDivider{span{color:var(--light)}}}.authPage{display:flex;align-items:center;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:var(--space-md);background:var(--maindark);.logo{align-self:flex-start;flex:0;@media (max-width: 767px){align-self:center}img{height:var(--size-md)}}.authContainer{display:flex;flex-direction:column;width:100%;max-width:336px;gap:var(--space-lg);.pageTitle{font-size:var(--font-xxxl);font-weight:600;text-align:center;color:var(--lightest)}.subtitle{font-size:var(--font-sm);font-weight:600;text-align:center;color:var(--lightgray)}.formContainer{display:flex;flex-direction:column;gap:var(--space-md);.inputGroup{display:flex;flex-direction:column;gap:var(--space-md)}.forgotPassword{font-size:var(--font-sm);font-weight:500;width:-moz-fit-content;width:fit-content;cursor:pointer;color:var(--gray);@media (hover: hover) and (pointer: fine){&:hover{color:var(--blue)}}}}.authFooter{display:flex;align-items:center;justify-content:center;color:var(--white);gap:var(--space-sm);.registerButton{flex-shrink:0;padding:0 var(--space-lg);border-radius:var(--radius-xl)}}.successMessage{overflow:hidden;padding:var(--space-sm);transition:opacity var(--slow) ease,transform var(--slow) ease,height var(--slow) ease,padding var(--slow) ease;text-align:center;color:var(--bright-green);border:1px solid var(--bright-green);border-radius:var(--radius-sm);background:var(--darker);@starting-style{opacity:0;transform:translateY(-100%);height:0;padding:0 var(--space-sm)}}.termsFooter{font-size:var(--font-sm);display:flex;justify-content:center;text-align:center;color:var(--gray);gap:var(--space-md);@media (hover: hover) and (pointer: fine){a:hover{color:var(--blue)}}}}.backButton{align-self:flex-start}.close-button{position:absolute;top:1rem;right:1rem;z-index:10}}.selectPlan{width:100%;display:flex;justify-content:center;gap:var(--space-md);.planButton{display:flex;align-items:center;flex-direction:column;width:50%;padding:var(--space-sm);cursor:pointer;border:1px solid var(--gray);border-radius:var(--radius-md);gap:var(--space-sm);transition:border var(--fast) ease;&:disabled{cursor:default;svg{fill:var(--darkgray)!important}}.planInfo{display:flex;justify-content:space-between;width:100%;input[type=checkbox]:after{border:solid var(--semidark);border-width:0 2px 2px 0}}.planType{font-size:var(--font-xs);align-self:flex-end;color:var(--medgray);transition:color var(--fast) ease}.planName{color:var(--light);transition:color var(--fast) ease;font-weight:500}&.active{background:var(--semidark);pointer-events:none;border-color:var(--green);.planType,.planName{color:var(--green)}.simpleIcons{fill:var(--green)}}@media (hover: hover) and (pointer: fine){&:not(:disabled):hover{border-color:var(--light);.planType{color:var(--lighter)}.planName{color:var(--lightest)}}}}}.wizardNav{display:flex;align-items:center;justify-content:space-between}.wizardProgress{font-size:var(--font-sm);color:var(--gray)}.wizardSidebarMenu{padding-top:var(--space-sm);padding-left:var(--space-xxl);.actions{color:var(--sidebar-skeleton-background)}.navItem{color:var(--sidebar-skeleton-background);pointer-events:none;&:not(.selected) .itemLabel:not(:has(svg)){color:var(--dark)}}.treeLeaf{width:auto;margin-left:var(--space-xl);.treeLine{top:0;height:var(--size-xs);opacity:1;.dashLine{stroke:var(--sidebar-skeleton-background)}}.leafTitle{color:var(--sidebar-skeleton-background);display:flex;gap:var(--space-sm);align-items:center}}}.wizardSidebar{flex:0 0 var(--sidebar-width);color:var(--sidebar-skeleton-background);background:var(--sidebar-background);@media (max-width: 767px){display:none}.sidebarUsername{.avatarButton{cursor:default;.simpleAvatar{cursor:default;.avatarInitials{background:var(--sidebar-skeleton-background)}}}.navigationToggle{cursor:default;pointer-events:none;.toggleIcon{border-radius:var(--radius-sm);background:var(--sidebar-skeleton-background)}}}.sidebarActionsElement,.navItem{pointer-events:none}.description{color:var(--sidebar-skeleton-background)}.myTasks{.sidebars{.allTasks,.dueToday{svg{width:auto!important;height:auto!important;margin:0!important;color:var(--sidebar-skeleton-background)!important}}}}}.wizardBoard{width:100%;@media (max-width: 767px){display:none}.header{color:var(--dark);.headerTitle{flex:1}}.taskGroup{.taskGroupHeader{padding:var(--space-sm);display:flex;gap:var(--space-sm);align-items:center;pointer-events:none;color:var(--darkestgray);.chevron{width:var(--size-xs);height:var(--size-xs);transform:rotate(90deg)}.groupTitle{color:var(--light);&:has(svg){color:var(--darkestgray)}}}.task{padding-left:20px;color:var(--darkestgray)}}}.wizard{display:flex;height:100%;h4{font-size:var(--font-sm);font-weight:600}.group{display:flex;flex:1;flex-direction:column;gap:var(--space-sm)}.closeColumns{display:flex;gap:var(--space-sm)}.organizationLogo{position:relative;flex:0 0 var(--size-xxxl);@media (max-width: 767px){align-self:center}.progress{top:52px;position:absolute;left:8px}.bigOrgLogoButton{font-size:var(--font-xxxl);width:var(--size-xxxl);max-width:var(--size-xxxl);height:var(--size-xxxl);border:1px dashed var(--gray);border-radius:var(--radius-md);background:var(--maindark)}.smallOrgLogoButton{color:var(--red);box-sizing:content-box;position:absolute;top:0;right:0;border:1px solid var(--gray);border-radius:50%;background:var(--dark);@media (hover: hover) and (pointer: fine){&:hover{color:var(--white);background:var(--red)}}}}.wizardSideForm{flex:0 0 544px;color:var(--dark);background:var(--sidebar-background);gap:var(--space-lg);position:relative;@media (max-width: 767px){flex:1}h1,h6{text-align:left}.logo{padding:var(--space-md) 0 0 var(--space-xxl);img{height:var(--size-md)}}.wizardSidebarMenu{padding-top:0}.organizationIcon{font-size:var(--font-lg)!important;fill:var(--lightgray);.selected &{fill:var(--darkgray)}}.actionButton{color:var(--gray);&.primary{color:var(--white);&:disabled{color:var(--lightgray)}}}.textInput{background:var(--white);border:1px solid var(--medlight)!important}.bottomBorder{padding-bottom:var(--space-md);border-bottom:1px solid var(--lighter)}.topBorder{padding-top:var(--space-md);border-top:1px solid var(--lighter)}.textInputIcon{color:var(--medlight);fill:var(--medlight);:hover &{color:var(--medlight);fill:var(--medlight)}}.wizardNav{padding-top:var(--space-md);border-top:1px solid var(--lighter);.back{border:1px solid var(--medlight);.simpleIcons{color:var(--gray)}}}.colorSelector{width:auto;height:var(--size-lg);border:1px solid var(--medlight)}.switchContainer{align-self:start;label{font-size:var(--font-sm)}}.colorSelector{background:var(--white);.menuItem{padding:0;width:var(--size-lg);height:var(--size-lg);justify-content:center}.itemIconContainer{font-size:var(--font-lg);width:var(--size-xs);height:var(--size-xs)}}section{display:flex;flex-direction:column;margin:0 var(--space-xxl);gap:var(--space-xl)}.groupItem{position:relative;.removeButton{top:50%;right:4px;position:absolute;transform:translateY(-50%)}}.close-button{position:absolute;top:1rem;right:1rem;z-index:10}}h1{font-size:var(--font-xxl);font-weight:600}h6{font-size:var(--font-sm);color:var(--gray)}.columns{display:flex;gap:var(--space-xl)}.wizardForm{display:flex;flex:1;flex-direction:column;gap:var(--space-xl);label{font-size:var(--font-sm);font-weight:500;color:var(--light)}}.wizardMainForm{flex:1;padding:var(--space-sm) var(--space-lg);@media (min-width: 768px){padding-left:var(--space-xxxl)}.wizardProgress{padding:14px 0}section{display:flex;flex-direction:column;width:100%;max-width:550px;gap:var(--space-xl);&:has(.onboardingAvatar){max-width:530px}}.orgFormLayout{display:flex;gap:var(--space-lg);align-items:flex-start;flex-wrap:wrap}.userForm{@media (max-width: 767px){flex-direction:column}.onboardingAvatar{position:relative;flex:0 0 var(--size-xxxl);@media (max-width: 767px){align-self:center}.progress{top:52px;position:absolute;left:8px}.bigAvatarButton{font-size:var(--font-xxxl);width:var(--size-xxxl);max-width:var(--size-xxxl);height:var(--size-xxxl);margin-top:var(--space-sm);border:1px dashed var(--gray);border-radius:50%;background:var(--maindark)}.smallAvatarButton{color:var(--red);box-sizing:content-box;position:absolute;top:0;right:0;border:1px solid var(--gray);border-radius:50%;background:var(--dark);@media (hover: hover) and (pointer: fine){&:hover{color:var(--white);background:var(--red)}}}}}.invitationsTable{.tableTop{display:none}.tableRow{padding:var(--space-md);.tableCell.image{height:var(--size-xxl);border-radius:var(--radius-sm);aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover}}}.createBillingContainer{display:flex;flex-direction:column;gap:var(--space-sm);h3{font-size:var(--font-sm);font-weight:600;color:var(--light)}}.close-button{position:absolute;top:1rem;right:1rem;z-index:10}}}.createTaskGroup{padding:var(--space-md) var(--space-lg);@media (max-width: 767px){padding:var(--space-md)}.tilesView &{padding:0}.createTaskGroupButtonWrapper,.createTaskGroupFormWrapper{display:grid;.tilesView &{width:288px;margin-right:var(--space-md)}.createTaskGroupButton,.createTaskGroupForm{overflow:hidden}}.createTaskGroupButtonWrapper{grid-template-rows:1fr;.tilesView &{margin-top:var(--space-xs)}}.createTaskGroupFormWrapper{grid-template-rows:0fr}&.visible{.createTaskGroupButtonWrapper{grid-template-rows:0fr}.editTaskGroupFormWrapper{grid-template-rows:1fr}}}.editTaskGroupForm{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:400px;.editTaskGroupHeader{display:flex;align-items:center;justify-content:space-between;width:100%;.editTaskGroupTitle{color:var(--medlight);padding-left:var(--space-sm);font-size:var(--font-xs);font-weight:700}}}.taskFlowContainer{display:flex;flex-direction:column;width:100%;.droppableGroups{display:flex;flex-direction:column}}.tilesView .taskFlowContainer{flex-direction:row;padding-left:var(--space-md);.droppableGroups{flex-direction:row}}.tilesView .myTasks .taskFlowContainer{padding-left:var(--space-xl)}.isBeingDragged{opacity:.8;filter:drop-shadow(0 0 8px rgba(0,0,0,.3));.createTask,.groupBorder{display:none}}.droppableArea{padding:1px}.myTasks .droppableArea{padding:0}*{--firstTaskHeight: 107px}.draggableTaskGroupArea.introVisible{height:var(--firstTaskHeight)}.introContainer{aside{position:fixed;z-index:1;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;height:var(--size-lg);transition:opacity var(--slow) ease;background:linear-gradient(to bottom,transparent,rgb(0 0 0 / 25%));&.hideArrow{opacity:0!important}&.fadeArrow{opacity:.3}.pageWrapper.sidebarOpen &{left:var(--sidebar-width)}}section{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:var(--space-xl);height:calc(100dvh - var(--header-height));&:nth-child(2){height:calc(100dvh - var(--firstTaskHeight) - var(--header-height))}&:nth-child(odd){background:var(--semidark)}&.wavy{background:url(/images/intro/waves.png) no-repeat center center / cover}.imageContainer{background:#ffffff0d;border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.2);img{border-radius:var(--radius-md);box-shadow:0 4px 16px #0003}}h2{font-size:var(--font-xxxl);font-weight:500;line-height:var(--line-xxxl);text-align:center;color:var(--lightest)}h3{font-size:var(--font-md);line-height:var(--line-xl);text-align:center;color:var(--light-blue)}h4{font-size:var(--font-md);line-height:var(--line-md);text-align:center;color:var(--white)}h5{font-size:var(--font-sm);text-align:center;color:var(--medgray)}.actionButton.primary{margin:var(--space-md) 0;color:var(--white)}.buttons{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;margin:var(--space-xxl) 0;gap:var(--space-md);.buttonWrapper{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100px;gap:var(--space-sm);label{font-size:var(--font-xs);font-stretch:condensed}.actionButton{font-size:var(--font-lg);width:var(--size-xl);min-width:var(--size-xl);max-width:var(--size-xl);height:var(--size-xl);margin:0;border:1px solid var(--white);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);.simpleIcons{fill:var(--white)!important}pointer-events:none}}}}footer{font-size:var(--font-xs);.footerCols{padding:var(--space-lg) 0;display:flex;gap:var(--space-xxl);justify-content:center;align-items:center;@media (max-width: 767px){flex-direction:column;gap:var(--space-md)}.footerLogo{img{width:150px}}.linkCols{display:flex;gap:var(--space-xxl);.linkCol{h5{color:var(--darkgray);line-height:var(--line-lg)}a{font-weight:600;color:var(--medgray);line-height:var(--line-lg);&:hover{color:var(--blue)}}}}}.copyright{border-top:1px solid var(--darkestgray);padding:var(--space-md) 0;text-align:center;color:var(--darkgray);font-stretch:condensed;font-weight:600}}}.taskGroup{width:100%;&.fadeOut{opacity:.2}.listView &:after{display:block;content:"";margin:var(--space-sm) var(--space-lg) 0 var(--space-lg);border-bottom:1px solid var(--darkestgray)}.tilesView &{width:var(--task-width-tile);margin-right:var(--space-md)}.dragAndDropHover{background-color:var(--darkestgray)!important}.taskGroupHeader{font-size:var(--font-sm);position:relative;height:var(--size-lg);margin-top:var(--space-sm);padding:0 var(--space-md)!important;transition:background var(--faster) ease;color:var(--medlight);@media (max-width: 767px){padding:0!important}&:has(form){height:auto!important}&:before{position:absolute;left:var(--space-xs);width:12px;height:16px;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23808080' viewBox='0 0 12 12'%3E%3Cpath d='M6.7 11.3 4.5 9a.7.7 0 0 1 0-1 .7.7 0 0 1 1 0l1 1V4.9a.7.7 0 0 1 .7-.7.7.7 0 0 1 .7.7V9l1-1a.7.7 0 0 1 1 0 .7.7 0 0 1 0 1l-2.2 2.2a.7.7 0 0 1-.5.2.7.7 0 0 1-.5-.2M2.2 6.6V2.4l-1 1a.7.7 0 0 1-1 0 .7.7 0 0 1 0-1L2.4.2a.7.7 0 0 1 1 0l2.1 2.2a.7.7 0 0 1 0 1 .7.7 0 0 1-.5.2.7.7 0 0 1-.5-.2l-1-1v4.2a.7.7 0 0 1-.6.7.7.7 0 0 1-.7-.7'/%3E%3C/svg%3E");transition:opacity var(--faster) ease-in 0;color:var(--gray);opacity:0}.dragAndDropHover{background-color:var(--darkestgray)!important}.tilesView &{height:var(--size-md);margin:var(--space-xs) 0 var(--space-md) 0;padding:0 var(--space-xs) 0 0!important;border-radius:var(--radius-md);&:before{left:-12px;transform:rotate(90deg)}}@media (hover: hover) and (pointer: fine){&:hover:not(:has(form)){background:var(--darkestgray);&:before{cursor:grab;transition:opacity var(--faster) ease-out .5s;opacity:1}.taskGroupOptions{opacity:1!important}}}.expandableHeaderContent{display:flex;align-items:center;gap:var(--space-md);.groupTitle{font-weight:600;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis}.taskCounter{font-size:var(--font-xs);display:flex;align-items:center;color:var(--gray);gap:var(--space-xs);white-space:nowrap;.counterIcon{width:14px;min-width:14px;height:14px}}.groupActions{display:flex;align-items:center;.tilesView &{flex-direction:row-reverse;flex:1}@media (max-width: 767px){margin-left:auto;margin-right:var(--space-md);gap:var(--space-xs);.tilesView &{margin-right:0}}.actionButton{.icon.simple{fill:var(--light)}@media (hover: hover) and (pointer: fine){&:hover{color:var(--white);background:var(--gray);.icon.simple{fill:var(--white)}}}}.taskGroupOptions{@media (hover: hover){opacity:0}}}.groupDescriptionInline{font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--gray);.tilesView &{display:none}@media (max-width: 767px){display:none}}}}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.selectDueDateIcon,.taskOptionsIcon,.restoreTaskIcon{width:var(--size-xs);min-width:var(--size-xs);height:1em;fill:currentColor}.lazyLoadTask{transition:height var(--faster) ease-out;.listView &{height:calc(var(--task-height-list) + var(--task-spacing-list))}.tilesView &{height:calc(var(--task-height-tile) + var(--task-spacing-tile))}&:has(.createSubtask){height:calc((var(--task-height-list) + var(--task-spacing-list)) * 2)}}.assignMemberTarget{display:flex;align-items:center;justify-content:center;width:var(--size-md);min-width:var(--size-md);height:var(--size-md);padding:var(--space-sm);cursor:pointer;transition:background var(--faster) ease-out;border:1px dashed var(--darkgray);border-radius:var(--radius-xl);background:var(--dark);@media (hover: hover) and (pointer: fine){&:hover{border:1px solid var(--darker);background:var(--darker)}}}.taskWrapper{transition:background var(--faster) ease-out;.taskIn{transition:background var(--faster) ease;.taskContent{transition:background var(--faster) ease;overflow:hidden;.taskName{font-size:var(--font-sm);line-height:var(--line-sm);font-weight:500;overflow:hidden;padding:var(--space-xs);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;color:var(--lightest);&:not(.active){border:1px solid transparent}.taskWrapper.selected &{color:var(--black)}}.reveal{transition:color var(--faster) ease,background var(--faster) ease,opacity var(--fast) ease-out .1s,width var(--faster) ease-out,min-width var(--faster) ease-out,max-width var(--faster) ease-out;opacity:1;@starting-style{opacity:0!important;width:0!important;min-width:0!important;max-width:0!important}}.taskActions{display:flex;align-items:center;margin-left:auto;gap:var(--space-sm)}.slider{width:80px}.selectPriority,.selectDueDate,.taskOptionsMenu,.restoreTask{font-size:var(--font-xs);line-height:calc(var(--size-sm) - 2 * var(--space-xs));overflow:hidden;height:var(--size-sm);padding:var(--space-xs);cursor:pointer;white-space:nowrap;color:var(--gray);border-radius:var(--radius-sm);@media (hover: hover) and (pointer: fine){.taskContent:not(.archived) &:hover,.taskContent.archived &.restoreTask:hover{color:var(--white);background:var(--darkgray)}}&:has(.selectDueDateIcon),&:has(.restoreTaskIcon){width:var(--size-sm);min-width:var(--size-sm);padding:var(--space-xs)}.selectDueDateIcon,.taskOptionsIcon,.restoreTaskIcon{width:var(--size-xs);min-width:var(--size-xs);fill:currentColor}.selectDueDateIcon{margin-top:2px}.restoreTaskIcon{height:var(--size-xs)}}.taskOptionsMenu{display:flex;align-items:center;width:var(--size-sm);min-width:var(--size-sm);max-width:var(--size-sm);.dropdownTarget{background:transparent}}.tags{display:flex;align-items:center;flex-direction:row-reverse}.counts{display:flex;align-items:center;gap:var(--space-sm);.count{font-size:var(--font-xs);display:flex;align-items:center;justify-content:center;color:var(--darkgray);gap:2px;&.new{color:var(--white);svg{color:var(--blue)}}svg{height:var(--size-xxs)}@media (max-width: 767px){display:none}}}.stateSelect,.stateIcon,.approvalIcon,.priorityIcon{width:var(--size-sm);min-width:var(--size-sm);height:var(--size-sm)}.approvalIcon{margin-top:3px}.datePickerContainer.reveal,.dropdownTarget.reveal{max-width:60px}.taskOptionsMenu.conceal{width:0!important;min-width:0!important;max-width:0!important;padding-right:0!important;padding-left:0!important;transition:opacity var(--faster) ease-out,width var(--faster) ease-out .1s,min-width var(--faster) ease-out .1s,max-width var(--faster) ease-out .1s,margin-left var(--faster) ease-out .1s,padding-left var(--faster) ease-out .1s;opacity:0;@starting-style{opacity:1!important;width:var(--size-sm)!important;min-width:var(--size-sm)!important;max-width:var(--size-sm)!important;padding-left:var(--space-xs)!important;padding-right:var(--space-xs)!important}@media (hover: none),(pointer: coarse){display:none}}.stateSelect.conceal{width:0!important;min-width:0!important;max-width:0!important;margin-left:calc(0px - var(--space-sm));transition:opacity var(--faster) ease-out,width var(--faster) ease-out .1s,min-width var(--faster) ease-out .1s,max-width var(--faster) ease-out .1s,margin-left var(--faster) ease-out .1s;opacity:0!important;@starting-style{opacity:1!important;width:var(--size-sm)!important;min-width:var(--size-sm)!important;max-width:var(--size-sm)!important;margin-left:0}@media (hover: none),(pointer: coarse){display:none}}.selectPriority.conceal{max-width:0;margin-left:calc(0px - var(--space-sm));padding-right:0;padding-left:0;transition:opacity var(--faster) ease-out,max-width var(--faster) ease-out .1s,margin-left var(--faster) ease-out .1s,padding-left var(--faster) ease-out .1s,padding-left var(--faster) ease-out .1s;opacity:0;@starting-style{opacity:1;max-width:60px;margin-left:0;padding-left:var(--space-xs);padding-right:var(--space-xs)}@media (hover: none),(pointer: coarse){display:none}}.selectDueDate.conceal{width:0!important;min-width:0!important;margin-left:calc(0px - var(--space-sm));padding:var(--space-xs) 0!important;transition:opacity var(--faster) ease-out,width var(--faster) ease-out .1s,min-width var(--faster) ease-out .1s,margin-left var(--faster) ease-out .1s,padding var(--faster) ease-out .1s;opacity:0;@starting-style{opacity:1!important;width:var(--size-sm)!important;min-width:var(--size-sm)!important;margin-left:0!important;padding:var(--space-xs)!important}@media (hover: none),(pointer: coarse){display:none}}}.textInputWrapper{width:auto}}@media (hover: hover) and (pointer: fine){&:not(:hover) .taskIn .taskContent .reveal{overflow:hidden!important;width:0!important;min-width:0!important;max-width:0!important;padding:0!important;opacity:0!important;&.datePickerContainer,&.taskOptionsMenu,&.markInProgress{margin-left:calc(0px - var(--space-sm))!important}}}}.listView .taskWrapper{position:relative;padding-top:var(--task-spacing-list);.taskIn{display:flex;align-items:center;height:var(--task-height-list);margin:0 var(--task-indent-list);cursor:pointer;gap:var(--space-sm);@media (max-width: 767px){margin:0;padding-left:4px;border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl);background:var(--maindark);gap:var(--space-xs)}@media (hover: hover) and (pointer: fine) and (min-width: 768px){.listView:not(.inDrawer) &:before{position:absolute;left:var(--space-xs);width:12px;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23808080' viewBox='0 0 12 12'%3E%3Cpath d='M6.7 11.3 4.5 9a.7.7 0 0 1 0-1 .7.7 0 0 1 1 0l1 1V4.9a.7.7 0 0 1 .7-.7.7.7 0 0 1 .7.7V9l1-1a.7.7 0 0 1 1 0 .7.7 0 0 1 0 1l-2.2 2.2a.7.7 0 0 1-.5.2.7.7 0 0 1-.5-.2M2.2 6.6V2.4l-1 1a.7.7 0 0 1-1 0 .7.7 0 0 1 0-1L2.4.2a.7.7 0 0 1 1 0l2.1 2.2a.7.7 0 0 1 0 1 .7.7 0 0 1-.5.2.7.7 0 0 1-.5-.2l-1-1v4.2a.7.7 0 0 1-.6.7.7.7 0 0 1-.7-.7'/%3E%3C/svg%3E");transition:opacity var(--faster) ease-in 0;opacity:0;color:var(--gray)}.listView:not(.inDrawer) &:hover:before{cursor:grab;transition:opacity var(--faster) ease-out .5s;opacity:1}}.dropdownTarget{cursor:pointer;&.searchActive{@media (min-width: 1440px){width:200px;min-width:200px}}}.taskContent{display:flex;align-items:center;width:100%;min-width:230px;height:var(--task-height-list);padding-right:var(--space-sm);padding-left:var(--space-xs);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--radius-xl);background:var(--maindark);gap:var(--space-sm);@media (min-width: 768px){padding-left:var(--space-sm);&:not(:has(.taskOptionsMenu)):not(:has(.restoreTask:not(.conceal))){padding-right:var(--space-md)}}&.notDroppable{background:var(--red)!important}}}@media (hover: hover) and (pointer: fine){&:hover{.taskIn{.taskContent{background:var(--darkest)}@media (max-width: 767px){background:var(--darkest)}}}}&.selected{.taskIn{.taskContent{color:var(--black);background:var(--white)}@media (max-width: 767px){color:var(--black);background:var(--white)}}}.subtask &{margin-left:calc(var(--task-indent-list) + var(--task-subtask-indent) + var(--subtask-indent))}.subtaskTreeLine{position:absolute;top:calc(0px - var(--task-height-list) / 2);left:calc(0px - (var(--subtask-indent) - var(--task-indent-list) + var(--space-xs)));width:calc(var(--subtask-indent));height:calc(var(--task-height-list) + var(--task-spacing-list));border-bottom:1px dashed var(--darkgray);border-left:1px dashed var(--darkgray);border-bottom-left-radius:var(--radius-sm);.taskDrawer &{display:none}}}.tilesView .taskWrapper{width:var(--task-width-tile);height:var(--task-height-tile);padding:var(--space-sm);cursor:pointer;border-radius:var(--radius-md);background:var(--maindark);@media (hover: hover) and (pointer: fine){&:hover{background:var(--darkest)}}&.selected{color:var(--black);background:var(--white)}.taskIn{height:100%;.taskContent{display:flex;flex-direction:column;justify-content:space-between;height:100%;.contentRow{display:flex;align-items:center;justify-content:space-between;margin-left:0;.group{display:flex;align-items:center;gap:var(--space-sm);.taskName{max-width:214px}}}}}}.task+.subtask .subtaskTreeLine{top:calc(0px - var(--diff));height:calc(var(--diff) + var(--task-height-list) / 2 + var(--task-spacing-list));--diff: calc(var(--task-height-list) - var(--task-avatar-size-list)) / 2;@media (max-width: 767px){--diff: 0px}}.task .createSubtask .subtaskTreeLine{top:calc(0px - var(--task-height-list) / 2 + var(--task-spacing-list) - var(--diff));left:calc(0px - var(--subtask-indent) - var(--space-xs));height:calc(var(--diff) + var(--task-height-list) / 2 + var(--task-spacing-list));--diff: calc(var(--task-height-list) - var(--task-avatar-size-list)) / 2;@media (max-width: 767px){top:calc(0px - var(--task-spacing-list));left:calc(0px - var(--subtask-indent));--diff: 0px}}.task:has(.createSubtask)+.subtask .subtaskTreeLine{top:calc(0px - var(--diff) - var(--task-avatar-size-list) / 2);height:calc(var(--diff) + var(--task-height-list) / 2 + var(--task-spacing-list) + var(--task-avatar-size-list) / 2)}@media (min-width: 1280px) and (max-width: 1500px){.pageWrapper.sidebarOpen.withDrawer .taskContent{.progressWrapper,.count{display:none}}}@media (min-width: 768px) and (max-width: 1279px){.pageWrapper.withDrawer .taskContent{.progressWrapper,.count{display:none}}}.drag-drop-alert{position:fixed;top:32px;left:50%;transform:translate(-50%);z-index:10000;min-width:320px;max-width:90vw;padding:.85em 2em;background:var(--blue);color:#fff;font-size:1.1rem;border-radius:.75em;box-shadow:0 8px 32px #1e3a8a3d;display:flex;align-items:center;gap:.7em;pointer-events:none;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);font-family:Inter,system-ui,sans-serif}.drag-drop-alert .drag-drop-alert-icon{width:1.6em;height:1.6em;opacity:.85}.drag-drop-alert kbd{display:inline-block;background:#ffffff38;color:#fff;border-radius:.35em;padding:0 .5em;font-size:.93em;font-family:inherit;margin:0 .25em}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.collapsibleOrganization,.collapsibleProject{margin-top:var(--space-sm);.expandableHeader{transition:background var(--faster) ease;@media (hover: hover) and (pointer: fine){&:hover:not(:has(.editTaskGroupForm)){background:var(--darkestgray)}}.expandableHeaderContent{&:not(:has(.editTaskGroupForm)){height:var(--size-lg)}display:flex;align-items:center;gap:var(--space-sm);.headerIcon{width:12px;min-width:12px}.headerTitle{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;@media (max-width: 767px){flex:1}}}}}.collapsibleOrganization{.expandableHeader{padding-left:var(--space-xs)}}.collapsibleProject{.expandableHeader{padding-left:calc((var(--space-md) + var(--space-xs)) / 2)}}@media (max-width: 767px){.collapsibleOrganization .expandableHeader,.collapsibleProject .expandableHeader{padding-left:0}}.timeInput{color:var(--gray)!important;height:var(--size-sm)!important}.notificationCheckbox{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:var(--space-sm) var(--space-md);&:hover{background:var(--maindark)}}.stickyArchivedSearch{position:sticky;top:0;background:var(--dark);z-index:99999}.adminTable{margin:0 var(--space-md);.tableRow{margin:0 0 1px!important;&:nth-child(2n){background:var(--semidark)}.switchContainer{justify-content:center}}}.logsTable{margin:0 var(--space-md);.group{display:flex;gap:var(--space-sm)}.datePickerTargetContent{&:not(.disabled){border:1px solid var(--gray);color:var(--light);cursor:pointer;.simpleIcons{fill:var(--gray)}@media (hover: hover) and (pointer: fine){&:hover{background:var(--darkestgray)}}}}.dropdownTarget{width:100px}.tableBody{.tableRow{margin:0;background:transparent;&:nth-child(2n){background:#0000001a}.tableCell{color:var(--light);&.timestamp{.title{color:var(--gray);text-transform:uppercase;.error &{color:var(--red)}.warn &{color:var(--orange)}}}}}}}.consentBannerWrapper{position:fixed;z-index:100000;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;inset:0;.consentBanner{z-index:9999;width:490px;max-width:95%;margin-bottom:var(--space-lg);padding:var(--space-lg);border:1px solid var(--darkestgray);border-radius:var(--radius-lg);background:var(--maindark);box-shadow:var(--shadow-lg);pointer-events:all;h6{font-size:var(--font-lg);font-weight:700;margin-bottom:var(--space-md);color:var(--white)}p{font-size:var(--font-md);margin-bottom:var(--space-md);color:var(--white);a{display:inline-block;margin:0 var(--space-sm);text-decoration:underline;color:var(--blue);&:hover{color:var(--light-blue)}}}}}