:root{--gray-90: hsl(220, 13%, 9%);--gray-80: hsl(222, 14%, 14%);--gray-70: hsl(220, 14%, 21%);--gray-60: hsl(221, 14%, 29%);--gray-50: hsl(221, 14%, 48%);--gray-40: hsl(222, 14%, 71%);--gray-30: hsl(221, 14%, 86%);--gray-20: hsl(221, 14%, 96%);--gray-10: hsl(221, 14%, 98%);--white: hsl(0, 0%, 100%);--theme: var(--white);--primary-red: hsl(0, 100%, 36%);--primary-green: hsl(136, 54%, 40%);--primary-blue: hsl(206, 54%, 40%);--primary-teal: #2f9c8d;--primary-color: hsl(171, 100%, 41%);--primary-highlight: var(--primary-red);--success-color: hsl(153, 53%, 53%);--danger-color: hsl(348, 86%, 61%);--warnging-color: hsl(44, 100%, 77%);--info-color: hsl(207, 61%, 53%);--link-color: hsl(229, 53%, 53%);--link-color-hover: hsl(229, 53%, 51%);--text-color: var(--gray-80);--text-color-light: var(--gray-50);--size-1: 3rem;--size-2: 2.5rem;--size-3: 2rem;--size-4: 1.5rem;--size-5: 1.25rem;--size-6: 1rem;--size-7: 0.875rem;--size-8: 0.75rem;--help-size: var(--size-8);--font-family-sans: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;--base-font: Comfortaa}.recipe-flex-item{flex-basis:0}.recipe-img{flex-grow:2;flex-shrink:1;max-width:480px;margin-bottom:1rem;position:relative}#recipe-search-choice{margin:0 0 .5rem 1rem}#recipe-search-choice .button{text-transform:uppercase}.recipe-filter-checkbox>input{cursor:pointer}.recipe-filter-checkbox>label{font-size:var(--size-7);font-family:var(--font-family-sans);padding-left:4px;cursor:pointer}.recipe-container{max-width:640px;flex-grow:3;flex-shrink:1;margin-left:2rem}.recipe-name{margin-bottom:1rem;font-size:2rem;font-weight:600;line-height:1.2;position:relative;top:-0.25rem}@media(max-width: 768px){.recipe-flex-item{flex-basis:100%}.recipe-container{margin-left:0}.recipe-name{position:static}}.recipe-meta{display:flex;width:100%;flex-wrap:wrap;margin-bottom:1.5rem}.recipe-meta-attribution{flex:9;justify-content:flex-start;line-height:2;padding-left:1rem}.glass-type{text-align:center;font-size:.5rem}.ingredient-list{display:grid;grid-template-columns:75px 1fr;margin-bottom:2rem;font-size:.875rem}.ingredient-list>*{padding:.25rem 0 .25rem .75rem;border-bottom:1px solid #ddd}.ingredient-list a{color:var(--text-color)}.ingredient-list a:hover{color:var(--link-color-hover)}.ingredient-amount{color:var(--text-color-light)}.ingredient-amount>sup{padding-left:.125rem}.ingredient-suffix{color:#888;font-style:italic}.recipe-steps{list-style:none;counter-reset:recipe-steps-counter;margin-bottom:3rem;padding-left:2.5rem;line-height:2}.recipe-steps li{counter-increment:recipe-steps-counter;position:relative;margin-bottom:.75rem;font-size:var(--size-7)}.recipe-steps li:last-child{margin-bottom:0}.recipe-steps li::before{content:counter(recipe-steps-counter);font-size:var(--size-5);font-weight:300;color:var(--primary-highlight);position:absolute;left:-2rem;top:-0.25rem}sub,sup{font-size:66%;font-weight:700}sup{position:relative;top:-1px}sub{position:relative;top:-1px;left:-1px}.swiper{min-height:160px;--swiper-navigation-color: var(--gray-10);--swiper-pagination-color: var(--primary-color);text-shadow:#222 1px 1px 6px}.swiper-slide{text-align:center;font-size:18px;background:inherit;width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}@media screen and (max-width: 768px){.swiper-slide{width:90%}.swiper-button-prev,.swiper-button-next{display:none}}.swiper-button-prev,.swiper-button-next{text-shadow:#222 1px 1px 6px}.swiper-button-next:not(.swiper-button-disabled):hover,.swiper-button-prev:not(.swiper-button-disabled):hover{color:#bbb}.swiper-solo .swiper-slide{width:100% !important}