:root{--macos-bg-primary: #f5f5f5;--macos-bg-secondary: #f5f5f5;--macos-bg-elevated: #f5f5f5;--macos-bg-sidebar: #f5f5f5;--macos-bg-hover: #f0f0f0;--macos-bg-active: #e8e8ed;--macos-bg-sub: #f5f5f7;--macos-bg-sub-hover: #e8e8ed;--macos-text-primary: #1d1d1f;--macos-text-secondary: #86868b;--macos-text-tertiary: #8e8e93;--macos-border: #d2d2d7;--macos-border-subtle: #e5e5ea;--accent-color: #8b5cf6;--focus-color: #f5f5f5;--accent-hover: #a855f7;--accent-light: rgba(139, 92, 246, .1);--accent-medium: rgba(139, 92, 246, .15)}.spotlight-search-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5000;pointer-events:none;opacity:0;transition:opacity .3s ease}.spotlight-search-modal.spotlight-search--open{pointer-events:auto;opacity:1}.spotlight-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#1d1d1f66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;transition:opacity .3s ease}.spotlight-search--open .spotlight-overlay{opacity:1}.spotlight-search__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:90%;max-width:600px;max-height:70vh;background:var(--macos-bg-elevated);border-radius:12px;box-shadow:0 8px 32px #0000001f,0 0 0 1px var(--macos-border-subtle);overflow:hidden;opacity:0;transform:translate(-50%,-60%) scale(.95);transition:all .4s cubic-bezier(.16,1,.3,1)}.spotlight-search--open .spotlight-search__content{opacity:1;transform:translate(-50%,-50%) scale(1)}.spotlight-search__form{margin:0;padding:0;border-bottom:1px solid var(--macos-border-subtle)}.spotlight-search__field{position:relative;display:flex;align-items:center;padding:0 20px;background:var(--macos-bg-elevated)}.spotlight-search__icon{position:absolute;left:24px;width:20px;height:20px;color:var(--macos-text-secondary);pointer-events:none}.spotlight-search__input{width:100%;padding:16px 60px 16px 52px;font-size:16px;line-height:1.4;border:none;background:transparent;color:var(--macos-text-primary);outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-weight:400}.spotlight-search__input::placeholder{color:var(--macos-text-secondary);opacity:1}.spotlight-search__input:focus{outline:2px solid var(--focus-color);outline-offset:-2px}.spotlight-shortcut{position:absolute;right:20px;font-size:11px;font-weight:500;color:var(--macos-text-tertiary);background:var(--macos-bg-hover);padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--macos-border-subtle)}.spotlight-results{max-height:calc(70vh - 65px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--macos-bg-elevated)}.spotlight-results::-webkit-scrollbar{width:8px}.spotlight-results::-webkit-scrollbar-track{background:transparent}.spotlight-results::-webkit-scrollbar-thumb{background:var(--macos-border);border-radius:4px;border:2px solid var(--macos-bg-elevated)}.spotlight-results::-webkit-scrollbar-thumb:hover{background:var(--macos-text-secondary)}.spotlight-results__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--macos-text-secondary);gap:12px;background:var(--macos-bg-elevated)}.spotlight-results__loading .spinner{width:32px;height:32px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spotlight-results__loading .spinner .path{stroke:var(--accent-color);stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.5s ease-in-out infinite}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dasharray:90,200;stroke-dashoffset:-124px}}.spotlight-results__empty{padding:60px 20px;text-align:center;color:var(--macos-text-secondary);font-size:14px;background:var(--macos-bg-elevated)}.spotlight-section{padding:8px 0}.spotlight-section:not(:last-child){border-bottom:1px solid var(--macos-border-subtle)}.spotlight-section__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--macos-text-tertiary);margin:0 20px 8px;padding:8px 0 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.spotlight-section__list{list-style:none;margin:0;padding:0}.spotlight-item{margin:0;transition:background-color .15s ease}.spotlight-item__link{display:flex;align-items:center;padding:8px 20px;text-decoration:none;color:var(--macos-text-primary);gap:12px;transition:all .15s ease;position:relative;background:var(--macos-bg-elevated)}.spotlight-item:hover .spotlight-item__link{background-color:var(--macos-bg-hover)}.spotlight-item--selected .spotlight-item__link{background-color:var(--accent-color);color:#fff}.spotlight-item--selected .spotlight-item__link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#fff}.spotlight-item__image{width:40px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--macos-bg-hover)}.spotlight-item__placeholder-image{width:40px;height:40px;border-radius:6px;background:var(--macos-bg-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0}.spotlight-item__placeholder-image svg{width:20px;height:20px;color:var(--macos-text-tertiary)}.spotlight-item__icon{width:40px;height:40px;padding:10px;background:var(--macos-bg-hover);border-radius:6px;flex-shrink:0;color:var(--macos-text-secondary)}.spotlight-item:hover .spotlight-item__icon{background:var(--macos-bg-active);color:var(--macos-text-primary)}.spotlight-item--selected .spotlight-item__icon{background:#fff3;color:#fff}.spotlight-item__content{flex:1;min-width:0}.spotlight-item__title{font-size:13px;font-weight:500;line-height:1.4;margin:0;padding:0;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.spotlight-item__price{font-size:11px;line-height:1.3;margin:2px 0 0;padding:0;color:var(--macos-text-secondary);font-weight:500}.spotlight-item--selected .spotlight-item__price{color:#fffc}.spotlight-item--expandable{position:relative}.spotlight-item__expandable-header{display:flex;align-items:center;padding:8px 20px;text-decoration:none;color:var(--macos-text-primary);gap:12px;transition:all .15s ease;position:relative;background:var(--macos-bg-elevated);border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.spotlight-item__expandable-header:hover{background-color:var(--macos-bg-hover)}.spotlight-item--expanded .spotlight-item__expandable-header{background-color:var(--macos-bg-active)}.spotlight-item__expandable-header:after{content:"\203a";position:absolute;right:20px;font-size:14px;color:var(--macos-text-secondary);transition:transform .2s ease;font-weight:500}.spotlight-item--expanded .spotlight-item__expandable-header:after{transform:rotate(90deg)}.spotlight-submenu{list-style:none;margin:0;padding:0;background-color:var(--macos-bg-sub);border-top:1px solid var(--macos-border-subtle)}.spotlight-item--sub{position:relative;margin:0;padding:0;background-color:var(--macos-bg-sub)}.spotlight-item--sub .spotlight-item__link{padding:6px 20px 6px 48px;font-size:12px;background-color:var(--macos-bg-sub);transition:background-color .15s ease,color .15s ease;border:none;gap:10px}.spotlight-item--sub .spotlight-item__link:hover{background-color:var(--macos-bg-sub-hover)!important;color:var(--macos-text-primary)!important}.spotlight-item--sub.spotlight-item--selected .spotlight-item__link{background-color:var(--accent-color)!important;color:#fff!important}.spotlight-item--sub.spotlight-item--selected .spotlight-item__link:before{background:#fff}.spotlight-item--sub .spotlight-item__emoji{width:14px;height:14px;font-size:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.spotlight-item--sub .spotlight-item__title{font-size:12px;font-weight:400;line-height:1.3}.spotlight-item--expandable:hover .spotlight-submenu{background-color:var(--macos-bg-sub)}.spotlight-item--expandable:hover .spotlight-item--sub .spotlight-item__link{background-color:var(--macos-bg-sub);color:var(--macos-text-primary)}.spotlight-item--expandable:hover .spotlight-item--sub .spotlight-item__link:hover{background-color:var(--macos-bg-sub-hover)!important;color:var(--macos-text-primary)!important}.spotlight-item mark{background:var(--accent-light);color:var(--accent-color);font-weight:600;padding:0 2px;border-radius:2px}.spotlight-item--selected mark{background:#fff3;color:#fff}.spotlight-error{padding:40px;text-align:center;color:#ff3b30;font-size:14px;background:var(--macos-bg-elevated)}@media screen and (max-width: 749px){.spotlight-search__content{width:95%;max-width:none;max-height:85vh;border-radius:12px}.spotlight-search__input{font-size:16px;padding:14px 50px 14px 44px}.spotlight-results{max-height:calc(85vh - 58px)}.spotlight-section__title{margin:0 16px 6px;font-size:10px}.spotlight-item__link{padding:10px 16px}.spotlight-item--sub .spotlight-item__link{padding:8px 16px 8px 40px;font-size:11px}.spotlight-item__image,.spotlight-item__icon,.spotlight-item__placeholder-image{width:36px;height:36px}.spotlight-shortcut{right:16px;font-size:10px;padding:3px 6px}.spotlight-item__expandable-header{padding:10px 16px}.spotlight-item__expandable-header:after{right:16px;font-size:12px}}body.spotlight-search-active{overflow:hidden}.spotlight-item__link:focus{outline:2px solid var(--focus-color);outline-offset:-2px}.spotlight-item__link:focus:not(:focus-visible){outline:none}.spotlight-item__expandable-header:focus{outline:2px solid var(--focus-color);outline-offset:-2px}.spotlight-item__expandable-header:focus:not(:focus-visible){outline:none}.spotlight-section{animation:fadeInUp .3s cubic-bezier(.16,1,.3,1);animation-fill-mode:both}.spotlight-section:nth-child(1){animation-delay:.05s}.spotlight-section:nth-child(2){animation-delay:.1s}.spotlight-section:nth-child(3){animation-delay:.15s}.spotlight-section:nth-child(4){animation-delay:.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spotlight-submenu{max-height:0;overflow:hidden;transition:max-height .25s cubic-bezier(.16,1,.3,1)}.spotlight-item--expanded .spotlight-submenu{max-height:400px}.spotlight-submenu[style*="display: block"]{animation:submenuSlideDown .25s cubic-bezier(.16,1,.3,1)}@keyframes submenuSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-contrast: high){:root{--macos-border: #000000;--macos-border-subtle: #666666;--accent-color: #6d28d9;--focus-color: #5b21b6}}@media (prefers-reduced-motion: reduce){.spotlight-search__content,.spotlight-overlay,.spotlight-item__link,.spotlight-submenu,.spotlight-section{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/spotlight-search.css.map */