@layer komponenter{.sok{display:block;position:relative}.sok__form{margin:0}.sok__falt{display:flex;align-items:center;min-block-size:48px;border:1.5px solid var(--farg-kant);border-radius:var(--r-m);background:var(--vit);color:var(--blaek)}.sok--sidhuvud .sok__falt{border-color:transparent;border-radius:999px;background:var(--vit);padding-inline:4px}.sok__etikett{display:flex;flex:1;min-inline-size:0}.sok__input{inline-size:100%;min-inline-size:0;block-size:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--blaek);font-size:1rem;text-overflow:ellipsis;-webkit-appearance:none;appearance:none}.sok__input::placeholder{color:var(--blaek-2);opacity:1}.sok__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.sok:defined .sok__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.sok__knapp{order:-1;color:var(--blaek-2)}.sok__knapp:hover,.sok__rensa:hover{color:var(--blaek)}.sok__rensa{color:var(--blaek-2)}.sok__falt .ikonknapp{--fokus: var(--blaek)}@supports selector(:has(*)){.sok__input:focus-visible{outline:none}.sok__falt:has(.sok__input:focus-visible){outline:2px solid var(--fokus);outline-offset:2px}}.sok__panel{--text: var(--blaek);--text-2: var(--blaek-2);--fokus: var(--blaek);--linjefarg: var(--inaktiv-yta);container:sok-panel / inline-size;position:fixed;inset:var(--sok-topp, 0) auto auto var(--sok-vanster, 0);z-index:40;box-sizing:border-box;inline-size:var(--sok-bredd, 100%);max-inline-size:100vw;block-size:auto;max-block-size:var(--sok-hojd, 80dvh);margin:0;padding:var(--s-4);border:1px solid transparent;border-radius:var(--r-l);background:var(--papper);color:var(--blaek);box-shadow:var(--skugga-lada);overflow:auto;overscroll-behavior:contain;transition:opacity var(--tid-snabb) var(--kurva),translate var(--tid-snabb) var(--kurva)}.sok__panel:focus{outline:none}@starting-style{.sok__panel:popover-open{opacity:0;translate:0 -4px}}.sok__panel[data-lage=helskarm]{block-size:var(--sok-hojd, 100dvh);border-width:1px 0 0;border-color:var(--linjefarg);border-radius:0;box-shadow:none;padding-block-end:calc(var(--s-6) + env(safe-area-inset-bottom,0px))}html[data-sok-las]{overflow:hidden;scrollbar-gutter:stable}.sok__panel[aria-busy=true] .sok__svar{opacity:.55;transition:opacity var(--tid-snabb) var(--kurva) .3s}.sok__stangrad{position:sticky;inset-block-start:0;z-index:1;display:flex;justify-content:flex-end;block-size:0}.sok__stang{margin-block-start:calc(var(--s-2) * -1);margin-inline-end:calc(var(--s-2) * -1);background:var(--yta, var(--papper))}.sok__tomt,.sok-forslag__lista,.sok-forslag__inga{display:grid;gap:var(--s-5)}.sok__block,.sok-forslag__grupp{display:grid;align-content:start;min-inline-size:0}.sok__rubrik{margin-block-end:var(--s-2);padding-inline-end:var(--tryckyta);color:var(--text-2);font-size:var(--t-mikro);font-weight:600;letter-spacing:.01em}.sok__rubrikrad{display:flex;align-items:center;gap:var(--s-3);padding-inline-end:var(--tryckyta)}.sok__rubrikrad .sok__rubrik{margin:0;padding:0}.sok__rensa-senaste{font-size:var(--t-liten)}.sok .chip{min-block-size:var(--tryckyta)}.sok__rad,.sok-forslag__rad,.sok-forslag__produkt,.sok-forslag__alla{display:flex;align-items:center;gap:var(--s-3);min-block-size:var(--tryckyta);margin-inline:calc(var(--s-2) * -1);padding-inline:var(--s-2);border-radius:var(--r-m);color:inherit;text-decoration:none}.sok__rad .ikon{color:var(--text-2)}.sok-forslag__rad{justify-content:space-between}.sok-forslag__produkt{padding-block:var(--s-2)}.sok-forslag__alla{min-block-size:48px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.sok [role=option]:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.sok [role=option][aria-selected=true]{background:color-mix(in srgb,var(--text) 8%,transparent);outline:2px solid var(--fokus);outline-offset:-2px}.sok-forslag__bild{flex:none;inline-size:56px;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--r-s);background:var(--farg-platta)}.sok-forslag__bild .produktbild{border-radius:0}.sok-forslag__bild .produktbild--tom{padding:var(--s-1);font-size:.625rem}.sok-forslag__text{display:grid;gap:2px;min-inline-size:0}.sok-forslag__marke{color:var(--text-2);font-size:var(--t-mikro);font-weight:600;letter-spacing:.01em}.sok-forslag__titel{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.9375rem;line-height:1.35}.sok-forslag__pris{font-family:var(--font-rubrik);font-size:var(--t-liten);font-weight:600;font-variant-numeric:tabular-nums}.sok-forslag__pris:empty{display:none}.sok-forslag__pris .pris__nu{font-size:inherit}.sok-forslag__inga .chips{margin-block:var(--s-1)}@container sok-panel (min-width: 640px){.sok-forslag__lista--tva{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:var(--s-4) var(--s-6)}.sok-forslag__lista--tva>.sok-forslag__grupp--produkter{grid-column:1;grid-row:1 / span 3}.sok-forslag__lista--tva>.sok-forslag__grupp:not(.sok-forslag__grupp--produkter){grid-column:2}.sok-forslag__lista--tva>.sok-forslag__alla{grid-column:1 / -1}}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/sok.css.map */