.search-modal{width:100vw;height:40vh;min-height:460px;position:fixed;z-index:1000;left:0;background-color:rgb(var(--popup-background-color));color:rgb(var(--layout-text-color));transition:height .3s var(--transition-timing-function);-webkit-overflow-scrolling:touch}.search-modal.open{top:0;opacity:1;animation:modalOpen .3s var(--transition-timing-function)}.search-modal.searching{height:90dvh}.search-modal .component-tabs{overflow-x:clip}.search-modal.searching .component-tabs{overflow-x:auto}body.hidden .search-modal .scroll-area{height:100%}@keyframes modalOpen{0%{top:-40px;opacity:0}to{top:0;opacity:1}}.search-modal__container{max-width:1440px;margin:0 auto}.predictive-search-container{display:block}.search-modal .button-wrapper{padding-inline-end:16px;background-color:rgb(var(--popup-background-color));padding-top:16px;top:0}.search-modal .search-field__wrapper{position:sticky;position:-webkit-sticky;top:60px;width:100%;z-index:5;padding-bottom:32px;background-color:rgb(var(--popup-background-color))}.search-modal__content .field.search-field{max-width:960px;margin:0 auto;padding-bottom:12px}.search-modal__content .field.search-field .search-field__icon{height:24px;width:24px}.search-modal__form{display:flex;flex-direction:column;position:relative}.search-modal.searching .search__menu{display:none}.search__menu{max-width:960px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:6px;opacity:0}.search-modal.open .search__menu{animation:menuOpacity .6s var(--transition-timing-function);opacity:1}@keyframes menuOpacity{0%{opacity:0}50%{opacity:0}to{opacity:1}}.search__menu-title{color:rgba(var(--layout-text-color),.7)}.search__menu .menu__item{display:flex;align-items:center;transition:opacity var(--animation-duration) var(--transition-timing-function)}.search__button{color:rgb(var(--layout-text-color));word-break:keep-all;position:relative}.search-modal.searching .search__button,.search__button-text.hidden,.predictive-search-results{opacity:1}.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}.predictive-search-results-content .tab-content-js{position:absolute;top:0;padding-bottom:64px;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__list-item .card__media{flex:0 0 100px}.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:0 auto;position:fixed;z-index:5;transform:translate(-50%);left:50%;opacity:0;bottom:10dvh;color:rgb(var(--base-button-color))!important;background-color:rgb(var(--accent-button-color))!important}.search-modal.searching .predictive-search__button{opacity:1;--bottom: 32px;bottom:calc(10dvh + var(--bottom));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__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{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{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 .collection__grid-container{max-width:100%}.search-modal .product-grid{display:grid}.blog-post__image{border-radius:var(--product-card-radius)}.search-modal .product-grid--two_columns.product-grid--compact{grid-template-columns:repeat(2,1fr);gap:48px 16px}.search-modal .product-grid--three_columns.product-grid{grid-template-columns:repeat(3,1fr)}.search-modal .product-grid--four_columns.product-grid{grid-template-columns:repeat(4,1fr)}.search-modal .product-grid--three_columns.product-grid--spacious{gap:96px 90px}.search-modal .product-grid--four_columns.product-grid--spacious{gap:64px 48px}.search-modal .product-grid--four_columns.product-grid--compact{gap:48px 8px}.search-modal .product-grid--four_columns.product-grid--spacious.lines{grid-template-columns:calc((100% - 80px)/4) calc((100% - 80px)/4 + 40px) calc((100% - 80px)/4 + 40px) calc((100% - 80px)/4)}.search-modal .product-grid--three_columns.product-grid--compact.lines{grid-template-columns:calc((100% - 16px) / 3) calc((100% - 16px) / 3 + 16px) calc((100% - 16px) / 3)}.search-modal .product-grid--four_columns.product-grid--compact.lines{grid-template-columns:calc((100% - 32px)/4) calc((100% - 32px)/4 + 16px) calc((100% - 32px)/4 + 16px) calc((100% - 32px)/4)}.search-modal .product-grid--three_columns.product-grid--spacious.lines,.search-modal .product-grid--four_columns.product-grid--spacious.lines{gap:48px 0}.search-modal .product-grid--three_columns.product-grid--compact.lines,.search-modal .product-grid--four_columns.product-grid--compact.lines{gap:24px 0}.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item,.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item,.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item,.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item{border-top:var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity))}.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item,.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item{padding-top:48px}.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item,.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item{padding-top:24px}.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+3)) .card-container,.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+4)) .card-container,.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+4)) .card-container{border-inline-end:var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity))}.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container{padding-inline-end:48px}.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+3)) .card-container,.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+4)) .card-container{padding-inline-end:16px}.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)){padding-inline-start:48px}.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+1)),.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+1)){padding-inline-start:16px}.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+4)) .card-container{padding-inline-end:40px}.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+1)){padding-inline-start:40px}@media screen and (min-width:1200px){.search-modal .page-width .product-grid--three_columns.product-grid--spacious{gap:96px 90px}.search-modal .page-width .product-grid--four_columns.product-grid--spacious{gap:64px 48px}.search-modal .page-width .product-grid--four_columns.product-grid--spacious.lines,.search-modal .page-width .product-grid--three_columns.product-grid--spacious.lines{gap:48px 0}.search-modal .page-width .product-grid--three_columns.product-grid--spacious.lines{grid-template-columns:calc((100% - 48px) / 3) calc((100% - 48px) / 3 + 48px) calc((100% - 48px) / 3)}.search-modal .page-width .product-grid--three_columns.product-grid--spacious.lines .grid__item{padding-top:48px}.search-modal .page-width .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container{padding-inline-end:48px}.search-modal .page-width .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)){padding-inline-start:48px}}@media screen and (max-width:1200px){.search-modal .search-field__wrapper{padding-top:24px}}@media screen and (max-width:1024px){.predictive-search-results-tabs{padding-bottom:24px}.predictive-search-results-content .tab-content-js{padding-bottom:48px}.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}.search-modal .product-grid--three_columns.product-grid--spacious{gap:64px 80px}.search-modal .product-grid--four_columns.product-grid--spacious{gap:48px 24px}.search-modal .product-grid--three_columns.product-grid--spacious.lines{grid-template-columns:calc((100% - 32px) / 3) calc((100% - 32px) / 3 + 32px) calc((100% - 32px) / 3)}.search-modal .product-grid--three_columns.product-grid--spacious.lines,.search-modal .product-grid--four_columns.product-grid--spacious.lines{gap:32px 0}.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item,.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item{padding-top:32px}.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+4)) .card-container{padding-inline-end:32px}.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+1)){padding-inline-start:32px}.search-modal .product-grid--four_columns.product-grid--spacious.lines{grid-template-columns:calc((100% - 64px)/4) calc((100% - 64px)/4 + 32px) calc((100% - 64px)/4 + 32px) calc((100% - 64px)/4)}}@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--three_columns.product-grid--spacious,.search-modal .product-grid--four_columns.product-grid--spacious,.search-modal .product-grid--three_columns.product-grid--compact,.search-modal .product-grid--four_columns.product-grid--compact{gap:0 24px}.search-modal .product-grid--three_columns.product-grid--compact,.search-modal .product-grid--three_columns.product-grid--compact.lines,.search-modal .product-grid--three_columns.product-grid--spacious,.search-modal .product-grid--four_columns.product-grid--spacious,.search-modal .product-grid--four_columns.product-grid--compact,.search-modal .product-grid--three_columns.product-grid--spacious.lines,.search-modal .product-grid--four_columns.product-grid--spacious.lines,.search-modal .product-grid--four_columns.product-grid--compact.lines{grid-template-columns:1fr}.search-modal .product-grid--three_columns.product-grid--spacious.lines,.search-modal .product-grid--four_columns.product-grid--spacious.lines,.search-modal .product-grid--four_columns.product-grid--compact.lines,.search-modal .product-grid--three_columns.product-grid--compact.lines{gap:0}.predictive-search__list-item.grid__item .card{flex-direction:row}.predictive-search__list-item.grid__item .card__picture-wrapper{max-width:100px;flex:0 0 100px}.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+3)) .card-container,.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+3)) .card-container,.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+4)) .card-container,.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+4)) .card-container{border:none;padding-inline-end:0}.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item:nth-child(odd) .card-container,.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:nth-child(odd) .card-container,.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item:nth-child(odd) .card-container{padding-inline-end:16px;border-inline-end:var(--line-width) solid rgba(var(--layout-text-color),var(--line-opacity))}.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:not(:nth-child(3n+1)),.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item:not(:nth-child(3n+1)),.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:not(:nth-child(4n+1)),.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item:not(:nth-child(4n+1)){padding-inline-start:0}.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item:nth-child(2n),.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item:nth-child(2n),.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item:nth-child(2n),.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item:nth-child(2n){padding-inline-start:16px}.search-modal .product-grid--three_columns.product-grid--spacious.lines .grid__item,.search-modal .product-grid--three_columns.product-grid--compact.lines .grid__item,.search-modal .product-grid--four_columns.product-grid--spacious.lines .grid__item,.search-modal .product-grid--four_columns.product-grid--compact.lines .grid__item{padding-top:16px}.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}}.cg-ps-card{display:flex;align-items:flex-start;gap:20px;padding:20px;border-radius:18px;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;width:60%;margin:10px auto}@media(max-width:768px){.cg-ps-card{gap:10px;padding:15px;width:100%;margin:5px auto}}.predictive-search__list-item.grid__item{width:100%}.cg-ps-card__image{width:130px;height:119px;border-radius:10px;object-fit:cover;display:block}.cg-ps-card__content{flex:1;display:flex;flex-direction:column;justify-content:center;height:120px}@media screen and (max-width:768px){.cg-ps-card__content,.cg-ps-card__image{height:135px}}@media screen and (max-width:350px){.cg-ps-card__content,.cg-ps-card__image{height:140px}.cg-ps-card{gap:8px;padding:5px}.cg-overlay-search .predictive-search__results-list{padding:5px}}.cg-ps-card__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.cg-ps-card__title{font-family:Compadre,sans-serif;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:0;text-decoration:none;color:#000}.cg-ps-card__prices{text-align:right;min-width:80px}.cg-ps-card__price{font-family:Compadre,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:1}.cg-ps-card__compare{display:block;font-family:Compadre,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:1;text-align:right;text-decoration:line-through;color:#e53935}.cg-ps-card__subtitle{margin-top:4px;font-family:Compadre,sans-serif;font-weight:400;font-style:normal;font-size:10px;line-height:1.8;letter-spacing:0;color:#000;opacity:.9;text-align:left}.cg-ps-card__atc-btn-wrapper{margin-top:8px;text-align:left}.cg-ps-card__atc-btn{width:274px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:8.73px;border:1px solid #000;background:transparent;color:#000;font-family:Compadre,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:1;letter-spacing:0;text-align:center;text-transform:uppercase;cursor:pointer}.cg-ps-results-count{font-family:Compadre,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:1.8;letter-spacing:0;text-align:center;color:#000}.cg-overlay-search .predictive-search.predictive-search--header{position:static!important;inset:auto!important;transform:none!important;opacity:1!important;pointer-events:auto!important;max-height:none!important;margin-top:16px;width:100%;box-shadow:none;background:transparent}.cg-overlay-search .predictive-search__results-list{display:flex!important;flex-direction:column;gap:12px}@media screen and (max-width:768px){.cg-ps-card__atc-btn{width:134px}.cg-ps-card__top{flex-direction:column;gap:5px}.cg-ps-card__atc-btn-wrapper{margin-top:5px}.cg-ps-card__subtitle{margin-top:0!important}.cg-ps-card__compare,.cg-ps-card__prices{text-align:left}}.search-field__wrapper{width:100%}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-search-modal.css.map */