.xtra-search-bar{width:100%;position:relative}.xtra-search-bar__form{display:flex;align-items:center;border:2px solid #f60;border-radius:6px;overflow:hidden;background:#fff;height:5rem}.xtra-search-bar__category{display:flex;align-items:center;position:relative;flex-shrink:0;background:#fff;height:100%}.xtra-search-bar__select{appearance:none;-webkit-appearance:none;border:none;outline:none;background:transparent;padding:0 3.2rem 0 1.4rem;font-size:1.3rem;color:#333;cursor:pointer;height:100%;min-width:160px;font-weight:500}.xtra-search-bar__select-arrow{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;width:1.2rem;color:#666}.xtra-search-bar__select-arrow svg{width:1.2rem;height:1.2rem}.xtra-search-bar__divider{width:1px;height:60%;background:#e0e0e0;flex-shrink:0}.xtra-search-bar__input{flex:1 1 auto;border:none;outline:none;padding:0 1.6rem;font-size:1.4rem;color:#333;background:transparent;height:100%;min-width:0}.xtra-search-bar__input::placeholder{color:#aaa;font-size:1.4rem}.xtra-search-bar__btn{flex-shrink:0;background:#f60;border:none;cursor:pointer;width:5.4rem;height:100%;display:flex;align-items:center;justify-content:center;transition:background .2s}.xtra-search-bar__btn:hover{background:#e55a00}.xtra-search-bar__btn svg{width:2rem;height:2rem;fill:#fff;color:#fff}.xtra-search-bar__btn .svg-wrapper{display:flex;align-items:center;justify-content:center;color:#fff}.xtra-search-bar__btn .svg-wrapper svg path{fill:#fff;stroke:#fff}.xtra-search-bar .predictive-search{position:absolute;top:100%;left:0;right:0;z-index:300;border-radius:8px;margin-top:4px;box-shadow:0 8px 24px #0000001f;background:#fff;border:1px solid #eee}.xtra-header__btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2rem;border-radius:6px;font-size:1.4rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .2s;cursor:pointer}.xtra-header__btn--solid{background:#f60;color:#fff!important;border:2px solid #f60}.xtra-header__btn--solid:hover{background:#e55a00;border-color:#e55a00}.xtra-header__btn--outline{background:transparent;color:#f60!important;border:2px solid #f60}.xtra-header__btn--outline:hover{background:#f60;color:#fff!important}.xtra-header__icons .header__icon--account{display:none!important}@media screen and (max-width:989px){.xtra-header__btn{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/base.css.map */