*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-100.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-200.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-300italic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(src/lib/assets/fonts/dm-sans-v17-latin-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--main-font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--blue-700: hsl(203, 90%, 22%);--blue-600: hsl(203, 85%, 32%);--blue-500: hsl(203, 80%, 42%);--blue-400: hsl(203, 75%, 52%);--blue-300: hsl(203, 65%, 65%);--blue-200: hsl(203, 60%, 78%);--blue-100: hsl(203, 55%, 90%);--blue-50: hsl(203, 50%, 95%);--red-700: hsl(4, 75%, 25%);--red-600: hsl(4, 70%, 35%);--red-500: hsl(4, 65%, 45%);--red-400: hsl(4, 60%, 55%);--red-300: hsl(4, 55%, 65%);--red-200: hsl(4, 50%, 75%);--red-100: hsl(4, 45%, 85%);--orange-700: hsl(30, 80%, 28%);--orange-600: hsl(30, 75%, 38%);--orange-500: hsl(30, 70%, 48%);--orange-400: hsl(30, 65%, 58%);--orange-300: hsl(30, 60%, 68%);--orange-200: hsl(30, 55%, 78%);--orange-100: hsl(30, 50%, 88%);--green-700: hsl(150, 90%, 18%);--green-600: hsl(150, 85%, 28%);--green-500: hsl(150, 80%, 38%);--green-400: hsl(150, 75%, 48%);--green-300: hsl(150, 65%, 60%);--green-200: hsl(150, 55%, 72%);--green-100: hsl(150, 45%, 85%);--grey-700: hsl(210, 12%, 15%);--grey-600: hsl(210, 10%, 25%);--grey-500: hsl(210, 8%, 40%);--grey-400: hsl(210, 7%, 55%);--grey-300: hsl(210, 6%, 70%);--grey-200: hsl(210, 5%, 80%);--grey-100: hsl(240, 4%, 95%);--grey-50: hsl(210, 5%, 98%);--background-color-primary: hsl(0, 0%, 100%);--background-color-secondary: hsl(210, 10%, 97%);--main-text-color: var(--grey-700);--font-color-card: hsl(0, 0%, 100%);--favorite-notification-color: hsl(54, 100%, 60%);--shadow-sm: 0 .125rem .25rem hsla(213, 12%, 15%, .08);--shadow-md: 0 .25rem .75rem hsla(213, 12%, 15%, .12), 0 .125rem .25rem hsla(213, 12%, 15%, .08);--shadow-lg: 0 .5rem 1rem hsla(213, 12%, 15%, .15), 0 .25rem .5rem hsla(213, 12%, 15%, .1);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 999px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{font-family:var(--main-font);color:var(--main-text-color);background-color:var(--background-color-primary);line-height:1.5}.h1,.main-title{font-size:clamp(24px,5vw,48px);font-weight:700;line-height:1.2}.h2,.large-title{font-size:clamp(20px,4.5vw,36px);font-weight:600;line-height:1.3}.h3,.sub-title{font-size:clamp(16px,3vw,25px);font-weight:600;line-height:1.4}.h4,.large-copy{font-size:clamp(14px,2.5vw,18px);font-weight:300;line-height:1.5}.h5,.body-copy{font-size:clamp(14px,2vw,16px);font-weight:300;line-height:1.6}.h6,.micro-copy{font-size:clamp(12px,1.5vw,14px);font-weight:300;line-height:1.4}.paragraph{font-size:clamp(12px,1.5vw,13px);font-weight:400;line-height:1.6}.sub-text{font-size:clamp(10px,1.5vw,11px);font-weight:400;line-height:1.5}a{font-family:inherit;color:var(--grey-700);text-decoration:none;border:none}button{font-family:inherit;border:none;background:none;cursor:pointer}input,textarea,select{font-family:inherit}.skip-link{position:absolute;top:-100%;left:1rem;z-index:9999;background:var(--orange-400);color:var(--background-color-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;text-decoration:none;box-shadow:var(--shadow-md);transition:var(--transition-base)}.skip-link:focus{top:1rem;outline:3px solid var(--blue-500);outline-offset:2px}.skip-link:hover{background:var(--blue-400)}.skip-link:active{transform:scale(.98)}*:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}