predictive-search.ccs-mm-d-ps,predictive-search.ccs-mm-m-ps{display:block;position:relative;min-width:0;font-family:inherit}.ccs-mm-d-search input[type=search]::-webkit-search-cancel-button,.ccs-mm-d-search input[type=search]::-webkit-search-decoration,.ccs-mm-m-search input[type=search]::-webkit-search-cancel-button,.ccs-mm-m-search input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}@media(min-width:751px){predictive-search.ccs-mm-d-ps{flex:1}predictive-search.ccs-mm-d-ps .ccs-mm-d-search{flex:none;width:100%}}@media(max-width:750px){predictive-search.ccs-mm-m-ps{order:99;width:100%;margin-top:8px}predictive-search.ccs-mm-m-ps .ccs-mm-m-search{margin-top:0;order:0}}.ccs-ps-panel{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;border:1px solid var(--ccs-mm-light-grey);border-top:3px solid var(--ccs-blue, #00539C);box-shadow:0 12px 24px #0000001a;max-height:70vh;overflow-y:auto;z-index:200;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .14s ease-out,transform .14s ease-out,visibility 0s linear .14s;font-size:14px;color:var(--ccs-mm-text);-webkit-overflow-scrolling:touch}predictive-search[open] .ccs-ps-panel,predictive-search[loading] .ccs-ps-panel,predictive-search:focus-within .ccs-ps-panel{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .14s ease-out,transform .14s ease-out,visibility 0s}predictive-search[loading] .ccs-ps-panel{border-top-color:transparent}predictive-search[loading] .ccs-ps-panel:before{content:"";position:sticky;top:0;left:0;right:0;display:block;height:3px;margin:-3px 0 0;background:linear-gradient(90deg,transparent 0%,var(--ccs-blue, #00539C) 50%,transparent 100%);background-size:50% 100%;background-repeat:no-repeat;animation:ccs-ps-shimmer 1.1s linear infinite;z-index:1}@keyframes ccs-ps-shimmer{0%{background-position:-50% 0}to{background-position:150% 0}}@media(min-width:751px){predictive-search.ccs-mm-d-ps[open]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0a122629;z-index:199;pointer-events:none;animation:ccs-ps-dim .14s ease-out forwards}}@keyframes ccs-ps-dim{0%{opacity:0}to{opacity:1}}.ccs-ps-empty-state{display:block;padding:14px 0}predictive-search[results] .ccs-ps-empty-state,predictive-search[loading] .ccs-ps-empty-state{display:none}predictive-search [data-predictive-search]{position:static;top:auto;left:auto;display:block}predictive-search [data-predictive-search]:empty{display:none}predictive-search[loading] [data-predictive-search]:empty{display:block;min-height:88px}predictive-search[loading] [data-predictive-search]:empty:after{content:"Searching\2026";display:block;padding:32px 16px;text-align:center;font-size:13px;font-weight:600;color:var(--ccs-mm-grey);letter-spacing:.04em}.ccs-ps-empty-state{display:block;padding:14px 16px 16px}.ccs-ps-empty-label{text-transform:uppercase;font-size:10.5px;letter-spacing:.1em;font-weight:700;color:var(--ccs-mm-grey);margin:0 0 10px}.ccs-ps-chips{display:flex;flex-wrap:wrap;gap:6px}.ccs-ps-chip{display:inline-flex;align-items:center;background:var(--ccs-mm-off-white);color:var(--ccs-mm-navy);text-decoration:none;padding:7px 12px;font-size:12.5px;font-weight:600;border:1px solid var(--ccs-mm-light-grey);border-radius:999px;transition:background-color .14s ease,color .14s ease,border-color .14s ease;white-space:nowrap}.ccs-ps-chip:hover,.ccs-ps-chip:focus-visible{background:var(--ccs-mm-navy);color:#fff;border-color:var(--ccs-mm-navy);outline:none}.ccs-ps-recent{margin:0 0 14px}.ccs-ps-recent+.ccs-ps-popular{padding-top:12px;border-top:1px solid var(--ccs-mm-light-grey)}.ccs-ps-empty-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}.ccs-ps-empty-head .ccs-ps-empty-label{margin:0}.ccs-ps-empty-clear{background:none;border:0;color:var(--ccs-mm-grey);font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;padding:2px 4px;transition:color .12s ease}.ccs-ps-empty-clear:hover,.ccs-ps-empty-clear:focus-visible{color:var(--ccs-blue, #00539C);outline:none}.ccs-ps-chip-recent{background:#fff;gap:5px}.ccs-ps-chip-recent svg{color:var(--ccs-mm-grey);flex-shrink:0}.ccs-ps-chip-recent:hover svg,.ccs-ps-chip-recent:focus-visible svg{color:#fff}.ccs-ps-results{padding:12px 0 0}.ccs-ps-group{padding:0 14px 10px}.ccs-ps-group+.ccs-ps-group{padding-top:12px;margin-top:2px;border-top:1px solid var(--ccs-mm-light-grey)}.ccs-ps-group-label{text-transform:uppercase;font-size:10.5px;letter-spacing:.1em;font-weight:700;color:var(--ccs-mm-grey);padding:0 0 8px;margin:0 0 4px;border-bottom:1px solid var(--ccs-mm-light-grey)}.ccs-ps-list{list-style:none;margin:0;padding:0}.ccs-ps-li{margin:0;padding:0}.ccs-ps-row{display:flex;align-items:center;gap:12px;padding:8px 6px;text-decoration:none;color:var(--ccs-mm-text);border-radius:2px;transition:background-color .1s ease;min-height:44px}.ccs-ps-row:hover,.ccs-ps-li[aria-selected=true]>.ccs-ps-row{background:var(--ccs-mm-off-white)}.ccs-ps-row:hover .ccs-ps-title,.ccs-ps-li[aria-selected=true]>.ccs-ps-row .ccs-ps-title{color:var(--ccs-blue, #00539C)}.ccs-ps-li[aria-selected=true]>.ccs-ps-row{outline:2px solid var(--ccs-mm-navy);outline-offset:-2px}.ccs-ps-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ccs-ps-title{font-size:14px;font-weight:700;color:var(--ccs-mm-navy);line-height:1.3;display:block;word-break:break-word;font-feature-settings:"tnum" 1}.ccs-ps-title mark,.ccs-ps-row-suggestion mark{background:#fff3cd;color:inherit;font-weight:800;padding:0 2px;border-radius:2px}.ccs-ps-meta{display:block;font-size:12px;color:var(--ccs-mm-grey);line-height:1.3;font-feature-settings:"tnum" 1}.ccs-ps-row-arrow{color:var(--ccs-mm-grey);font-size:18px;font-weight:600;flex-shrink:0;padding-left:4px;line-height:1}.ccs-ps-row:hover .ccs-ps-row-arrow,.ccs-ps-li[aria-selected=true]>.ccs-ps-row .ccs-ps-row-arrow{color:var(--ccs-blue, #00539C)}.ccs-ps-row-product{min-height:68px;padding:10px 6px}.ccs-ps-thumb{width:56px;height:56px;flex-shrink:0;background:#fff center/contain no-repeat;border:1px solid var(--ccs-mm-light-grey)}.ccs-ps-thumb-placeholder{background-color:var(--ccs-mm-off-white);display:inline-flex;align-items:center;justify-content:center;color:var(--ccs-mm-light-grey)}.ccs-ps-thumb-placeholder svg{width:22px;height:22px}.ccs-ps-row-product:hover .ccs-ps-thumb{border-color:var(--ccs-mm-navy)}.ccs-ps-price-col{flex-shrink:0;text-align:right;font-size:14px;font-weight:700;color:var(--ccs-mm-navy);display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-feature-settings:"tnum" 1;padding-left:8px}.ccs-ps-price{color:var(--ccs-mm-navy)}.ccs-ps-price-sale{color:var(--ccs-forest, #1B5E20)}.ccs-ps-price-was{text-decoration:line-through;color:var(--ccs-mm-grey);font-size:11px;font-weight:600}.ccs-ps-per-unit{font-size:11px;font-weight:600;color:var(--ccs-mm-grey);letter-spacing:.01em;margin-top:1px;font-feature-settings:"tnum" 1}.ccs-ps-badges{display:inline-flex;gap:3px;margin-top:4px}.ccs-ps-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;line-height:1.25}.ccs-ps-title-row .ccs-ps-title{flex:0 1 auto}.ccs-ps-stock{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px 2px 6px;border-radius:10px;white-space:nowrap}.ccs-ps-stock:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.ccs-ps-stock-low{color:#92400e;background:#fef3c7}.ccs-ps-stock-out{color:#991b1b;background:#fee2e2}.ccs-ps-save{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:10px;background:var(--ccs-forest, #1B5E20);color:#fff;white-space:nowrap}.ccs-ps-li-p{display:flex;align-items:stretch;gap:0}.ccs-ps-li-p>.ccs-ps-row-product{flex:1;min-width:0}.ccs-ps-add{flex-shrink:0;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;width:40px;margin-left:6px;background:transparent;border:1px solid var(--ccs-mm-light-grey);border-radius:3px;color:var(--ccs-mm-navy);cursor:pointer;font-family:inherit;padding:0;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;position:relative}.ccs-ps-add:hover{background:var(--ccs-mm-navy);border-color:var(--ccs-mm-navy);color:#fff}.ccs-ps-add:active{transform:scale(.94)}.ccs-ps-add:focus-visible{outline:2px solid var(--ccs-mm-navy);outline-offset:2px}.ccs-ps-add svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .16s ease,transform .16s ease}.ccs-ps-add .ccs-ps-add-check{opacity:0;transform:translate(-50%,-50%) scale(.7)}.ccs-ps-add[data-state=loading]{pointer-events:none}.ccs-ps-add[data-state=loading] svg{opacity:0}.ccs-ps-add[data-state=loading]:after{content:"";width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:ccs-ps-spin .7s linear infinite}.ccs-ps-add[data-state=added]{background:#166534;border-color:#166534;color:#fff;pointer-events:none}.ccs-ps-add[data-state=added] svg:not(.ccs-ps-add-check){opacity:0}.ccs-ps-add[data-state=added] .ccs-ps-add-check{opacity:1;transform:translate(-50%,-50%) scale(1)}@keyframes ccs-ps-spin{to{transform:rotate(360deg)}}@media(max-width:750px){.ccs-ps-add{display:none}.ccs-ps-li-p{display:block}}.ccs-ps-hints{display:flex;gap:16px;justify-content:flex-end;padding:10px 14px;border-top:1px solid var(--ccs-mm-light-grey);background:var(--ccs-mm-off-white);font-size:11px;color:var(--ccs-mm-grey);letter-spacing:.02em}.ccs-ps-hint{display:inline-flex;align-items:center;gap:4px}.ccs-ps-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:#fff;border:1px solid var(--ccs-mm-light-grey);border-bottom-width:2px;border-radius:3px;font-family:inherit;font-size:10.5px;font-weight:700;color:var(--ccs-mm-text);line-height:1}@media(max-width:750px){.ccs-ps-hints{display:none}}.ccs-ps-row-collection{min-height:56px;padding:8px 6px}.ccs-ps-thumb-sm{width:40px;height:40px;flex-shrink:0;background:#fff center/cover no-repeat;border:1px solid var(--ccs-mm-light-grey)}.ccs-ps-thumb-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--ccs-mm-off-white);color:var(--ccs-mm-navy)}.ccs-ps-thumb-icon svg{width:22px;height:22px}.ccs-ps-row-collection:hover .ccs-ps-thumb-icon{background:var(--ccs-mm-navy);color:#fff;border-color:var(--ccs-mm-navy)}.ccs-ps-row-suggestion{min-height:40px;padding:6px}.ccs-ps-row-suggestion .ccs-ps-title{font-size:13.5px;font-weight:600}.ccs-ps-row-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--ccs-mm-navy);flex-shrink:0}.ccs-ps-row-icon svg{width:14px;height:14px;stroke:currentColor}.ccs-ps-search-for{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--ccs-mm-navy);color:#fff;border:0;padding:14px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;font-family:inherit;text-align:left}.ccs-ps-search-for:hover,.ccs-ps-search-for[aria-selected=true]{background:var(--ccs-mm-deep-navy)}.ccs-ps-search-for .ccs-ps-row-arrow{color:#fff;font-size:16px}.ccs-ps-noresults{padding:28px 18px 26px;text-align:center}.ccs-ps-noresults-headline{font-size:15px;font-weight:700;color:var(--ccs-mm-navy);margin-bottom:6px}.ccs-ps-noresults-sub{font-size:13px;color:var(--ccs-mm-grey);line-height:1.45}.ccs-ps-noresults-sub a{color:var(--ccs-blue, #00539C);font-weight:600;text-decoration:none}.ccs-ps-noresults-sub a:hover{text-decoration:underline}.ccs-mm-d-ps-reset,.ccs-mm-m-ps-reset{background:transparent;border:0;color:var(--ccs-mm-grey);font-size:14px;cursor:pointer;padding:0 10px;align-self:stretch;display:inline-flex;align-items:center;font-family:inherit;flex-shrink:0;transition:color .12s ease}.ccs-mm-d-ps-reset:hover,.ccs-mm-m-ps-reset:hover{color:var(--ccs-blue, #00539C)}.ccs-mm-d-ps-reset.hidden,.ccs-mm-m-ps-reset.hidden{display:none}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:750px){.ccs-ps-panel-m{max-height:60vh;box-shadow:0 16px 28px #00000029;top:calc(100% + 4px)}.ccs-ps-panel-m .ccs-ps-group{padding:0 12px 10px}.ccs-ps-panel-m .ccs-ps-row{padding:10px 6px}.ccs-ps-panel-m .ccs-ps-row-suggestion{min-height:48px}.ccs-ps-panel-m .ccs-ps-row-collection{min-height:60px}.ccs-ps-panel-m .ccs-ps-row-product{min-height:72px}.ccs-ps-panel-m .ccs-ps-chip{padding:9px 14px;font-size:13px}predictive-search.ccs-mm-m-ps[open]:before{content:none}.ccs-ps-panel-m{z-index:250}.ccs-ps-panel-m .ccs-ps-search-for{padding:13px 14px;font-size:11.5px}}.ccs-ps-price-quote{color:var(--ccs-mm-grey);font-weight:600;font-size:12.5px;white-space:nowrap}.ccs-ps-banner{display:flex;align-items:center;gap:14px;text-decoration:none;border-radius:2px;transition:background-color .14s ease-out,box-shadow .14s ease-out,transform .14s ease-out}.ccs-ps-banner-thumb{flex-shrink:0;background:#fff center/contain no-repeat;border:1px solid var(--ccs-mm-light-grey);border-radius:2px}.ccs-ps-banner-thumb-icon{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--ccs-mm-navy)}.ccs-ps-banner-body{flex:1;min-width:0;display:flex;flex-direction:column}.ccs-ps-banner-kicker{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.ccs-ps-banner-title{font-weight:800;line-height:1.15;overflow-wrap:anywhere}.ccs-ps-banner-meta{font-feature-settings:"tnum" 1}.ccs-ps-banner-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:8px}.ccs-ps-banner-arrow{transition:transform .14s ease-out}.ccs-ps-banner--dropdown{margin:12px 14px 4px;padding:12px 14px;background:var(--ccs-mm-off-white);border:1px solid var(--ccs-mm-light-grey)}.ccs-ps-results>.ccs-ps-banner--dropdown:first-child{margin-top:12px}.ccs-ps-banner--dropdown .ccs-ps-banner-thumb{width:48px;height:48px}.ccs-ps-banner--dropdown .ccs-ps-banner-kicker{display:none}.ccs-ps-banner--dropdown .ccs-ps-banner-title{font-size:16px;color:var(--ccs-mm-navy)}.ccs-ps-banner--dropdown .ccs-ps-banner-meta{font-size:12px;color:var(--ccs-mm-grey);margin-top:1px}.ccs-ps-banner--dropdown .ccs-ps-banner-cta-text{display:none}.ccs-ps-banner--dropdown .ccs-ps-banner-arrow{font-size:20px;color:var(--ccs-mm-navy)}.ccs-ps-banner--dropdown:hover,.ccs-ps-banner--dropdown[aria-selected=true]{background:#fff;box-shadow:0 2px 10px #00000012}.ccs-ps-banner--dropdown:hover .ccs-ps-banner-thumb,.ccs-ps-banner--dropdown[aria-selected=true] .ccs-ps-banner-thumb{border-color:var(--ccs-mm-navy)}.ccs-ps-banner--dropdown:hover .ccs-ps-banner-arrow,.ccs-ps-banner--dropdown[aria-selected=true] .ccs-ps-banner-arrow{color:var(--ccs-mm-deep-navy);transform:translate(3px)}.ccs-ps-banner--dropdown[aria-selected=true],.ccs-ps-banner--dropdown:focus-visible{outline:2px solid var(--ccs-mm-navy);outline-offset:-2px}.ccs-ps-banner--dropdown:active{transform:translateY(1px);box-shadow:none}.ccs-ps-empty-section{margin-top:16px}.ccs-ps-empty-section:first-child{margin-top:0}.ccs-ps-empty-featured .ccs-ps-list{margin-top:2px}.ccs-ps-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media(max-width:1100px){.ccs-ps-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.ccs-ps-tile{display:flex;flex-direction:column;border:1px solid var(--ccs-mm-light-grey);border-radius:2px;background:#fff;text-decoration:none;overflow:hidden;transition:border-color .14s ease-out,box-shadow .14s ease-out,transform .14s ease-out}.ccs-ps-tile:hover{border-color:var(--ccs-mm-navy);box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.ccs-ps-tile:focus-visible{outline:2px solid var(--ccs-mm-navy);outline-offset:2px}.ccs-ps-tile:active{transform:translateY(1px);box-shadow:none}.ccs-ps-tile-thumb{height:96px;background:#fff center/contain no-repeat;border-bottom:1px solid var(--ccs-mm-light-grey)}.ccs-ps-tile-thumb-fallback{display:flex;align-items:center;justify-content:center;background:var(--ccs-mm-off-white);color:var(--ccs-mm-navy)}.ccs-ps-tile-label{padding:8px 10px;font-size:13px;font-weight:700;color:var(--ccs-mm-navy);line-height:1.2}.ccs-ps-skeleton{display:none;padding:12px 14px}predictive-search[loading] .ccs-ps-skeleton{display:block;animation:ccs-ps-skel-pulse 1.1s ease-in-out infinite}predictive-search[loading] [data-predictive-search]{display:none}predictive-search[loading] [data-predictive-search]:empty:after{content:none}.ccs-ps-skel-row{display:flex;align-items:center;gap:12px;padding:10px 6px}.ccs-ps-skel-thumb{width:56px;height:56px;flex-shrink:0;background:var(--ccs-mm-light-grey);border-radius:2px}.ccs-ps-skel-lines{flex:1;display:flex;flex-direction:column;gap:8px}.ccs-ps-skel-line{height:12px;width:80%;background:var(--ccs-mm-light-grey);border-radius:2px}.ccs-ps-skel-line-sm{width:50%;height:10px}@keyframes ccs-ps-skel-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){predictive-search[loading] .ccs-ps-skeleton{animation:none}predictive-search[loading] .ccs-ps-panel:before{animation:none}.ccs-ps-add[data-state=loading]:after{animation:none}}.ccs-ps-noresults{padding:24px 18px 12px;text-align:center}.ccs-ps-quote-escape{margin-top:4px;text-transform:none;letter-spacing:0;font-weight:700}.ccs-ps-quote-escape>span:first-child{font-size:13px}@media(max-width:750px){.ccs-ps-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}html.ccs-quote-mode .ccs-ps-price-col,html.ccs-quote-mode .ccs-ps-save{display:none}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ccs-predictive-search.css.map */