search-sentir{display:contents}.ss{--ss-ink: var(--sp-ink, #121212);--ss-kop: var(--sp-heading, #141414);--ss-tekst: var(--sp-body, #4a4a4a);--ss-vlak: rgba(255, 255, 255, .62);--ss-duur: .28s;--ss-curve: cubic-bezier(.16, 1, .3, 1);--ss-hoogte: var(--ss-vh, 100dvh);--ss-marge: 12px;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:var(--ss-marge);border:0;background:transparent;overflow:hidden;color:var(--ss-tekst);font-family:var(--sp-body-font, "Ubuntu", -apple-system, sans-serif);line-height:1.4;letter-spacing:0;box-sizing:border-box}.ss *,.ss *:before,.ss *:after{box-sizing:border-box}.ss[open]{display:flex;align-items:flex-start;justify-content:center}.ss::backdrop{background:transparent}@media screen and (min-width:750px){.ss{--ss-marge: 24px;padding-top:clamp(24px,10vh,112px)}}.ss .ss__waas{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#221a1257;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);opacity:0;transition:opacity var(--ss-duur) ease}.ss.is-open .ss__waas{opacity:1}.ss__paneel{position:relative;display:flex;flex-direction:column;width:min(720px,100%);max-height:calc(var(--ss-hoogte) - var(--ss-marge) * 2);border:1px solid rgba(255,255,255,.6);border-radius:var(--sp-radius-lg, 10px);background:linear-gradient(180deg,#ffffffdb,#faf7f3c7);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);box-shadow:0 40px 96px -24px #12121273,0 2px 8px #12121214,inset 0 1px #fffffff2,inset 0 -1px #fff6;overflow:hidden;opacity:0;transform:translateY(-12px) scale(.97);transform-origin:50% 0;transition:opacity var(--ss-duur) ease,transform var(--ss-duur) var(--ss-curve)}.ss__paneel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(120% 56% at 0% 0%,#ffffffb3,#fff0 60%);pointer-events:none}.ss.is-open .ss__paneel{opacity:1;transform:none}.ss.is-closing .ss__waas,.ss.is-closing .ss__paneel{transition-duration:.16s}.ss__balk{position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex-shrink:0;padding:14px 14px 6px}@media screen and (min-width:750px){.ss__balk{gap:12px;padding:18px 18px 6px}}.ss__zoekveld{display:flex;flex:1 1 auto;align-items:center;gap:8px;min-width:0;height:48px;margin:0;padding:0 6px 0 16px;border-radius:var(--sp-radius-md, 8px);background:#4637281a;box-shadow:inset 0 0 0 1px #1212120a;cursor:text;transition:background-color .2s ease,box-shadow .2s ease}.ss__zoekveld:focus-within{background:#ffffffd1;box-shadow:inset 0 0 0 1px #12121261,0 0 0 4px #12121212}.ss__loep{flex-shrink:0;color:#6b6b6b;transition:color .2s ease}.ss__zoekveld:focus-within .ss__loep{color:var(--ss-kop)}.ss__veld{flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0 2px;border:0;border-radius:0;background:transparent;color:var(--ss-kop);font-family:inherit;font-size:17px;letter-spacing:0;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none}.ss .ss__veld:focus,.ss .ss__veld:focus-visible{outline:0;box-shadow:none}.ss__veld::placeholder{color:#6b6b6b;opacity:1}.ss__veldwrap{position:relative;display:block;flex:1 1 auto;min-width:0;height:100%}.ss__veldwrap .ss__veld{display:block;width:100%}.ss__hint{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;perspective:240px;perspective-origin:90px 50%}.ss__hint[hidden]{display:none}.ss__hint-regel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:0 2px;overflow:hidden;color:#6b6b6b;font-size:17px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;transform-origin:50% 50%;transition:transform .46s cubic-bezier(.2,.8,.2,1),opacity .32s ease;will-change:transform,opacity}.ss__hint-regel.is-onder{opacity:0;transform:translateY(70%) rotateX(-70deg)}.ss__hint-regel.is-boven{opacity:0;transform:translateY(-70%) rotateX(70deg)}.ss__veld::-webkit-search-cancel-button,.ss__veld::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.ss__wis{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:0;border:0;border-radius:var(--sp-radius-sm, 5px);background:transparent;cursor:pointer}.ss__wis[hidden]{display:none}.ss__wis-rondje{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#3c3c438c;color:#fff;transition:background-color .16s ease,transform .1s ease-out}.ss__dicht{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;border-radius:var(--sp-radius-md, 8px);background:#4637281a;box-shadow:inset 0 0 0 1px #1212120a;color:#4a4a4a;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .1s ease-out}@media(hover:hover){.ss__dicht:hover{background:#4637282e;color:var(--ss-ink)}.ss__wis:hover .ss__wis-rondje{background:#3c3c43cc}}.ss__dicht:active{background:#4637283d;transform:scale(.94)}.ss__wis:active .ss__wis-rondje{background:#3c3c43e6;transform:scale(.9)}.ss__spinner{flex-shrink:0;width:16px;height:16px;margin-right:4px;border:2px solid rgba(18,18,18,.14);border-top-color:var(--ss-ink);border-radius:50%;opacity:0;transition:opacity .12s ease}search-sentir[data-staat=laden] .ss__spinner{opacity:1;animation:ss-draai .7s linear infinite}@keyframes ss-draai{to{transform:rotate(360deg)}}.ss__inhoud{position:relative;flex:1 1 auto;min-height:0;padding:8px 20px 20px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.ss__uitkomst[hidden],.ss__niets[hidden],.ss__alles[hidden],.ss__rust[hidden]{display:none}search-sentir[data-staat=laden] .ss__uitkomst{opacity:.55;transition:opacity .16s ease}.ss__kop{margin:16px 0 12px;color:var(--ss-tekst);font-size:13px;font-weight:500;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.ss__prijs{color:var(--ss-kop);font-size:15px;font-weight:500;white-space:nowrap}.ss a:focus-visible,.ss button:focus-visible{outline:2px solid var(--ss-ink);outline-offset:2px}.ss-beste,.ss-rij,.ss-kaart{position:relative}.ss__link{color:inherit;text-decoration:none}.ss__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.ss .ss__link:focus-visible{outline:0}.ss .ss__link:focus-visible:after{outline:2px solid var(--ss-ink);outline-offset:2px}.ss__atc{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;padding:0;border:0;border-radius:var(--sp-radius-sm, 5px);background:var(--ss-ink);color:#fff;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.ss__atc:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}@media(hover:hover){.ss__atc:hover{background:#2e2e2e}}.ss__atc:active{transform:scale(.94)}.ss__atc-vink,.ss__atc-spinner,.ss__atc[data-staat=bezig] .ss__atc-plus,.ss__atc[data-staat=klaar] .ss__atc-plus{display:none}.ss__atc[data-staat=bezig]{cursor:progress}.ss__atc[data-staat=bezig] .ss__atc-spinner{display:block;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:ss-draai .7s linear infinite}.ss__atc[data-staat=klaar] .ss__atc-vink{display:block}.ss__pijl{flex-shrink:0;color:var(--ss-kop)}.ss__op{color:var(--ss-tekst);font-size:14px}.ss__melding{flex-shrink:0;margin:6px 18px 0;padding:10px 14px;border-radius:var(--sp-radius-md, 8px);background:#fbeaea;color:#8a1f1f;font-size:15px}.ss__melding[hidden]{display:none}.ss-beste{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid rgba(255,255,255,.8);border-radius:var(--sp-radius-md, 8px);background:var(--ss-vlak);box-shadow:0 1px 2px #1212120d,inset 0 1px #ffffffe6;color:inherit;text-decoration:none;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.ss-beste:hover{background:#ffffffe0;box-shadow:0 8px 24px -8px #1212122e,inset 0 1px #ffffffe6}.ss-beste__media,.ss-rij__media,.ss-kaart__media{display:block;flex-shrink:0;overflow:hidden;background:var(--sp-ivory, #faf7f3)}.ss-beste__media{width:96px;height:96px;border-radius:var(--sp-radius-sm, 5px)}.ss-beste__media img,.ss-rij__media img,.ss-kaart__media img{display:block;width:100%;height:100%;object-fit:cover}.ss-beste__tekst{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;min-width:0}.ss-beste__titel{color:var(--ss-kop);font-family:var(--sp-heading-font, "Marcellus", "Times New Roman", serif);font-size:20px;line-height:1.2}.ss__pillen{display:flex;flex-wrap:wrap;gap:6px}.ss__pil{padding:3px 10px;border-radius:var(--sp-radius-sm, 5px);background:var(--sp-beige, #f4eee8);color:var(--ss-kop);font-size:13px;line-height:1.4}.ss__pil--gender{padding:2px 9px;border:1px solid rgba(18,18,18,.28);background:transparent}.ss-beste__kort{color:var(--ss-tekst);font-size:15px;line-height:1.45}.ss-beste__voet{display:flex;align-items:center;gap:12px;min-height:40px}.ss__rating{display:inline-flex;align-items:center;gap:4px;color:var(--ss-tekst);font-size:14px}.ss__rating svg{color:var(--sp-gold, #c08a2e)}.ss-beste__actie{display:inline-flex;margin-left:auto}@media screen and (min-width:750px){.ss-beste{gap:20px;padding:16px}.ss-beste__media{width:120px;height:120px}}@media screen and (max-width:479px){.ss-beste__kort{display:none}.ss-besten li:not(:only-child) .ss-beste__kort{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}}.ss-besten{display:grid;gap:8px}.ss-besten,.ss-rijen,.ss__termen,.ss__populair{margin:0;padding:0;list-style:none}.ss-rij{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;grid-template-areas:"media tekst prijs actie";align-items:center;column-gap:12px;min-height:64px;margin:0 -8px;padding:8px;border-radius:var(--sp-radius-md, 8px);transition:background-color .16s ease}.ss-rij:hover{background:var(--ss-vlak)}.ss-rij__media{grid-area:media}.ss-rij__tekst{grid-area:tekst}.ss-rij__prijs{grid-area:prijs;display:inline-flex;align-items:baseline;gap:8px}.ss-rij__actie{grid-area:actie;display:inline-flex;justify-content:center;width:40px}@media screen and (max-width:479px){.ss-rij{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"media tekst actie" "media prijs actie";row-gap:2px}.ss-rij__media{align-self:start}}.ss-rij__media{width:48px;height:48px;border-radius:var(--sp-radius-sm, 5px)}.ss-rij__tekst{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.ss-rij__titel{color:var(--ss-kop);font-family:var(--sp-heading-font, "Marcellus", "Times New Roman", serif);font-size:17px;line-height:1.25}.ss-rij__labels,.ss-kaart__labels{color:var(--ss-tekst);font-size:14px}.ss-rij__gender{color:var(--ss-kop);font-weight:500}.ss__alles{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:16px;padding:12px 16px;border-radius:var(--sp-radius-sm, 5px);background:var(--ss-ink);color:#fff;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .16s ease}.ss__alles:hover{background:#2b2b2b;color:#fff}.ss__alles span span{overflow-wrap:anywhere}.ss__alles svg{flex-shrink:0}.ss__niets{margin-top:16px;padding:16px;border-radius:var(--sp-radius-md, 8px);background:var(--ss-vlak)}.ss__niets-kop{margin:0 0 4px;color:var(--ss-kop);font-family:var(--sp-heading-font, "Marcellus", "Times New Roman", serif);font-size:20px;line-height:1.25;overflow-wrap:anywhere}.ss__niets-tekst{margin:0;font-size:16px;line-height:1.5}.ss__niets-link{color:var(--ss-ink);font-weight:500;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.ss__termen{display:flex;flex-wrap:wrap;gap:8px}.ss__term{position:relative;height:38px;padding:0 14px;border:0;border-radius:var(--sp-radius-sm, 5px);background:#46372817;box-shadow:none;color:var(--ss-kop);font:inherit;font-size:16px;line-height:1;cursor:pointer;transition:background-color .16s ease,transform .1s ease-out}.ss__term:before{content:"";position:absolute;top:-3px;right:0;bottom:-3px;left:0}@media(hover:hover){.ss__term:hover{background:#46372829}}.ss__term:active{background:#46372838;transform:scale(.97)}.ss__populair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}@media screen and (min-width:750px){.ss__populair{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.ss-kaart{display:flex;flex-direction:column;gap:2px;color:inherit;text-decoration:none}.ss-kaart__media{width:100%;margin-bottom:8px;border-radius:var(--sp-radius-md, 8px);aspect-ratio:1}.ss-kaart__media{position:relative}.ss-kaart__gender{position:absolute;top:8px;left:8px;z-index:1;padding:3px 9px;border-radius:var(--sp-radius-sm, 5px);background:#ffffffe6;box-shadow:0 1px 2px #1212121a;color:var(--ss-kop);font-size:13px;font-weight:500;line-height:1.4}.ss-kaart__gender{pointer-events:none}.ss-kaart__atc{position:absolute;right:8px;bottom:8px}@media screen and (max-width:749px){.ss-kaart__gender{top:6px;left:6px;padding:2px 8px;font-size:12px}}.ss-kaart__media img{transition:transform .32s var(--ss-curve)}.ss-kaart:hover .ss-kaart__media img{transform:scale(1.04)}.ss-kaart__titel{color:var(--ss-kop);font-family:var(--sp-heading-font, "Marcellus", "Times New Roman", serif);font-size:17px;line-height:1.25}.header__icon--ss{padding:0;border:0;background:transparent;cursor:pointer}@media(prefers-reduced-transparency:reduce){.ss .ss__waas{-webkit-backdrop-filter:none;backdrop-filter:none;background:#221a12b8}.ss__paneel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fdfcfa}}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.ss .ss__waas{background:#221a12b8}.ss__paneel{background:#fdfcfa}}@media(prefers-contrast:more){.ss__paneel{border-color:var(--ss-ink);background:#fdfcfa}.ss__zoekveld,.ss__dicht{background:#fff;box-shadow:inset 0 0 0 1px var(--ss-ink)}}@media(prefers-reduced-motion:reduce){.ss .ss__waas,.ss__paneel,.ss-kaart__media img,.ss__atc{transition:none}.ss__hint-regel{transition:opacity .2s ease}.ss__hint-regel.is-onder,.ss__hint-regel.is-boven,.ss__paneel{transform:none}search-sentir[data-staat=laden] .ss__spinner{animation-duration:1.6s}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/component-search-sentir.css.map */
