:root{--color-primary:#ff4f00;--color-secondary:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-white:#fff;--color-black:#000;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.ingredients-list{background-color:var(--color-white);box-shadow:var(--shadow-xl);border:1px solid var(--color-slate-100);border-radius:2.5rem;padding:1.5rem;position:relative;overflow:hidden}@media (min-width:1024px){.ingredients-list{border-radius:3.5rem;padding:2rem}}.ingredients-list__header{flex-direction:column;gap:1rem;margin-block-end:2rem;display:flex}@media (min-width:1024px){.ingredients-list__header{flex-direction:column;justify-content:flex-start;align-items:flex-start}}.ingredients-list__servings-adjuster{background-color:var(--color-slate-50);border:1px solid var(--color-slate-100);border-radius:1rem;justify-content:space-between;align-self:flex-start;align-items:center;gap:.75rem;inline-size:100%;padding:.375rem;display:flex}@media (min-width:1024px){.ingredients-list__servings-adjuster{align-self:flex-start;inline-size:100%;margin-block-start:0;margin-inline-end:0}}.ingredients-list__users-label{color:var(--color-slate-400);white-space:nowrap;align-items:center;gap:.375rem;padding:0 .75rem;font-size:10px;font-weight:900;display:flex}.ingredients-list__controls{background-color:var(--color-white);box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-100);border-radius:.75rem;align-items:center;gap:.5rem;padding:.25rem;display:flex}.ingredients-list__control-btn{background-color:var(--color-slate-50);block-size:1.5rem;inline-size:1.5rem;color:var(--color-slate-900);border-radius:.5rem;justify-content:center;align-items:center;transition:all .3s;display:flex}.ingredients-list__control-btn:hover.decrement{background-color:var(--color-orange-500)}.ingredients-list__control-btn:hover.increment{background-color:var(--color-primary)}.ingredients-list__control-btn:hover{color:var(--color-white)}.ingredients-list__control-btn:active{transform:scale(.9)}.ingredients-list__servings-count{color:var(--color-slate-900);text-align:center;min-inline-size:1.5ch;font-size:.875rem;font-weight:900}.ingredients-list__container{z-index:10;flex-direction:column;padding:0 .5rem;display:flex;position:relative}.ingredients-list__item-wrapper{padding-block-end:1.5rem;position:relative}.ingredients-list__item-wrapper:last-child{padding-block-end:0}.ingredients-list__connector{background-color:var(--color-slate-100);z-index:0;inline-size:2px;position:absolute;inset-block:2rem 0;inset-inline-end:1.65rem}.ingredients-list__item-wrapper:last-child .ingredients-list__connector{display:none}.ingredients-list__item{z-index:10;cursor:pointer;border:2px solid #0000;border-radius:2rem;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex;position:relative}.ingredients-list__item--checked{background-color:var(--color-slate-50);border-color:var(--color-slate-100);opacity:.6}.ingredients-list__item--swapped{box-shadow:var(--shadow-sm);background-color:#fffbeb;border-color:#fde68a}.ingredients-list__item:not(.ingredients-list__item--checked,.ingredients-list__item--swapped){background-color:var(--color-white)}.ingredients-list__item:not(.ingredients-list__item--checked,.ingredients-list__item--swapped):hover{border-color:var(--color-slate-100);box-shadow:var(--shadow-lg)}.ingredients-list__checkbox{border:2px solid var(--color-slate-200);z-index:20;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;block-size:1.5rem;inline-size:1.5rem;transition:all .3s;display:flex}.ingredients-list__item--checked .ingredients-list__checkbox{background-color:var(--color-orange-500);border-color:var(--color-orange-500);color:var(--color-white);box-shadow:0 4px 6px -1px #f9731633}.ingredients-list__item:hover:not(.ingredients-list__item--checked) .ingredients-list__checkbox{border-color:#fb923c}.ingredients-list__img{-o-object-fit:cover;object-fit:cover;block-size:3.5rem;inline-size:3.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-100);border-radius:1rem;transition:transform .3s}.ingredients-list__img--placeholder{background-color:var(--color-slate-50);border:2px dashed var(--color-slate-200);box-shadow:none;justify-content:center;align-items:center;display:flex}.ingredients-list__item--checked .ingredients-list__img{filter:grayscale();border-color:var(--color-slate-200)}.ingredients-list__item:hover:not(.ingredients-list__item--checked) .ingredients-list__img{transform:scale(1.05)}.ingredients-list__info{flex:1;min-inline-size:0}.ingredients-list__name-row{align-items:center;gap:.5rem;margin-block-end:.25rem;display:flex}.ingredients-list__name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-slate-800);font-size:1rem;font-weight:900;line-height:1.25;transition:all .3s;overflow:hidden}@media (min-width:1024px){.ingredients-list__name{font-size:1.125rem}}.ingredients-list__item--checked .ingredients-list__name{color:var(--color-slate-400);text-decoration:line-through}.ingredients-list__sub-badge{color:#b45309;background-color:#fef3c7;border-radius:.5rem;padding:.125rem .5rem;font-size:9px;font-weight:900}.ingredients-list__details-row{flex-direction:column;align-items:flex-start;gap:.5rem;margin-block-start:.25rem;display:flex}.ingredients-list__details{color:var(--color-slate-500);font-size:.75rem;font-weight:700}@media (min-width:1024px){.ingredients-list__details{font-size:.875rem}}.ingredients-list__item--checked .ingredients-list__details{color:var(--color-slate-300)}.ingredients-list__swap-btn{box-shadow:var(--shadow-sm);border-radius:.75rem;flex-shrink:0;align-items:center;gap:.375rem;margin-inline-end:.25rem;padding:.5rem .75rem;transition:all .3s;display:flex}.ingredients-list__swap-btn:active{transform:scale(.95)}.ingredients-list__swap-btn--original{background-color:var(--color-slate-50);color:var(--color-slate-500);border:1px solid var(--color-slate-200)}.ingredients-list__swap-btn--original:hover{color:#ea580c;background-color:#fff7ed;border-color:#fed7aa}.ingredients-list__swap-btn--swapped{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.ingredients-list__swap-btn--swapped:hover{background-color:#fde68a}.ingredients-list__swap-label{font-size:10px;font-weight:900;display:none}@media (min-width:1024px){.ingredients-list__swap-label{display:inline}}.ingredients-list__footer{border-block-start:1px solid var(--color-slate-50);gap:1rem;margin-block-start:2.5rem;padding-block-start:1.5rem;display:flex}.ingredients-list__copy-btn{box-shadow:var(--shadow-lg);border-radius:1.5rem;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1rem;font-size:.875rem;font-weight:900;transition:all .3s;display:flex}.ingredients-list__copy-btn:active{transform:scale(.95)}.ingredients-list__copy-btn--default{background-color:var(--color-slate-900);color:var(--color-white);box-shadow:0 10px 15px -3px #0f172a33}.ingredients-list__copy-btn--default:hover{background-color:var(--color-black)}.ingredients-list__copy-btn--success{background-color:var(--color-emerald-500);color:var(--color-white);box-shadow:0 10px 15px -3px #10b98133}.ingredients-list__share-btn{color:#2563eb;block-size:3.5rem;inline-size:3.5rem;box-shadow:var(--shadow-lg);background-color:#eff6ff;border:1px solid #dbeafe;border-radius:1.5rem;justify-content:center;align-items:center;transition:all .3s;display:flex}.ingredients-list__share-btn:hover{color:var(--color-white);background-color:#2563eb}.ingredients-list__share-btn:active{transform:scale(.95)}.ingredients-list__allergen-wrapper{align-items:center;display:flex;position:relative}.ingredients-list__allergen-wrapper:hover .ingredients-list__allergen-tooltip{opacity:1}.ingredients-list__allergen-badge{cursor:help;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:10px;font-weight:900;transition:all .3s;display:flex}.ingredients-list__allergen-badge:hover{background-color:#fee2e2;border-color:#fca5a5}.ingredients-list__allergen-badge--danger{color:#b91c1c;background-color:#fef2f2;border-color:#fecaca}.ingredients-list__allergen-badge--gluten{color:#b45309;background-color:#fef3c7;border-color:#fde68a}.ingredients-list__allergen-badge--dairy{color:#1d4ed8;background-color:#dbeafe;border-color:#bfdbfe}.ingredients-list__allergen-badge--egg{color:#a16207;background-color:#fef9c3;border-color:#fef08a}.ingredients-list__allergen-badge--nuts{color:#c2410c;background-color:#ffedd5;border-color:#fed7aa}.ingredients-list__allergen-badge--fish{color:#0e7490;background-color:#cffafe;border-color:#a5f3fc}.ingredients-list__allergen-badge--soy{color:#44403c;background-color:#f5f5f4;border-color:#e7e5e4}.ingredients-list__allergen-tooltip{opacity:0;pointer-events:none;z-index:20;margin-block-end:.5rem;transition:opacity .3s;position:absolute;inset-block-end:100%;inset-inline-start:50%;transform:translate(-50%)}.ingredients-list__allergen-tooltip-content{background-color:var(--color-slate-900);color:var(--color-white);white-space:nowrap;box-shadow:var(--shadow-xl);border-radius:.75rem;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:10px;font-weight:700;display:flex}.ingredients-list__allergen-tooltip-emoji{font-size:1.125rem}.ingredients-list__allergen-tooltip-arrow{border:4px solid #0000;border-block-start-color:var(--color-slate-900);position:absolute;inset-block-start:100%;inset-inline-start:50%;transform:translate(-50%)}
:root{--color-primary:#ff4f00;--color-secondary:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-white:#fff;--color-black:#000;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.instruction-steps{background-color:var(--color-white);box-shadow:var(--shadow-xl);border:1px solid var(--color-slate-100);border-radius:2.5rem;padding:1.5rem}@media (min-width:1024px){.instruction-steps{border-radius:4rem;padding:2.5rem}}.instruction-steps__list{flex-direction:column;gap:2.5rem;display:flex}@media (min-width:1024px){.instruction-steps__list{gap:3.5rem}}.instruction-steps__group{flex-direction:column;gap:1.5rem;display:flex}.instruction-steps__group-title{color:var(--color-slate-800);align-items:center;gap:.75rem;padding-inline:.5rem;font-size:1.125rem;font-weight:900;display:flex}@media (min-width:1024px){.instruction-steps__group-title{font-size:1.5rem}}.instruction-steps__group-title-bar{background-color:var(--color-primary);border-radius:9999px;block-size:2rem;inline-size:.5rem}.instruction-steps__group-steps{flex-direction:column;gap:1.5rem;display:flex}@media (min-width:1024px){.instruction-steps__group-steps{gap:2rem}}.instruction-steps__step{gap:1rem;display:flex;position:relative}@media (min-width:1024px){.instruction-steps__step{gap:1.5rem}}.instruction-steps__indicator{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.instruction-steps__number{background-color:var(--color-slate-900);block-size:2rem;inline-size:2rem;color:var(--color-white);box-shadow:var(--shadow-xl);z-index:10;border-radius:.75rem;justify-content:center;align-items:center;font-size:.875rem;font-weight:900;transition:all .5s;display:flex;position:relative}@media (min-width:1024px){.instruction-steps__number{border-radius:1.25rem;block-size:3rem;inline-size:3rem;font-size:1.125rem}}.instruction-steps__step:hover .instruction-steps__number{background-color:var(--color-primary);transform:scale(1.1)}.instruction-steps__connector{background-color:var(--color-slate-100);inline-size:.125rem;transition:background-color .3s;position:absolute;inset-block:2rem -1.5rem}@media (min-width:1024px){.instruction-steps__connector{inline-size:.25rem;inset-block:3rem -2rem}}.instruction-steps__step:hover .instruction-steps__connector{background-color:#fff7ed}.instruction-steps__content{flex:1;padding-block:.25rem 1.5rem}@media (min-width:1024px){.instruction-steps__content{padding-block-end:2rem}}.instruction-steps__text{color:var(--color-slate-700);font-size:.875rem;font-weight:700;line-height:1.6;transition:color .3s}@media (min-width:1024px){.instruction-steps__text{font-size:1.25rem}}.instruction-steps__step:hover .instruction-steps__text{color:var(--color-slate-900)}
:root{--color-primary:#ff4f00;--color-secondary:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-white:#fff;--color-black:#000;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.chef-tips{background-color:#fff7ed80;border:1px solid #ffedd580;border-radius:2.5rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}@media (min-width:1024px){.chef-tips{border-radius:4rem;padding:3rem}}.chef-tips__sparkle-bg{color:#fdba7466;transition:transform .7s;position:absolute;inset-block-start:2.5rem;inset-inline-start:2.5rem}.chef-tips:hover .chef-tips__sparkle-bg{transform:rotate(12deg)}.chef-tips__list{z-index:10;flex-direction:column;gap:1rem;display:flex;position:relative}@media (min-width:1024px){.chef-tips__list{gap:1.5rem}}.chef-tips__item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-white);box-shadow:var(--shadow-sm);background-color:#fff9;border-radius:2rem;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}@media (min-width:1024px){.chef-tips__item{padding:2rem}}.chef-tips__item:hover{box-shadow:var(--shadow-md)}.chef-tips__item-icon{background-color:var(--color-orange-500);block-size:2rem;inline-size:2rem;color:var(--color-white);box-shadow:var(--shadow-lg);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (min-width:1024px){.chef-tips__item-icon{block-size:2.5rem;inline-size:2.5rem}}.chef-tips__item-sparkles{block-size:1rem;inline-size:1rem}@media (min-width:1024px){.chef-tips__item-sparkles{block-size:1.25rem;inline-size:1.25rem}}.chef-tips__text{color:var(--color-slate-800);font-size:.875rem;font-weight:700;line-height:1.6}@media (min-width:1024px){.chef-tips__text{font-size:1.25rem}}
:root{--color-primary:#ff4f00;--color-secondary:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-white:#fff;--color-black:#000;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.required-tools{background-color:var(--color-white);box-shadow:var(--shadow-xl);border:1px solid var(--color-slate-100);border-radius:2.5rem;margin-block-end:1.5rem;padding:1.5rem}@media (min-width:1024px){.required-tools{border-radius:4rem;padding:2.5rem}}.required-tools__list{flex-wrap:wrap;gap:.75rem;display:flex}@media (min-width:1024px){.required-tools__list{gap:1rem}}.required-tools__item{background-color:var(--color-slate-50);border:1px solid var(--color-slate-200);color:var(--color-slate-700);box-shadow:var(--shadow-sm);cursor:default;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-weight:700;transition:box-shadow .3s;display:flex}.required-tools__item:hover{box-shadow:var(--shadow-md)}.required-tools__dot{background-color:var(--color-slate-400);border-radius:9999px;block-size:.5rem;inline-size:.5rem}.required-tools__text{font-size:.875rem}@media (min-width:1024px){.required-tools__text{font-size:1rem}}
:root{--color-primary:#ff4f00;--color-secondary:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-white:#fff;--color-black:#000;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.serving-suggestions{background-color:var(--color-white);box-shadow:var(--shadow-xl);border:1px solid var(--color-slate-100);border-radius:2.5rem;padding:1.5rem}@media (min-width:1024px){.serving-suggestions{border-radius:4rem;padding:2.5rem}}.serving-suggestions__list{gap:1rem;display:grid}.serving-suggestions__item{background-color:var(--color-slate-50);border:1px solid var(--color-slate-100);border-radius:2rem;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}@media (min-width:1024px){.serving-suggestions__item{gap:1.5rem;padding:1.5rem}}.serving-suggestions__item:hover{background-color:#f5f3ff;border-color:#ddd6fe}.serving-suggestions__item-icon{background-color:var(--color-white);color:#8b5cf6;block-size:2rem;inline-size:2rem;box-shadow:var(--shadow-sm);border-radius:9999px;justify-content:center;align-items:center;transition:transform .3s;display:flex}@media (min-width:1024px){.serving-suggestions__item-icon{block-size:2.5rem;inline-size:2.5rem}}.serving-suggestions__item:hover .serving-suggestions__item-icon{transform:scale(1.1)}.serving-suggestions__text{color:var(--color-slate-700);flex:1;font-size:.875rem;font-weight:700;line-height:1.6;transition:color .3s}@media (min-width:1024px){.serving-suggestions__text{font-size:1.125rem}}.serving-suggestions__item:hover .serving-suggestions__text{color:#4c1d95}
:root{--color-primary:#ff4f00;--color-secondary:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-white:#fff;--color-black:#000;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}.recipe-keywords{background-color:var(--color-white);box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-100);border-radius:2.5rem;margin-block-start:2rem;padding:1.5rem}@media (min-width:1024px){.recipe-keywords{border-radius:3rem;padding:2rem}}.recipe-keywords__list{flex-wrap:wrap;gap:.5rem;display:flex}.recipe-keywords__keyword{background-color:var(--color-slate-50);color:var(--color-slate-600);border:1px solid var(--color-slate-100);cursor:default;border-radius:.75rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .3s}.recipe-keywords__keyword:hover{background-color:var(--color-slate-100)}