.aem-searchbar{display:block;margin:0 auto;--border-color: var(--color-primary-dark-40);--bg-color: var(--color-white);--text-color: var(--color-primary-dark);--placeholder-text-color: var(--color-primary-dark-50);--accent-color: var(--color-primary-light);--clear-background: var(--color-background-light);--clear-text: var(--color-primary-dark-70);--clear-hovered-text: var(--color-white);--clear-hovered-background: var(--color-primary-dark-70)}@media screen and (min-width: 992px){.aem-searchbar{width:125px}}@media screen and (min-width: 1200px){.aem-searchbar{width:320px}}.aem-searchbar__wrapper{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.aem-searchbar__input-wrapper{border:1px solid var(--border-color);background-color:var(--bg-color);display:flex;align-items:center;position:relative;flex-grow:1;padding:0 16px 0 16px;border-radius:8px 0 0 8px;border-right:0;height:36px}@media screen and (min-width: 992px){.aem-searchbar__input-wrapper{padding:0 12px 0 12px}}.aem-searchbar__input{font-size:14px;line-height:20px;font-weight:500;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;color:var(--text-color);background-color:rgba(0,0,0,0);font-family:"MuseoSans",sans-serif;width:100%;height:100%;margin-bottom:0;border:0;padding:0}.aem-searchbar__input::-webkit-search-decoration{display:none}.aem-searchbar__input::-webkit-search-cancel-button{height:0;width:0;display:none}.aem-searchbar__input::-ms-clear{height:0;width:0;display:none}.aem-searchbar__input::placeholder{font-size:14px;line-height:20px;font-weight:500;color:var(--placeholder-text-color);font-family:"MuseoSans",sans-serif;opacity:1}.aem-searchbar__input::-webkit-input-placeholder{font-size:14px;line-height:20px;font-weight:500;color:var(--placeholder-text-color);font-family:"MuseoSans",sans-serif;opacity:1}.aem-searchbar__input:-moz-placeholder{font-size:14px;line-height:20px;font-weight:500;color:var(--placeholder-text-color);font-family:"MuseoSans",sans-serif;opacity:1}.aem-searchbar__input::-moz-placeholder{font-size:14px;line-height:20px;font-weight:500;color:var(--placeholder-text-color);font-family:"MuseoSans",sans-serif;opacity:1}.aem-searchbar__input::-ms-input-placeholder{font-size:14px;line-height:20px;font-weight:500;color:var(--placeholder-text-color);font-family:"MuseoSans",sans-serif;opacity:1}.aem-searchbar__input:-ms-input-placeholder{font-size:14px;line-height:20px;font-weight:500;color:var(--placeholder-text-color);font-family:"MuseoSans",sans-serif;opacity:1}@media screen and (min-width: 992px){.aem-searchbar__input{width:56px;margin-right:12px}}@media screen and (min-width: 1200px){.aem-searchbar__input{width:100%}}.aem-searchbar__input:focus{outline:0}.aem-searchbar__clear-button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;display:none;justify-content:center;align-items:center;position:absolute;right:0;height:24px;width:24px;padding:0;margin:0;border:0;background:rgba(0,0,0,0)}.aem-searchbar__clear-button:hover{cursor:pointer}.aem-searchbar__clear-button:hover .aem-searchbar__clear-circle{background-color:var(--clear-hovered-background)}.aem-searchbar__clear-button:hover .aem-searchbar__clear-icon{color:var(--clear-hovered-text)}.aem-searchbar__clear-button:focus{outline:none}.aem-searchbar__clear-button:focus-visible::after{content:"";position:absolute;border:1px dotted var(--accent-color);border-radius:5px;width:24px;height:24px}.js-user-is-tabbing .aem-searchbar__clear-button:focus::after{content:"";position:absolute;border:1px dotted var(--accent-color);border-radius:5px;width:24px;height:24px}.aem-searchbar__clear-circle{width:18px;height:18px;display:flex;justify-content:center;align-items:center;background-color:var(--clear-background);border-radius:50%}@media screen and (min-width: 992px){.aem-searchbar__clear-circle{height:12px;width:12px}}.aem-searchbar__clear-icon{color:var(--clear-text);overflow:visible;width:24px;height:24px}.aem-searchbar__clear-icon>path{stroke:currentColor}@media screen and (min-width: 992px){.aem-searchbar__clear-icon{height:16px;width:16px}}.aem-searchbar__button{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;background-color:var(--bg-color);border:1px solid var(--border-color);width:36px;height:36px;padding:0;border-left:0;border-radius:0 8px 8px 0;transition:none}.aem-searchbar__button svg{height:16px;width:16px}.aem-searchbar__button svg>*{fill:none;stroke:var(--accent-color)}.aem-searchbar__button:hover{cursor:pointer}.aem-searchbar__button:focus{position:relative}.aem-searchbar__button:focus{outline:none}.aem-searchbar__button:focus-visible::after{content:"";position:absolute;border:1px dotted var(--accent-color);border-radius:5px;width:24px;height:24px}.js-user-is-tabbing .aem-searchbar__button:focus::after{content:"";position:absolute;border:1px dotted var(--accent-color);border-radius:5px;width:24px;height:24px}.aem-searchbar--has-value .aem-searchbar__clear-button{display:flex}html:not(.aem-submenu-open):not(.mobile-navigation-open) .aem-searchbar--faded,html:not(.aem-submenu-open):not(.mobile-navigation-open) .header--transparent .aem-searchbar,html:not(.aem-submenu-open):not(.mobile-navigation-open) .aem-design--kbccom .aem-searchbar{--border-color: transparent;--bg-color: var(--color-white-32);--text-color: var(--color-white);--placeholder-text-color: var(--color-white-70);--accent-color: var(--color-white);--clear-background: var(--color-white-24);--clear-hovered-background: var(--color-white-32);--clear-text: var(--color-white);--clear-hovered-text: var(--color-white)}
