:where(html){--font-sans: Helvetica, sans-serif;--font-serif: Georgia, "Times New Roman", Times, serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", "Droid Sans", sans-serif;--font-mono: Menlo, Consolas, "Lucida Console", "Liberation Mono", "Courier New", monospace, sans-serif;--font-weight-100: 100;--font-weight-200: 200;--font-weight-300: 300;--font-weight-400: 400;--font-weight-500: 500;--font-weight-600: 600;--font-weight-700: 700;--font-weight-800: 800;--font-weight-900: 900;--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-0: .875rem;--font-size-1: 1rem;--font-size-2: 1.125rem;--font-size-3: 1.25rem;--font-size-4: 1.375rem;--font-size-5: 1.5rem;--font-size-6: 1.75rem;--font-size-7: 2rem;--font-size-8: 2.25rem;--font-size-9: 2.5rem;--font-size-10: 3rem;--font-size-11: 3.5rem;--font-size-12: 4rem;--font-size-13: 5rem;--font-size-14: 7.5rem;--leading-3: .75rem;--leading-4: 1rem;--leading-5: 1.25rem;--leading-6: 1.5rem;--leading-7: 1.75rem;--leading-8: 2rem;--leading-9: 2.25rem;--leading-10: 2.5rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}:where(html){--size-px: .063rem;--size-05: .125rem;--size-1: .25rem;--size-105: .375rem;--size-2: .5rem;--size-205: .625rem;--size-3: .75rem;--size-305: .875rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-7: 1.75rem;--size-8: 2rem;--size-9: 2.25rem;--size-10: 2.5rem;--size-11: 2.75rem;--size-12: 3rem;--size-13: 3.25rem;--size-14: 3.5rem;--size-15: 3.75rem;--size-16: 4rem;--size-18: 4.5rem;--size-20: 5rem;--size-22: 5.5rem;--size-24: 6rem;--size-25: 6.25rem;--size-26: 6.5rem;--size-28: 7rem;--size-30: 7.5rem;--size-32: 8rem;--size-34: 8.5rem;--size-36: 9rem;--size-40: 10rem;--size-44: 11rem;--size-48: 12rem;--size-50: 12.5rem;--size-52: 13rem;--size-56: 14rem;--size-60: 15rem;--size-61: 15.3rem;--size-64: 16rem;--size-72: 18rem;--size-75: 18.8rem;--size-80: 20rem;--size-84: 21rem;--size-96: 24rem;--size-113: 28.1rem;--size-114: 30rem;--size-fluid-1: clamp(.5rem, 1vw, 1rem);--size-fluid-2: clamp(1rem, 2vw, 1.5rem);--size-fluid-3: clamp(1.5rem, 3vw, 2rem);--size-fluid-4: clamp(2rem, 4vw, 3rem);--size-fluid-5: clamp(4rem, 5vw, 5rem);--size-fluid-6: clamp(5rem, 7vw, 7.5rem);--size-fluid-7: clamp(7.5rem, 10vw, 10rem);--size-fluid-8: clamp(10rem, 20vw, 15rem);--size-fluid-9: clamp(15rem, 30vw, 20rem);--size-fluid-10: clamp(20rem, 40vw, 30rem);--size-content-1: 20ch;--size-content-2: 45ch;--size-content-3: 60ch;--size-header-1: 20ch;--size-header-2: 25ch;--size-header-3: 35ch;--size-mobile: 640px;--size-mobile-large: 720px;--size-tablet: 768px;--size-laptop: 1024px;--size-desktop: 1280px;--size-max-content-width: 1376px;--size-container: 1440px;--size-max-site-width: 1900px}:where(html){--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.25, 0, .3, 1);--ease-4: cubic-bezier(.25, 0, .2, 1);--ease-5: cubic-bezier(.25, 0, .1, 1);--ease-in-1: cubic-bezier(.25, 0, 1, 1);--ease-in-2: cubic-bezier(.5, 0, 1, 1);--ease-in-3: cubic-bezier(.7, 0, 1, 1);--ease-in-4: cubic-bezier(.9, 0, 1, 1);--ease-in-5: cubic-bezier(1, 0, 1, 1);--ease-out-1: cubic-bezier(0, 0, .75, 1);--ease-out-2: cubic-bezier(0, 0, .5, 1);--ease-out-3: cubic-bezier(0, 0, .3, 1);--ease-out-4: cubic-bezier(0, 0, .1, 1);--ease-out-5: cubic-bezier(0, 0, 0, 1);--ease-in-out-1: cubic-bezier(.1, 0, .9, 1);--ease-in-out-2: cubic-bezier(.3, 0, .7, 1);--ease-in-out-3: cubic-bezier(.5, 0, .5, 1);--ease-in-out-4: cubic-bezier(.7, 0, .3, 1);--ease-in-out-5: cubic-bezier(.9, 0, .1, 1);--ease-elastic-1: cubic-bezier(.5, .75, .75, 1.25);--ease-elastic-2: cubic-bezier(.5, 1, .75, 1.25);--ease-elastic-3: cubic-bezier(.5, 1.25, .75, 1.25);--ease-elastic-4: cubic-bezier(.5, 1.5, .75, 1.25);--ease-elastic-5: cubic-bezier(.5, 1.75, .75, 1.25);--ease-squish-1: cubic-bezier(.5, -.1, .1, 1.5);--ease-squish-2: cubic-bezier(.5, -.3, .1, 1.5);--ease-squish-3: cubic-bezier(.5, -.5, .1, 1.5);--ease-squish-4: cubic-bezier(.5, -.7, .1, 1.5);--ease-squish-5: cubic-bezier(.5, -.9, .1, 1.5);--ease-step-1: steps(2);--ease-step-2: steps(3);--ease-step-3: steps(4);--ease-step-4: steps(7);--ease-step-5: steps(10)}:where(html){--layer-0: 0;--layer-1: 1;--layer-10: 10;--layer-20: 20;--layer-30: 30;--layer-40: 40;--layer-50: 50;--layer-auto: auto;--layer-important: 2147483647}:where(html){--shadow-1: 0 1px 2px 0 hsla(0, 0%, 0%, 5%);--shadow-2: 0 1px 3px 0 hsla(0, 0%, 0%, 10%), 0 1px 2px -1px hsla(0, 0%, 0%, 10%);--shadow-3: 0 4px 6px -1px hsla(0, 0%, 0%, 10%), 0 2px 4px -2px hsla(0, 0%, 0%, 10%);--shadow-4: 0 10px 15px -3px hsla(0, 0%, 0%, 10%), 0 4px 6px -4px hsla(0, 0%, 0%, 10%);--shadow-5: 0 20px 25px -5px hsla(0, 0%, 0%, 10%), 0 8px 10px -6px hsla(0, 0%, 0%, 10%);--shadow-6: 0 25px 50px -12px hsla(0, 0%, 0%, 25%);--inner-shadow-0: inset 0 0 0 1px hsla(0, 0%, 0%, 5%);--inner-shadow-1: inset 0 1px 2px 0 hsla(0, 0%, 0%, 5%);--inner-shadow-2: inset 0 1px 4px 0 hsla(0, 0%, 0%, 5%);--inner-shadow-3: inset 0 2px 8px 0 hsla(0, 0%, 0%, 5%);--inner-shadow-4: inset 0 2px 14px 0 hsla(0, 0%, 0%, 5%)}:where(html){--ratio-box: 1;--ratio-photo: 3/2;--ratio-portrait: 3/4;--ratio-landscape: 4/3;--ratio-widescreen: 16/9;--ratio-cinemascope: 21/9;--ratio-golden: 1.618/1}:where(html){--white: hsl(0, 0%, 100%);--gray-50: hsl(210, 20%, 98%);--gray-100: hsl(220, 14%, 96%);--gray-200: hsl(220, 13%, 91%);--gray-300: hsl(216, 12%, 84%);--gray-400: hsl(218, 11%, 65%);--gray-500: hsl(220, 9%, 46%);--gray-600: hsl(215, 14%, 34%);--gray-700: hsl(217, 19%, 27%);--gray-800: hsl(215, 28%, 17%);--gray-900: hsl(221, 39%, 11%);--black: hsl(0, 0%, 0%);--red-50: hsl(0, 73%, 97%);--red-100: hsl(0, 84%, 95%);--red-200: hsl(0, 83%, 91%);--red-300: hsl(0, 83%, 84%);--red-400: hsl(0, 91%, 74%);--red-500: hsl(0, 84%, 63%);--red-600: hsl(0, 75%, 51%);--red-700: hsl(0, 74%, 45%);--red-800: hsl(0, 69%, 36%);--red-900: hsl(0, 61%, 29%);--yellow-50: hsl(60, 83%, 95%);--yellow-100: hsl(54, 95%, 85%);--yellow-200: hsl(52, 96%, 70%);--yellow-300: hsl(47, 96%, 53%);--yellow-400: hsl(42, 93%, 46%);--yellow-500: hsl(37, 97%, 39%);--yellow-600: hsl(31, 88%, 33%);--yellow-700: hsl(28, 80%, 31%);--yellow-800: hsl(25, 71%, 26%);--yellow-900: hsl(23, 69%, 23%);--green-50: hsl(154, 41%, 97%);--green-100: hsl(154, 61%, 92%);--green-200: hsl(155, 63%, 84%);--green-300: hsl(156, 61%, 70%);--green-400: hsl(158, 60%, 48%);--green-500: hsl(160, 84%, 34%);--green-600: hsl(161, 92%, 25%);--green-700: hsl(163, 93%, 22%);--green-800: hsl(164, 93%, 17%);--green-900: hsl(166, 97%, 14%);--blue-50: hsl(210, 100%, 96%);--blue-100: hsl(211, 94%, 94%);--blue-200: hsl(213, 94%, 88%);--blue-300: hsl(215, 98%, 82%);--blue-400: hsl(217, 93%, 72%);--blue-500: hsl(218, 93%, 61%);--blue-600: hsl(220, 89%, 53%);--blue-700: hsl(221, 79%, 48%);--blue-800: hsl(223, 68%, 37%);--blue-900: hsl(225, 54%, 30%);--sky-50: hsl(204, 100%, 97%);--sky-100: hsl(204, 94%, 94%);--sky-200: hsl(201, 94%, 86%);--sky-300: hsl(199, 95%, 74%);--sky-400: hsl(198, 93%, 60%);--sky-500: hsl(199, 89%, 48%);--sky-600: hsl(200, 98%, 39%);--sky-700: hsl(201, 96%, 32%);--sky-800: hsl(201, 90%, 27%);--sky-900: hsl(202, 80%, 24%)}:where(html){--animation-fade-in: fade-in .5s var(--ease-3);--animation-fade-out: fade-out .5s var(--ease-3);--animation-scale-up: scale-up .5s var(--ease-3);--animation-scale-down: scale-down .5s var(--ease-3);--animation-slide-out-up: slide-out-up .5s var(--ease-3);--animation-slide-out-down: slide-out-down .5s var(--ease-3);--animation-slide-out-right: slide-out-right .5s var(--ease-3);--animation-slide-out-left: slide-out-left .5s var(--ease-3);--animation-slide-in-up: slide-in-up .5s var(--ease-3);--animation-slide-in-down: slide-in-down .5s var(--ease-3);--animation-slide-in-right: slide-in-right .5s var(--ease-3);--animation-slide-in-left: slide-in-left .5s var(--ease-3);--animation-shake-x: shake-x .75s var(--ease-out-5);--animation-shake-y: shake-y .75s var(--ease-out-5);--animation-spin: spin 2s linear infinite;--animation-ping: ping 5s var(--ease-out-3) infinite;--animation-blink: blink 1s var(--ease-out-3) infinite;--animation-float: float 3s var(--ease-in-out-3) infinite;--animation-bounce: bounce 2s var(--ease-squish-2) infinite;--animation-pulse: pulse 2s var(--ease-out-3) infinite;--transition-soft-linear: all .15s linear}@keyframes fade-in{to{opacity:100%}}@keyframes fade-out{to{opacity:0%}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0%;transform:scale(2)}}@keyframes blink{0%,to{opacity:100%}50%{opacity:50%}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}:where(html){--border-size-1: 1px;--border-size-2: 2px;--border-size-3: 3px;--border-size-4: 4px;--border-size-5: 5px;--radius-1: .125rem;--radius-2: .25rem;--radius-3: .375rem;--radius-4: .5rem;--radius-5: .75rem;--radius-6: 1rem;--radius-7: 1.5rem;--radius-round: 1e5px}:where(html){--ucla-blue: hsl(206, 63%, 42%);--ucla-yellow: hsl(49, 100%, 50%);--midnight-joshua-tree: hsl(202, 100%, 18%);--silver-lake-reservoir: hsl(202, 100%, 26%);--chumash-soil: hsl(44, 100%, 59%);--santa-monica-sunset: hsl(41, 100%, 55%);--topanga-creek: hsl(211, 67%, 73%);--grove-fountain: hsl(212, 95%, 93%);--burbank-blue: hsl(179, 50%, 52%);--la-winter: hsl(196, 73%, 84%);--southbay-waves: hsl(191, 82%, 41%);--venice-canal: hsl(186, 68%, 32%);--avocado-toast: hsl(173, 43%, 68%);--super-bloom: hsl(56, 100%, 74%);--escondido-falls: hsl(193, 77%, 65%);--downtown-dusk: hsl(280, 31%, 81%);--santa-barbara-sand: hsl(45, 31%, 95%);--midnight-observatory: hsl(202, 100%, 12%);--malibu-dolphin: hsl(205, 6%, 42%);--silver-screen: hsl(207, 11%, 81%)}:where([data-theme=surface]){--font-body: helvetica, sans-serif;--font-heading: helvetica, sans-serif;--blockquote-border-color: var(--ucla-blue);--blockquote-color: var(--ucla-blue)}:where([data-theme=dgsom]){--font-body: trade-gothic-next, sans-serif;--font-heading: p22-mackinac-pro, serif;--blockquote-border-color: var(--midnight-joshua-tree);--blockquote-color: var(--midnight-joshua-tree)}:where([data-theme=labs]){--font-body: helvetica, sans-serif;--font-heading: helvetica, sans-serif;--blockquote-border-color: var(--ucla-blue);--blockquote-color: var(--ucla-blue)}:where([data-theme=labs-dynamic]){--font-body: trade-gothic-next, sans-serif;--font-heading: p22-mackinac-pro, serif;--blockquote-border-color: var(--midnight-joshua-tree);--blockquote-color: var(--ucla-blue)}*,*:before,*:after{border-color:var(--gray-200);border-style:solid;border-width:0;box-sizing:border-box}html{accent-color:var(--accent-color, var(--ucla-blue));background-color:var(--bg-color, var(--white));caret-color:var(--caret-color, var(--ucla-blue));color:var(--color, var(--gray-900));font-family:var(--font-body);font-size:100%;line-height:var(--leading-normal);scroll-padding-top:var(--scroll-padding-top, 150px);scrollbar-color:var(--scrollbar-color, var(--ucla-blue)) transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html:has(dialog[open]){overflow:hidden}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:inherit;margin:0;overflow-x:hidden;scrollbar-gutter:stable both-edges;word-wrap:break-word}hr{block-size:0;border-block-start-width:1px;color:inherit}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:var(--font-weight-700)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{inset-block-end:-.25em}sup{inset-block-start:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;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{block-size:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;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}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--placeholder-color, var(--gray-400));opacity:100%}input::placeholder,textarea::placeholder{color:var(--placeholder-color, var(--gray-400));opacity:100%}::-moz-selection{background-color:var(--selection-bg-color, var(--blue-900));color:var(--selection-color, var(--white))}::selection{background-color:var(--selection-bg-color, var(--blue-900));color:var(--selection-color, var(--white))}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{block-size:auto;max-inline-size:100%}svg{block-size:auto;fill:currentColor;max-inline-size:100%;stroke:none}svg:where(:not([width])){inline-size:var(--size-20)}[hidden]{display:none}