.search-bar{width:100%;border:0;background:transparent;--search-bar-radius: var(--radius-full);--search-bar-surface-radius: var(--radius-16)}.search-bar__inner{display:flex;align-items:center;gap:0;border-radius:var(--search-bar-radius);background:var(--input-search-surface-fill);min-height:calc(var(--input-control-min-height) + var(--space-12))}.search-bar__field{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-4);padding-block:var(--space-16);padding-inline:var(--input-field-padding-inline-start);min-height:calc(var(--input-control-min-height) + var(--space-8));text-align:left;box-sizing:border-box}[data-search-bar-location-wrap],[data-search-bar-date-wrap]{position:relative}.search-bar__field.is-hidden{display:none!important}.search-bar__label{font-size:var(--font-size-body-xs);line-height:var(--line-height-body-xs);font-weight:var(--font-weight-semibold);letter-spacing:0;opacity:.55;color:rgb(var(--color-foreground));flex-shrink:0;margin-bottom:0}.search-bar__value,[data-search-bar-type-wrap] .search-bar__value{font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-medium);color:rgb(var(--color-foreground))}[data-search-bar-date-wrap] .search-bar__summary-content>.search-bar__value,[data-search-bar-location-wrap] .search-bar__summary-content>.search-bar__value{display:block;min-width:0}[data-search-bar-date-wrap] .search-bar__summary-content>.search-bar__value{min-height:calc(var(--font-size-body) * var(--line-height-body))}[data-search-bar-date-wrap] .search-bar__placeholder{display:block;line-height:var(--line-height-body);white-space:nowrap}[data-search-bar-date-input]{display:none}.search-bar__divider{flex-shrink:0;width:var(--input-border-width);align-self:center;height:2.85rem;background:var(--input-border-color)}.search-bar__dropdown{position:relative;width:100%}.search-bar__dropdown-overlay{display:none}.search-bar__summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-12);width:calc(100% + (var(--input-field-padding-inline-start) * 2) - (var(--space-12) * 2));border:none;background:transparent;padding:var(--space-16) var(--space-16);border-radius:var(--search-bar-radius);margin-block:calc(var(--space-8) * -1);margin-inline:calc((var(--input-field-padding-inline-start) * -1) + var(--space-12));text-align:left;transition:background var(--duration-default) ease}.search-bar__summary:hover,.search-bar__summary:focus-visible{background:var(--filter-chip-background-hover)}summary.search-bar__summary{cursor:pointer;list-style:none}button.search-bar__summary{cursor:pointer;font:inherit;color:inherit;appearance:none;-webkit-appearance:none}.search-bar__summary--input{cursor:default;pointer-events:none}.search-bar__summary--input .search-bar__summary-content,.search-bar__summary--input .search-bar__input{pointer-events:auto}.search-bar__summary::-webkit-details-marker,.search-bar__summary::-moz-list-bullet{display:none}.search-bar__summary-content{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.search-bar__chevron{flex-shrink:0;width:1.2rem;height:1.2rem;opacity:.5;display:flex;align-items:center;justify-content:center;font-weight:600}.search-bar .search-bar__chevron .icon-caret{position:static;width:100%;height:100%;right:auto;top:auto;display:block;flex-shrink:0;transition:transform .2s ease}.search-bar__dropdown[open] .search-bar__chevron .icon-caret,[data-search-bar-date-wrap]:has([data-search-bar-calendar-popup]:not(.hidden)) .search-bar__chevron .icon-caret{transform:rotate(180deg)}.search-bar__placeholder{font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-medium);font-family:var(--font-body-family);font-style:var(--font-body-style);color:rgb(var(--color-foreground))}.search-bar__field.has-value .search-bar__placeholder{display:none}.search-bar__date-display{display:none;white-space:nowrap;font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-medium)}.search-bar__field.has-value .search-bar__date-display{display:block}.search-bar__field.has-value .search-bar__date-display[hidden]{display:none}.search-bar__input{border:none;background:transparent;padding:0;outline:none;cursor:text}.search-bar__input:focus,.search-bar__input:focus-visible,.search-bar__input.focused,.search-bar__input:active{box-shadow:none}[data-search-bar-location-wrap] .search-bar__input{width:100%;min-width:0;font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-medium);color:rgb(var(--color-foreground))}.search-bar__input::placeholder{color:rgba(var(--color-foreground),.5);font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-medium)}.search-bar__list{position:absolute;top:100%;left:0;margin-top:var(--space-8);padding:var(--space-12) var(--space-8);background:var(--input-search-surface-fill);border-radius:var(--search-bar-surface-radius);box-shadow:0 0 0 var(--input-border-width) var(--input-border-color),0 6px 16px #00000014;z-index:100;min-width:20rem;max-width:26rem;max-height:28rem;overflow-y:auto}.search-bar__option{display:flex;align-items:center;width:100%;padding-block:var(--space-12);padding-inline:var(--input-field-padding-inline-start);gap:var(--space-12);border:none;background:transparent;text-align:left;cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:rgb(var(--color-foreground));border-radius:var(--radius-md)}.search-bar__option+.search-bar__option{margin-top:var(--space-4)}.search-bar__option:hover,.search-bar__option:focus{background:rgba(var(--color-foreground),.05)}.search-bar__option.is-selected{font-weight:600;background:rgba(var(--color-button, var(--color-foreground)),.12);color:rgb(var(--color-button, var(--color-foreground)))}.search-bar__option-text{flex:1}.search-bar__option-check{flex-shrink:0;opacity:0}.search-bar__option.is-selected .search-bar__option-check{opacity:1}.search-bar__option-check .icon{width:1.2rem;height:1.2rem}.search-bar__drawer-header{display:none}.search-bar__submit{flex-shrink:0;width:auto;min-width:0;height:auto;padding-block:var(--button-padding-y-l);padding-inline:var(--button-padding-x-l);border:none;border-radius:var(--search-bar-surface-radius);margin:var(--space-12);background:rgb(var(--color-button));color:rgb(var(--color-button-text));cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-8);position:relative}.search-bar__submit:hover:not(:disabled){opacity:.9}.search-bar__submit:disabled{cursor:default;opacity:.85}.search-bar__submit-icon .icon{width:2rem;height:2rem}.search-bar__submit-text{font-size:var(--font-size-body);line-height:1;font-weight:var(--font-weight-medium);white-space:nowrap}@media(min-width:750px){.search-bar__submit-text{display:none}}.search-bar__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;margin:auto;border:.2rem solid currentColor;border-right-color:transparent;border-radius:50%;animation:sb-spin .6s linear infinite}.search-bar.is-loading .search-bar__submit-icon,.search-bar.is-loading .search-bar__submit-text{visibility:hidden}.search-bar.is-loading .search-bar__spinner{display:flex}@keyframes sb-spin{to{transform:rotate(360deg)}}.banner__buttons--search-bar{width:100%;max-width:64rem}.banner__buttons--search-bar .search-bar__inner{background:#fffffffa;box-shadow:0 0 0 1px #0000000f,0 8px 24px #0000001a}@media(max-width:749px){.search-bar{--sous-drawer-content-padding-inline: clamp(2.8rem, 8vw, 4rem);--sous-drawer-content-padding-top: var(--space-24);--sous-drawer-content-padding-bottom: calc(var(--space-28) + env(safe-area-inset-bottom, 0px));--sous-drawer-header-padding-top: var(--space-28);--sous-drawer-header-padding-bottom: var(--space-24);--sous-drawer-header-padding-inline: clamp(2.8rem, 8vw, 4rem)}.banner__buttons--search-bar .search-bar__inner{box-shadow:none;border:none}.banner__buttons--search-bar{width:calc(100% + 2rem);max-width:calc(100vw - 2rem);margin-left:-1rem;margin-right:-1rem}.search-bar__inner{flex-direction:column;align-items:stretch;min-height:var(--input-control-min-height);padding-block:var(--space-8) 0;padding-inline:0}.search-bar__field{width:100%;min-height:calc(var(--input-control-min-height) + var(--space-24));padding-block:var(--space-12);padding-inline:var(--input-field-padding-inline-start)}.search-bar__summary{margin-block:var(--space-8)}[data-search-bar-type-wrap] .search-bar__value,.search-bar__placeholder,.search-bar__date-display,.search-bar__input{font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-medium)}.search-bar__input::placeholder{font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-medium)}.search-bar__chevron{width:1rem;height:1rem}.search-bar__divider{width:calc(100% - (var(--input-field-padding-inline-start) * 2));height:var(--input-border-width)}.search-bar__submit{width:calc(100% - (var(--space-8) * 2));height:auto;min-height:0;padding-block:var(--button-padding-y-xl);padding-inline:var(--button-padding-x-xl);margin:var(--space-8);margin-top:0}.search-bar__submit-icon .icon{width:2rem;height:2rem}.search-bar__submit-text{font-size:var(--font-size-body)}.search-bar__spinner{width:1.8rem;height:1.8rem}.search-bar__dropdown{position:static}.search-bar__dropdown[open] .search-bar__dropdown-overlay,.search-bar__dropdown-overlay--mobile.is-open{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1198;display:block;border:0;margin:0;padding:0;background-color:rgba(var(--color-foreground),var(--overlay-backdrop-opacity));-webkit-backdrop-filter:blur(var(--overlay-backdrop-blur));backdrop-filter:blur(var(--overlay-backdrop-blur))}.search-bar__dropdown .search-bar__list{margin-top:0;max-width:none;min-width:0;border-radius:var(--radius-12, 1.2rem) var(--radius-12, 1.2rem) 0 0}.search-bar__list--mobile{display:none}.search-bar__list--mobile.is-open{display:block}.search-bar__dropdown[open] .search-bar__list,.search-bar__list--mobile.is-open{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;min-width:0;max-width:none;margin-top:0;z-index:1199;max-height:min(95vh,95dvh);min-height:45vh;padding:2.8rem 2.8rem calc(3.2rem + env(safe-area-inset-bottom,0px))!important;border-radius:var(--radius-12, 1.2rem) var(--radius-12, 1.2rem) 0 0;box-shadow:0 -.8rem 2.4rem rgba(var(--color-foreground),.12);overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.search-bar__option{padding-block:var(--space-16);padding-inline:var(--space-16)}}
/*# sourceMappingURL=/cdn/shop/t/204/assets/component-search-bar.css.map */