/*! Notes...

    Author: Jay George
    Author URI: https://jaygeorge.co.uk

    ABOUT THIS CSS
    ===================================================
    - Only edit filename-dev.css, then process with Laravel Mix (1. run `sudo npm install` 2. Configure with `webpack.mix.js` 3. `npm run watch` to constantly monitor and compile into prod/)

*/@layer base,elements,objects,components,modifiers,vendors,ui,utilities,scope;@layer ui{.c-livewire-search{margin-block-end:var(--spacing-2xs);--color-focus: black}.c-livewire-search>div{position:relative}.c-livewire-search>div>div{display:flex;position:absolute;top:50%;left:var(--spacing-xs);transform:translateY(-50%)}.c-livewire-search #search{padding:1.3rem 3.2rem;padding-inline-end:1.5rem;font-size:var(--font-size-s-x);background:white;border-radius:var(--border-radius-l);box-shadow:var(--box-shadow-clean)}.c-livewire-search #search+div{position:absolute;z-index:1;top:5rem;left:0;transform:initial;background:white;box-shadow:var(--box-shadow-clean);border-radius:var(--border-radius-l)}.c-livewire-search #search+div *{font-size:.9rem!important}.c-livewire-search #search+div a{display:block;text-decoration:none;color:inherit}.c-livewire-search a,.c-livewire-search #search+div>div:first-child>*:not(a){padding:var(--spacing-xs)}.c-livewire-search #search,.c-livewire-search #search::-webkit-input-placeholder,.c-livewire-search #search::placeholder{color:#000}:focus-visible{outline:black auto 1px}.c-livewire-search>[type=search]{display:none}::-webkit-search-cancel-button{filter:grayscale(100%) contrast(500%)}.c-livewire-search a:focus{background-color:var(--color-focus);color:#fff!important;outline:none}.c-livewire-search a:first-child{border-top-right-radius:var(--border-radius-l);border-top-left-radius:var(--border-radius-l)}.c-livewire-search a:last-child{border-bottom-right-radius:var(--border-radius-l);border-bottom-left-radius:var(--border-radius-l)}.c-livewire-search a:hover{background:hsl(0deg 0% 95%);color:var(--color-black-off)}}