.search-form-container{--sf-space-xs:clamp(.25rem, 1vw, .375rem);--sf-space-sm:clamp(.5rem, 2vw, .75rem);--sf-space-md:clamp(.75rem, 3vw, 1rem);--sf-space-lg:clamp(1rem, 4vw, 1.25rem);--sf-space-xl:clamp(1.25rem, 5vw, 1.5rem);--sf-space-2xl:clamp(1.5rem, 6vw, 1.75rem);--sf-text-sm:clamp(.75rem, 3vw, .875rem);--sf-text-base:clamp(.875rem, 2vw, 1rem);--sf-text-lg:clamp(1rem, 2.5vw, 1.125rem);--sf-radius-sm:var(--sf-space-xs);--sf-radius-md:var(--sf-space-md);--sf-radius-lg:var(--sf-space-lg);--sf-radius-xl:var(--sf-space-xl);width:100%}.sr-only{white-space:nowrap;clip-path:inset(100%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-form{flex-direction:column;width:100%;display:flex}.search-input-wrapper{align-items:center;gap:var(--sf-space-xs);display:flex;position:relative}.search-form-container[data-size=lg] .search-input-wrapper{gap:var(--sf-space-sm)}.search-form-container .search-input{min-height:var(--input-height,48px);padding:var(--input-padding,var(--sf-space-sm) var(--sf-space-lg));border:3px solid oklch(from var(--clr-purple) l c h / .4);border-radius:var(--sf-radius-lg);background:linear-gradient(135deg, oklch(from var(--clr-background) l c h / .95) 0%, oklch(from var(--clr-background) l c h / .85) 100%);color:var(--clr-text-primary);font-size:var(--input-font,var(--sf-text-base));touch-action:manipulation;-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);box-shadow:0 12px 48px oklch(from var(--clr-background) l c h / .25), 0 4px 16px oklch(from var(--clr-background) l c h / .15), 0 0 0 1px oklch(from var(--clr-purple) l c h / .3), inset 0 2px 4px oklch(from var(--clr-background) l c h / .3), inset 0 -1px 2px oklch(from var(--clr-background) l c h / .1);flex:1;font-weight:600;line-height:1.4;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.search-input:before{border-radius:inherit;background:linear-gradient(135deg, oklch(from var(--clr-purple) l c h / .2) 0%, oklch(from var(--clr-purple) l c h / .1) 30%, transparent 60%, oklch(from var(--clr-purple) l c h / .08) 100%);opacity:0;pointer-events:none;content:"";transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.search-form-container .search-input::placeholder{color:var(--clr-text-secondary);opacity:.8;font-weight:400;transition:all .3s}.search-input:focus{border:3px solid var(--clr-purple);background:linear-gradient(135deg, oklch(from var(--clr-background) l c h / 1) 0%, oklch(from var(--clr-background) l c h / .95) 100%);box-shadow:0 24px 72px oklch(from var(--clr-background) l c h / .4), 0 12px 32px oklch(from var(--clr-background) l c h / .25), 0 0 0 4px oklch(from var(--clr-purple) l c h / .3), 0 0 48px oklch(from var(--clr-purple) l c h / .5), 0 0 96px oklch(from var(--clr-purple) l c h / .3), inset 0 3px 6px oklch(from var(--clr-background) l c h / .5), inset 0 -2px 4px oklch(from var(--clr-background) l c h / .2);outline:none}.search-form-container[data-variant=default] .search-input{border:2px solid oklch(from var(--clr-border) l c h / .8);background:oklch(from var(--clr-background) l c h / .95);box-shadow:0 4px 16px oklch(from var(--clr-background) l c h / .2), 0 0 0 1px oklch(from var(--clr-border) l c h / .6)}.search-form-container[data-variant=glassmorphism] .search-input{border:2px solid oklch(from var(--clr-glass-border) l c h / .8);background:oklch(from var(--clr-glass-background) l c h / .9);-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);box-shadow:0 4px 16px oklch(from var(--clr-background) l c h / .2), 0 0 0 1px oklch(from var(--clr-glass-border) l c h / .6)}.search-input:focus:before{background:linear-gradient(135deg, oklch(from var(--clr-purple) l c h / .3) 0%, oklch(from var(--clr-purple) l c h / .2) 25%, oklch(from var(--clr-purple) l c h / .1) 50%, oklch(from var(--clr-purple) l c h / .15) 75%, oklch(from var(--clr-purple) l c h / .25) 100%);opacity:1}.search-input:focus::placeholder{opacity:.4}.search-submit-btn{min-width:var(--btn-size,44px);min-height:var(--btn-size,44px);padding:var(--sf-space-sm);border-radius:var(--sf-radius-lg);background:var(--clr-purple);color:#fff;cursor:pointer;touch-action:manipulation;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.search-submit-btn:hover{background:var(--clr-accent-dark)}.search-submit-btn:focus-visible{background:var(--clr-accent-dark)}.search-submit-btn:focus-visible{outline:2px solid var(--clr-purple);outline-offset:2px}.search-icon{width:var(--icon-size,var(--sf-space-lg));height:var(--icon-size,var(--sf-space-lg))}.search-form-container[data-size=sm]{--input-height:40px;--input-padding:var(--sf-space-xs) var(--sf-space-md);--input-font:var(--sf-text-sm);--btn-size:40px;--icon-size:var(--sf-space-md)}.search-form-container[data-size=md]{--input-height:48px;--input-padding:var(--sf-space-sm) var(--sf-space-lg);--input-font:var(--sf-text-base);--btn-size:44px;--icon-size:var(--sf-space-lg)}.search-form-container[data-size=lg]{--input-height:44px;--input-padding:var(--sf-space-sm) var(--sf-space-lg);--input-font:var(--sf-text-base);--btn-size:44px;--icon-size:var(--sf-space-lg)}@media (max-width:768px){.search-input-wrapper{gap:var(--sf-space-sm);flex-direction:column}.search-form-container[data-size=lg] .search-input-wrapper{gap:var(--sf-space-md)}.search-form-container .search-input{width:100%;min-height:var(--sf-space-2xl);padding:var(--sf-space-lg) var(--sf-space-xl);border-radius:var(--sf-radius-lg);font-size:var(--sf-text-lg)}.search-submit-btn{width:100%;height:var(--sf-space-2xl);border-radius:var(--sf-radius-lg)}}@media (min-width:768px){.search-input-wrapper{flex-direction:row}}@media (prefers-contrast:high){.search-form-container .search-input{border:2px solid var(--clr-text-primary);background:var(--clr-background)}.search-form-container .search-input:focus{border-color:var(--clr-purple);box-shadow:0 0 0 4px oklch(from var(--clr-purple) l c h / .2)}.search-submit-btn{border:2px solid var(--clr-purple)}}