.search-bar{color:#fff;padding:.5625rem 0}.search-bar.position-bottom{position:fixed;bottom:0;width:100%;z-index:9999}.search-bar:not(.position-left-nav).bg-blue{background:#244c5a}.search-bar:not(.position-left-nav).bg-peach{background:#edbca0}.search-bar:not(.position-left-nav).bg-red{background:#fa4616}.search-bar .search-bar-wrapper{display:flex;justify-content:center;align-items:center;gap:20px}@media screen and (max-width: 768px){.search-bar .search-bar-wrapper{flex-wrap:wrap}}.search-bar .content{font-size:1.25rem;width:calc(60% - var(--grid-desktop-horizontal-spacing) / 2);font-weight:700;font-family:var(--font-heading-family)}.search-bar .content .arrows{display:inline-block}.search-bar .content svg{margin-left:.9375rem}.search-bar .content.no-form{width:calc(100% - var(--grid-desktop-horizontal-spacing) / 2);text-align:center}@media screen and (max-width: 768px){.search-bar .content{width:calc(100% - var(--grid-desktop-horizontal-spacing) / 2);text-align:center}}.search-bar form{width:calc(40% - var(--grid-desktop-horizontal-spacing) / 2);border-radius:30px;border:1px solid white}@media screen and (max-width: 768px){.search-bar form{width:calc(100% - var(--grid-desktop-horizontal-spacing) / 2)}}.search-bar form .form-group{display:flex}.search-bar form input{background-color:transparent;margin-bottom:0;padding-left:20px;text-transform:none;font-size:.9375rem;color:#fff}.search-bar form input::-webkit-input-placeholder{color:#fff}.search-bar form input:-ms-input-placeholder{color:#fff}.search-bar form input::placeholder{color:#fff}.search-bar form button{background:transparent;outline:0;border:0;margin-right:.625rem}.search-bar.position-left-nav{position:fixed;top:50%;z-index:999999994}.search-bar.position-left-nav.bg-blue .search-bar-wrapper,.search-bar.position-left-nav.bg-blue .toggle-search-bar,.search-bar.position-left-nav.bg-blue .close{background:#244c5a}.search-bar.position-left-nav.bg-peach .search-bar-wrapper,.search-bar.position-left-nav.bg-peach .toggle-search-bar,.search-bar.position-left-nav.bg-peach .close{background:#edbca0}.search-bar.position-left-nav.bg-red .search-bar-wrapper,.search-bar.position-left-nav.bg-red .toggle-search-bar,.search-bar.position-left-nav.bg-red .close{background:#fa4616}.search-bar.position-left-nav .toggle-search-bar{width:54px;text-align:center;padding:9px 0;border-top-right-radius:10px;border-bottom-right-radius:10px;cursor:pointer}.search-bar.position-left-nav .toggle-search-bar svg{vertical-align:middle;margin-top:-3px}.search-bar.position-left-nav .search-bar-wrapper{position:absolute;width:300px;left:-350px;top:0;display:block;padding:30px;transition:left .5s linear;border-bottom-right-radius:20px}.search-bar.position-left-nav .search-bar-wrapper.open{left:0}.search-bar.position-left-nav .search-bar-wrapper .close{position:absolute;left:100%;top:0;padding:10px 16px;border-top-right-radius:10px;border-bottom-right-radius:10px;cursor:pointer}.search-bar.position-left-nav .search-bar-wrapper .content,.search-bar.position-left-nav .search-bar-wrapper form{width:100%}.search-bar.position-left-nav .search-bar-wrapper form{margin-top:.625rem}.search-bar.position-left-nav .search-bar-wrapper .content .arrows{display:block}.search-bar.position-left-nav .search-bar-wrapper .content .arrows svg{transform:rotate(90deg)}
/*# sourceMappingURL=/cdn/shop/t/91/assets/search-bar.css.map */
