.ks{background:var(--color-white)}.ks .ks__band{width:100%}.ks .ks__band--search{background:var(--color-yellow)}.ks .ks__band--results,.ks .ks__band--empty{background:var(--color-white)}.ks .ks__band--articles,.ks .ks__band--rail{background:var(--color-grey-light)}.ks .ks__band--help{background:var(--color-indigo)}.ks__crumbs{padding-block:var(--space-5) 0}.ks .ks__band--search{padding-block:clamp(26px,1.5vw + 22.4px,44px)}.ks .ks__band--results{padding-block:clamp(24px,.75vw + 21.2px,32px) clamp(40px,2.6vw + 30px,72px)}.ks .ks__band--empty{padding-block:clamp(40px,3.4vw + 27px,88px)}.ks .ks__band--articles,.ks .ks__band--rail{padding-block:clamp(36px,2.6vw + 26px,64px)}.ks .ks__band--help{padding-block:clamp(32px,1.9vw + 25px,52px)}.ks__search-inner{text-align:center}.ks .ks__eyebrow{background:var(--color-white)}.ks .ks__hero-title{font-family:var(--font-display);font-weight:900;font-size:clamp(2rem,2.25vw + 23.5px,3.5rem);line-height:var(--lh-display);letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--color-black);margin:var(--space-4) auto 0;max-width:24ch;text-wrap:balance}.ks .ks__hero-accent{color:var(--color-indigo)}.ks .ks__form-wrap{position:relative;max-width:720px;width:100%;margin:clamp(20px,1.3vw + 15px,32px) auto 0;text-align:left}.ks__form{display:flex;gap:var(--space-3);align-items:center}.ks__input-wrap{flex:1;min-width:0;position:relative}.ks__input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--color-grey-mid);pointer-events:none;display:flex;align-items:center}.ks__input{width:100%;height:56px;padding:0 52px;border:1px solid rgba(10,10,10,.15);border-radius:var(--radius-input);font-size:16px;font-family:var(--font-body);background:var(--color-white);color:var(--color-black);outline:none;box-sizing:border-box;box-shadow:none;transition:border-color var(--dur-normal) var(--ease-out-soft),box-shadow var(--dur-normal) var(--ease-out-soft)}.ks__input::placeholder{color:var(--color-grey-mid)}.ks__input:focus{border:2px solid var(--color-indigo);box-shadow:0 0 0 3px #465ae626}.ks .ks__input-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:var(--color-grey-mid);display:none;line-height:1}.ks .ks__input-clear:hover{color:var(--color-black)}.ks .ks__input:not(:placeholder-shown)~.ks__input-clear{display:flex}.ks .ks__submit{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:56px;padding:0 var(--space-6);background:var(--color-indigo);color:var(--color-white);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-button);font-family:var(--font-body);font-size:15px;font-weight:700;letter-spacing:var(--tracking-button);cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #0a0a0a1f;transition:transform var(--dur-normal) var(--ease-out-soft),box-shadow var(--dur-normal) var(--ease-out-soft)}.ks .ks__submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0a0a0a29}.ks .ks__submit:active{transform:translateY(0)}.ks .ks__submit:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}.ks__dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-white);border:1px solid rgba(10,10,10,.12);border-radius:var(--radius-card-lg);box-shadow:0 12px 32px #0a0a0a24;z-index:200;overflow:hidden}.ks__dropdown[hidden]{display:none}.ks .ks__dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--color-black);transition:background var(--dur-fast);border-bottom:1px solid rgba(10,10,10,.08)}.ks .ks__dropdown-item:last-of-type{border-bottom:none}.ks .ks__dropdown-item:hover,.ks .ks__dropdown-item:focus{background:var(--color-grey-light);outline:none}.ks .ks__dropdown-item:focus-visible{background:#465ae614}.ks__dropdown-img{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid rgba(10,10,10,.12);flex-shrink:0;background:var(--color-grey-light)}.ks__dropdown-info{flex:1;min-width:0}.ks__dropdown-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-black)}.ks__dropdown-prices{display:flex;align-items:center;gap:6px;margin-top:2px}.ks .ks__dropdown-price{font-size:12px;color:var(--color-indigo);font-weight:700}.ks .ks__dropdown-compare{font-size:11px;color:var(--color-grey-mid);text-decoration:line-through}.ks__dropdown-type{font-size:11px;color:var(--color-grey-mid);text-transform:uppercase;letter-spacing:.05em}.ks .ks__dropdown-all{display:block;padding:var(--space-3) var(--space-4);font-size:13px;font-weight:700;color:var(--color-indigo);text-align:center;text-decoration:none;background:var(--color-grey-light)}.ks .ks__dropdown-all:hover{background:#465ae614}.ks__quick{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3);margin-top:clamp(20px,1.3vw + 15px,32px)}.ks__quick-label{font-family:var(--font-body);font-size:var(--text-label);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-black);opacity:.7}.ks__quick-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.ks .ks__pill{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-5);border:1px solid rgba(10,10,10,.15);border-radius:var(--radius-button);box-shadow:0 2px 8px #0a0a0a14;font-size:14px;font-weight:700;color:var(--color-black);text-decoration:none;background:var(--color-white);transition:transform var(--dur-normal) var(--ease-out-soft),box-shadow var(--dur-normal) var(--ease-out-soft),background var(--dur-fast),color var(--dur-fast)}.ks .ks__pill:hover,.ks .ks__pill:focus-visible{transform:translateY(-2px);box-shadow:0 6px 16px #0a0a0a1a;background:var(--color-indigo);color:var(--color-white);border-color:var(--color-indigo);outline:none}.ks .ks__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--text-body);color:var(--color-grey-mid)}.ks .ks__meta-count{font-weight:700;color:var(--color-black)}.ks .ks__meta-for{color:var(--color-grey-mid)}.ks .ks__section-head{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:900;font-size:clamp(1.25rem,.94vw + 18.5px,2rem);line-height:1.1;letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--color-black);margin:0 0 var(--space-5)}.ks .ks__section-count{font-family:var(--font-body);font-size:var(--text-caption);font-weight:700;letter-spacing:0;text-transform:none;color:var(--color-indigo);background:#f0f2fd;border-radius:50px;padding:4px 12px;line-height:1.4}.ks__product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-gap-v) var(--grid-gap-h)}.ks__pagination{display:flex;justify-content:center;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin-top:clamp(32px,2.1vw + 24px,56px)}.ks .ks__page{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 var(--space-4);border-radius:var(--radius-button);font-size:14px;font-weight:700;text-decoration:none;color:var(--color-black);background:var(--color-white);border:1px solid rgba(10,10,10,.15);box-shadow:none;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.ks .ks__page:hover{background:var(--color-grey-light)}.ks .ks__page--nav{padding:0 var(--space-5)}.ks .ks__page--gap{border-color:transparent;color:var(--color-grey-mid);min-width:24px;padding:0 var(--space-1)}.ks .ks__page--active,.ks .ks__page--active:hover{background:var(--color-indigo);color:var(--color-white);border-color:var(--color-indigo)}.ks__page:focus-visible{outline:2px solid var(--color-indigo);outline-offset:2px}.ks__article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--space-5)}.ks .ks__article{display:flex;flex-direction:column;background:var(--color-white);border:1px solid rgba(10,10,10,.12);border-radius:var(--radius-card-lg);box-shadow:0 2px 8px #0a0a0a14;overflow:hidden;text-decoration:none;color:var(--color-black);transition:transform var(--dur-normal) var(--ease-out-soft),box-shadow var(--dur-normal) var(--ease-out-soft)}.ks .ks__article:hover,.ks .ks__article:focus-visible{transform:translateY(-2px);box-shadow:0 6px 16px #0a0a0a1a;outline:none}.ks__article-media{aspect-ratio:16 / 9;background:var(--color-grey-light);overflow:hidden}.ks__article-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-medium) var(--ease-out-soft)}.ks__article-img--empty{background:var(--color-grey-light)}.ks .ks__article:hover .ks__article-img{transform:scale(1.04)}.ks__article-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5) var(--space-5);flex:1}.ks__article-type{font-family:var(--font-body);font-size:var(--text-label);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-indigo)}.ks .ks__article-ttl{font-family:var(--font-body);font-size:1.0625rem;font-weight:700;letter-spacing:-.3px;line-height:1.25;margin:0;color:var(--color-black);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ks__article-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-2)}.ks__article-date{font-size:var(--text-caption);color:var(--color-grey-mid)}.ks__article-read{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-body-sm);font-weight:700;color:var(--color-indigo)}.ks .ks__article:hover .ks__article-read i{transform:translate(3px)}.ks__article-read i{transition:transform var(--dur-normal) var(--ease-out-soft)}.ks__empty{text-align:center}.ks__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--color-grey-light);color:var(--color-indigo);font-size:34px;margin-bottom:var(--space-5)}@media(prefers-reduced-motion:no-preference){.ks__empty-icon{animation:ks-wobble 2.4s var(--ease-out-soft) infinite}}@keyframes ks-wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.ks .ks__empty-title{font-family:var(--font-display);font-weight:900;font-size:clamp(1.5rem,1.5vw + 18px,2.5rem);line-height:1.1;letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--color-black);margin:0 auto var(--space-3);max-width:20ch;overflow-wrap:anywhere}.ks .ks__empty-hint{font-size:var(--text-body);line-height:var(--lh-body);color:var(--color-grey-mid);margin:0 auto var(--space-6);max-width:46ch}.ks__empty-pills{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.ks__rail-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.ks .ks__section-head--rail{margin-bottom:0}.ks__sticker{display:inline-block;padding:5px 14px;border-radius:50px;font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:700;letter-spacing:.02em;line-height:1.4;white-space:nowrap;background:var(--color-yellow);color:var(--color-black);border:2px solid var(--color-black);box-shadow:3px 3px 0 var(--color-black);transform:rotate(-2deg)}.ks__help{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-5)}.ks .ks__help-copy{font-family:var(--font-body);font-size:clamp(1.125rem,.6vw + 15px,1.5rem);font-weight:700;letter-spacing:-.3px;line-height:1.2;color:var(--color-white);margin:0}.ks__help-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.ks .ks__help-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:48px;padding:0 var(--space-6);border-radius:var(--radius-button);font-family:var(--font-body);font-size:15px;font-weight:700;letter-spacing:var(--tracking-button);text-decoration:none;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out-soft),box-shadow var(--dur-fast) var(--ease-out-soft),background var(--dur-fast),color var(--dur-fast)}.ks .ks__help-btn--primary{background:var(--color-yellow);color:var(--color-black);border:2px solid var(--color-black);box-shadow:4px 4px 0 var(--color-black)}.ks .ks__help-btn--primary:hover,.ks .ks__help-btn--primary:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-black);outline:none}.ks .ks__help-btn--primary:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-black)}.ks .ks__help-btn--ghost{background:transparent;color:var(--color-white);border:2px solid var(--color-white)}.ks .ks__help-btn--ghost:hover,.ks .ks__help-btn--ghost:focus-visible{background:var(--color-white);color:var(--color-indigo);outline:none}.ks__help-btn i{font-size:18px;line-height:0}@media screen and (max-width:1023px){.ks__product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:767px){.ks__crumbs{padding-block:var(--space-4) 0}.ks__product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-3)}.ks__form{flex-wrap:nowrap;gap:var(--space-2)}.ks .ks__submit{width:56px;flex:0 0 56px;padding:0}.ks .ks__submit span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ks .ks__submit svg{width:20px;height:20px}.ks .ks__pill{min-height:48px}.ks__help{flex-direction:column;align-items:flex-start}.ks__help-actions{width:100%}.ks .ks__help-btn{flex:1 1 auto}}@media screen and (max-width:400px){.ks__help-actions{flex-direction:column}.ks .ks__help-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/kitsters-search.css.map */