@import"https://fonts.googleapis.com/css2?family=Commissioner:wght,FLAR,VOLM@100..900,100,100&display=swap";:root{--dog-50: oklch(.95 .052 77.8deg);--dog-100: oklch(.9 .057 77.8deg);--dog-200: oklch(.849 .075 77.8deg);--dog-300: oklch(.749 .071 87deg);--dog-400: oklch(.648 .068 96.3deg);--dog-500: oklch(.548 .064 105.5deg);--dog-600: oklch(.447 .061 114.8deg);--dog-700: oklch(.347 .057 124deg);--dog-800: oklch(.246 .053 133.3deg);--dog-900: oklch(.146 .05 142.5deg);--dog-950: oklch(.05 .034 142.5deg);--dog-dark-50: oklch(.95 .052 77.8deg);--dog-dark-100: oklch(.9 .057 77.8deg);--dog-dark-200: oklch(.849 .075 77.8deg);--dog-dark-300: oklch(.749 .071 87deg);--dog-dark-400: oklch(.648 .068 96.3deg);--dog-dark-500: oklch(.548 .064 105.5deg);--dog-dark-600: oklch(.447 .061 114.8deg);--dog-dark-700: oklch(.347 .057 124deg);--dog-dark-800: oklch(.246 .053 133.3deg);--dog-dark-900: oklch(.146 .05 142.5deg);--dog-dark-950: oklch(.05 .034 142.5deg);--cat-50: oklch(.95 .045 356.6deg);--cat-100: oklch(.888 .065 356.6deg);--cat-200: oklch(.788 .071 346.9deg);--cat-300: oklch(.687 .077 337.2deg);--cat-400: oklch(.587 .082 327.4deg);--cat-500: oklch(.486 .088 317.7deg);--cat-600: oklch(.386 .094 308deg);--cat-700: oklch(.285 .1 298.3deg);--cat-800: oklch(.185 .106 288.5deg);--cat-900: oklch(.1 .08 288.5deg);--cat-950: oklch(.05 .073 288.5deg);--cat-dark-50: oklch(.95 .045 356.6deg);--cat-dark-100: oklch(.888 .065 356.6deg);--cat-dark-200: oklch(.788 .071 346.9deg);--cat-dark-300: oklch(.687 .077 337.2deg);--cat-dark-400: oklch(.587 .082 327.4deg);--cat-dark-500: oklch(.486 .088 317.7deg);--cat-dark-600: oklch(.386 .094 308deg);--cat-dark-700: oklch(.285 .1 298.3deg);--cat-dark-800: oklch(.185 .106 288.5deg);--cat-dark-900: oklch(.1 .08 288.5deg);--cat-dark-950: oklch(.05 .073 288.5deg);--black: #111111;--white: #ffffff;--primary-color: var(--dog-600);--primary-color-dark: var(--dog-800);--text-color: var(--dog-950);--link-color: var(--dog-600);--link-underline-color: var(--dog-200);--background-color: var(--dog-50);--intro-background-color: var(--dog-200);--form-background: var(--dog-100);--toggle-slider-background: var(--dog-200);--toggle-slider-intro-background: var(--dog-50);--toggle-slider-foreground: var(--dog-600);--placeholder-color: var(--dog-300);--form-text-color: var(--dog-500);--form-number-background: var(--dog-200);--form-number-background-hover: var(--dog-200);--button-color: var(--dog-600);--button-color-hover: var(--dog-700);--button-border-color: var(--dog-700);--button-border-color-hover: var(--dog-800);--border-color: var(--dog-100);--error-bg: var(--dog-200);--share-background-color: var(--dog-600);--share-border-color: var(--dog-700);--info-background-color: var(--white);--theme-toggle-background: var(--dog-300);--theme-toggle-background-hover: var(--dog-400);--theme-toggle-foreground: var(--dog-700);--theme-toggle-foreground-hover: var(--dog-900);--theme-toggle-inner-shadow: var(--dog-500);--card-background: white;--animation-duration: 75ms;--animation-ease: ease-out;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 4rem;--border-radius: 1rem;--google-blue: #4285f4;--google-blue-dark: #2356a9;--apple-black: #333333;--apple-black-dark: #000000;--outlook-blue: #30acea;--outlook-blue-dark: #0078d1}.dark-mode{--primary-color: var(--dog-dark-400);--primary-color-dark: var(--dog-dark-200);--text-color: var(--dog-dark-50);--link-color: var(--dog-dark-300);--link-underline-color: var(--dog-dark-200);--background-color: var(--dog-dark-900);--intro-background-color: var(--dog-dark-800);--form-background: var(--dog-dark-800);--toggle-slider-background: var(--dog-dark-200);--toggle-slider-intro-background: var(--dog-dark-50);--toggle-slider-foreground: var(--dog-dark-600);--placeholder-color: var(--dog-dark-600);--form-text-color: var(--dog-dark-500);--form-number-background: var(--dog-dark-200);--form-number-background-hover: var(--dog-dark-200);--button-color: var(--dog-dark-600);--button-color-hover: var(--dog-dark-700);--button-border-color: var(--dog-dark-700);--button-border-color-hover: var(--dog-dark-800);--border-color: var(--dog-dark-100);--error-bg: var(--dog-dark-900);--share-background-color: var(--dog-dark-600);--share-border-color: var(--dog-dark-700);--info-background-color: var(--dog-dark-800);--theme-toggle-background: var(--dog-dark-700);--theme-toggle-background-hover: var(--dog-dark-600);--theme-toggle-foreground: var(--dog-dark-50);--theme-toggle-foreground-hover: var(--white);--theme-toggle-inner-shadow: var(--dog-dark-900)}.cat-mode{--primary-color: var(--cat-600);--primary-color-dark: var(--cat-800);--text-color: var(--cat-950);--link-color: var(--cat-600);--link-underline-color: var(--cat-200);--background-color: var(--cat-50);--intro-background-color: var(--cat-200);--form-background: var(--cat-100);--toggle-slider-background: var(--cat-200);--toggle-slider-intro-background: var(--cat-50);--toggle-slider-foreground: var(--cat-600);--placeholder-color: var(--cat-300);--form-text-color: var(--cat-500);--form-number-background: var(--cat-200);--form-number-background-hover: var(--cat-200);--button-color: var(--cat-600);--button-color-hover: var(--cat-700);--button-border-color: var(--cat-700);--button-border-color-hover: var(--cat-800);--border-color: var(--cat-100);--error-bg: var(--cat-200);--share-background-color: var(--cat-600);--share-border-color: var(--cat-700);--info-background-color: var(--white);--theme-toggle-background: var(--cat-300);--theme-toggle-background-hover: var(--cat-400);--theme-toggle-foreground: var(--cat-600);--theme-toggle-foreground-hover: var(--cat-900);--theme-toggle-inner-shadow: var(--cat-400)}.dark-mode .cat-mode{--primary-color: var(--cat-dark-400);--primary-color-dark: var(--cat-dark-200);--text-color: var(--cat-dark-50);--link-color: var(--cat-dark-300);--link-underline-color: var(--cat-dark-200);--background-color: var(--cat-dark-900);--intro-background-color: var(--cat-dark-800);--form-background: var(--cat-dark-800);--toggle-slider-background: var(--cat-dark-200);--toggle-slider-intro-background: var(--cat-dark-50);--toggle-slider-foreground: var(--cat-dark-600);--placeholder-color: var(--cat-dark-600);--form-text-color: var(--cat-dark-500);--form-number-background: var(--cat-dark-200);--form-number-background-hover: var(--cat-dark-200);--button-color: var(--cat-dark-600);--button-color-hover: var(--cat-dark-700);--button-border-color: var(--cat-dark-700);--button-border-color-hover: var(--cat-dark-800);--border-color: var(--cat-dark-100);--error-bg: var(--cat-dark-900);--share-background-color: var(--cat-dark-600);--share-border-color: var(--cat-dark-700);--info-background-color: var(--cat-dark-800);--theme-toggle-background: var(--cat-dark-500);--theme-toggle-background-hover: var(--cat-dark-400);--theme-toggle-foreground: var(--cat-dark-50);--theme-toggle-foreground-hover: var(--white);--theme-toggle-inner-shadow: var(--cat-dark-600)}html{transition:background-color var(--animation-duration) var(--animation-ease),color var(--animation-duration) var(--animation-ease)}body,input,button,select{transition:background-color var(--animation-duration) var(--animation-ease),color var(--animation-duration) var(--animation-ease),border-color var(--animation-duration) var(--animation-ease)}*{box-sizing:border-box;margin:0;padding:0}:root{--font-stack-serif: "Young Serif", Georgia, serif;--font-stack-sans: "Commissioner", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-stack-mono: "SF Mono", Consolas, "Roboto Mono", "Courier New", Courier, monospace}.font-serif{font-family:var(--font-stack-serif);font-feature-settings:"lnum"}.font-sans{font-family:var(--font-stack-sans)}body{font-family:var(--font-stack-sans);color:var(--text-color);background-color:var(--background-color);line-height:1.5;font-variation-settings:"slnt" 0,"FLAR" 100,"VOLM" 100;font-feature-settings:"lnum"}h1{color:var(--primary-color)}hr{margin:var(--spacing-lg) 0;border:0;border-top:2px solid var(--border-color);border-radius:1px}html{scroll-behavior:smooth}.logo{width:100%;max-width:12rem;order:2}@media (min-width: 768px){.logo{max-width:16rem;order:1}}a{text-decoration:none;color:var(--link-color);border-bottom:2px solid var(--link-underline-color);transition:border-bottom .1s ease-out}a:hover{border-bottom:4px solid var(--link-underline-color)}header{display:flex;flex-direction:column;align-items:start;gap:var(--spacing-lg);width:100%;max-width:1200px;justify-content:space-between;margin:0 auto;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg)}@media (min-width: 768px){header{flex-direction:row}}@media (min-width: 768px){header{padding:var(--spacing-xxl) var(--spacing-xl) var(--spacing-lg)}}.header-controls{display:flex;flex-direction:column;align-items:start;justify-content:space-between;align-items:stretch;width:100%;gap:var(--spacing-sm);order:1}@media (min-width: 568px){.header-controls{flex-direction:row;gap:var(--spacing-lg);align-items:center}}@media (min-width: 768px){.header-controls{width:unset;gap:var(--spacing-xl);order:2}}@media (min-width: 992px){.header-controls{gap:var(--spacing-xxl)}}.header-controls .species-toggle-wrap{order:2}@media (min-width: 568px){.header-controls .species-toggle-wrap{order:1}}.header-controls .theme-toggle-wrap{order:1;display:flex;justify-content:end;align-items:start}@media (min-width: 568px){.header-controls .theme-toggle-wrap{order:2}}main{max-width:1200px;min-height:100vh;margin:0 auto;display:flex;padding:0 var(--spacing-md) 0;flex-direction:column;gap:var(--spacing-xl)}@media (min-width: 568px){main{padding:0 var(--spacing-xl) 0}}@media (min-width: 768px){main{flex-direction:row}}#form-container{width:100%;display:flex;flex-direction:column;padding-top:var(--spacing-lg)}@media (min-width: 768px){#form-container{width:40%;padding-top:var(--spacing-xxl)}}#results{width:100%}@media (min-width: 768px){#results{width:60%}}@media (min-width: 1200px){#results{width:50%;margin-left:10%}}.form-group{margin-bottom:2rem}@media (min-width: 576px){.form-group{margin-bottom:2.5rem}}label{display:block;margin-bottom:var(--spacing-sm);font-weight:500}label.toggle-switch{margin-bottom:0}@media (min-width: 576px){label{margin-bottom:var(--spacing-md)}}input,select{font-family:var(--font-stack-serif);width:100%;padding:.75rem;border:none;border-radius:var(--border-radius);background-color:var(--form-background);font-size:1.5rem;color:var(--text-color)}input[type=date]{font-feature-settings:"lnum"}input::placeholder{color:var(--placeholder-color)}.age-inputs{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 568px){.age-inputs{flex-direction:row}}.age-inputs input{flex:1}.toggle-switch{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:relative;width:60px;height:34px;background-color:var(--toggle-slider-background);border-radius:34px;cursor:pointer;transition:.4s}#intro .toggle-slider{background-color:var(--toggle-slider-intro-background)}.toggle-slider:before{content:"";position:absolute;height:26px;width:26px;left:4px;bottom:4px;background-color:var(--toggle-slider-foreground);border-radius:50%;transition:.4s}.species-toggle .toggle-option{color:var(--form-text-color)}input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-option{color:var(--form-text-color);font-family:var(--font-stack-serif);font-size:1.25rem;transition:color .3s,opacity .3s;font-weight:400}@media (min-width: 568px){.toggle-option{font-size:1.5rem}}.toggle-switch:has(input:not(:checked)) .toggle-option:first-of-type{color:var(--text-color);font-weight:600;opacity:1}.toggle-switch:has(input:checked) .toggle-option:last-of-type{color:var(--text-color);font-weight:600;opacity:1}.species-toggle,.weight-unit-toggle,.age-type-toggle{display:flex}.age-input-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.number-input-group{display:flex;align-items:center;gap:0;position:relative}input[type=number]{max-width:6rem;text-align:center;border-radius:0}input[type=number],.input-suffix,.number-input-btn{height:3.25rem;line-height:2rem}#dog-age-years,#dog-age-months{padding:.75rem 0 .75rem .75rem;text-align:right}#dog-age-years{max-width:unset}@media (min-width: 568px){#dog-age-years{max-width:4.5rem}}#dog-age-months{max-width:unset}@media (min-width: 568px){#dog-age-months{max-width:2.5rem}}.input-suffix{font-size:1rem;font-family:var(--font-stack-serif);color:var(--placeholder-color);background-color:var(--form-background);opacity:1;padding:.75rem;cursor:text}.input-suffix.input-suffix-years{min-width:4rem}.input-suffix.input-suffix-months{min-width:5.5rem}.number-input-btn{padding:.75rem;border:none;background-color:var(--form-background);color:var(--text-color);font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.number-input-btn:first-of-type{border-radius:50rem 0 0 50rem}.number-input-btn:last-of-type{border-radius:0 50rem 50rem 0}.number-input-btn:hover{background-color:var(--form-number-background-hover)}.number-input-btn:disabled{color:var(--placeholder-color);background-color:var(--form-background);opacity:.5;cursor:not-allowed}.weight-input-group-wrap{display:flex;align-items:center;gap:var(--spacing-xl)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-stack-serif);font-size:1.25rem;background-color:var(--button-color);color:#fff;padding:1rem 2rem;font-weight:550;border-radius:1rem;cursor:pointer;text-decoration:none;border:none;position:relative;top:0;box-shadow:0 .4em var(--button-border-color),var(--shadow-elevation-medium);border-bottom:none;transition:background-color var(--animation-duration) var(--animation-ease),top var(--animation-duration) var(--animation-ease),box-shadow var(--animation-duration) var(--animation-ease);width:100%}.btn:hover{background-color:var(--button-color-hover);top:.2rem;box-shadow:0 .3rem var(--button-border-color-hover),var(--shadow-elevation-medium);border-bottom:none}.btn:active{top:.4rem;box-shadow:0 .1rem var(--button-border-color-hover),var(--shadow-elevation-medium);border-bottom:none}@media (min-width: 576px){.btn{width:unset}}.intro-buttons{display:flex;flex-wrap:wrap;flex-direction:row;gap:var(--spacing-md)}.btn.btn-dog,.btn.btn-cat{padding:.75rem 3rem;top:0}@media (min-width: 576px){.btn.btn-dog,.btn.btn-cat{padding:1rem 3rem}}.btn.btn-dog:hover,.btn.btn-cat:hover{top:.1em}.btn.btn-dog:active,.btn.btn-cat:active{top:.3em}.btn.btn-dog{background-color:var(--dog-600);box-shadow:0 .4em var(--dog-700),var(--shadow-elevation-medium)}.btn.btn-dog:hover{background-color:var(--dog-700);box-shadow:0 .3em var(--dog-800),var(--shadow-elevation-medium)}.btn.btn-dog:active{box-shadow:0 .1em var(--dog-800),var(--shadow-elevation-medium)}.btn.btn-cat{background-color:var(--cat-600);box-shadow:0 .4em var(--cat-700),var(--shadow-elevation-medium)}.btn.btn-cat:hover{background-color:var(--cat-700);box-shadow:0 .3em var(--cat-800),var(--shadow-elevation-medium)}.btn.btn-cat:active{box-shadow:0 .1em var(--cat-800),var(--shadow-elevation-medium)}#calculate-btn{width:100%}.btn.btn-calendar{color:#fff;font-family:var(--font-stack-sans);font-size:1rem;font-weight:400;padding:.75rem 1.25rem;border-radius:.5rem;top:0;box-shadow:0 .3em var(--button-border-color),var(--shadow-elevation-medium);transition:background-color .15s ease,box-shadow .15s ease,top .15s ease,opacity .15s ease}@media (min-width: 576px){.btn.btn-calendar{padding:.5rem 1rem}}.btn.btn-calendar:hover{top:.1em}.btn.btn-calendar:active{top:.2em}.btn.btn-calendar:disabled{opacity:.6;cursor:not-allowed;top:.2em;box-shadow:0 .1rem var(--button-border-color-hover),var(--shadow-elevation-medium)}.btn.btn-calendar.btn-small{padding:.75rem 1rem;font-size:.6rem}@media (min-width: 576px){.btn.btn-calendar.btn-small{padding:.5rem .75rem}}.btn.btn-calendar img{width:.75rem;height:auto}.btn.btn-calendar.google{background-color:var(--google-blue);box-shadow:0 .3em var(--google-blue-dark),var(--shadow-elevation-medium)}.btn.btn-calendar.google:hover{box-shadow:0 .2em var(--google-blue-dark),var(--shadow-elevation-medium)}.btn.btn-calendar.google:active{box-shadow:0 .1em var(--google-blue-dark),var(--shadow-elevation-medium)}.btn.btn-calendar.apple{background-color:var(--apple-black);box-shadow:0 .3em var(--apple-black-dark),var(--shadow-elevation-medium)}.btn.btn-calendar.apple:hover{box-shadow:0 .2em var(--apple-black-dark),var(--shadow-elevation-medium)}.btn.btn-calendar.apple:active{box-shadow:0 .1em var(--apple-black-dark),var(--shadow-elevation-medium)}.btn.btn-calendar.outlook{background-color:var(--outlook-blue);box-shadow:0 .3em var(--outlook-blue-dark),var(--shadow-elevation-medium)}.btn.btn-calendar.outlook:hover{box-shadow:0 .2em var(--outlook-blue-dark),var(--shadow-elevation-medium)}.btn.btn-calendar.outlook:active{box-shadow:0 .1em var(--outlook-blue-dark),var(--shadow-elevation-medium)}.btn.btn-calendar.share{background-color:var(--share-background-color);box-shadow:0 .3em var(--share-border-color),var(--shadow-elevation-medium)}.btn.btn-calendar.share:hover{box-shadow:0 .2em var(--share-border-color),var(--shadow-elevation-medium)}.btn.btn-calendar.share:active{box-shadow:0 .1em var(--share-border-color),var(--shadow-elevation-medium)}.btn.btn-calendar.share:disabled{box-shadow:0 .1rem var(--share-border-color),var(--shadow-elevation-medium)}@keyframes peekUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.theme-toggle-btn{background:var(--theme-toggle-background);box-shadow:inset 0 10px 10px var(--theme-toggle-inner-shadow);color:var(--theme-toggle-foreground);border-radius:50%;border:none;padding:var(--spacing-md);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:background-color var(--animation-duration) var(--animation-ease),color var(--animation-duration) var(--animation-ease)}.theme-toggle-btn:hover{background-color:var(--theme-toggle-background-hover);color:var(--theme-toggle-foreground-hover)}@media (min-width: 568px){.theme-toggle-btn{padding:var(--spacing-lg)}}.theme-icon{width:1.25rem;height:1.25rem;position:absolute;transition:opacity var(--animation-duration) var(--animation-ease),transform var(--animation-duration) var(--animation-ease);fill:currentColor}@media (min-width: 568px){.theme-icon{width:1.5rem;height:1.5rem}}.light-icon{opacity:1;transform:rotate(0)}.dark-icon{opacity:0;transform:rotate(-45deg)}.dark-mode .light-icon{opacity:0;transform:rotate(45deg)}.dark-mode .dark-icon{opacity:1;transform:rotate(0)}.toggle-buttons{display:flex;gap:var(--spacing-md)}.toggle-buttons button{flex:1;padding:var(--spacing-sm);background:#eee;border:1px solid var(--border-color);cursor:pointer;border-radius:var(--border-radius)}.toggle-buttons button.active{background:var(--primary-color);color:#fff}#birthdays-list{padding:var(--spacing-lg) 0;transition:filter .1s ease-out}@media (min-width: 768px){#birthdays-list{padding:var(--spacing-xxl) 0}}#birthdays-list.results-outdated{filter:blur(5px) opacity(.5);pointer-events:none}.upcoming-header{margin-bottom:var(--spacing-md);color:var(--primary-color)}.age-summary{margin-bottom:var(--spacing-lg)}.age-highlight{text-wrap:balance;font-size:1.5rem;line-height:1.2;color:var(--primary-color);font-weight:750;margin-bottom:var(--spacing-sm)}.birthday-card{margin-bottom:var(--spacing-md);font-family:var(--font-stack-serif)}.birthday-card h3{color:var(--primary-color)}.next-birthday{background-color:var(--info-background-color);padding:var(--spacing-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);border-radius:var(--border-radius);box-shadow:0 2px 5px #0000000d;box-shadow:var(--shadow-elevation-medium)}@media (min-width: 576px){.next-birthday{margin-bottom:var(--spacing-xl)}}.next-birthday p{color:var(--text-color);font-weight:400;font-size:1.125rem;line-height:1.25}.next-birthday-date{font-size:2.25rem;font-family:var(--font-stack-sans);line-height:1.25;margin:0 0 var(--spacing-sm) 0;color:var(--primary-color-dark);font-weight:900}@media (min-width: 768px){.next-birthday-date{font-size:3rem}}.secondary-birthday-row{display:flex;font-family:var(--font-stack-sans);gap:var(--spacing-sm);flex-direction:column;color:var(--primary-color-dark)}@media (min-width: 576px){.secondary-birthday-row{flex-direction:row;align-items:center}}.birthday-date{min-width:5rem;font-family:var(--font-stack-sans);font-weight:500;font-size:1.25rem}@media (min-width: 576px){.birthday-date{min-width:7.5rem}}@media (min-width: 576px){.birthday-date{font-size:unset}}.birthday-info{flex:1;margin-bottom:var(--spacing-sm)}@media (min-width: 576px){.birthday-info{margin-bottom:unset}}.calendar-buttons{margin-top:var(--spacing-lg)}.calendar-buttons p{margin-bottom:.5rem}.calendar-links{padding-top:var(--spacing-sm);display:flex;gap:.75rem;flex-wrap:wrap}.calendar-buttons-small{display:flex;justify-content:center;gap:.75rem;width:100%}@media (min-width: 576px){.calendar-buttons-small{gap:.25rem;width:unset}}.other-birthdays-header{font-size:1rem;font-weight:600;color:var(--primary-color);margin:var(--spacing-sm) 0;opacity:.8;font-weight:500}@media (min-width: 576px){.other-birthdays-header{margin:var(--spacing-lg) 0}}.alert{padding:.75rem;font-size:.875rem;margin:var(--spacing-xl) 0;border-radius:var(--border-radius);display:none;animation:fadeIn .3s ease-in-out;text-align:center}.alert.error,.alert.info{background-color:var(--error-bg);color:var(--text-color)}.alert.visible{display:block}.alert.fading-out{animation:fadeOut .3s ease-in-out forwards;display:block}.alert-message{flex-grow:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}#intro{display:flex;flex-direction:column;gap:0;padding:var(--spacing-md) var(--spacing-md);width:100%;overflow:hidden}@media (min-width: 568px){#intro{padding:var(--spacing-lg) var(--spacing-lg)}}@media (min-width: 768px){#intro{gap:var(--spacing-xl)}}#intro-inner{display:flex;overflow:hidden;flex-direction:column;gap:0;width:100%;background-color:var(--intro-background-color);border-radius:var(--border-radius)}#intro-content{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);gap:var(--spacing-xl)}@media (min-width: 768px){#intro-content{flex-direction:row}}#intro-content p{font-family:var(--font-stack-serif);font-size:1.25rem;font-weight:300;text-wrap:balance}#intro-content p.lead{font-size:1.25rem}@media (min-width: 768px){#intro-content p.lead{font-size:1.75rem}}#intro-content p.small{margin-top:2rem;font-family:var(--font-stack-sans);font-weight:400;font-size:1rem}#intro-text{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 768px){#intro-text{width:60%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xxl)}}#intro-image{width:60%;margin-left:40%;display:flex;align-items:end;position:relative;min-height:200px}@media (min-width: 576px){#intro-image{width:40%;margin-left:60%}}@media (min-width: 768px){#intro-image{width:30%;margin-left:10%}}#intro-image img{width:100%;height:auto;position:absolute;bottom:0;left:0;opacity:0;transform:translateY(100%);animation:peekUp .4s .2s ease-out forwards}#intro-image img#base-sprite{z-index:1}#intro-image img#accessory-sprite{z-index:2}#info{padding:0 var(--spacing-md) var(--spacing-md);display:flex;flex-direction:column;align-items:center}@media (min-width: 568px){#info{padding:0 var(--spacing-lg) var(--spacing-lg)}}#info-wrap{border-radius:var(--border-radius);width:100%;display:flex;flex-direction:column;align-items:center;background-color:var(--info-background-color)}#info-inner{max-width:1200px;width:100%;padding:var(--spacing-lg) var(--spacing-xl);font-family:var(--font-stack-serif);display:flex;flex-direction:column;gap:0}@media (min-width: 768px){#info-inner{flex-direction:row;gap:var(--spacing-xxl)}}#info-inner #info-left{width:100%}@media (min-width: 768px){#info-inner #info-left{width:30%}}#info-inner #info-right{width:100%}@media (min-width: 768px){#info-inner #info-right{width:70%}}#info-inner p,#info-inner blockquote{font-size:1.25rem;margin-bottom:var(--spacing-md);text-wrap:pretty}#info-inner blockquote{padding-left:var(--spacing-md);font-family:var(--font-stack-mono);border-left:8px solid var(--border-color)}#info-inner h2,#info-inner h3{font-family:var(--font-stack-sans);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);font-size:1.5rem;line-height:1.2;text-wrap:balance}#info-inner h3{font-weight:300;color:var(--primary-color)}#form-sprites{display:none;width:100%;align-items:end;position:relative;overflow:hidden;min-height:12rem;margin-top:var(--spacing-xl);flex-grow:1}@media (min-width: 768px){#form-sprites{display:flex}}#form-sprites img{width:50%;height:auto;position:absolute;bottom:0;opacity:0;transform:translateY(100%)}#form-sprites img#form-base-sprite{z-index:1}#form-sprites img#form-accessory-sprite{z-index:2}.sprite-visible{animation:peekUp .4s ease-out forwards}footer{background-color:var(--intro-background-color);color:var(--text-color);padding:var(--spacing-md);display:flex;justify-content:center}@media (min-width: 568px){footer{padding:var(--spacing-xl)}}footer .footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;width:100%}footer a{text-decoration:none}footer a:hover{text-decoration:underline}.lead{font-size:1.5rem}.small{font-size:.875rem}@font-face{font-family:"Young Serif";src:url(/assets/Young-Serif_wght_-7jP0Oj9P.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Young Serif";src:url(/assets/Young-Serif-Italic_wght_-CpL8uMCE.ttf) format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}:root{--shadow-color: 0deg 0% 0%;--shadow-elevation-low: .3px .8px 1px hsl(var(--shadow-color) / .1), .5px 1.3px 1.6px -1.2px hsl(var(--shadow-color) / .1), 1.1px 3.1px 3.7px -2.5px hsl(var(--shadow-color) / .1);--shadow-elevation-medium: .3px .8px 1px hsl(var(--shadow-color) / .11), .9px 2.5px 3px -.8px hsl(var(--shadow-color) / .11), 2.3px 6.4px 7.7px -1.7px hsl(var(--shadow-color) / .11), 5.7px 15.5px 18.6px -2.5px hsl(var(--shadow-color) / .11);--shadow-elevation-high: .3px .8px 1px hsl(var(--shadow-color) / .1), 1.7px 4.5px 5.4px -.4px hsl(var(--shadow-color) / .1), 3.1px 8.4px 10.1px -.7px hsl(var(--shadow-color) / .1), 5.1px 13.9px 16.7px -1.1px hsl(var(--shadow-color) / .1), 8.1px 22.1px 26.5px -1.4px hsl(var(--shadow-color) / .1), 12.7px 34.6px 41.5px -1.8px hsl(var(--shadow-color) / .1), 19.3px 52.6px 63px -2.1px hsl(var(--shadow-color) / .1), 28.5px 77.5px 92.9px -2.5px hsl(var(--shadow-color) / .1)}