@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:"Playfair Display",serif;--font-mono:"Ubuntu Mono",monospace;--color-black:#000;--spacing:.25rem;--container-lg:32rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--tracking-widest:.1em;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-body:"Roboto",sans-serif;--color-background:#f2f2f2;--color-primary:#ae3bff;--color-secondary:#ffca00;--color-success:#5fa242;--color-danger:#ff4800;--color-text:#333}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.container{max-width:1100px;margin-inline:auto;padding-inline:24px}}@layer utilities{.absolute{position:absolute}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-8{margin-inline:calc(var(--spacing)*8)}.mx-16{margin-inline:calc(var(--spacing)*16)}.my-6{margin-block:calc(var(--spacing)*6)}.my-20{margin-block:calc(var(--spacing)*20)}.my-28{margin-block:calc(var(--spacing)*28)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-5{height:calc(var(--spacing)*5)}.h-full{height:100%}.max-h-140{max-height:calc(var(--spacing)*140)}.w-5{width:calc(var(--spacing)*5)}.w-72{width:calc(var(--spacing)*72)}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.resize-none{resize:none}.scroll-mt-24{scroll-margin-top:calc(var(--spacing)*24)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-8{gap:calc(var(--spacing)*8)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.place-self-end{place-self:end}.justify-self-center{justify-self:center}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-3{border-top-style:var(--tw-border-style);border-top-width:3px}.border-t-6{border-top-style:var(--tw-border-style);border-top-width:6px}.border-t-8{border-top-style:var(--tw-border-style);border-top-width:8px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-black{border-color:var(--color-black)}.border-text{border-color:var(--color-text)}.bg-background{background-color:var(--color-background)}.bg-danger\/10{background-color:#ff48001a}@supports (color:color-mix(in lab,red,red)){.bg-danger\/10{background-color:color-mix(in oklab,var(--color-danger)10%,transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-success\/10{background-color:#5fa2421a}@supports (color:color-mix(in lab,red,red)){.bg-success\/10{background-color:color-mix(in oklab,var(--color-success)10%,transparent)}}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-4{padding-right:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-justify{text-align:justify}.font-mono{font-family:var(--font-mono)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[\.13em\]{--tw-tracking:.13em;letter-spacing:.13em}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-danger{color:var(--color-danger)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.italic{font-style:italic}@media(hover:hover){.hover\:border-text:hover{border-color:var(--color-text)}.hover\:bg-text\/10:hover{background-color:#3333331a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-text\/10:hover{background-color:color-mix(in oklab,var(--color-text)10%,transparent)}}.hover\:text-primary:hover{color:var(--color-primary)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media(min-width:40rem){.sm\:px-16{padding-inline:calc(var(--spacing)*16)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media(min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:px-16{padding-inline:calc(var(--spacing)*16)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:px-32{padding-inline:calc(var(--spacing)*32)}}@media(min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:px-32{padding-inline:calc(var(--spacing)*32)}.xl\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);margin:0;padding:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}.smile-face{width:2rem;height:2rem}.smile-face .smile-face__icon{transform:rotate(-45deg)}.smile-face.smile-face--small{width:1.2rem;height:1.2rem}.smile-face.smile-face--medium{width:1.5rem;height:1.5rem}.smile-face.smile-face--animated{animation:wiggle 1s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.button{font-family:var(--font-mono);padding-block:.5rem;padding-inline:1rem;position:relative;overflow:hidden;cursor:pointer}.button.button--primary{border:2px solid var(--color-primary);color:var(--color-primary)}.button.button--primary:hover{color:#fff;background-color:var(--color-primary)}.button.button--default{border:2px solid var(--color-text);color:inherit}.button.button--default:hover{border:2px solid var(--color-text);background-color:var(--color-text);color:#fff}.button.button--outlined{border:1px solid var(--color-text);color:inherit}.button.button--outlined:hover{border:1px solid var(--color-text);background-color:var(--color-text);color:#fff}.button.button--icon-only{padding-block:.25rem;padding-inline:.25rem}.button.button--pill{border-radius:9999px;padding-block:.75rem;padding-inline:.75rem}.card{border:1px solid var(--color-text);padding:1.5rem;cursor:pointer}.card__title{font-family:var(--font-mono);font-size:large;margin-bottom:1rem;text-align:right;position:relative;padding-bottom:.4rem}.card__title:after{content:"";position:absolute;right:0;bottom:0;width:60%;border-bottom:2px solid #000}.card__media{width:100%;aspect-ratio:1 / 1;overflow:hidden;border:1px solid #000}.card__image{width:100%;height:100%;object-fit:cover;display:block}.card:hover{outline:1px solid var(--color-text);background:lch(from var(--color-text) l c h / .08)}.card:focus{outline:1px solid var(--color-text)}.modal{border:1px solid var(--color-text);margin:auto;max-width:800px;width:90%;padding:0;box-shadow:0 0 1rem lch(from var(--color-text) l c h / .5)}.modal__content{background:var(--color-background);padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.modal__details{display:flex;flex-direction:column;gap:1rem}.modal__header{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}.modal__title{font-family:var(--font-mono);font-size:1.5rem}.modal__description{text-align:justify;font-size:1rem;white-space:pre-line}.modal__close-button{border:1px solid var(--color-text);background:var(--color-background);padding:.25rem;justify-self:end}.modal__close-button:hover{background:var(--color-text);color:var(--color-background);cursor:pointer}.modal__links{display:flex;justify-content:center;gap:1rem;margin-top:1rem;font-family:var(--font-mono)}.modal__link:hover{color:var(--color-primary);border-color:var(--color-text);text-decoration:underline}.modal__media{display:flex;justify-content:center;align-items:center}.modal__image{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border:1px solid #000}.modal::backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:767px){.modal__content{grid-template-columns:1fr}}.field{position:relative;display:flex;flex-direction:column;gap:.25rem;padding:1rem 2rem}.field:after{content:"";position:absolute;left:0;bottom:0;height:1px;background:var(--color-text);width:100%;transition:all .2s ease}.field:focus-within:after{height:2px;background:var(--color-primary)}.field:focus-within{background:lch(from var(--color-text) l c h / .03)}