.search-modal{position:fixed;top:0;bottom:0;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;z-index:1000;background-color:rgb(var(--popup-background-color));color:rgb(var(--layout-text-color));box-shadow:-4px 0 20px #00000026;display:none;flex-direction:column;overflow:hidden;-webkit-overflow-scrolling:touch;width:480px;max-width:100vw;inset-inline-end:0;inset-inline-start:auto}@media screen and (min-width:769px){.search-modal{width:480px;inset-inline-end:0;inset-inline-start:auto}.search-modal.open{display:flex;animation:searchDrawerOpenRight .5s cubic-bezier(.16,1,.3,1) forwards}.search-modal.closing{display:flex;animation:searchDrawerCloseRight .5s cubic-bezier(.16,1,.3,1) forwards}}@media screen and (max-width:768px){.search-modal{width:359px;max-width:calc(100vw - 32px);inset-inline-start:0;inset-inline-end:auto;box-shadow:4px 0 20px #00000026}.search-modal.open{display:flex;animation:searchDrawerOpenLeft .5s cubic-bezier(.16,1,.3,1) forwards}.search-modal.closing{display:flex;animation:searchDrawerCloseLeft .5s cubic-bezier(.16,1,.3,1) forwards}}@keyframes searchDrawerOpenRight{0%{transform:translate(100%);opacity:.8}to{transform:translate(0);opacity:1}}@keyframes searchDrawerCloseRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:.8}}@keyframes searchDrawerOpenLeft{0%{transform:translate(-100%);opacity:.8}to{transform:translate(0);opacity:1}}@keyframes searchDrawerCloseLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:.8}}.search-drawer__container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;min-height:0}.search-modal .predictive-search-container{display:flex;flex-direction:column;height:100%;width:100%;min-height:0}.search-modal__form{display:flex;flex-direction:column;height:100%;width:100%;position:relative;min-height:0}.search-drawer__top-bar{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(var(--layout-text-color),.12);background-color:rgb(var(--popup-background-color));position:sticky;top:0;z-index:10;gap:12px}.search-drawer__top-bar .search-field__icon{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:rgb(var(--layout-text-color));flex-shrink:0}.search-drawer__top-bar .search__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.search-drawer__top-bar .search__icon svg{width:18px;height:18px}.search-drawer__input-wrapper{display:flex;align-items:center;flex:1;min-width:0;position:relative;gap:8px}.search-drawer__input-wrapper .search__input{flex:1 1 auto;width:100%;min-width:0;border:none;outline:none;background:transparent;color:rgb(var(--layout-text-color));font-size:15px;padding:4px 0;font-family:inherit}.search-drawer__input-wrapper .search__input::placeholder{color:rgba(var(--layout-text-color),.45);font-family:inherit}.search-drawer__input-wrapper .search__button--reset{background:transparent;border:none;cursor:pointer;color:rgb(var(--layout-text-color));padding:4px 6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-modal .search__button-text{white-space:nowrap!important;word-break:keep-all!important;font-size:13px!important;font-weight:500!important;color:rgb(var(--layout-text-color))!important;text-decoration:underline;text-underline-offset:2px;cursor:pointer;line-height:1.2;display:inline-block}.search-modal .search__button-text.hidden{display:none!important}.search-modal .search-drawer__close.button-close{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:50%!important;background-color:#fff!important;border:1px solid rgba(0,0,0,.15)!important;box-shadow:0 1px 4px #00000014!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;flex-shrink:0!important;transition:background-color .2s ease,transform .15s ease!important;position:relative;z-index:3}.search-modal .search-drawer__close.button-close:after,.search-modal .search-drawer__close.button-close:before{display:none!important}.search-modal .search-drawer__close.button-close svg{width:14px!important;height:14px!important;fill:#000!important;color:#000!important;transition:transform .2s ease!important}.search-modal .search-drawer__close.button-close svg path{fill:#000!important}.search-modal .search-drawer__close.button-close:hover{background-color:#f5f5f5!important;transform:scale(1.05)}.search-modal .search-drawer__close.button-close:hover svg,.search-modal .search-drawer__close.button-close:hover svg path{fill:#000!important}.search-drawer__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px 20px 60px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.search__section-title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--layout-text-color));margin:0 0 14px;padding:0;display:block}.search__popular-searches{display:flex;flex-direction:column}.search-modal.searching .search__popular-searches{display:none!important}.search__popular-searches-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.popular-search__item{margin:0;padding:0}.popular-search__item a{color:rgb(var(--layout-text-color));text-decoration:none;font-size:14px;line-height:1.4;transition:opacity .2s ease;display:inline-block}.popular-search__item a:hover{opacity:.65}.search__popular-picks{display:flex;flex-direction:column;padding-top:0;padding-bottom:20px}.popular-picks__list{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.popular-picks__list--grid,.search-modal .popular-picks__list--grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important;width:100%!important;padding-bottom:28px!important}.popular-pick__item{display:flex;align-items:center;gap:16px;text-decoration:none;color:rgb(var(--layout-text-color));transition:opacity .2s ease;padding:4px 0}.popular-pick__item:last-child{margin-bottom:12px}.popular-pick__item:hover{opacity:.8}.popular-pick__item--grid,.popular-picks__list--grid .popular-pick__item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.popular-pick__item--grid:last-child,.popular-picks__list--grid .popular-pick__item:last-child{margin-bottom:0!important}.popular-pick__media{flex:0 0 76px;width:76px;height:76px;background-color:#f7f7f7;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.popular-pick__item--grid .popular-pick__media,.popular-picks__list--grid .popular-pick__media{flex:0 0 auto!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;border-radius:4px}.popular-pick__badge{position:absolute;top:8px;left:0;z-index:3;padding:4px 10px;font-family:Jost,sans-serif!important;font-size:10px;font-weight:300;font-style:normal;line-height:16px;letter-spacing:.04em;pointer-events:none;white-space:nowrap;border-radius:0}.popular-pick__item--grid .popular-pick__badge,.popular-picks__list--grid .popular-pick__badge{top:8px;left:0;font-size:10px;line-height:16px;padding:4px 10px;font-family:Jost,sans-serif!important;font-weight:300;font-style:normal;letter-spacing:.04em;pointer-events:none;white-space:nowrap;border-radius:0}.popular-pick__media img{width:100%;height:100%;object-fit:contain;display:block}.popular-pick__item--grid .popular-pick__media img,.popular-picks__list--grid .popular-pick__media img{width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;display:block!important;position:relative!important}.popular-pick__media svg{width:100%;height:100%}.popular-pick__details{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.popular-pick__item--grid .popular-pick__details,.popular-picks__list--grid .popular-pick__details{width:100%!important;padding:4px 0 0!important;flex:0 0 auto!important}.popular-pick__title{font-size:15px;font-weight:500;line-height:1.35;color:rgb(var(--layout-text-color));word-break:break-word;text-transform:none;letter-spacing:normal}.popular-pick__price-container{display:flex;flex-direction:column;gap:2px}.popular-pick__price{display:flex;align-items:center;gap:8px;font-size:14px;color:rgb(var(--layout-text-color));flex-wrap:wrap;line-height:1.2}.popular-pick__current-price{font-weight:700}.popular-pick__compare-price{color:rgb(var(--layout-text-color));text-decoration:line-through;font-weight:400;font-size:13px}.popular-pick__discount-percent{color:#52885d;font-weight:700;font-size:13px}.popular-pick__tax-note{margin:2px 0 0;font-family:inherit;font-size:12px;font-weight:400;color:#656362;line-height:1.4}.predictive-search--header{width:100%;display:block}.search-modal .predictive-search-results-content{overflow:visible}.search-modal .predictive-search-results-content .tab-content-js{padding-top:12px;padding-bottom:24px}.search-modal .predictive-search-results-tabs{padding-bottom:16px;margin:0;width:100%;overflow-x:auto}.search-modal .component-tabs{gap:16px}.search-modal.searching{height:100vh;height:100dvh}.search__button-text.hidden,.predictive-search-results{opacity:0}.search__button-text{opacity:1;transition:opacity .3s var(--transition-timing-function)}.predictive-search__loading-state,.predictive-search--header,.predictive-search-results{position:relative}.predictive-search-results-tabs{display:flex;flex-wrap:nowrap;width:fit-content;max-width:100%;margin:0 auto;padding-bottom:32px;overflow-x:auto;z-index:5;background-color:rgb(var(--layout-background-color));-ms-overflow-style:none;scrollbar-width:none}.search-modal::-webkit-scrollbar{width:0;height:0;display:none}.search-modal::-moz-scrollbar{width:0;height:0;display:none;scrollbar-width:none}.search-modal.searching .predictive-search-results{opacity:1;animation:tabsMoving .6s var(--transition-timing-function)}@keyframes tabsMoving{0%{top:20px;opacity:0}to{top:0;opacity:1}}.predictive-search-results-tabs{background-color:rgb(var(--popup-background-color))}.predictive-search-results-content{overflow:clip;position:relative;background-color:rgb(var(--popup-background-color))}.predictive-search-results-content .tab-content-js{position:absolute;top:0;padding-bottom:64px;padding-top:32px;width:100%;height:0;opacity:0;transition:opacity .3s var(--transition-timing-function)}.predictive-search-results-content .tab-content-js.active{left:0;right:0;opacity:1;position:relative;z-index:3;height:fit-content}.predictive-search__results-list.list,.predictive-search__item--link{display:flex;flex-direction:column}.predictive-search__results-list.list .card__badges{display:none}.predictive-search__results-list.list .card{flex-direction:row}.predictive-search__results-list.list .card__picture-wrapper{max-width:100px;flex:0 0 100px}.predictive-search__list-item.lines:first-child{padding-top:16px;border-top:var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity))}.predictive-search__results-list.list .predictive-search__list-item .card__media{flex:0 0 76px}.predictive-search__results-list.list .predictive-search__list-item .card__media img{height:100%;width:100%;position:relative!important}.predictive-search-results-empty{display:block;max-width:388px;text-align:center;margin:0 auto}.predictive-search-results-empty.hidden{display:none}.list .predictive-search__list-item:not(:first-child){border-top:var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));padding-top:16px}.list .predictive-search__list-item:not(:last-child){padding-bottom:16px}.predictive-search__button{margin:20px auto 0;position:relative;z-index:5;opacity:0;width:100%;color:rgb(var(--base-button-color))!important;background-color:rgb(var(--accent-button-color))!important}.search-modal.searching .predictive-search__button{opacity:1;transition:opacity var(--animation-duration) var(--transition-timing-function),background-color var(--animation-duration) var(--transition-timing-function)}.predictive-search__list-item .swatches-containers-wrapper{display:none!important}@keyframes buttonMoving{0%{bottom:10dvh;opacity:0}50%{bottom:10dvh;opacity:0}to{bottom:calc(10dvh + var(--bottom));opacity:1}}.search-modal .predictive-search__results-list .card__badges-item--sale{color:rgb(var(--sale-text-color))}.predictive-search__results-list .regular-price{font-size:inherit!important}.predictive-search__item--link .card__title{transition:opacity var(--animation-duration) var(--transition-timing-function)}.predictive-search__item--article img{transition:transform var(--animation-duration) var(--transition-timing-function)}@media(hover:hover){.predictive-search__button:hover{background-color:rgb(var(--hover-button-color))!important;opacity:1!important}.search__menu .menu__item:hover,.predictive-search__item--link:hover .card__title-text,.predictive-search__item--article:hover .card__title{opacity:.7}.predictive-search__item--article:hover img{transform:scale(1.03);transition:transform var(--animation-duration) var(--transition-timing-function)}}.search-modal .search-field .search__input,.search-modal .search-field .search__input::placeholder,.search-modal .search__input,.search-modal .search__input::placeholder{font:var(--base-heading-xs-font)}.search__button{font:var(--base-body-s-font)}.custom-type-preset .search__button{font:var(--body-s-font);letter-spacing:var(--body-s-letter-spacing)}.custom-type-preset .search-modal .search-field .search__input,.custom-type-preset .search-modal .search-field .search__input::placeholder,.custom-type-preset .search-modal .search__input,.custom-type-preset .search-modal .search__input::placeholder{font:var(--heading-xs-font);letter-spacing:var(--heading-xs-letter-spacing)}.search-modal .search-field .search__input--minimal_uppercase,.search__button--minimal_uppercase,.search-modal .search-field .search__input--avant_garde,.search__button--avant_garde,.search-modal .search-field .search__input--brutalist,.search__button--brutalist,.search-modal .search-field .search__input--minimal_uppercase::placeholder,.search-modal .search-field .search__input--avant_garde::placeholder,.search-modal .search-field .search__input--brutalist::placeholder{text-transform:uppercase}.search-modal .search__section-title{font:var(--base-heading-xs-font);letter-spacing:.08em}.custom-type-preset .search-modal .search__section-title{font:var(--heading-xs-font);letter-spacing:.08em}.search-modal .popular-search__item a{font:var(--base-body-m-font)}.custom-type-preset .search-modal .popular-search__item a{font:var(--body-m-font)}.search-modal .popular-pick__title{font:var(--base-body-m-font);font-size:15px;font-weight:500}.custom-type-preset .search-modal .popular-pick__title{font:var(--body-m-font);font-size:15px;font-weight:500}.search-modal .popular-pick__price{font:var(--base-body-s-font)}.custom-type-preset .search-modal .popular-pick__price{font:var(--body-s-font)}.search-modal .collection__grid-container{max-width:100%}.search-modal .product-grid{display:grid}.blog-post__image{border-radius:var(--product-card-radius)}.search-modal .predictive-search__results-list:not(.list),.search-modal .predictive-search-results .product-grid:not(.list),.search-modal .predictive-search-results .product-grid--two_columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important;width:100%!important;margin:0!important;padding:0!important;list-style:none!important;box-sizing:border-box!important}.search-modal .predictive-search__results-list:not(.list) .predictive-search__list-item,.search-modal .predictive-search-results .product-grid:not(.list) .grid__item{width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important;border:none!important;box-sizing:border-box!important}.search-modal .predictive-search__results-list:not(.list) .card-container,.search-modal .predictive-search-results .product-grid:not(.list) .card-container{width:100%!important;height:100%!important;padding:0!important;border:none!important}.search-modal .predictive-search__results-list:not(.list) .card,.search-modal .predictive-search-results .product-grid:not(.list) .card{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;height:100%!important;text-decoration:none!important}.search-modal .predictive-search__results-list:not(.list) .card__picture-wrapper,.search-modal .predictive-search-results .product-grid:not(.list) .card__picture-wrapper{max-width:100%!important;width:100%!important;flex:0 0 auto!important;aspect-ratio:auto!important;border-radius:4px;overflow:hidden}.search-modal .predictive-search__results-list:not(.list) .card__media,.search-modal .predictive-search-results .product-grid:not(.list) .card__media{width:100%!important;max-width:100%!important;flex:0 0 auto!important}.search-modal .predictive-search__results-list:not(.list) .card__media img,.search-modal .predictive-search-results .product-grid:not(.list) .card__media img{width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;position:relative!important;display:block!important}.search-modal .predictive-search__results-list:not(.list) .card__content,.search-modal .predictive-search-results .product-grid:not(.list) .card__content{padding:6px 0 0!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:4px!important}.search-modal .predictive-search__results-list:not(.list) .card__title,.search-modal .predictive-search-results .product-grid:not(.list) .card__title{font-size:13px!important;line-height:1.35!important;font-weight:400!important;text-transform:none!important;letter-spacing:normal!important;display:block!important}.search-modal .predictive-search__results-list:not(.list) .card__price-container,.search-modal .predictive-search__results-list:not(.list) .card__price{font-size:13px!important;font-weight:700!important}.search-modal .predictive-search__results-list.list,.search-modal .product-grid.list{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;padding:0!important;margin:0!important;list-style:none!important;border:none!important}.search-modal .predictive-search__results-list.list .predictive-search__list-item,.search-modal .product-grid.list .grid__item{width:100%!important;padding:0!important;margin:0!important;border:none!important}.search-modal .predictive-search__results-list.list .card-container,.search-modal .product-grid.list .card-container{width:100%!important;padding:0!important;border:none!important}.search-modal .predictive-search__results-list.list .card,.search-modal .product-grid.list .card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;width:100%!important}.search-modal .predictive-search__results-list.list .card__picture-wrapper,.search-modal .predictive-search__results-list.list .card__media,.search-modal .product-grid.list .card__picture-wrapper,.search-modal .product-grid.list .card__media{flex:0 0 76px!important;width:76px!important;height:76px!important;max-width:76px!important}.search-modal .predictive-search__results-list.list .card__media img,.search-modal .product-grid.list .card__media img{width:100%!important;height:100%!important;object-fit:contain!important;position:relative!important}@media screen and (max-width:1200px){.search-modal .search-field__wrapper{padding-top:24px}}@media screen and (max-width:1024px){.search-modal{height:100vh}.predictive-search-results-tabs{padding-bottom:24px}.predictive-search-results-content .tab-content-js{padding-bottom:48px;padding-top:24px}.search-modal .collection--spacious,.search-modal .collection--spacious.lines,.search-modal .collection__product-grid--spacious{gap:48px}.search-modal .collection--compact.lines,.search-modal .collection--compact,.search-modal .collection__product-grid--compact{gap:32px}}@media screen and (max-width:768px){.predictive-search__results-list .card__badges{display:none}.search-modal .collection--spacious,.search-modal .collection--compact,.search-modal .collection--spacious.lines,.search-modal .collection--compact.lines,.search-modal .collection__product-grid--spacious{gap:32px}.search-modal .product-grid--three_columns .grid__item,.search-modal .product-grid--three_columns .grid__item .card-container,.search-modal .product-grid--four_columns .grid__item,.search-modal .product-grid--four_columns .grid__item .card-container{padding-inline-start:0!important;padding-inline-end:0!important;border-inline-start:none!important;border-inline-end:none!important}.search-modal .product-grid:not(.list){gap:12px 10px!important}.search-modal .product-grid--three_columns .grid__item:not(:first-child),.search-modal .product-grid--four_columns .grid__item:not(:first-child){border-top:var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity));padding-top:16px}.search-modal .product-grid--three_columns .grid__item:not(:last-child),.search-modal .product-grid--four_columns .grid__item:not(:last-child){padding-bottom:16px}.search-modal .product-grid--one_column .grid__item:nth-child(odd) .card-container{padding-inline-end:0!important;border-inline-end:none!important}.search-modal .product-grid--one_column .grid__item:nth-child(2n){padding-inline-start:0!important}}@media screen and (max-width:500px){.search-modal .collection--spacious,.search-modal .collection__product-grid--spacious{gap:32px}.search-modal .collection--compact{gap:24px}.search-modal.searching .predictive-search__button{--bottom: 16px}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/component-search-modal.css.map */