.search-page{padding:var(--md-sys-spacing-6) 0 var(--md-sys-spacing-8)}.search-page [hidden]{display:none!important}.search-page__bar{margin-bottom:var(--md-sys-spacing-4)}.search-page__inner{align-items:center;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-full);display:flex;gap:var(--md-sys-spacing-2);height:56px;padding:0 var(--md-sys-spacing-4);transition:box-shadow .2s ease,background .2s ease}.search-page__inner:focus-within{background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level2)}.search-page__icon{color:var(--md-sys-color-on-surface-variant);flex-shrink:0;height:20px;width:20px}.search-page__input{background:transparent;border:none;color:var(--md-sys-color-on-surface);flex:1;font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);outline:none;padding:0}.search-page__input::placeholder{color:var(--md-sys-color-on-surface-variant)}.search-page__input::-webkit-search-cancel-button,.search-page__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-page__clear{align-items:center;background:transparent;border:none;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background .15s ease;width:32px}.search-page__clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 8%,transparent)}.search-page__clear svg{height:18px;width:18px}.search-page__toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-3);justify-content:space-between;margin-bottom:var(--md-sys-spacing-4)}.search-page__filters{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-2)}.search-page__filter-count{display:inline-block;min-width:24px;text-align:center}.search-page__sort{align-items:center;display:flex;flex-shrink:0;gap:var(--md-sys-spacing-2)}.search-page__select{appearance:none;background:var(--md-sys-color-surface-container);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);cursor:pointer;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-weight);outline:none;padding-block:var(--md-sys-spacing-1);padding-inline:var(--md-sys-spacing-3) var(--md-sys-spacing-6);transition:border-color .15s ease}[dir=rtl] .search-page__select{background-position:left 8px center}.search-page__select:focus{border-color:var(--md-sys-color-primary)}.search-page__recipe-filters{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-4);margin-bottom:var(--md-sys-spacing-4);min-height:52px;padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4)}.search-page__recipe-filters [hidden]{display:none!important}.search-page__group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-2)}.search-page__label{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-weight);white-space:nowrap}.search-page__options{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-1)}.search-page__status{margin-bottom:var(--md-sys-spacing-3);min-height:24px}.search-page__status #search-status-text{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size)}.search-page__loading{align-items:center;color:var(--md-sys-color-on-surface-variant);display:flex;flex-direction:column;padding:var(--md-sys-spacing-8) 0}.search-page__loading p{font-size:var(--md-sys-typescale-body-medium-size);margin:var(--md-sys-spacing-3) 0 0}.search-page__spinner{animation:search-spin .7s linear infinite;border:3px solid var(--md-sys-color-surface-container-highest);border-radius:50%;border-top-color:var(--md-sys-color-primary);height:36px;width:36px}@keyframes search-spin{to{transform:rotate(1turn)}}.search-page__results{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-4);margin-bottom:var(--md-sys-spacing-6);min-height:200px}.search-page__results .item-card{flex:0 0 calc(25% - var(--md-sys-spacing-4)*0.75);max-width:calc(25% - var(--md-sys-spacing-4)*.75)}.search-page__empty{align-items:center;display:flex;flex-direction:column;padding:var(--md-sys-spacing-8) var(--md-sys-spacing-4);text-align:center}.search-page__empty h3{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-weight);margin:var(--md-sys-spacing-4) 0 var(--md-sys-spacing-2)}.search-page__empty p{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);margin:0;max-width:400px}.search-page__empty__icon{color:var(--md-sys-color-on-surface-variant);height:64px;opacity:.6;width:64px}.search-page__pagination{align-items:center;display:flex;gap:var(--md-sys-spacing-3);justify-content:center;min-height:48px;padding:var(--md-sys-spacing-4) 0 var(--md-sys-spacing-2)}.search-page__pagination .btn svg{height:16px;width:16px}.search-page__info{align-items:center;display:flex;gap:var(--md-sys-spacing-1)}.search-page__num{min-width:32px;padding:0 var(--md-sys-spacing-2)}.search-page__ellipsis{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);padding:0 var(--md-sys-spacing-1);user-select:none}@media (max-width:1239px){.search-page__results .item-card{flex:0 0 calc(33.333% - var(--md-sys-spacing-4)*0.666);max-width:calc(33.333% - var(--md-sys-spacing-4)*.666)}}@media (max-width:599px){.search-page__toolbar{align-items:flex-start;flex-direction:column}.search-page__results{gap:var(--md-sys-spacing-2)}.search-page__results .item-card{flex:0 0 calc(50% - var(--md-sys-spacing-2)/2);max-width:calc(50% - var(--md-sys-spacing-2)/2)}}@media (max-width:399px){.search-page__results{gap:var(--md-sys-spacing-2)}.search-page__results .item-card{flex:0 0 100%;max-width:100%}}