.oppie-recipe-index{background-color:var(--color-background);color:var(--color-foreground);padding-block:var(--pt) var(--pb)}.oppie-recipe-index__inner{display:flex;flex-direction:column;gap:var(--space-10)}.oppie-recipe-index__head{display:flex;flex-direction:column;gap:var(--space-5)}.oppie-recipe-index__crumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:.8125rem;color:var(--fg-subtle)}.oppie-recipe-index__crumbs a{color:var(--fg-muted);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.oppie-recipe-index__crumbs a:hover{color:var(--accent)}.oppie-recipe-index__crumbs [aria-current=page]{color:var(--fg)}.oppie-recipe-index__head-grid{display:grid;gap:var(--space-6);align-items:end}.oppie-recipe-index__head-text{display:flex;flex-direction:column;gap:var(--space-3)}.oppie-recipe-index__title{margin:0;font-family:var(--font-heading--family);font-weight:700;font-size:clamp(2.25rem,4.6vw,3.5rem);line-height:1.04;letter-spacing:-.025em;color:var(--color-foreground-heading);text-wrap:balance}.oppie-recipe-index__intro{margin:0;max-width:54ch;font-size:1.0625rem;line-height:1.55;color:var(--fg-muted)}@media screen and (min-width:990px){.oppie-recipe-index__head-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,26rem);gap:var(--space-12)}}.oppie-recipe-index__search{position:relative;width:100%;margin:0}.oppie-recipe-index__search-icon{position:absolute;top:50%;left:var(--space-5);transform:translateY(-50%);color:var(--fg-muted);pointer-events:none}.oppie-recipe-index .oppie-recipe-index__search-input{width:100%;min-height:52px;padding:0 calc(var(--space-5) + 32px) 0 calc(var(--space-5) + 28px);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--fg);font:inherit;font-size:1rem;box-shadow:var(--shadow-float);transition:border-color var(--dur-fast) var(--ease-out)}.oppie-recipe-index .oppie-recipe-index__search-input::placeholder{color:var(--fg-subtle)}.oppie-recipe-index .oppie-recipe-index__search-input:focus-visible{outline:none;border-color:var(--fg)}.oppie-recipe-index .oppie-recipe-index__search-input::-webkit-search-cancel-button{display:none}.oppie-recipe-index__search-clear{position:absolute;top:50%;right:var(--space-3);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--fg-muted);transform:translateY(-50%);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out)}.oppie-recipe-index__search-clear:hover{background:color-mix(in srgb,var(--fg) 6%,transparent)}.oppie-recipe-index__search-clear[hidden]{display:none}.oppie-recipe-index__filters{display:flex;flex-direction:column;gap:var(--space-4);padding-block:var(--space-6);border-block:1px solid var(--border-soft)}.oppie-recipe-index__filter-row{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.oppie-recipe-index__filter-label{font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.oppie-recipe-index__devices,.oppie-recipe-index__pills{display:flex;gap:var(--space-2);margin:0 calc(var(--page-margin, 16px) * -1);padding:var(--space-1) var(--page-margin, 16px);overflow-x:auto;list-style:none;scrollbar-width:none}.oppie-recipe-index__devices::-webkit-scrollbar,.oppie-recipe-index__pills::-webkit-scrollbar{display:none}.oppie-recipe-index__devices>li,.oppie-recipe-index__pills>li{flex:none}.oppie-recipe-index__device{display:inline-flex;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-5) var(--space-2) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--fg);font-size:.9375rem;font-weight:500;white-space:nowrap;text-decoration:none;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.oppie-recipe-index__device:hover{border-color:var(--fg-subtle)}.oppie-recipe-index__device-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--fg) 6%,var(--surface));color:var(--fg);transition:background-color var(--dur-fast) var(--ease-out)}.oppie-recipe-index__device.is-active{border-color:var(--fg);background:var(--fg);color:var(--fg-inverse)}.oppie-recipe-index__device.is-active .oppie-recipe-index__device-icon{background:color-mix(in srgb,var(--fg-inverse) 16%,transparent);color:var(--fg-inverse)}.oppie-recipe-index__pill{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--fg);font-size:.9375rem;font-weight:500;white-space:nowrap;text-decoration:none;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.oppie-recipe-index__pill:hover{border-color:var(--fg-subtle)}.oppie-recipe-index__pill.is-active{border-color:var(--fg);background:var(--fg);color:var(--fg-inverse)}.oppie-recipe-index__device:focus-visible,.oppie-recipe-index__pill:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media screen and (min-width:750px){.oppie-recipe-index__filter-row{flex-direction:row;align-items:center;gap:var(--space-6)}.oppie-recipe-index__filter-label{flex:none;width:5.5rem}.oppie-recipe-index__devices,.oppie-recipe-index__pills{flex-wrap:wrap;margin:0;padding:0;overflow:visible}}.oppie-recipe-index__results{display:flex;flex-direction:column;gap:var(--space-5);margin-top:calc(var(--space-4) * -1)}.oppie-recipe-index__count{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin:0;font-size:.9375rem;font-weight:500;font-variant-numeric:tabular-nums}.oppie-recipe-index__count[hidden]{display:none}.oppie-recipe-index__count-page{font-weight:400;color:var(--fg-muted)}.oppie-recipe-index__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.oppie-recipe-index__grid[hidden]{display:none}@media screen and (min-width:600px){.oppie-recipe-index__grid{gap:var(--space-4)}}@media screen and (min-width:990px){.oppie-recipe-index__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}}@media screen and (min-width:1200px){.oppie-recipe-index__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.oppie-recipe-index__no-results,.oppie-recipe-index__empty-static{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);max-width:32rem;margin:0}.oppie-recipe-index__no-results[hidden]{display:none}.oppie-recipe-index__no-results-title{margin:0;font-size:1.25rem;font-weight:500}.oppie-recipe-index__no-results-text{margin:0;color:var(--fg-muted)}[data-recipe-pagination][hidden]{display:none}.oppie-recipe-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.oppie-recipe-pagination__pages{display:flex;align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none}.oppie-recipe-pagination__page,.oppie-recipe-pagination__step,.oppie-recipe-pagination__gap{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--space-2);border-radius:var(--radius-pill);color:var(--fg);font-weight:500;font-variant-numeric:tabular-nums;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out)}.oppie-recipe-pagination__step{border:1px solid var(--border)}a.oppie-recipe-pagination__page:hover,a.oppie-recipe-pagination__step:hover{background:color-mix(in srgb,var(--fg) 6%,transparent)}.oppie-recipe-pagination__page.is-current{background:var(--fg);color:var(--fg-inverse)}.oppie-recipe-pagination__step.is-disabled{opacity:.35}.oppie-recipe-pagination__gap{min-width:24px;color:var(--fg-muted)}.oppie-recipe-pagination a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-oppie-recipe-index.css.map */