*,: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}:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100: oklch(100% 0 0);--color-base-200: oklch(98% 0 0);--color-base-300: oklch(95% 0 0);--color-base-content: oklch(21% .006 285.885);--color-primary: oklch(45% .24 277.023);--color-primary-content: oklch(93% .034 272.788);--color-secondary: oklch(65% .241 354.308);--color-secondary-content: oklch(94% .028 342.258);--color-accent: oklch(77% .152 181.912);--color-accent-content: oklch(38% .063 188.416);--color-neutral: oklch(14% .005 285.823);--color-neutral-content: oklch(92% .004 286.32);--color-info: oklch(74% .16 232.661);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(76% .177 163.223);--color-success-content: oklch(37% .077 168.94);--color-warning: oklch(82% .189 84.429);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--radius-selector: .5rem;--radius-field: .25rem;--radius-box: .5rem;--size-selector: .25rem;--size-field: .25rem;--border: 1px;--depth: 1;--noise: 0}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--color-base-100: oklch(25.33% .016 252.42);--color-base-200: oklch(23.26% .014 253.1);--color-base-300: oklch(21.15% .012 254.09);--color-base-content: oklch(97.807% .029 256.847);--color-primary: oklch(58% .233 277.117);--color-primary-content: oklch(96% .018 272.314);--color-secondary: oklch(65% .241 354.308);--color-secondary-content: oklch(94% .028 342.258);--color-accent: oklch(77% .152 181.912);--color-accent-content: oklch(38% .063 188.416);--color-neutral: oklch(14% .005 285.823);--color-neutral-content: oklch(92% .004 286.32);--color-info: oklch(74% .16 232.661);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(76% .177 163.223);--color-success-content: oklch(37% .077 168.94);--color-warning: oklch(82% .189 84.429);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--radius-selector: .5rem;--radius-field: .25rem;--radius-box: .5rem;--size-selector: .25rem;--size-field: .25rem;--border: 1px;--depth: 1;--noise: 0}}:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100: oklch(100% 0 0);--color-base-200: oklch(98% 0 0);--color-base-300: oklch(95% 0 0);--color-base-content: oklch(21% .006 285.885);--color-primary: oklch(45% .24 277.023);--color-primary-content: oklch(93% .034 272.788);--color-secondary: oklch(65% .241 354.308);--color-secondary-content: oklch(94% .028 342.258);--color-accent: oklch(77% .152 181.912);--color-accent-content: oklch(38% .063 188.416);--color-neutral: oklch(14% .005 285.823);--color-neutral-content: oklch(92% .004 286.32);--color-info: oklch(74% .16 232.661);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(76% .177 163.223);--color-success-content: oklch(37% .077 168.94);--color-warning: oklch(82% .189 84.429);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--radius-selector: .5rem;--radius-field: .25rem;--radius-box: .5rem;--size-selector: .25rem;--size-field: .25rem;--border: 1px;--depth: 1;--noise: 0}:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100: oklch(25.33% .016 252.42);--color-base-200: oklch(23.26% .014 253.1);--color-base-300: oklch(21.15% .012 254.09);--color-base-content: oklch(97.807% .029 256.847);--color-primary: oklch(58% .233 277.117);--color-primary-content: oklch(96% .018 272.314);--color-secondary: oklch(65% .241 354.308);--color-secondary-content: oklch(94% .028 342.258);--color-accent: oklch(77% .152 181.912);--color-accent-content: oklch(38% .063 188.416);--color-neutral: oklch(14% .005 285.823);--color-neutral-content: oklch(92% .004 286.32);--color-info: oklch(74% .16 232.661);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(76% .177 163.223);--color-success-content: oklch(37% .077 168.94);--color-warning: oklch(82% .189 84.429);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--radius-selector: .5rem;--radius-field: .25rem;--radius-box: .5rem;--size-selector: .25rem;--size-field: .25rem;--border: 1px;--depth: 1;--noise: 0}@property --radialprogress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}:root{scrollbar-color:color-mix(in oklch,currentColor 35%,#0000) #0000;--fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")}:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not([class*=drawer-open])>.drawer-toggle:checked){overflow:hidden}:where(:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked)){scrollbar-gutter:stable;background-image:linear-gradient(var(--color-base-100),var(--color-base-100));--root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%)}:where(.modal[open],.modal-open,.modal-toggle:checked+.modal):not(.modal-start,.modal-end){scrollbar-gutter:stable}:root,[data-theme]{background-color:var(--root-bg, var(--color-base-100));color:var(--color-base-content)}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}@keyframes radio{0%{padding:5px}50%{padding:3px}}.select{border:var(--border) solid #0000;position:relative;display:inline-flex;flex-shrink:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;gap:.375rem;background-color:var(--color-base-100);padding-inline-start:1rem;padding-inline-end:1.75rem;vertical-align:middle;width:clamp(3rem,20rem,100%);height:var(--size);font-size:.875rem;touch-action:manipulation;border-start-start-radius:var(--join-ss, var(--radius-field));border-start-end-radius:var(--join-se, var(--radius-field));border-end-start-radius:var(--join-es, var(--radius-field));border-end-end-radius:var(--join-ee, var(--radius-field));background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-size:4px 4px,4px 4px;background-repeat:no-repeat;text-overflow:ellipsis;box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000) inset,0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;border-color:var(--input-color);--input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);--size: calc(var(--size-field, .25rem) * 10)}[dir=rtl] .select{background-position:calc(0% + 12px) calc(1px + 50%),calc(0% + 16px) calc(1px + 50%)}.select select{margin-inline-start:-1rem;margin-inline-end:-1.75rem;width:calc(100% + 2.75rem);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-start:1rem;padding-inline-end:1.75rem;height:calc(100% - 2px);background:inherit;border-radius:inherit;border-style:none}.select select:focus,.select select:focus-within{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.select select:focus,.select select:focus-within{outline:2px solid transparent;outline-offset:2px}}.select select:not(:last-child){margin-inline-end:-1.375rem;background-image:none}.select:focus,.select:focus-within{--input-color: var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;z-index:1}.select:has(>select[disabled]),.select:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content) 40%,transparent)}.select:has(>select[disabled])::-moz-placeholder,.select:is(:disabled,[disabled])::-moz-placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.select:has(>select[disabled])::placeholder,.select:is(:disabled,[disabled])::placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.select:has(>select[disabled])>select[disabled]{cursor:not-allowed}.select-primary,.select-primary:focus,.select-primary:focus-within{--input-color: var(--color-primary)}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes progress{50%{background-position-x:-115%}}.footer{display:grid;width:100%;grid-auto-flow:row;place-items:start;-moz-column-gap:1rem;column-gap:1rem;row-gap:2.5rem;font-size:.875rem;line-height:1.25rem}.footer>*{display:grid;place-items:start;gap:.5rem}.footer.footer-center{grid-auto-flow:column dense;place-items:center;text-align:center}.footer.footer-center>*{place-items:center}.menu{display:flex;width:-moz-fit-content;width:fit-content;flex-direction:column;flex-wrap:wrap;padding:.5rem;--menu-active-fg: var(--color-neutral-content);--menu-active-bg: var(--color-neutral);font-size:.875rem}.menu :where(li ul){position:relative;margin-inline-start:1rem;padding-inline-start:.5rem;white-space:nowrap}.menu :where(li ul):before{position:absolute;inset-inline-start:0rem;top:.75rem;bottom:.75rem;background-color:var(--color-base-content);opacity:10%;width:var(--border);content:""}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}.menu :where(li:not(.menu-title)>*:not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){display:grid;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;border-radius:var(--radius-field);padding-inline:.75rem;padding-block:.375rem;text-align:start;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);grid-auto-columns:minmax(auto,max-content) auto max-content;text-wrap:balance;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu :where(li>details>summary){--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.menu :where(li>details>summary){outline:2px solid transparent;outline-offset:2px}}.menu :where(li>details>summary)::-webkit-details-marker{display:none}.menu :where(li>details>summary):after,.menu :where(li>.menu-dropdown-toggle):after{justify-self:flex-end;display:block;height:.375rem;width:.375rem;rotate:-135deg;translate:0 -1px;transition-property:rotate,translate;transition-duration:.2s;content:"";transform-origin:50% 50%;box-shadow:2px 2px inset;pointer-events:none}.menu :where(li>details[open]>summary):after,.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{rotate:45deg;translate:0 1px}.menu :where(li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent);color:var(--color-base-content);--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.menu :where(li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn).menu-focus,.menu :where(li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title),li:not(.menu-title,.disabled)>details>summary:not(.menu-title)):not(.menu-active,:active,.btn):focus-visible{outline:2px solid transparent;outline-offset:2px}}.menu :where(li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent);--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.menu :where(li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){outline:2px solid transparent;outline-offset:2px}}.menu :where(li:not(.menu-title,.disabled)>*:not(ul,details,.menu-title):not(.menu-active,:active,.btn):hover,li:not(.menu-title,.disabled)>details>summary:not(.menu-title):not(.menu-active,:active,.btn):hover){box-shadow:0 1px #00000003 inset,0 -1px #ffffff03 inset}.menu :where(li:empty){background-color:var(--color-base-content);opacity:10%;margin:.5rem 1rem;height:1px}.menu :where(li){position:relative;display:flex;flex-shrink:0;flex-direction:column;flex-wrap:wrap;align-items:stretch}.menu :where(li) .badge{justify-self:flex-end}.menu :where(li)>*:not(ul,.menu-title,details,.btn):active,.menu :where(li)>*:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.menu :where(li)>*:not(ul,.menu-title,details,.btn):active,.menu :where(li)>*:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{outline:2px solid transparent;outline-offset:2px}}.menu :where(li)>*:not(ul,.menu-title,details,.btn):active,.menu :where(li)>*:not(ul,.menu-title,details,.btn).menu-active,.menu :where(li)>details>summary:active{color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise)}.menu :where(li)>*:not(ul,.menu-title,details,.btn):active:not(.menu :where(li)>*:not(ul,.menu-title,details,.btn):active:active),.menu :where(li)>*:not(ul,.menu-title,details,.btn).menu-active:not(.menu :where(li)>*:not(ul,.menu-title,details,.btn).menu-active:active),.menu :where(li)>details>summary:active:not(.menu :where(li)>details>summary:active:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}.menu :where(li).menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.menu .dropdown:focus-within .menu-dropdown-toggle:after{rotate:45deg;translate:0 1px}.menu .dropdown-content{margin-top:.5rem;padding:.5rem}.menu .dropdown-content:before{display:none}.textarea{border:var(--border) solid #0000;min-height:5rem;flex-shrink:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);padding-block:.5rem;vertical-align:middle;width:clamp(3rem,20rem,100%);padding-inline-start:.75rem;padding-inline-end:.75rem;font-size:.875rem;touch-action:manipulation;border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000) inset,0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000)}.textarea textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none}.textarea textarea:focus,.textarea textarea:focus-within{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.textarea textarea:focus,.textarea textarea:focus-within{outline:2px solid transparent;outline-offset:2px}}.textarea:focus,.textarea:focus-within{--input-color: var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content) 40%,transparent)}.textarea:has(>textarea[disabled])::-moz-placeholder,.textarea:is(:disabled,[disabled])::-moz-placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.textarea:has(>textarea[disabled])::placeholder,.textarea:is(:disabled,[disabled])::placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]){box-shadow:none}.textarea:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}.label{display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;color:color-mix(in oklab,currentColor 60%,transparent)}.label:has(input){cursor:pointer}.label:is(.input>*,.select>*){display:flex;height:calc(100% - .5rem);align-items:center;padding-inline:.75rem;white-space:nowrap;font-size:inherit}.label:is(.input>*,.select>*):first-child{margin-inline-start:-.75rem;margin-inline-end:.75rem;border-inline-end:var(--border) solid color-mix(in oklab,currentColor 10%,#0000)}.label:is(.input>*,.select>*):last-child{margin-inline-start:.75rem;margin-inline-end:-.75rem;border-inline-start:var(--border) solid color-mix(in oklab,currentColor 10%,#0000)}.toast{position:fixed;inset-inline-start:auto;inset-inline-end:1rem;top:auto;bottom:1rem;display:flex;flex-direction:column;gap:.5rem;background-color:transparent;translate:var(--toast-x, 0) var(--toast-y, 0);width:-moz-max-content;width:max-content;max-width:calc(100vw - 2rem)}.toast>*{animation:toast .25s ease-out}.toast:where(.toast-start){inset-inline-start:1rem;inset-inline-end:auto;--toast-x: 0}.toast:where(.toast-center){inset-inline-start:50%;inset-inline-end:50%;--toast-x: -50%}.toast:where(.toast-end){inset-inline-start:auto;inset-inline-end:1rem;--toast-x: 0}.toast:where(.toast-bottom){top:auto;bottom:1rem;--toast-y: 0}.toast:where(.toast-middle){top:50%;bottom:auto;--toast-y: -50%}.toast:where(.toast-top){top:1rem;bottom:auto;--toast-y: 0}@keyframes toast{0%{scale:.9;opacity:0}to{scale:1;opacity:1}}.modal{pointer-events:none;visibility:hidden;position:fixed;top:0rem;right:0rem;bottom:0rem;left:0rem;margin:0rem;display:grid;height:100%;max-height:none;width:100%;max-width:none;align-items:center;justify-items:center;background-color:transparent;padding:0rem;color:inherit;overflow-x:hidden;transition:translate .3s ease-out,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overflow-y:hidden;overscroll-behavior:contain;z-index:999}.modal::backdrop{display:none}.modal.modal-open,.modal[open],.modal:target{pointer-events:auto;visibility:visible;opacity:100%;background-color:#0006}.modal.modal-open .modal-box,.modal[open] .modal-box,.modal:target .modal-box{translate:0 0;scale:1;opacity:1}@starting-style{.modal.modal-open,.modal[open],.modal:target{visibility:hidden;opacity:0%}}.modal-toggle:checked+.modal{pointer-events:auto;visibility:visible;opacity:100%;background-color:#0006}.modal-toggle:checked+.modal .modal-box{translate:0 0;scale:1;opacity:1}@starting-style{.modal-toggle:checked+.modal{visibility:hidden;opacity:0%}}.modal-box{grid-column-start:1;grid-row-start:1;max-height:100vh;width:calc(11/12 * 100%);max-width:32rem;background-color:var(--color-base-100);padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out .05s,box-shadow .3s ease-out;border-top-left-radius:var(--modal-tl, var(--radius-box));border-top-right-radius:var(--modal-tr, var(--radius-box));border-bottom-left-radius:var(--modal-bl, var(--radius-box));border-bottom-right-radius:var(--modal-br, var(--radius-box));scale:95%;opacity:0;box-shadow:#00000040 0 25px 50px -12px;overflow-y:auto;overscroll-behavior:contain}.modal-top :where(.modal-box){height:auto;width:100%;max-width:none;max-height:calc(100vh - 5em);translate:0 -100%;scale:1;--modal-tl: 0;--modal-tr: 0;--modal-bl: var(--radius-box);--modal-br: var(--radius-box)}.modal-middle :where(.modal-box){height:auto;width:calc(11/12 * 100%);max-width:32rem;max-height:calc(100vh - 5em);translate:0 2%;scale:98%;--modal-tl: var(--radius-box);--modal-tr: var(--radius-box);--modal-bl: var(--radius-box);--modal-br: var(--radius-box)}.modal-bottom{place-items:end}.modal-bottom :where(.modal-box){height:auto;width:100%;max-width:none;max-height:calc(100vh - 5em);translate:0 100%;scale:1;--modal-tl: var(--radius-box);--modal-tr: var(--radius-box);--modal-bl: 0;--modal-br: 0}.modal-start :where(.modal-box){height:100vh;max-height:none;width:auto;max-width:none;translate:-100% 0;scale:1;--modal-tl: 0;--modal-tr: var(--radius-box);--modal-bl: 0;--modal-br: var(--radius-box)}.modal-end :where(.modal-box){height:100vh;max-height:none;width:auto;max-width:none;translate:100% 0;scale:1;--modal-tl: var(--radius-box);--modal-tr: 0;--modal-bl: var(--radius-box);--modal-br: 0}.checkbox{border:var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));position:relative;display:inline-block;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-selector);padding:.25rem;vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset,0 0 #0000 inset,0 0 #0000;transition:background-color .2s,box-shadow .2s;--size: calc(var(--size-selector, .25rem) * 6);width:var(--size);height:var(--size);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise)}.checkbox:before{--tw-content: "";content:var(--tw-content);display:block;width:100%;height:100%;rotate:45deg;background-color:currentColor;opacity:0%;transition:clip-path .3s,opacity .1s,rotate .3s,translate .3s;transition-delay:.1s;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);box-shadow:0 3px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;font-size:1rem;line-height:.75}.checkbox:focus-visible{outline:2px solid var(--input-color, currentColor);outline-offset:2px}.checkbox:checked,.checkbox[aria-checked=true]{background-color:var(--input-color, #0000);box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset,0 1px oklch(0% 0 0 / calc(var(--depth) * .1))}.checkbox:checked:before,.checkbox[aria-checked=true]:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:100%}@media (forced-colors: active){.checkbox:checked:before,.checkbox[aria-checked=true]:before{rotate:0deg;background-color:transparent;--tw-content: "✔︎";clip-path:none}}@media print{.checkbox:checked:before,.checkbox[aria-checked=true]:before{rotate:0deg;background-color:transparent;--tw-content: "✔︎";clip-path:none}}.checkbox:indeterminate:before{rotate:0deg;opacity:100%;translate:0 -35%;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%)}.checkbox:disabled{cursor:not-allowed;opacity:20%}.divider{display:flex;height:1rem;flex-direction:row;align-items:center;align-self:stretch;white-space:nowrap;margin:var(--divider-m, 1rem 0);--divider-color: color-mix(in oklab, var(--color-base-content) 10%, transparent)}.divider:before,.divider:after{content:"";height:.125rem;width:100%;flex-grow:1;background-color:var(--divider-color)}@media print{.divider:before,.divider:after{border:.5px solid}}.divider:not(:empty){gap:1rem}.divider-horizontal.divider{height:auto;width:1rem;flex-direction:column}.divider-horizontal.divider:before{height:100%;width:.125rem}.divider-horizontal.divider:after{height:100%;width:.125rem}.divider-vertical.divider{height:1rem;width:auto;flex-direction:row}.divider-vertical.divider:before{height:.125rem;width:100%}.divider-vertical.divider:after{height:.125rem;width:100%}.status{display:inline-block;aspect-ratio:1 / 1;width:.5rem;height:.5rem;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content) 20%,transparent);background-position:center;background-repeat:no-repeat;vertical-align:middle;color:color-mix(in srgb,#000 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.status{color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.status{background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0 / calc(var(--depth) * .5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth) * 100%),#0000)}.steps .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-rows:40px 1fr;place-items:center;text-align:center;min-width:4rem;--step-bg: var(--color-base-300);--step-fg: var(--color-base-content)}.steps .step:before{top:0rem;grid-column-start:1;grid-row-start:1;height:.5rem;width:100%;border:1px solid;color:var(--step-bg);background-color:var(--step-bg);--tw-content: "";content:var(--tw-content);margin-inline-start:-100%}.steps .step>.step-icon,.steps .step:not(:has(.step-icon)):after{content:counter(step);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);position:relative;grid-column-start:1;grid-row-start:1;display:grid;height:2rem;width:2rem;place-items:center;place-self:center;border-radius:calc(infinity * 1px)}.steps .step:first-child:before{content:none}.steps .step[data-content]:after{content:attr(data-content)}.steps-horizontal .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-rows:40px 1fr;place-items:center;text-align:center;min-width:4rem}.steps-horizontal .step:before{height:.5rem;width:100%;translate:0;content:"";margin-inline-start:-100%}[dir=rtl] .steps-horizontal .step:before{translate:0}.steps-vertical .step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-columns:40px 1fr;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-rows:auto;gap:.5rem;min-height:4rem;justify-items:start}.steps-vertical .step:before{height:100%;width:.5rem;translate:-50% -50%;margin-inline-start:50%}[dir=rtl] .steps-vertical .step:before{translate:50% -50%}.mockup-browser .mockup-browser-toolbar .input{margin-inline:auto;display:flex;height:100%;align-items:center;gap:.5rem;overflow:hidden;background-color:var(--color-base-200);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;direction:ltr}.mockup-browser .mockup-browser-toolbar .input:before{content:"";width:1rem;height:1rem;opacity:30%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor' class='size-4'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}.dropdown{position:relative;display:inline-block;position-area:var(--anchor-v, bottom) var(--anchor-h, span-right)}.dropdown>*:not(summary):focus{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.dropdown>*:not(summary):focus{outline:2px solid transparent;outline-offset:2px}}.dropdown .dropdown-content{position:absolute}.dropdown:not(details,.dropdown-open,.dropdown-hover:hover,:focus-within) .dropdown-content{display:none;transform-origin:top;opacity:0%;scale:95%}.dropdown[popover],.dropdown .dropdown-content{z-index:999;animation:dropdown .2s;transition-property:opacity,scale,display;transition-behavior:allow-discrete;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@starting-style{.dropdown[popover],.dropdown .dropdown-content{scale:95%;opacity:0}}.dropdown.dropdown-open>[tabindex]:first-child,.dropdown:not(.dropdown-hover):focus>[tabindex]:first-child,.dropdown:focus-within>[tabindex]:first-child{pointer-events:none}.dropdown.dropdown-open .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content,.dropdown:focus-within .dropdown-content{opacity:100%}.dropdown.dropdown-hover:hover .dropdown-content{opacity:100%;scale:100%}.dropdown:is(details) summary::-webkit-details-marker{display:none}.dropdown.dropdown-open .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content{scale:100%}.dropdown:where([popover]){background:#0000}.dropdown[popover]{position:fixed;color:inherit}@supports not (position-area: bottom){.dropdown[popover]{margin:auto}.dropdown[popover].dropdown-open:not(:popover-open){display:none;transform-origin:top;opacity:0%;scale:95%}.dropdown[popover]::backdrop{background-color:color-mix(in oklab,#000 30%,#0000)}}.dropdown[popover]:not(.dropdown-open,:popover-open){display:none;transform-origin:top;opacity:0%;scale:95%}@keyframes dropdown{0%{opacity:0}}.input{cursor:text;border:var(--border) solid #0000;position:relative;display:inline-flex;flex-shrink:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;gap:.5rem;background-color:var(--color-base-100);padding-inline:.75rem;vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:.875rem;touch-action:manipulation;border-start-start-radius:var(--join-ss, var(--radius-field));border-start-end-radius:var(--join-se, var(--radius-field));border-end-start-radius:var(--join-es, var(--radius-field));border-end-end-radius:var(--join-ee, var(--radius-field));border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000) inset,0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size: calc(var(--size-field, .25rem) * 10);--input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000)}.input:where(input){display:inline-flex}.input :where(input){display:inline-flex;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none}.input :where(input):focus,.input :where(input):focus-within{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.input :where(input):focus,.input :where(input):focus-within{outline:2px solid transparent;outline-offset:2px}}.input :where(input[type=url]),.input :where(input[type=email]){direction:ltr}.input :where(input[type=date]){display:inline-block}.input:focus,.input:focus-within{--input-color: var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;z-index:1}.input:has(>input[disabled]),.input:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content) 40%,transparent)}.input:has(>input[disabled])::-moz-placeholder,.input:is(:disabled,[disabled])::-moz-placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.input:has(>input[disabled])::placeholder,.input:is(:disabled,[disabled])::placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.input:has(>input[disabled]),.input:is(:disabled,[disabled]){box-shadow:none}.input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.input::-webkit-date-and-time-value{text-align:inherit}.input[type=number]::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}.input::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}@keyframes rating{0%,40%{scale:1.1;filter:brightness(1.05) contrast(1.05)}}.loading{pointer-events:none;display:inline-block;aspect-ratio:1 / 1;background-color:currentColor;vertical-align:middle;width:calc(var(--size-selector, .25rem) * 6);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}.link{cursor:pointer;text-decoration-line:underline}.link:focus{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.link:focus{outline:2px solid transparent;outline-offset:2px}}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.collapse:not(td,tr,colgroup){visibility:visible}.collapse{position:relative;display:grid;overflow:hidden;border-radius:var(--radius-box, 1rem);width:100%;grid-template-rows:max-content 0fr;transition:grid-template-rows .2s;isolation:isolate}.collapse>input:is([type=checkbox],[type=radio]){grid-column-start:1;grid-row-start:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;z-index:1;width:100%;padding:1rem;padding-inline-end:3rem;min-height:1lh;transition:background-color .2s ease-out}.collapse:is([open],:focus:not(.collapse-close)),.collapse:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}.collapse:is([open],:focus:not(.collapse-close))>.collapse-content,.collapse:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:-moz-fit-content;min-height:fit-content}.collapse:focus-visible,.collapse:has(>input:is([type=checkbox],[type=radio]):focus-visible){outline-color:var(--color-base-content);outline-style:solid;outline-width:2px;outline-offset:2px}.collapse:not(.collapse-close)>input[type=checkbox],.collapse:not(.collapse-close)>input[type=radio]:not(:checked),.collapse:not(.collapse-close)>.collapse-title{cursor:pointer}.collapse:focus:not(.collapse-close,.collapse[open])>.collapse-title{cursor:unset}.collapse:is([open],:focus:not(.collapse-close))>:where(.collapse-content),.collapse:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.collapse:is([open]).collapse-arrow>.collapse-title:after{transform:translateY(-50%) rotate(225deg)}.collapse.collapse-open.collapse-arrow>.collapse-title:after{transform:translateY(-50%) rotate(225deg)}.collapse.collapse-open.collapse-plus>.collapse-title:after{content:"−"}.collapse.collapse-arrow:focus:not(.collapse-close)>.collapse-title:after{transform:translateY(-50%) rotate(225deg)}.collapse.collapse-arrow:not(.collapse-close)>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%) rotate(225deg)}.collapse[open].collapse-plus>.collapse-title:after{content:"−"}.collapse.collapse-plus:focus:not(.collapse-close)>.collapse-title:after{content:"−"}.collapse.collapse-plus:not(.collapse-close)>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}.collapse-title,.collapse-content{grid-column-start:1;grid-row-start:1}.collapse-content{visibility:hidden;grid-column-start:1;grid-row-start:2;min-height:0;padding-left:1rem;padding-right:1rem;cursor:unset;transition:visibility .2s,padding .2s ease-out,background-color .2s ease-out}.collapse:is(details){width:100%}.collapse:is(details) summary{position:relative;display:block}.collapse:is(details) summary::-webkit-details-marker{display:none}.collapse:is(details) summary{outline:none}.collapse-arrow>.collapse-title:after{position:absolute;display:block;height:.5rem;width:.5rem;transform:translateY(-100%) rotate(45deg);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;top:1.9rem;inset-inline-end:1.4rem;content:"";transform-origin:75% 75%;box-shadow:2px 2px;pointer-events:none}.collapse-plus>.collapse-title:after{position:absolute;display:block;height:.5rem;width:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);top:.9rem;inset-inline-end:1.4rem;content:"+";pointer-events:none}.collapse-title{position:relative;width:100%;padding:1rem;padding-inline-end:3rem;min-height:1lh;transition:background-color .2s ease-out}.collapse-open{grid-template-rows:max-content 1fr}.collapse-open>.collapse-content{visibility:visible;min-height:-moz-fit-content;min-height:fit-content;padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.collapse{visibility:collapse}.fixed{position:fixed}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.my-20{margin-top:5rem;margin-bottom:5rem}.mb-\[20px\]{margin-bottom:20px}.mt-12{margin-top:3rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.hidden{display:none}.h-12{height:3rem}.h-16{height:4rem}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-16{width:4rem}.w-full{width:100%}.max-w-xs{max-width:20rem}.grow{flex-grow:1}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-4{border-width:4px}.border-dashed{border-style:dashed}.border-\[\#511da5\]{--tw-border-opacity: 1;border-color:rgb(81 29 165 / var(--tw-border-opacity, 1))}.border-\[\#7429eb\]{--tw-border-opacity: 1;border-color:rgb(116 41 235 / var(--tw-border-opacity, 1))}.bg-base-100{background-color:var(--color-base-100)}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-opacity-30{--tw-bg-opacity: .3}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-5{padding-left:1.25rem}.pr-5{padding-right:1.25rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tracking-wide{letter-spacing:.025em}.text-\[\#511da5\]{--tw-text-opacity: 1;color:rgb(81 29 165 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.join{display:inline-flex;align-items:stretch;--join-ss: 0;--join-se: 0;--join-es: 0;--join-ee: 0}.join :where(.join-item){border-start-start-radius:var(--join-ss, 0);border-start-end-radius:var(--join-se, 0);border-end-start-radius:var(--join-es, 0);border-end-end-radius:var(--join-ee, 0)}.join :where(.join-item) *{--join-ss: var(--radius-field);--join-se: var(--radius-field);--join-es: var(--radius-field);--join-ee: var(--radius-field)}.join>.join-item:where(:first-child){--join-ss: var(--radius-field);--join-se: 0;--join-es: var(--radius-field);--join-ee: 0}.join :first-child:not(:last-child) :where(.join-item){--join-ss: var(--radius-field);--join-se: 0;--join-es: var(--radius-field);--join-ee: 0}.join>.join-item:where(:last-child){--join-ss: 0;--join-se: var(--radius-field);--join-es: 0;--join-ee: var(--radius-field)}.join :last-child:not(:first-child) :where(.join-item){--join-ss: 0;--join-se: var(--radius-field);--join-es: 0;--join-ee: var(--radius-field)}.join>.join-item:where(:only-child){--join-ss: var(--radius-field);--join-se: var(--radius-field);--join-es: var(--radius-field);--join-ee: var(--radius-field)}.join :only-child :where(.join-item){--join-ss: var(--radius-field);--join-se: var(--radius-field);--join-es: var(--radius-field);--join-ee: var(--radius-field)}@media (min-width: 640px){.sm\:modal-middle{place-items:center}.sm\:modal-middle :where(.modal-box){height:auto;width:calc(11/12 * 100%);max-width:32rem;max-height:calc(100vh - 5em);translate:0 2%;scale:98%;--modal-tl: var(--radius-box);--modal-tr: var(--radius-box);--modal-bl: var(--radius-box);--modal-br: var(--radius-box)}}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.sm\:w-auto{width:auto}.sm\:max-w-md{max-width:28rem}.sm\:gap-4{gap:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 768px){.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width: 1024px){.lg\:mt-0{margin-top:0}.lg\:flex{display:flex}.lg\:w-1\/2{width:50%}.lg\:max-w-lg{max-width:32rem}.lg\:items-center{align-items:center}.lg\:gap-12{gap:3rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (prefers-color-scheme: dark){.dark\:border-violet-600{--tw-border-opacity: 1;border-color:rgb(124 58 237 / var(--tw-border-opacity, 1))}}nav{display:flex;align-items:center;justify-content:center;margin-bottom:60px}.main_navbar_container{width:100%;display:flex;align-items:center;justify-content:center;position:fixed;background-color:#ffffff9a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s ease-out;z-index:555;box-shadow:0 4px 6px -4px #000}#navbar_close{top:-90px}#navbar_open{top:0}.navbar_content_container{width:90%;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.navbar_logo{gap:10px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;padding:5px 0}.navbar_logo span{background:linear-gradient(90deg,#7429eb,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:2.1rem;font-weight:600}.navbar_logo img{width:40px}.navbar_routes_container{gap:30px;display:flex;align-items:center;justify-content:center;list-style:none;font-size:18px;font-weight:500}.navbar_routes_container li{cursor:pointer;padding:0 20px 0 0;border-bottom:3px solid transparent}.active_style{transition:.2s ease-in-out;color:#7429eb;border-bottom:3px solid #7429eb}.dropdown_wrapper{position:relative;display:inline-block}.dropdown_button img{width:40px;border-radius:50%;border:2px solid #7429eb}.dropdown_button{display:flex;align-items:center;justify-content:center;color:#7429eb;font-size:2.5rem;border:none;cursor:pointer;background-color:transparent}.dropdown_button span{font-size:26px}.dropdown_button:hover{transform:scale(1.1);transition:.2s ease-in-out}.dropdown_menu{position:absolute;top:110%;right:0;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 16px #0000001a;opacity:0;transform:scaleY(.95);transform-origin:top;pointer-events:none;transition:all .2s ease;z-index:100;min-width:300px;padding:10px}.dropdown_menu span{gap:10px;display:flex;align-items:center;justify-content:flex-start;width:100%}.dropdown_menu.open{opacity:1;transform:scaleY(1);pointer-events:auto}.user_name{font-size:18px;font-weight:500;text-align:center;padding-bottom:5px}.dropdown_item{display:block;margin-top:5px;padding:10px 16px;text-decoration:none;color:#333;font-weight:500;transition:background .2s;cursor:pointer;border-radius:6px}.dropdown_item:hover{background-color:#dcdbdb}.dropdown_active_style{background-color:#ecedee}.sign_in_button{font-size:18px;font-weight:500;border-radius:8px;padding:5px 10px;cursor:pointer;color:#7429eb;border:2px solid #7429eb}.sign_in_button:hover{background-color:#f7f7f7}.mobile_menu_container{display:none;font-size:1.6rem}.main_mobile_menu_container{width:60%;height:calc(100vh - 55px);padding:20px;color:#151515;position:absolute;top:55px;right:0;background-color:#dfdedef1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:.5s ease-out;z-index:666;overflow-y:scroll}.mobile_menu_routes ul{list-style:none}.mobile_menu_routes ul li{gap:20px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px;font-size:20px;font-weight:500;cursor:pointer;padding:10px;border-radius:8px}.mobile_menu_routes ul li:hover{transition:.3s ease-out;background-color:#ffffff5e}.others_routes_container{border-top:2px solid black;padding-top:20px}.main_mobile_menu_container{display:none}@media screen and (max-width: 1280px){nav{margin-bottom:70px}.navbar_logo{font-size:2.2rem}.navbar_logo img{width:40px}.navbar_routes_container{gap:20px}}@media screen and (max-width: 1024px){.navbar_logo span{font-size:1.7rem}.navbar_logo img{width:30px}.navbar_content_container{width:100%}.navbar_routes_container{gap:10px}}@media screen and (max-width: 768px){.navbar_routes_container,.dropdown_wrapper,.sign_in_button{display:none}.mobile_menu_container,.main_mobile_menu_container{display:block}#menu_close{right:900px}}@media screen and (max-width: 640px){nav{margin-bottom:60px}.navbar_logo span{font-size:1.6rem}.navbar_logo img{width:30px}.main_mobile_menu_container{top:48px;height:calc(100vh - 48px)}}@media screen and (max-width: 475px){nav{margin-bottom:55px}.navbar_logo span{font-size:1.5rem}.main_mobile_menu_container{width:100%;top:46px;height:calc(100vh - 46px)}}.main_footer_section_outer_container{height:auto;color:#fff;background:#151515}.main_footer_section_inner_container{max-width:1530px;margin:auto;padding:50px 10px}.footer_content_top_container{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:80px;border-bottom:2px solid #d2d2d2cc}.main_footer_title_container{height:auto;width:40%}.main_footer_Info_container{height:auto;width:20%}.footer_main_title_container{display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left}.footer_main_title_container h2{font-size:2.5rem;font-weight:700;color:#fff}.footer_main_title_container h3{font-size:2.3rem;color:#8b5cf4;border-radius:80%;background-color:#fff}.main_footer_title_container p{color:#fafafa;font-size:14px;padding:30px 10px 30px 0}.footer_social_icon{display:flex;align-items:center;justify-content:flex-start;gap:40px;font-size:2rem;cursor:pointer}.main_footer_Info_container h2{font-size:1.5rem;font-weight:600;padding-bottom:20px}.main_footer_Info_container p{font-size:16px;color:#fafafa;font-weight:300;padding-bottom:10px;cursor:pointer}.main_footer_Info_container p:hover{text-decoration:underline}.footer_contact_info_container{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding-bottom:20px;font-size:16px;color:#fafafa}.footer_contact_info_container p{font-size:1.3rem;padding:0}.footer_bottom_container{display:flex;align-items:center;justify-content:space-between;padding:20px 0 0;font-size:14px;font-weight:300}@media screen and (max-width: 1280px){.footer_main_title_container h2{font-size:2.3rem}.footer_main_title_container h3{font-size:2.1rem}.main_footer_Info_container h2{font-size:1.3rem}}@media screen and (max-width: 1024px){.main_footer_section_outer_container{padding:20px 30px}.footer_main_title_container h2{font-size:2.1rem}.footer_main_title_container h3{font-size:1.9rem}.main_footer_Info_container h2{font-size:1.1rem}.main_footer_title_container p{font-size:12px;padding:20px 10px 20px 0}}@media screen and (max-width: 768px){.main_footer_section_outer_container{padding:20px 10px}.footer_content_top_container{display:grid;grid-template-columns:repeat(12,1fr)}#footer_box-1{grid-column-start:1;grid-column-end:-1}.main_footer_title_container{width:100%;padding:10px 10px 20px 0}.footer_content_top_container{padding-bottom:30px}#footer_box-2{width:100%;grid-column-start:1;grid-column-end:5}#footer_box-3{width:100%;grid-column-start:5;grid-column-end:9}#footer_box-4{width:100%;grid-column-start:9;grid-column-end:-1}.footer_bottom_container{font-size:12px}.footer_social_icon{font-size:1.6rem;gap:20px;margin-bottom:20px}}@media screen and (max-width: 640px){.main_footer_Info_container h2{font-size:1rem}.main_footer_Info_container p{font-size:13px}.footer_bottom_container{flex-direction:column;gap:5px}}@media screen and (max-width: 475px){.main_footer_section_inner_container{padding:0 10px}.main_footer_title_container{width:100%}#footer_box-2{width:100%;grid-column-start:1;grid-column-end:6}#footer_box-3{width:100%;grid-column-start:6;grid-column-end:-1}#footer_box-4{width:100%;grid-column-start:1;grid-column-end:-1}}.main_my_assign_container{max-width:1536px;margin:auto;padding:0 10px}.my_assign_title_container{background:linear-gradient(90deg,#7429eb,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:3rem;font-weight:700}.no_attempted_assign_message{text-align:center;padding:100px 0;font-size:3rem;font-weight:700;color:#151515;border-radius:8px;cursor:pointer;border:2px solid #7429eb}.no_attempted_assign_message h1{background:linear-gradient(90deg,#7429eb,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.my_assign_card_parent_container{margin:50px 0}.my_assign_card_container{display:flex;align-items:flex-start;justify-content:space-between;background-color:#fcfcfc}.my_assign_number{width:2%;font-size:18px;font-weight:700}.my_assign_card_title_container{width:45%}.my_assign_card_title_container h2{background:linear-gradient(90deg,#7429eb,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:1.4rem;font-weight:600}.my_assign_card_title_container p{font-size:20px;color:#434242;font-weight:500}.my_assign_card_title_container p b{font-weight:700;color:#000}.my_assign_mark_container{font-size:18px;color:#555454;flex-grow:1}.my_assign_mark_container b{font-size:18px;color:#151515}.my_assign_status_container{flex-grow:1}.assign_pending_btn_style{padding:5px 20px;border-radius:8px;color:#f77647;background-color:#f776470c;border:2px solid #f77647}.assign_completed_btn_style{padding:5px 20px;border-radius:8px;color:#05ae05;background-color:#018f010c;border:2px solid #05ae05}.my_assign_file_container a{gap:10px;display:flex;align-items:center;justify-content:center;font-size:18px;padding:2px 20px;border-radius:8px;border:2px solid blue;color:#00f}.assignment_pending_message{text-align:center;padding:20px}.assignment_pending_message h1{font-size:2.5rem;font-weight:800;color:#434242}.assignment_pending_message p{margin-top:20px;font-size:18px;color:#434242}.assignment_complete_message{text-align:center}.assignment_complete_message h1{background:linear-gradient(90deg,#7429eb,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;height:60px;font-size:3rem;font-weight:700;padding-top:10px}.assignment_complete_message p{font-size:2rem;color:#7429eb;font-weight:700}.assignment_mark_container{margin-top:30px;margin-bottom:30px;padding:50px;font-size:2rem;font-weight:700;color:#7429eb;border-radius:8px;background-color:#7329eb16;display:inline-block;border:2px solid #7429eb}.feedBack_parent_container{text-align:left;margin-top:30px;border-radius:8px;padding:20px;background-color:#7329eb0a;border:2px solid #7429eb}.feedBack_parent_container h2{font-size:1.8rem;font-weight:600;color:#151515}.feedBack_parent_container ul{margin-top:20px}.feedBack_parent_container ul li{margin-top:20px;font-size:1.4rem}@media screen and (max-width: 1280px){.my_assign_number{width:3%}}@media screen and (max-width: 1024px){.my_assign_card_container{gap:5px}.my_assign_number{font-size:16px}.my_assign_card_title_container h2{font-size:1.2rem}.my_assign_card_title_container p,.my_assign_mark_container{font-size:16px}.my_assign_status_container{width:25%}.assign_pending_btn_style{font-size:16px;padding:4px 10px}.assign_completed_btn_style{font-size:14px;padding:4px 9px}.my_assign_file_container a{font-size:16px}.assignment_pending_message{padding:10px}.assignment_pending_message h1{line-height:50px}.assignment_complete_message p{line-height:40px}.feedBack_parent_container ul li{margin-top:20px;font-size:1.2rem}}@media screen and (max-width: 768px){.my_assign_card_container{flex-direction:column;gap:15px}.my_assign_number,.my_assign_card_title_container,.my_assign_mark_container,.my_assign_status_container,.my_assign_file_container{width:100%}.my_assign_number{font-size:18px}.my_assign_card_title_container h2{font-size:1.5rem}.my_assign_card_title_container p{font-size:20px}.assignment_complete_message h1{font-size:2.6rem}}@media screen and (max-width: 640px){.my_assign_card_title_container h2{font-size:1.4rem}.assignment_pending_message h1{font-size:1.7rem;line-height:40px}.assignment_complete_message p{font-size:1.8rem}.feedBack_parent_container ul li{line-height:30px;margin-top:10px;font-size:18px}}@media screen and (max-width: 475px){.my_assign_card_title_container h2{font-size:1.2rem}.my_assign_card_title_container p{font-size:18px}.assignment_complete_message h1{font-size:2rem}.assignment_complete_message p{font-size:1.5rem;font-weight:700}.feedBack_parent_container h2{font-size:1.5rem}.feedBack_parent_container ul li{line-height:30px;margin-top:10px;font-size:16px}}.loading_parent_container{display:flex;align-items:center;justify-content:center;height:80vh}.loading_container{gap:10px;display:flex;align-items:flex-end;justify-content:center}.loading_container p{font-size:2.5rem;font-weight:700;color:#7429eb}.no_data_message_container{height:80vh;display:flex;align-items:center;flex-direction:column;justify-content:center}.no_data_message_container h1{font-size:4rem;font-weight:600;color:#5c5b5b}.no_data_message_container p{font-size:1.5rem;color:#151515}.main_assignment_container{max-width:1536px;margin:auto;padding:0 10px}.assignment_title_container{background:linear-gradient(90deg,#7429eb,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:3rem;font-weight:600;margin-top:80px}.assignment_filter_parent_container{display:flex;align-items:center;justify-content:space-between;margin-top:40px}.assignment_filter_parent_container h2{font-size:1.8rem;font-weight:600}.assignment_filter_container{gap:50px;display:flex;align-items:center;justify-content:space-between}.assignment_filter_container select{min-width:300px}.assignment_card_parent_container{gap:50px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;padding-bottom:50px}@media screen and (max-width: 1536px){.assignment_title_container{font-size:2.8rem}.assignment_filter_parent_container h2{font-size:1.6rem}.assignment_filter_container{gap:40px}.assignment_filter_container select{min-width:280px}}@media screen and (max-width: 1280px){.assignment_title_container{font-size:2.6rem}.assignment_filter_container{gap:20px}.assignment_filter_parent_container{gap:20px;flex-direction:column}.assignment_card_parent_container{gap:20px}}@media screen and (max-width: 1024px){.assignment_title_container{font-size:2.4rem}.assignment_filter_container select{min-width:230px}.assignment_card_parent_container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.assignment_filter_container select{min-width:190px}}@media screen and (max-width: 640px){.assignment_filter_container select{min-width:140px}}@media screen and (max-width: 475px){.assignment_title_container{font-size:1.8rem}.assignment_filter_container{width:100%;flex-direction:column}.assignment_card_parent_container{grid-template-columns:repeat(1,1fr)}}.card-container{max-width:500px;border-radius:15px;padding:20px;background-color:#f7f7f8d2;box-shadow:#05385d70 0 2px 5px -1px,#06539c23 0 1px 3px -1px}.hero-image-container{height:250px;cursor:pointer}.hero-image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:15px}.main-content h1{font-weight:600;color:#0295da;margin-top:20px;padding:0 20px;font-size:18px;display:inline-block;border-radius:8px;border:1px solid #0295da}.main-content p{margin-top:10px;font-size:1.5rem;font-weight:500;color:#151515}.flex-row{display:flex;justify-content:space-between;align-items:center}.coin-base,.time-left,.card-attribute{gap:10px;display:flex;align-items:center;padding:.8em 0;font-size:20px}.coin-base,.time-left{font-weight:500;color:#646363}a.hero-image-container{position:relative;display:block}img.eye{position:absolute;width:100%;max-width:2em;top:44%;left:43%}.hero-image-container:after{content:"";background-image:url(https://i.postimg.cc/9MtT4GZY/view.png);background-position:center;background-repeat:no-repeat;background-size:5rem;background-color:#0d64b04d;width:100%;height:100%;border-radius:1rem;position:absolute;top:0;left:0;display:block;z-index:2;opacity:0;transition:opacity .3s ease-out}.hero-image-container:hover:after{opacity:1}.small-image{width:1.2em}.small-avatar{width:2em;border-radius:50%}@media screen and (max-width: 1536px){.hero-image-container img{-o-object-fit:fill;object-fit:fill}}@media screen and (max-width: 1280px){.main-content p{font-size:1.3rem}.card-attribute{font-size:16px}}@media screen and (max-width: 768px){.main-content p{font-size:1.2rem}.coin-base,.time-left,.card-attribute{font-size:16px}}@media screen and (max-width: 640px){.card-container{padding:10px}.flex-row{align-items:start;flex-direction:column}.card-attribute{align-items:flex-start}}.main_auth_container{gap:40px;display:flex;align-items:center;justify-content:center;max-width:1920px;margin:auto;height:100vh;position:relative}.auth_from_parent_container{display:flex;align-items:center;justify-content:center;height:100%;width:30%;overflow-y:auto;padding:10px 0}.auth_from_content_container{width:100%;padding-left:20px}.auth_from_content_container h1{display:flex;align-items:center;justify-content:space-between;font-size:2.6rem;font-weight:700;margin-bottom:10px}.home_button{font-size:1.8rem;padding:5px;border-radius:50%;border:2px solid black}.auth_from_content_container p{color:#5a5a5a;font-size:18px;margin-bottom:5px}.auth_input_container p{margin-bottom:0;font-size:20px;font-weight:500;color:#151515}.auth_input_container input{margin-bottom:20px;width:100%;padding:8px 10px;border-radius:4px;outline:none;border:1px solid #7a7a7a}.auth_input_container input:focus{transition:.3s ease-in-out;border:1px solid transparent;border-radius:0;border-bottom:1px solid #7a7a7a}.sign_up_button{width:100%;margin-top:20px;padding:10px 0;color:#fff;font-size:18px;text-align:center;cursor:pointer;border-radius:4px;background-color:#151515;margin-bottom:10px}.sign_up_button:hover{background-color:#202020}.auth_image_container{width:70%;height:100%;background-image:url(/assets/auth-image-m3yOVe9P.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow-y:hidden}@media screen and (max-width: 1536px){.auth_from_parent_container{width:40%}.auth_image_container{width:60%}}@media screen and (max-width: 1280px){.main_auth_container{gap:20px}}@media screen and (max-width: 1024px){.main_auth_container{gap:10px}.auth_from_parent_container{width:50%}.auth_from_content_container h1{font-size:2.2rem}.auth_image_container{width:50%}}@media screen and (max-width: 768px){.auth_from_parent_container{width:80%}.auth_from_content_container{padding-left:0}.auth_image_container{display:none}}@media screen and (max-width: 475px){.auth_from_content_container h1{font-size:1.8rem}.auth_from_parent_container{width:90%}.auth_input_container input{margin-bottom:10px}}.google_button{width:100%;padding:5px 0;cursor:pointer;border-radius:4px;border:1px solid black}.google_button:hover{background-color:#f3f3f3}.google_button ul{gap:20px;display:flex;align-items:center;justify-content:center}.google_button ul li:nth-child(1){font-size:2rem}.google_button ul li:nth-child(2){font-size:1.2rem;font-weight:500}.divider{width:100%;gap:20px;display:flex;align-items:center;justify-content:center}.divider p{padding-top:10px}.divider span{width:100%;border-bottom:1px solid #818080}.main_create_assign_container{max-width:1920px;height:auto;margin:auto;padding:0 10px}.create_assign_title h1{background:linear-gradient(90deg,#6b26db,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:3rem;font-weight:500;padding-top:50px}.create_assign_parent_container{width:100%;margin-top:50px;gap:20px;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:50px}.create_assign_left_container{width:35%;padding:10px;border-radius:8px;border:2px solid #6b26db}.create_assign_right_container{width:65%;padding:10px;border-radius:8px;border:2px solid #6b26db}.warning_container{gap:10px;display:flex;align-items:center;justify-content:center;padding:5px 0;border-radius:8px;font-weight:600;color:#000;font-size:18px;background-color:#12eb0a0b;border:2px solid #0ece07de}.assign_role_container{margin-top:20px;padding:10px;font-family:Arial,sans-serif;background-color:#f6f4f4;border-radius:8px}.assign_role_title{text-align:center;font-size:2rem;color:#6b26db;margin-bottom:1.5rem}.assign_role_subtitle{font-size:1.7rem;margin-top:1rem;margin-bottom:.5rem;color:#333}.assign_role_list{list-style:disc;font-size:18px;padding-left:1.5rem;margin-bottom:1rem;color:#444}.assign_role_warning{margin-top:2rem;padding:1rem;border-radius:6px;border:1px solid #ffeeba;background-color:#fff3cd}.assign_role_warning_text{color:#856404;font-size:1rem}.assign_form_container{padding:10px;border-radius:8px;background:#fff}.assign_form_title{text-align:center;color:#6b26db;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.assign_form_wrapper{display:flex;flex-direction:column;gap:1rem}.assign_form_group{display:flex;flex-direction:column;gap:.5rem}.assign_form_group input,.assign_form_group select,.assign_form_group textarea{padding:.6rem;border:1px solid #6b26db;border-radius:6px;font-size:1rem}.assign_form_question_input{margin-bottom:.5rem}.assign_form_add_btn{align-self:flex-start;background-color:#6b26db1c;border:none;padding:.5rem 1rem;border-radius:4px;color:#6b26db;cursor:pointer;font-weight:700}.assign_form_submit_btn{padding:.75rem;background-color:#6b26db;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer}@media (max-width: 600px){.assign_form_container{padding:1rem}.assign_form_title{font-size:1.5rem}.assign_form_submit_btn{font-size:.95rem}}@media screen and (max-width: 1536px){.create_assign_title h1{font-size:2.6rem}.assign_role_title{font-size:1.6rem}.assign_role_subtitle{font-size:1.5rem}.assign_role_list{font-size:16px}}@media screen and (max-width: 1280px){.create_assign_left_container{width:40%}.create_assign_right_container{width:60%;border-radius:8px;border:2px solid #0392d8}}@media screen and (max-width: 1024px){.create_assign_title h1{font-size:2.2rem}.assign_role_title{font-size:1.2rem}.assign_role_subtitle{font-size:1.3rem}}@media screen and (max-width: 768px){.create_assign_parent_container{gap:50px;flex-direction:column-reverse}.create_assign_left_container,.create_assign_right_container{width:100%}.assign_role_title,.assign_role_subtitle{font-size:1.5rem}}@media screen and (max-width: 475px){.create_assign_right_container{padding:0}.create_assign_title h1{font-size:2rem}.assign_role_title{font-size:1.2rem;font-weight:600}.assign_role_subtitle{font-size:1.3rem}}.modal-box{max-width:1024px}.assign_submit_title{background:linear-gradient(90deg,#7429eb,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:2rem;font-weight:700}.assignment_form{max-width:720px;margin:50px auto;padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Segoe UI,sans-serif}.text_input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;margin-bottom:20px;outline:none;transition:border-color .3s}.text_input:focus{border-color:#5a20b6}.warning_text{font-size:14px;color:#c30;margin-top:-16px;margin-bottom:16px}.submit_btn{width:100%;padding:12px;background-color:#5a20b6;color:#fff;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.submit_btn:hover{background-color:#491799}#assign_details_section{color:#151515;background-color:#f8f6f6}.main_assign_details_container{max-width:1536px;margin:auto;padding:10px}.assign_details_banner_container{max-width:1536px;height:150px}.assign_details_banner_container img{width:100%;height:100%;border-radius:16px}.assign_details_info_parent_container{width:100%;gap:10px;display:flex;align-items:flex-start;justify-content:space-between;margin-top:20px}.assign_info_container{width:40%;padding:20px;cursor:pointer;border-radius:8px;background-color:#fff;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.assign_instruction_container{width:60%;padding:20px;cursor:pointer}.assign_info_container h2{font-size:1.5rem;font-weight:700;text-decoration:underline;font-style:italic;padding:20px 0;text-align:center}.assign_info_container ul{margin-top:20px;font-size:1.3rem;padding-left:20px}.assign_info_container ul li{margin-top:20px;color:#151515;list-style:decimal;border-bottom:1px solid #54177f}.assign_info_container ul li span{font-weight:700}.assign_instruction_container{font-size:20px}.assign_question_parent_container{margin-top:40px}.assign_question_parent_container h2{background:linear-gradient(90deg,#7429eb,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:3rem;font-weight:700;padding-right:20px;display:inline-block;border-bottom:3px solid #5c2e90}.assign_question_container{margin:20px 0;padding:20px;background-color:#fff;border-radius:8px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.assign_question_container span{font-size:18px;font-weight:600}.assign_question_container p{margin-top:10px;padding:10px 0;font-size:1.4rem;font-weight:500;border-top:2px dashed #b0afaf;border-bottom:2px dashed #b0afaf}.assign_submit_container button{color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;background-color:green}.assign_submit_container button:hover{background-color:#026c02}.assign_creator_info_parent_container{margin-top:20px}.assign_creator_info_parent_container h2{background:linear-gradient(90deg,#7429eb,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:3rem;font-weight:700;padding-right:20px;display:inline-block;border-bottom:3px solid #5c2e90}.assign_creator_info_container{margin-top:20px;padding:20px;font-size:1.3rem;border-radius:16px;background-color:#fff;box-shadow:#00000026 1.95px 1.95px 2.6px}.assign_creator_info_container p{margin-bottom:10px}.assign_creator_info_container p:nth-child(2) a{color:#00f;text-decoration:underline}.assign_change_btn{color:#fff;padding:8px 30px;border-radius:8px;cursor:pointer;font-size:18px;font-weight:500}#assign_update_btn{background-color:#0838ba}#assign_delete_btn{background-color:#a10808}.assign_guide_parent_container{margin:100px 0}.assign_guide_parent_container h2{margin-bottom:20px;font-size:2rem;font-weight:500}.assign_guide_wrapper{display:flex;flex-direction:column;gap:2rem}.assign_guide_card{background-color:#fff;border:1px solid #dcdcdc;border-radius:12px;padding:1.5rem 2rem;box-shadow:0 4px 10px #0000000f}.assign_guide_title{background:linear-gradient(90deg,#6f27e3,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:2rem;font-weight:700;margin-bottom:1rem}.assign_guide_list{list-style:none;padding-left:0;margin:0}.assign_guide_list li{margin-bottom:.75rem;font-size:20px;line-height:1.6}.assign_guide_bullet{background:linear-gradient(90deg,#7429eb,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-weight:700;margin-right:.5rem}.assign_guide_note{margin-top:1rem;font-size:.95rem;color:#d03801;font-weight:500}@media screen and (max-width: 1280px){.assign_info_container h2{font-size:1.3rem}.assign_info_container ul{font-size:1.1rem}.assign_question_parent_container h2,.assign_creator_info_parent_container h2{font-size:2.8rem}}@media screen and (max-width: 1024px){.assign_info_container,.assign_instruction_container{width:50%}.assign_info_container{padding:10px 10px 30px}.assign_question_parent_container h2,.assign_creator_info_parent_container h2{font-size:2.6rem}.assign_creator_info_container{font-size:1.2rem}.assign_guide_parent_container h2{font-size:1.7rem}}@media screen and (max-width: 768px){.assign_details_info_parent_container{flex-direction:column}.assign_info_container{width:100%}.assign_instruction_container{width:100%;padding:10px}.assign_question_parent_container h2,.assign_creator_info_parent_container h2{font-size:2.2rem}.assign_question_container p{font-size:1.2rem}.assign_change_btn{padding:4px 20px;font-size:16px}.assign_guide_parent_container h2{font-size:1.5rem}.assign_guide_list li{font-size:18px}}@media screen and (max-width: 640px){.assign_question_parent_container h2,.assign_creator_info_parent_container h2{font-size:2rem}.assign_creator_info_container p{margin-bottom:25px}.assign_guide_parent_container h2{font-size:1.4rem}.assign_guide_card{padding:20px}.assign_guide_list li{font-size:16px}}@media screen and (max-width: 475px){.assign_question_parent_container h2,.assign_creator_info_parent_container h2{font-size:1.6rem}.assign_question_container p{font-size:18px}.assign_creator_info_container p{margin-bottom:40px;font-size:18px}.assign_creator_info_container span{font-size:18px}}.main_pending_assign_container{max-width:1536px;margin:auto;padding:0 10px}.pending_assign_title{background:linear-gradient(90deg,#7429eb,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:3rem;font-weight:700}.pending_assign_card_container{margin-top:50px;margin-bottom:50px;padding:20px;border-radius:8px;background-color:#fcfcfc;border:2px solid #7429eb;display:flex;align-items:flex-start;justify-content:space-between}.pending_assign_number{font-size:22px;font-weight:700;width:2%}.pending_assign_card_title{width:45%}.pending_assign_card_title h2{background:linear-gradient(90deg,#7429eb,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:1.5rem;font-weight:700}.pending_assign_card_title p{font-size:18px}.pending_assign_card_mark h2{font-size:18px;color:#5a5959;font-weight:600}.pending_assign_card_mark h2 b{color:#151515;font-weight:800}.pending_assign_card_status button{font-weight:500;font-size:18px}.assign_pending_status_btn{color:#ec4d12;padding:2px 15px;border-radius:8px;margin-bottom:10px;background-color:#ec4c1211;border:2px solid #ec4d12}.assign_completed_status_btn{color:#019101;padding:2px 15px;border-radius:8px;margin-bottom:10px;background-color:#0191010c;border:2px solid #019101}.none_active_assign_style{color:#019101;padding:4px 20px;border-radius:8px;background-color:#0191010c;border:2px solid #019101;transition:.2s ease-in-out}.active_assign_style{color:#fff;padding:4px 20px;border-radius:8px;border:2px solid #019101;background-color:#019101}.pending_assign_active_pdf{color:#fff;font-size:18px;font-weight:600;padding:3px 20px;border-radius:8px;background-color:#0606d1;border:2px solid #0606d1;gap:10px;display:flex;align-items:center;justify-content:center}.pending_assign_none_active_pdf{color:#8d8c8c;font-size:18px;font-weight:600;padding:3px 20px;cursor:not-allowed;border-radius:8px;background-color:#070799;border:2px solid #0606d1;gap:10px;display:flex;align-items:center;justify-content:center}.pending_assign_none_active_pdf a{cursor:not-allowed}.assign_mark_btn{color:#7429eb;font-size:18px;font-weight:500;margin-top:10px;padding:3px 20px;border-radius:8px;cursor:pointer;border:2px solid #7429eb}.assign_mark_btn:hover{background-color:#eeeded}.transparent_assign_mark_btn{color:transparent;font-size:18px;font-weight:500;margin-top:10px;padding:3px 20px;border-radius:8px;border:2px solid transparent}.assign_mark_parent_container{margin-top:20px}.form_wrapper{background:#f6f6f6;margin:40px auto;padding:30px;border-radius:12px;color:#151515;box-shadow:0 8px 24px #0000004d}.form_title{text-align:center;font-size:26px;margin-bottom:24px;font-weight:700}.form_section{margin-bottom:20px}.form_label{display:block;margin-bottom:6px;font-weight:500}.form_input{width:100%;padding:10px;border:2px solid #5d21bd;border-radius:8px;font-size:16px;background-color:#fff;color:#000}.form_input:focus{outline:none;border-color:#7429eb}.form_total{background:linear-gradient(90deg,#7429eb,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:18px;text-align:center;margin-top:20px;font-weight:700}.form_submit{margin-top:25px;background-color:#5d21bd;color:#fff;padding:12px;border:none;border-radius:8px;width:100%;font-size:16px;cursor:pointer;transition:background-color .3s ease}.form_submit:hover{background-color:#7429eb}@media screen and (max-width: 1280px){.pending_assign_card_container{padding:10px;gap:10px}.pending_assign_card_title{width:40%}.pending_assign_card_title h2{font-size:1.3rem}.pending_assign_card_title p,.pending_assign_card_mark h2,.pending_assign_card_status button,.pending_assign_active_pdf,.pending_assign_none_active_pdf,.assign_mark_btn,.transparent_assign_mark_btn{font-size:16px}}@media screen and (max-width: 1024px){.pending_assign_title{font-size:2.8rem}.pending_assign_card_container{padding:10px;gap:8px}.pending_assign_number{width:3%}.pending_assign_card_title h2{font-size:1.2rem}.pending_assign_card_status{width:21%}.pending_assign_card_status button{font-size:14px}.pending_assign_card_file{width:19%}.pending_assign_active_pdf,.pending_assign_none_active_pdf,.assign_mark_btn,.transparent_assign_mark_btn{font-size:14px}}@media screen and (max-width: 768px){.pending_assign_title{font-size:2.6rem}.pending_assign_card_container{flex-direction:column}.pending_assign_number{width:100%;border-bottom:2px dashed purple}.pending_assign_card_title{width:100%}.pending_assign_card_title h2{font-size:1.3rem}.pending_assign_card_title p{font-size:18px}.pending_assign_card_mark{width:100%}.pending_assign_card_status{width:100%;gap:10px;display:flex;align-items:flex-start}.assign_pending_status_btn,.assign_completed_status_btn,.none_active_assign_style,.active_assign_style{width:50%;padding:8px 15px}.pending_assign_card_file{width:100%;gap:10px;display:flex;align-items:flex-end}.pending_assign_active_pdf,.pending_assign_none_active_pdf{width:50%;font-size:16px;padding:6px 20px}.assign_mark_btn,.transparent_assign_mark_btn{width:50%;padding:6px 20px;font-size:16px}}@media screen and (max-width: 640px){.pending_assign_title{font-size:2.5rem}.pending_assign_card_title h2{font-size:1.5rem}.pending_assign_card_title p{font-size:20px}}@media screen and (max-width: 475px){.pending_assign_title{font-size:1.8rem}.pending_assign_card_title h2{font-size:1.3rem}.pending_assign_card_title p{font-size:18px}.assign_pending_status_btn,.assign_completed_status_btn{width:50%;padding:8px 5px}}#about_section{height:90vh;display:flex;align-items:center;justify-content:center}.card_slider{position:relative;width:100%;max-width:1536px;margin:auto;height:80%;display:grid;border-radius:8px;grid-template-areas:"stack";font-family:Arial,Helvetica,sans-serif;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.card_slider_card{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;border-radius:8px;opacity:0;transform:scale(.96) translateY(-20px);z-index:1;transition:all .4s ease-in-out;box-shadow:0 10px 20px #00000014;overflow:hidden}.card_slider_card.active{opacity:1;transform:scale(1) translateY(0);z-index:2}.card_slider_card:nth-of-type(1){--bg-color: #42218480}.card_slider_card:nth-of-type(2){--bg-color: #fbbf2480}.card_slider_card:nth-of-type(3){--bg-color: #f9a8d480}.card_slider_card header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-color);border-radius:8px 8px 0 0}.card_slider_card header h2{font-size:1.2rem;margin:0}.card_slider_card header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333;transition:transform .3s ease}.card_slider_card header button:hover{transform:rotate(90deg)}.card_slider_content{gap:50px;display:flex;align-items:flex-start;justify-content:center;height:100%;padding:2rem}.card_slider_content img{width:50%;max-height:85%;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:#88a5bf7a 6px 2px 16px,#fffc -6px -2px 16px}.poem{overflow-y:auto;width:50%;max-height:85%;padding:20px;border-radius:8px;box-shadow:#ccdbe8 3px 3px 6px inset,#ffffff80 -3px -3px 6px 1px inset}.poem p{margin-bottom:1rem;font-size:18px;line-height:1.5}@media screen and (max-width: 1280px){.card_slider_content{gap:1.5rem}}@media screen and (max-width: 1024px){#about_section{height:150vh;padding:0 10px;border:2px solid purple}.card_slider{height:90%}.card_slider_content{flex-direction:column}.card_slider_content img{height:40%;width:100%}.poem{height:50%;width:100%}}@media screen and (max-width: 768px){.card_slider_card header h2{font-size:1.1rem}.poem p{font-size:.9rem}}@media screen and (max-width: 640px){.card_slider_content{padding:1.5rem;gap:1rem}.card_slider_content img{height:30%}}@media screen and (max-width: 475px){.card_slider_content{padding:1rem}.card_slider_card header{padding:.75rem 1rem}.card_slider_card header button{font-size:1.2rem}}.main_banner_section_container{height:calc(100vh - 60px);max-width:1920px;margin:auto;position:relative;background-color:#0c0619}.banner_title_container{position:absolute;top:0;right:0;width:100%;height:100%;color:#fff;gap:20px;display:flex;align-items:center;justify-content:center;flex-direction:column}.banner_title_container h1{font-size:5rem;font-size:600}.banner_title_container p{font-size:18px}.banner_title_container button{border-radius:8px;padding:5px 20px;font-size:18px;font-weight:500;border:2px solid #ffffff}.banner_title_container button:hover{background-color:#ffffff12}@media screen and (max-width: 1280px){.banner_title_container h1{font-size:4rem}}@media screen and (max-width: 1024px){.banner_title_container h1{font-size:3rem}.banner_title_container p,.banner_title_container button{font-size:16px}}@media screen and (max-width: 640px){.banner_title_container{padding:0 10px}}@media screen and (max-width: 475px){.banner_title_container h1{font-size:2.5rem}}body{margin:0}.header{position:relative;text-align:center;background:linear-gradient(60deg,#428,#000);color:#fff}.inner-header{height:65vh;width:100%;margin:0;padding:0}.waves{position:relative;width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}.content{position:relative;height:20vh;text-align:center;background-color:#fff}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@media (max-width: 768px){.waves{height:40px;min-height:40px}.content{height:30vh}h1{font-size:24px}}.main_benefit_container{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#151515}.benefit_content_container{width:60%;display:flex;align-items:center;justify-content:center;color:#fff;padding:50px;background-color:#000;box-shadow:0 0 2rem #793ef0}.benefit_text_container h1{font-size:3.5rem;font-weight:300;margin-bottom:10px}.benefit_image_container{position:relative}#benefit_web_name{position:absolute;bottom:2%;right:4%;font-size:18px;font-weight:700}@media screen and (max-width: 1536px){.benefit_content_container{width:70%}.benefit_text_container h1{font-size:3.2rem}}@media screen and (max-width: 1280px){.benefit_content_container{width:75%}.benefit_text_container h1{font-size:2.8rem}#benefit_web_name{font-size:16px}}@media screen and (max-width: 1024px){.benefit_content_container{width:80%;padding:40px;gap:20px;align-items:flex-end}.benefit_text_container h1{font-size:2.4rem}#benefit_web_name{font-size:14px}}@media screen and (max-width: 768px){.benefit_text_container h1{font-size:2rem}.benefit_text_container p{font-size:14px;font-weight:300}}@media screen and (max-width: 640px){.benefit_content_container{flex-direction:column}.benefit_text_container h1{font-size:2.5rem}}@media screen and (max-width: 475px){.benefit_content_container{padding:20px}.benefit_text_container h1{font-size:1.6rem}.benefit_text_container p{font-size:12px}}