/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-space-y-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-200:oklch(88.5% .062 18.334);--color-red-800:oklch(44.4% .177 26.899);--color-yellow-400:oklch(85.2% .199 91.936);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary-blue:#000;--color-gray-bg:#2a2b2d;--color-gray-bg-dark:#222325;--color-text-dark:#023047;--color-trans2-white:#ffffff1a;--color-trans-white:#ffffff4d}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.T-C-loadedIn{align-items:flex-start;gap:calc(var(--spacing)*2);border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-gray-300);flex-direction:column;width:95%;height:95%;margin-inline:auto;display:flex;overflow:hidden scroll}@media not all and (min-width:40rem){.T-C-loadedIn{padding-top:calc(var(--spacing)*2)}}@media (min-width:40rem){.T-C-loadedIn{padding-top:calc(var(--spacing)*2)}}@media (min-width:80rem){.T-C-loadedIn{padding:calc(var(--spacing)*8)}}.check-box-1{margin-top:calc(var(--spacing)*1);height:calc(var(--spacing)*6);width:calc(var(--spacing)*6);cursor:pointer;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-300);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;--tw-ease:var(--ease-in-out);transition-duration:.25s;transition-timing-function:var(--ease-in-out);-webkit-user-select:none;user-select:none;background-color:#0000;padding:2px}@media not all and (min-width:40rem){.check-box-1{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}}@media (min-width:40rem){.check-box-1{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}}@media (min-width:80rem){.check-box-1{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}}.C-H-o-Component{gap:calc(var(--spacing)*4);flex-direction:column;width:100%;height:85%;display:flex}.C-Add-task{justify-content:flex-start;gap:calc(var(--spacing)*4);flex-direction:column;width:100%;height:90%;display:flex}.H-o-Component{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);flex-direction:row;margin-inline:auto;display:flex}@media not all and (min-width:40rem){.H-o-Component{width:95%}}@media (min-width:40rem){.H-o-Component{width:95%}}@media (min-width:80rem){.H-o-Component{width:90%}}.l-H-o-Component{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}@media not all and (min-width:40rem){.l-H-o-Component{gap:calc(var(--spacing)*2);width:80%}}@media (min-width:40rem){.l-H-o-Component{gap:calc(var(--spacing)*2);width:80%}}@media (min-width:80rem){.l-H-o-Component{gap:calc(var(--spacing)*4);width:90%}}@media not all and (min-width:40rem){.l-H-o-Component img{width:calc(var(--spacing)*7)}}@media (min-width:40rem){.l-H-o-Component img{width:calc(var(--spacing)*7)}}@media (min-width:80rem){.l-H-o-Component img{width:calc(var(--spacing)*12)}}.l-H-o-Component h1{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-gray-300)}@media not all and (min-width:40rem){.l-H-o-Component h1{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (min-width:40rem){.l-H-o-Component h1{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (min-width:80rem){.l-H-o-Component h1{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.r-H-o-Component{-webkit-user-select:none;user-select:none}@media not all and (min-width:40rem){.r-H-o-Component{width:20%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:40rem){.r-H-o-Component{width:20%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:80rem){.r-H-o-Component{width:10%;font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.TC-buttons-container{gap:calc(var(--spacing)*4);flex-direction:row;display:flex}@media not all and (min-width:40rem){.TC-buttons-container{justify-content:flex-end;width:100%}}@media (min-width:40rem){.TC-buttons-container{justify-content:flex-end;width:100%}}@media (min-width:80rem){.TC-buttons-container{width:fit-content}}.wave{top:calc(var(--spacing)*0);left:calc(var(--spacing)*50);z-index:-1;--tw-translate-x:-25%;width:100dvw;height:100dvh;translate:var(--tw-translate-x)var(--tw-translate-y);-webkit-user-select:none;user-select:none;background-size:cover;position:absolute;rotate:270deg}@media not all and (min-width:40rem){.wave{display:none}}@media (min-width:40rem){.wave{display:none}}@media (min-width:64rem){.wave{display:block}}.login-input-container{margin-top:calc(var(--spacing)*4);align-items:flex-start;gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.login-input-container .input-name{padding-left:calc(var(--spacing)*1);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);color:var(--color-gray-600)}.login-input-container .input-field{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:3px;border-color:var(--color-gray-300);padding-inline:calc(var(--spacing)*2);padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*1);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;--tw-ease:var(--ease-in-out);transition-duration:.25s;transition-timing-function:var(--ease-in-out);--tw-outline-style:none;outline-style:none}.login-input-container .input-field:focus{border-color:var(--color-gray-600)}@media not all and (min-width:40rem){.login-input-container .input-field{width:100%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:40rem){.login-input-container .input-field{width:100%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:64rem){.login-input-container .input-field{width:50%;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.signIn-button{margin-block:calc(var(--spacing)*4);cursor:pointer;border-radius:var(--radius-md);background-color:var(--color-black);padding-block:calc(var(--spacing)*2);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}@media (hover:hover){.signIn-button:hover{background-color:var(--color-gray-700)}}@media not all and (min-width:40rem){.signIn-button{width:100%}}@media (min-width:40rem){.signIn-button{width:100%}}@media (min-width:64rem){.signIn-button{width:50%}}.task-nav-bar{cursor:pointer;border-radius:var(--radius-md);width:91.6667%;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*4);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-gray-300);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.35s;--tw-ease:var(--ease-in-out);transition-duration:.35s;transition-timing-function:var(--ease-in-out);-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;display:flex}@media (hover:hover){.task-nav-bar:hover{background-color:var(--color-gray-bg-dark);opacity:.7}}@media not all and (min-width:40rem){.task-nav-bar{gap:calc(var(--spacing)*4);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:40rem){.task-nav-bar{gap:calc(var(--spacing)*4);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:80rem){.task-nav-bar{gap:calc(var(--spacing)*5);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.buttons{cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-gray-300);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;-webkit-user-select:none;user-select:none;transition-duration:.25s}@media (hover:hover){.buttons:hover{background-color:var(--color-gray-300);color:var(--color-gray-bg-dark)}}@media not all and (min-width:40rem){.buttons{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:40rem){.buttons{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:80rem){.buttons{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}.addButton{right:calc(var(--spacing)*4);bottom:calc(var(--spacing)*4);cursor:pointer;border-radius:var(--radius-lg);background-color:var(--color-yellow-400);padding:calc(var(--spacing)*3);position:fixed}@media not all and (min-width:40rem){.addButton:active{--tw-brightness:brightness(75%);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,)}}@media (min-width:40rem){.addButton:active{--tw-brightness:brightness(75%);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,)}}@media (min-width:80rem){@media (hover:hover){.addButton:hover{--tw-brightness:brightness(75%);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,)}}}@media not all and (min-width:40rem){.addButton img{width:calc(var(--spacing)*6)!important}}@media (min-width:40rem){.addButton img{width:calc(var(--spacing)*6)!important}}@media (min-width:80rem){.addButton img{width:calc(var(--spacing)*8)!important}}.danger-buttons{cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-800);width:fit-content;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-red-800);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;-webkit-user-select:none;user-select:none;transition-duration:.25s}@media not all and (min-width:40rem){.danger-buttons{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.danger-buttons:active{background-color:var(--color-red-800);color:var(--color-gray-300)}}@media (min-width:40rem){.danger-buttons{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.danger-buttons:active{background-color:var(--color-red-800);color:var(--color-gray-300)}}@media (min-width:80rem){.danger-buttons{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}@media (hover:hover){.danger-buttons:hover{background-color:var(--color-red-800);color:var(--color-gray-300)}}}.add-remove-buttons-container{height:fit-content;padding:calc(var(--spacing)*2);justify-content:flex-end;align-items:center;display:flex}@media not all and (min-width:40rem){.add-remove-buttons-container{width:100%}}@media (min-width:40rem){.add-remove-buttons-container{width:100%}}@media (min-width:80rem){.add-remove-buttons-container{width:91.6667%}}.task-nav-bar:first-child img{width:calc(var(--spacing)*10)}@media not all and (min-width:40rem){.task-nav-bar img{width:calc(var(--spacing)*5)}}@media (min-width:40rem){.task-nav-bar img{width:calc(var(--spacing)*5)}}@media (min-width:80rem){.task-nav-bar img{width:calc(var(--spacing)*6)}}.cover-img{cursor:pointer;border-radius:var(--radius-md);padding:calc(var(--spacing)*2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;--tw-ease:var(--ease-in-out);transition-duration:.25s;transition-timing-function:var(--ease-in-out);-webkit-user-select:none;user-select:none;display:flex}@media (hover:hover){.cover-img:hover{background-color:var(--color-trans-white)}}@media not all and (min-width:40rem){.cover-img{width:calc(var(--spacing)*11)}}@media (min-width:40rem){.cover-img{width:calc(var(--spacing)*11)}}@media (min-width:80rem){.cover-img{width:calc(var(--spacing)*12)}}.disabled-btn{cursor:none;pointer-events:none!important;--tw-brightness:brightness(55%)!important;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.setting-second-header{--tw-translate-x:-12px;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-gray-500)}@media not all and (min-width:40rem){.setting-second-header{margin-bottom:calc(var(--spacing)*0);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media (min-width:40rem){.setting-second-header{margin-bottom:calc(var(--spacing)*0);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media (min-width:80rem){.setting-second-header{margin-bottom:calc(var(--spacing)*2);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}.task-img{cursor:pointer;border-radius:var(--radius-md);padding:calc(var(--spacing)*2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;--tw-ease:var(--ease-in-out);transition-duration:.25s;transition-timing-function:var(--ease-in-out);-webkit-user-select:none;user-select:none;display:flex}@media (hover:hover){.task-img:hover{background-color:var(--color-trans-white)}}@media not all and (min-width:40rem){.task-img{width:calc(var(--spacing)*8)}}@media (min-width:40rem){.task-img{width:calc(var(--spacing)*8)}}@media (min-width:80rem){.task-img{width:calc(var(--spacing)*10)}}.visible-container{display:flex!important}.active-task-img,.active-flag-img{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-yellow-400)!important}.custom-task-button{cursor:pointer;align-items:center;gap:calc(var(--spacing)*5);border-radius:var(--radius-md);width:91.6667%;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*4);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-gray-300);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.35s;--tw-ease:var(--ease-in-out);transition-duration:.35s;transition-timing-function:var(--ease-in-out);-webkit-user-select:none;user-select:none;flex-direction:row;display:flex}@media (hover:hover){.custom-task-button:hover{background-color:var(--color-gray-bg-dark);opacity:.7}}.right-component-style{background-color:var(--color-gray-bg-dark);height:100dvh;color:var(--color-gray-300);flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex;overflow:hidden scroll}@media not all and (min-width:40rem){.right-component-style{gap:calc(var(--spacing)*6);width:100dvw;padding-left:calc(var(--spacing)*2)}}@media (min-width:40rem){.right-component-style{gap:calc(var(--spacing)*6);width:100dvw;padding-left:calc(var(--spacing)*2)}}@media (min-width:80rem){.right-component-style{gap:calc(var(--spacing)*12);width:calc(100% - 24rem);padding-left:calc(var(--spacing)*8)}}.opt-header{margin-inline:auto;margin-top:calc(var(--spacing)*5);justify-content:space-between;align-items:center;width:98%;height:fit-content;display:flex}.addTaskButton{cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-400);width:fit-content;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;-webkit-user-select:none;user-select:none;transition-duration:.25s}@media not all and (min-width:40rem){.addTaskButton{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.addTaskButton:active{background-color:var(--color-green-400);color:var(--color-gray-300)}}@media (min-width:40rem){.addTaskButton{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.addTaskButton:active{background-color:var(--color-green-400);color:var(--color-gray-300)}}@media (min-width:80rem){.addTaskButton{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}@media (hover:hover){.addTaskButton:hover{background-color:var(--color-green-400);color:var(--color-gray-300)}}}.cancelTaskButton{cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-800);width:fit-content;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;-webkit-user-select:none;user-select:none;transition-duration:.25s}@media not all and (min-width:40rem){.cancelTaskButton{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.cancelTaskButton:active{background-color:var(--color-red-800);color:var(--color-gray-300)}}@media (min-width:40rem){.cancelTaskButton{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.cancelTaskButton:active{background-color:var(--color-red-800);color:var(--color-gray-300)}}@media (min-width:80rem){.cancelTaskButton{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}@media (hover:hover){.cancelTaskButton:hover{background-color:var(--color-red-800);color:var(--color-gray-300)}}}.addTaskToTasksContainer{margin:calc(var(--spacing)*8);gap:calc(var(--spacing)*8);border-radius:var(--radius-md);background-color:var(--color-gray-bg);padding-inline:calc(var(--spacing)*12);padding-block:calc(var(--spacing)*16);color:var(--color-gray-300);flex-direction:column;display:flex}@media not all and (min-width:40rem){.addTaskToTasksContainer{width:91.6667%;padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*8)}}@media (min-width:40rem){.addTaskToTasksContainer{width:91.6667%;padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*8)}}@media (min-width:80rem){.addTaskToTasksContainer{width:fit-content}}.addTaskToTasksContainer .enterTaskNameContainer{flex-direction:row;align-items:center;display:flex}@media not all and (min-width:40rem){.addTaskToTasksContainer .enterTaskNameContainer{gap:calc(var(--spacing)*5)}}@media (min-width:40rem){.addTaskToTasksContainer .enterTaskNameContainer{gap:calc(var(--spacing)*5)}}@media (min-width:80rem){.addTaskToTasksContainer .enterTaskNameContainer{gap:calc(var(--spacing)*10)}}@media not all and (min-width:40rem){.addTaskToTasksContainer .enterTaskNameContainer .taskTitle{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}}@media (min-width:40rem){.addTaskToTasksContainer .enterTaskNameContainer .taskTitle{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}}@media (min-width:80rem){.addTaskToTasksContainer .enterTaskNameContainer .taskTitle{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}}.addTaskToTasksContainer .enterTaskNameContainer .taskInputField{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:35rem;padding:calc(var(--spacing)*2);--tw-outline-style:none;outline-style:none}@media not all and (min-width:40rem){.addTaskToTasksContainer .enterTaskNameContainer .taskInputField{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:40rem){.addTaskToTasksContainer .enterTaskNameContainer .taskInputField{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:80rem){.addTaskToTasksContainer .enterTaskNameContainer .taskInputField{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.addTaskToTasksContainer .enterTaskPriorityContainer{flex-direction:row;align-items:center;display:flex}@media not all and (min-width:40rem){.addTaskToTasksContainer .enterTaskPriorityContainer{gap:calc(var(--spacing)*5)}}@media (min-width:40rem){.addTaskToTasksContainer .enterTaskPriorityContainer{gap:calc(var(--spacing)*5)}}@media (min-width:80rem){.addTaskToTasksContainer .enterTaskPriorityContainer{gap:calc(var(--spacing)*13)}}@media not all and (min-width:40rem){.addTaskToTasksContainer .enterTaskPriorityContainer .priorityTitle{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}}@media (min-width:40rem){.addTaskToTasksContainer .enterTaskPriorityContainer .priorityTitle{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}}@media (min-width:80rem){.addTaskToTasksContainer .enterTaskPriorityContainer .priorityTitle{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}}.flag-img-TC{box-sizing:content-box;height:fit-content;width:calc(var(--spacing)*4);padding:calc(var(--spacing)*1);margin-top:3px}.input-field-TC{--tw-outline-style:none;outline-style:none;height:auto}@media not all and (min-width:40rem){.input-field-TC{width:91.6667%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:40rem){.input-field-TC{width:91.6667%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:80rem){.input-field-TC{width:calc(85% - 4rem);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.input-field-TC2{--tw-outline-style:none;outline-style:none;height:auto}@media not all and (min-width:40rem){.input-field-TC2{width:91.6667%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:40rem){.input-field-TC2{width:91.6667%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:80rem){.input-field-TC2{width:calc(85% - 4rem);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.text-TC{height:auto;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}@media not all and (min-width:40rem){.text-TC{width:91.6667%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:40rem){.text-TC{width:91.6667%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:80rem){.text-TC{width:calc(85% - 4rem);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.text-TC2{height:auto;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}@media not all and (min-width:40rem){.text-TC2{width:83.3333%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:40rem){.text-TC2{width:83.3333%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:80rem){.text-TC2{width:calc(85% - 4rem);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.left-side-TC{gap:calc(var(--spacing)*4);flex-direction:row;display:flex}@media not all and (min-width:40rem){.left-side-TC{width:91.6667%}}@media (min-width:40rem){.left-side-TC{width:91.6667%}}@media (min-width:80rem){.left-side-TC{width:66.6667%}}.left-side-TC2{flex-direction:row;display:flex;position:relative}@media not all and (min-width:40rem){.left-side-TC2{gap:calc(var(--spacing)*2);width:100%}}@media (min-width:40rem){.left-side-TC2{gap:calc(var(--spacing)*2);width:100%}}@media (min-width:80rem){.left-side-TC2{gap:calc(var(--spacing)*4);width:66.6667%}}.container-of-TC-container{align-items:flex-start;gap:calc(var(--spacing)*2);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);flex-direction:column;width:98%;height:80%;display:flex;overflow-y:scroll}@media not all and (min-width:40rem){.container-of-TC-container{padding:calc(var(--spacing)*2)}}@media (min-width:40rem){.container-of-TC-container{padding:calc(var(--spacing)*2)}}@media (min-width:80rem){.container-of-TC-container{padding:calc(var(--spacing)*8)}}.sign-out-container{border-radius:var(--radius-md);background-color:var(--color-white);height:fit-content;padding-bottom:calc(var(--spacing)*8);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}@media not all and (min-width:40rem){.sign-out-container{width:91.6667%}}@media (min-width:40rem){.sign-out-container{width:91.6667%}}@media (min-width:80rem){.sign-out-container{width:50%}}.sign-out-container .warning-container{background-color:var(--color-red-800);width:100%;height:fit-content;padding-block:calc(var(--spacing)*4);justify-content:center;align-items:center;display:flex}.sign-out-container .text-warning{margin-block:calc(var(--spacing)*8);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-text-dark)}@media not all and (min-width:40rem){.sign-out-container .text-warning{margin:calc(var(--spacing)*2)}:where(.sign-out-container .text-warning>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}.sign-out-container .text-warning{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:40rem){.sign-out-container .text-warning{margin:calc(var(--spacing)*2)}:where(.sign-out-container .text-warning>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}.sign-out-container .text-warning{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:80rem){.sign-out-container .text-warning{padding-inline:calc(var(--spacing)*9);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.sign-out-container input{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:3px;border-color:var(--color-black);width:66.6667%;padding:calc(var(--spacing)*2);text-align:center;--tw-outline-style:none;outline-style:none}@media not all and (min-width:40rem){.sign-out-container input{margin-top:calc(var(--spacing)*2);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (min-width:40rem){.sign-out-container input{margin-top:calc(var(--spacing)*2);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (min-width:80rem){.sign-out-container input{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.sign-out-container .sign-out-button{margin-top:calc(var(--spacing)*4);cursor:pointer;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:4px;border-color:var(--color-red-800);--tw-font-weight:var(--font-weight-black);width:66.6667%;font-weight:var(--font-weight-black);color:var(--color-red-800);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.35s;--tw-ease:var(--ease-out);transition-duration:.35s;transition-timing-function:var(--ease-out);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}@media not all and (min-width:40rem){.sign-out-container .sign-out-button{padding-block:calc(var(--spacing)*2);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sign-out-container .sign-out-button:active{background-color:var(--color-red-800);color:var(--color-gray-300)}}@media (min-width:40rem){.sign-out-container .sign-out-button{padding-block:calc(var(--spacing)*2);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sign-out-container .sign-out-button:active{background-color:var(--color-red-800);color:var(--color-gray-300)}}@media (min-width:80rem){.sign-out-container .sign-out-button{padding-block:calc(var(--spacing)*4);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}@media (hover:hover){.sign-out-container .sign-out-button:hover{background-color:var(--color-red-800);color:var(--color-gray-300)}}}.done-edit-buttons-TC{box-sizing:content-box;cursor:pointer;border-radius:var(--radius-sm);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-400);height:fit-content;padding:calc(var(--spacing)*2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;--tw-ease:var(--ease-in-out);transition-duration:.25s;transition-timing-function:var(--ease-in-out);-webkit-user-select:none;user-select:none}@media (hover:hover){.done-edit-buttons-TC:hover{background-color:var(--color-green-400)}}@media not all and (min-width:40rem){.done-edit-buttons-TC{width:calc(var(--spacing)*3)}.done-edit-buttons-TC:active{background-color:var(--color-green-400);color:var(--color-gray-300)}}@media (min-width:40rem){.done-edit-buttons-TC{width:calc(var(--spacing)*3)}.done-edit-buttons-TC:active{background-color:var(--color-green-400);color:var(--color-gray-300)}}@media (min-width:80rem){.done-edit-buttons-TC{width:calc(var(--spacing)*4);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}@media (hover:hover){.done-edit-buttons-TC:hover{background-color:var(--color-green-400);color:var(--color-gray-300)}}}.CD-btns-TC{box-sizing:content-box;height:fit-content;width:calc(var(--spacing)*4);cursor:pointer;border-radius:var(--radius-sm);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-800);padding:calc(var(--spacing)*2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;--tw-ease:var(--ease-in-out);transition-duration:.25s;transition-timing-function:var(--ease-in-out);-webkit-user-select:none;user-select:none}@media (hover:hover){.CD-btns-TC:hover{background-color:var(--color-red-800)}}@media not all and (min-width:40rem){.CD-btns-TC{width:calc(var(--spacing)*3)}}@media (min-width:40rem){.CD-btns-TC{width:calc(var(--spacing)*3)}}@media (min-width:80rem){.CD-btns-TC{width:calc(var(--spacing)*4)}}.TC-container{border-radius:var(--radius-md);height:fit-content;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));overflow-wrap:break-word;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex;position:relative}@media not all and (min-width:40rem){.TC-container{gap:calc(var(--spacing)*2);width:100%;padding:calc(var(--spacing)*0);flex-direction:column}}@media (min-width:40rem){.TC-container{gap:calc(var(--spacing)*2);width:100%;padding:calc(var(--spacing)*0);flex-direction:column}}@media (min-width:80rem){.TC-container{gap:calc(var(--spacing)*4);width:91.6667%;padding:calc(var(--spacing)*3);flex-direction:row}}.search-input{width:91.6667%;padding:calc(var(--spacing)*2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;--tw-ease:var(--ease-in-out);transition-duration:.25s;transition-timing-function:var(--ease-in-out);--tw-outline-style:none;outline-style:none}.search-input:focus{border-color:var(--color-gray-300)}@media not all and (min-width:40rem){.search-input{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media (min-width:40rem){.search-input{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media (min-width:80rem){.search-input{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.search-input-container{border-radius:var(--radius-sm);border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-gray-400);width:100%;height:fit-content;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.25s;--tw-ease:var(--ease-in-out);transition-duration:.25s;transition-timing-function:var(--ease-in-out);flex-direction:row;justify-content:flex-start;align-items:center;display:flex}@media not all and (min-width:40rem){.search-input-container img{width:calc(var(--spacing)*6)}}@media (min-width:40rem){.search-input-container img{width:calc(var(--spacing)*6)}}@media (min-width:80rem){.search-input-container img{width:calc(var(--spacing)*8)}}}@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-2{top:calc(var(--spacing)*2)}.top-5{top:calc(var(--spacing)*5)}.right-2{right:calc(var(--spacing)*2)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-\[-1\]{bottom:-1px}.left-0{left:calc(var(--spacing)*0)}.z-95{z-index:95}.z-\[50\]{z-index:50}.z-\[1000\]{z-index:1000}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-4{margin:calc(var(--spacing)*4)}.m-8{margin:calc(var(--spacing)*8)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-4{margin-left:calc(var(--spacing)*4)}.box-content{box-sizing:content-box}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.h-11\/12{height:91.6667%}.h-\[45vh\]{height:45vh}.h-auto{height:auto}.h-dvh{height:100dvh}.h-fit{height:fit-content}.h-full{height:100%}.w-4\/12{width:33.3333%}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-9\/12{width:75%}.w-10\/12{width:83.3333%}.w-11{width:calc(var(--spacing)*11)}.w-11\/12{width:91.6667%}.w-12\/12{width:100%}.w-\[24rem\]{width:24rem}.w-\[98\%\]{width:98%}.w-fit{width:fit-content}.w-full{width:100%}.max-w-8\/12{max-width:66.6667%}.translate-y-\[100\%\]{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[105\%\]{--tw-translate-y:105%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.break-after-page{break-after:page}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-end\!{justify-content:flex-end!important}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-bg-dark{border-color:var(--color-gray-bg-dark)}.border-white{border-color:var(--color-white)}.border-yellow-400{border-color:var(--color-yellow-400)}.bg-\[\#00ff004a\]{background-color:#00ff004a}.bg-black{background-color:var(--color-black)}.bg-gray-bg{background-color:var(--color-gray-bg)}.bg-gray-bg-dark{background-color:var(--color-gray-bg-dark)}.bg-primary-blue{background-color:var(--color-primary-blue)}.bg-text-dark{background-color:var(--color-text-dark)}.bg-trans-white{background-color:var(--color-trans-white)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-12{padding-inline:calc(var(--spacing)*12)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-12{padding-top:calc(var(--spacing)*12)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-wrap{text-wrap:wrap}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-red-200{color:var(--color-red-200)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.brightness-50{--tw-brightness:brightness(50%);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,)}.contrast-100{--tw-contrast:contrast(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,)}.invert-60{--tw-invert:invert(60%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.saturate-10{--tw-saturate:saturate(10%);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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-250{--tw-duration:.25s;transition-duration:.25s}.duration-350{--tw-duration:.35s;transition-duration:.35s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-trans2-white:hover{background-color:var(--color-trans2-white)}.hover\:text-gray-bg-dark:hover{color:var(--color-gray-bg-dark)}.hover\:shadow-xs:hover{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-gray-600:hover{--tw-shadow-color:oklch(44.6% .03 256.802)}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-gray-600:hover{--tw-shadow-color:color-mix(in oklab,var(--color-gray-600)var(--tw-shadow-alpha),transparent)}}.hover\:invert-70:hover{--tw-invert:invert(70%);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,)}}@media not all and (min-width:40rem){.max-sm\:absolute{position:absolute}.max-sm\:top-0{top:calc(var(--spacing)*0)}.max-sm\:right-3{right:calc(var(--spacing)*3)}.max-sm\:left-0{left:calc(var(--spacing)*0)}.max-sm\:left-3{left:calc(var(--spacing)*3)}.max-sm\:mt-2{margin-top:calc(var(--spacing)*2)}.max-sm\:mt-4{margin-top:calc(var(--spacing)*4)}.max-sm\:ml-0{margin-left:calc(var(--spacing)*0)}.max-sm\:flex{display:flex}.max-sm\:hidden{display:none}.max-sm\:inline-block{display:inline-block}.max-sm\:h-6\/12{height:50%}.max-sm\:w-5{width:calc(var(--spacing)*5)}.max-sm\:w-6\/12{width:50%}.max-sm\:w-7\/12{width:58.3333%}.max-sm\:w-8\/12{width:66.6667%}.max-sm\:w-10{width:calc(var(--spacing)*10)}.max-sm\:w-12\/12,.max-sm\:w-full{width:100%}.max-sm\:flex-col{flex-direction:column}.max-sm\:justify-start{justify-content:flex-start}.max-sm\:gap-3{gap:calc(var(--spacing)*3)}.max-sm\:rounded-xl{border-radius:var(--radius-xl)}.max-sm\:p-0{padding:calc(var(--spacing)*0)}.max-sm\:p-1{padding:calc(var(--spacing)*1)}.max-sm\:p-4{padding:calc(var(--spacing)*4)}.max-sm\:px-4{padding-inline:calc(var(--spacing)*4)}.max-sm\:py-8{padding-block:calc(var(--spacing)*8)}.max-sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.max-sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.max-sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.max-sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.max-sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.max-sm\:text-\[0\.7rem\]{font-size:.7rem}}@media (min-width:40rem){.sm\:absolute{position:absolute}.sm\:top-0{top:calc(var(--spacing)*0)}.sm\:right-3{right:calc(var(--spacing)*3)}.sm\:left-0{left:calc(var(--spacing)*0)}.sm\:left-3{left:calc(var(--spacing)*3)}.sm\:mt-2{margin-top:calc(var(--spacing)*2)}.sm\:mt-4{margin-top:calc(var(--spacing)*4)}.sm\:ml-0{margin-left:calc(var(--spacing)*0)}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline-block{display:inline-block}.sm\:h-6\/12{height:50%}.sm\:w-5{width:calc(var(--spacing)*5)}.sm\:w-6\/12{width:50%}.sm\:w-7\/12{width:58.3333%}.sm\:w-8\/12{width:66.6667%}.sm\:w-10{width:calc(var(--spacing)*10)}.sm\:w-12\/12,.sm\:w-full{width:100%}.sm\:flex-col{flex-direction:column}.sm\:justify-start{justify-content:flex-start}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:rounded-xl{border-radius:var(--radius-xl)}.sm\:p-0{padding:calc(var(--spacing)*0)}.sm\:p-1{padding:calc(var(--spacing)*1)}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:py-8{padding-block:calc(var(--spacing)*8)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-\[0\.7rem\]{font-size:.7rem}}@media (min-width:64rem){.lg\:right-8{right:calc(var(--spacing)*8)}.lg\:left-8{left:calc(var(--spacing)*8)}.lg\:mt-10{margin-top:calc(var(--spacing)*10)}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-8\/12{height:66.6667%}.lg\:w-5\/12{width:41.6667%}.lg\:w-6{width:calc(var(--spacing)*6)}.lg\:w-7\/12{width:58.3333%}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:pb-32{padding-bottom:calc(var(--spacing)*32)}.lg\:pl-16{padding-left:calc(var(--spacing)*16)}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:80rem){.xl\:invisible{visibility:hidden}.xl\:relative{position:relative}.xl\:right-10{right:calc(var(--spacing)*10)}.xl\:left-10{left:calc(var(--spacing)*10)}.xl\:mt-8{margin-top:calc(var(--spacing)*8)}.xl\:ml-8{margin-left:calc(var(--spacing)*8)}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:inline-block{display:inline-block}.xl\:h-\[350px\]{height:350px}.xl\:w-4\/12{width:33.3333%}.xl\:w-7{width:calc(var(--spacing)*7)}.xl\:w-8\/12{width:66.6667%}.xl\:w-14{width:calc(var(--spacing)*14)}.xl\:w-fit{width:fit-content}.xl\:w-full{width:100%}.xl\:gap-4{gap:calc(var(--spacing)*4)}.xl\:rounded-full{border-radius:3.40282e38px}.xl\:p-2{padding:calc(var(--spacing)*2)}.xl\:p-16{padding:calc(var(--spacing)*16)}.xl\:px-8{padding-inline:calc(var(--spacing)*8)}.xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.xl\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.xl\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}*{font-optical-sizing:auto;font-variation-settings:"slnt" 0;font-family:Roboto,sans-serif}:not(input,p){-webkit-user-select:none;user-select:none}body{touch-action:pan-y}.cairo{font-family:Cairo,cursive!important}.edu-font{font-optical-sizing:auto;font-family:Edu NSW ACT Cursive,cursive!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}