.sap-kit-search{--sap-search-gut: var(--sap-shell-size-16);position:fixed;top:0;right:0;bottom:0;left:0;margin:0 auto;padding:0;border:0;width:min(var(--sap-shell-size-430),100vw);max-width:100%;height:100dvh;max-height:100dvh;background:var(--sap-shell-color-white);color:var(--sap-k-navy);text-align:left;opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .26s ease}.sap-kit-search[open]{display:flex;flex-direction:column}.sap-kit-search::backdrop{background:var(--sap-shell-color-rgba-6-21-46-45)}.sap-kit-search__head{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sap-shell-size-6);padding:var(--sap-shell-size-12) var(--sap-shell-size-6) var(--sap-shell-size-14) var(--sap-shell-size-16);background:var(--sap-k-navy);color:var(--sap-shell-color-white)}.sap-kit-search__form{display:flex;align-items:center;min-width:0;height:var(--sap-shell-size-50);border-radius:var(--sap-shell-size-999);background:var(--sap-shell-color-white);color:var(--sap-k-navy)}.sap-kit-search__form>svg{flex:none;width:var(--sap-shell-size-20);height:var(--sap-shell-size-20);margin-left:var(--sap-shell-size-16)}.sap-kit-search__form input[type=search]{flex:1 1 auto;width:100%;min-width:0;height:100%;padding:0 var(--sap-shell-size-6) 0 var(--sap-shell-size-10);border:0;border-radius:0;background:none;font:400 var(--sap-shell-size-17) var(--sap-k-sans);color:var(--sap-k-navy);-webkit-appearance:none;appearance:none}.sap-kit-search__form input::placeholder{color:var(--sap-k-soft);opacity:1}.sap-kit-search__form input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.sap-kit-search__form input:focus{outline:none;box-shadow:none}.sap-kit-search__form:focus-within{box-shadow:0 0 0 var(--sap-shell-size-2) var(--sap-k-blue)}.sap-kit-search__form .sap-kit__button{flex:none;width:var(--sap-shell-size-44);height:var(--sap-shell-size-44);margin-right:var(--sap-shell-size-3)}.sap-kit-search__close{min-width:var(--sap-shell-size-64);min-height:var(--sap-shell-size-44);padding:0 var(--sap-shell-size-10);border:0;background:none;color:var(--sap-shell-color-white);font:400 var(--sap-shell-size-15) var(--sap-k-sans);text-decoration:underline;text-underline-offset:var(--sap-shell-size-4);cursor:pointer}.sap-kit-search__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(var(--sap-shell-size-24) + env(safe-area-inset-bottom,var(--sap-shell-size-0)))}.sap-kit-search__body a{color:inherit;text-decoration:none}.sap-kit-search__section,.sap-kit-search__suggestions{padding:var(--sap-shell-size-22) var(--sap-shell-size-20) var(--sap-shell-size-6)}.sap-kit-search__suggestions+.sap-kit-search__section,.sap-kit-search__section+.sap-kit-search__section{border-top:var(--sap-shell-size-1) solid var(--sap-shell-color-dce5ef)}.sap-kit-search__brow{font:400 var(--sap-shell-size-12)/1.3 var(--sap-k-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sap-k-soft)}.sap-kit-search__chips{display:flex;flex-wrap:wrap;gap:var(--sap-shell-size-8);padding:var(--sap-shell-size-12) 0 var(--sap-shell-size-16)}.sap-kit-search__chips button{min-height:var(--sap-shell-size-44);padding:0 var(--sap-shell-size-16);border:var(--sap-shell-size-1) solid var(--sap-shell-color-cbd7e6);border-radius:var(--sap-shell-size-999);background:var(--sap-shell-color-white);color:var(--sap-k-navy);font:400 var(--sap-shell-size-14) var(--sap-k-sans);cursor:pointer}.sap-kit-search__chips button{transition:background-color .15s ease}.sap-kit-search__chips button:hover{background:var(--sap-p-natural)}.sap-kit-search__chips button:focus-visible{outline:2px solid #4a82cc;outline-offset:3px}.sap-kit-search__row{display:grid;grid-template-columns:var(--sap-shell-size-44) minmax(0,1fr);align-items:center;gap:var(--sap-shell-size-14);min-height:68px;padding:6px 4px 6px 0;border-bottom:var(--sap-shell-size-1) solid var(--sap-shell-color-dce5ef)}.sap-kit-search__row:not(:has(img)){grid-template-columns:1fr}.sap-kit-search__row img{width:var(--sap-shell-size-44);height:var(--sap-shell-size-55);object-fit:cover;border-radius:6px}.sap-kit-search__row span,.sap-kit-search__row small{display:block}.sap-kit-search__name{font:400 var(--sap-shell-size-24)/1.15 var(--sap-k-serif);letter-spacing:-.01em}.sap-kit-search__row small{margin-top:var(--sap-shell-size-3);font:400 var(--sap-shell-size-13_5)/1.35 var(--sap-k-sans);color:var(--sap-k-soft)}.sap-kit-search__price{margin-top:var(--sap-shell-size-3);font:400 var(--sap-shell-size-15)/1.5 var(--sap-k-sans)}.sap-kit-search__page{display:grid;grid-template-columns:minmax(0,1fr) var(--sap-shell-size-16);align-items:center;gap:var(--sap-shell-size-12);min-height:var(--sap-shell-size-60);padding:var(--sap-shell-size-8) var(--sap-shell-size-4) var(--sap-shell-size-8) 0;border-bottom:var(--sap-shell-size-1) solid var(--sap-shell-color-dce5ef);font:400 var(--sap-shell-size-16)/1.5 var(--sap-k-sans)}.sap-kit-search__page small{display:block;margin-top:var(--sap-shell-size-3);font:400 var(--sap-k-small)/1.35 var(--sap-k-sans);color:var(--sap-k-soft)}.sap-kit-search__featured{grid-template-columns:var(--sap-shell-size-72) minmax(0,1fr) var(--sap-shell-size-16);gap:var(--sap-shell-size-16);margin:var(--sap-shell-size-12) 0 var(--sap-shell-size-4);padding:var(--sap-shell-size-12) var(--sap-shell-size-16) var(--sap-shell-size-12) var(--sap-shell-size-12);border:0;border-radius:var(--sap-shell-size-14);background:#eef2f8}.sap-kit-search__featured img{width:var(--sap-shell-size-72);height:var(--sap-shell-size-90);border-radius:var(--sap-shell-size-10)}.sap-kit-search__featured .sap-kit-search__name{margin-top:var(--sap-shell-size-5)}.sap-kit-search__match{grid-template-columns:var(--sap-shell-size-44) minmax(0,1fr) auto}.sap-kit-search__match:not(:has(img)){grid-template-columns:minmax(0,1fr) auto}.sap-kit-search__rows{margin:0;padding:6px 0 10px;list-style:none}.sap-kit-search__body .sap-kit-search__all{display:inline-flex;align-items:center;min-height:var(--sap-shell-size-44);font-size:var(--sap-shell-size-15);text-decoration:underline;text-underline-offset:var(--sap-shell-size-4)}.sap-kit-search__section>.sap-kit-search__all{margin:var(--sap-shell-size-4) 0 var(--sap-shell-size-10)}.sap-kit-search__all-results{margin:var(--sap-shell-size-12) var(--sap-shell-size-20) 0}.sap-kit-search__status{padding:var(--sap-shell-size-14) var(--sap-shell-size-20) 0;font:400 var(--sap-shell-size-14)/1.4 var(--sap-k-sans)}.sap-kit-search__status:empty{display:none}.sap-kit-search__none{margin:0;padding:12px 0 0;font:400 27px/1.15 var(--sap-k-serif);letter-spacing:-.012em;overflow-wrap:anywhere}.sap-kit-search__hint{margin:0;padding:8px 0 0;font:400 15px/1.5 var(--sap-k-sans);color:var(--sap-k-soft)}@media(min-width:768px){.sap-kit-search{--sap-search-gut: var(--sap-shell-size-32);inset:0 0 auto;width:100%;height:auto;max-height:min(88vh,var(--sap-shell-size-900));border-radius:0 0 var(--sap-shell-size-10) var(--sap-shell-size-10)}.sap-kit-search__head{padding:var(--sap-shell-size-20) var(--sap-search-gut);grid-template-columns:minmax(0,var(--sap-shell-size-720)) auto;justify-content:center;gap:var(--sap-shell-size-16)}.sap-kit-search__form{height:var(--sap-shell-size-56)}.sap-kit-search__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:clamp(var(--sap-shell-size-32),4vw,var(--sap-shell-size-96));padding:var(--sap-shell-size-8) max(var(--sap-search-gut),calc((100% - var(--sap-shell-size-1200))/2)) var(--sap-shell-size-24)}.sap-kit-search__body>*{grid-column:1 / -1}.sap-kit-search__body>.sap-kit-search__section{grid-column:auto}.sap-kit-search__section,.sap-kit-search__suggestions{padding-inline:0}.sap-kit-search__body>.sap-kit-search__section{border-top:0}.sap-kit-search__status,.sap-kit-search__none,.sap-kit-search__hint{padding-inline:0}.sap-kit-search__all-results{margin-inline:0}}@media(min-width:1100px){.sap-kit-search{--sap-search-gut: clamp(var(--sap-shell-size-80),4.2vw,var(--sap-shell-size-107))}.sap-kit-search__rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(var(--sap-shell-size-32),4vw,var(--sap-shell-size-96))}.sap-kit-search__name{font-size:clamp(26px,calc(.179vw + 23.4px),28px)}.sap-kit-search__price{font-size:clamp(15px,calc(.089vw + 13.7px),16px)}.sap-kit-search__chips button{font-size:var(--sap-k-small)}.sap-kit-search__rows>:nth-last-child(2):nth-child(odd){border-bottom:0}}.sap-kit-search [hidden]{display:none}.sap-kit-search__form{position:relative;padding-top:6px;height:50px;min-height:50px}.sap-kit-search__input-label{position:absolute;left:var(--sap-shell-size-44);top:var(--sap-shell-size-3);font:400 var(--sap-shell-size-12)/1 var(--sap-k-sans)}.sap-kit-search__form input[type=search]{min-height:var(--sap-shell-size-44)}.sap-kit-search [role=option][aria-selected=true]{background:var(--sap-shell-color-f3f7fc);outline:var(--sap-shell-size-2) solid var(--sap-k-blue);outline-offset:calc(-1 * var(--sap-shell-size-2))}.sap-kit-search__suggested-text{font-weight:700;display:inline}@media(min-width:768px){.sap-kit-search__form{padding-top:12px;height:56px;min-height:56px}.sap-kit-search{overflow-y:auto}.sap-kit-search__body{overflow-y:visible;flex:none}}.sap-kit-search__match--set{grid-template-columns:44px minmax(0,1fr);column-gap:16px}.sap-kit-search__match--set:not(:has(img)){grid-template-columns:minmax(0,1fr)}.sap-kit-search__price .sap-product-prices{font:inherit}.sap-kit-search__rows>:last-child,.sap-kit-search__section>.sap-kit-search__page:last-child{border-bottom:0}@starting-style{.sap-kit-search[open]{opacity:0;transform:translateY(-12px)}}@media(prefers-reduced-motion:reduce){.sap-kit-search{transition:none}}@media(prefers-reduced-motion:reduce){.sap-kit-search__chips button{transition:none}}@media(min-width:768px){.sap-kit-search__form{padding-top:var(--sap-shell-size-8);height:var(--sap-shell-size-52);min-height:var(--sap-shell-size-52)}}@media(min-width:1100px){.sap-kit-search__form{height:clamp(var(--sap-shell-size-52),calc(.714vw + var(--sap-shell-size-41_7)),var(--sap-shell-size-60));min-height:clamp(var(--sap-shell-size-52),calc(.714vw + var(--sap-shell-size-41_7)),var(--sap-shell-size-60))}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/sap-kit-search.css.map */