.search-container .search-line{position:fixed;top:0;left:0;z-index:50;display:flex;height:104px;width:100%;flex-direction:row;flex-wrap:nowrap;align-items:center;padding-right:1rem;border-bottom-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(231 217 212 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(248 239 235 / var(--tw-bg-opacity, 1));transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(max-width:768px){.search-container .search-line{height:5rem}}.search-container .search-line.opened{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.search-container .search-line button.search{padding:1.75rem}@media(max-width:768px){.search-container .search-line button.search{padding:1rem .75rem}}.search-container .search-line button.search svg{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.search-container .search-line button.search svg{height:2rem;width:2rem}}.search-container .search-line button.search:hover svg{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.search-container .search-line button.search:active svg{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.search-container .search-line input.search-text{width:100%;flex-grow:1;background-color:transparent;outline:2px solid transparent;outline-offset:2px;font-family:Syncopate,serif;font-size:1.875rem;line-height:2.25rem;text-transform:uppercase;line-height:1;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}@media(max-width:768px){.search-container .search-line input.search-text{font-size:.875rem;line-height:1.25rem}}.search-container .search-line input.search-text::-moz-placeholder{color:#0000001a}.search-container .search-line input.search-text::placeholder{color:#0000001a}.search-container .search-line .close-btn{height:4rem;width:4rem;flex-shrink:0}@media(max-width:768px){.search-container .search-line .close-btn{height:3rem;width:3rem}}.search-container .search-result{position:fixed;top:0;left:0;z-index:40;display:flex;height:100%;max-height:690px;width:100%;flex-direction:row;flex-wrap:nowrap;align-items:stretch;padding-top:104px;--tw-bg-opacity: 1;background-color:rgb(248 239 235 / var(--tw-bg-opacity, 1));transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(max-width:768px){.search-container .search-result{max-height:100%;flex-direction:column;align-items:stretch;padding-top:5rem}}.search-container .search-result .overlay{inset:0;z-index:30;background-color:#0009;opacity:1;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.search-container .search-result .overlay.overlay-enter-active,.search-container .search-result .overlay.overlay-leave-active{opacity:1}.search-container .search-result .overlay.overlay-enter-from,.search-container .search-result .overlay.overlay-leave-to{opacity:0}.search-container .search-result.opened{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.search-container .search-result .open-page-btn{margin-left:2rem;margin-right:2rem}@media(max-width:768px){.search-container .search-result .open-page-btn{display:none}}@media(min-width:769px)and (max-width:1440px){.search-container .search-result .open-page-btn.with-icon{height:8.33vw;padding-left:1.5rem;padding-right:1.5rem}}.search-container .search-result .open-page-mb-btn{position:fixed;left:50%;bottom:1rem;z-index:10;display:none;height:3rem;width:108px;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.75rem;line-height:1rem}@media(max-width:768px){.search-container .search-result .open-page-mb-btn{display:block}}.search-container .search-result .mobile-count{display:none;padding:1rem 1rem 2rem;font-size:.75rem;line-height:1rem;text-transform:uppercase}@media(max-width:768px){.search-container .search-result .mobile-count{display:block}}.search-container .search-result aside{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:25%;border-right-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(226 212 206 / var(--tw-border-opacity, 1));padding-top:2rem;padding-bottom:2rem}@media(min-width:769px)and (max-width:1440px){.search-container .search-result aside{padding:2.22vw}}@media(max-width:768px){.search-container .search-result aside{width:100%;border-right-width:0px;border-bottom-width:1px;padding:0}}.search-container .search-result aside.empty{border-style:none}.search-container .search-result aside ul{font-family:Syncopate,serif;font-size:.75rem;font-weight:700;text-transform:uppercase;line-height:1rem}@media(max-width:768px){.search-container .search-result aside ul{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding-top:1.5rem;padding-bottom:1.25rem}}.search-container .search-result aside ul li{margin-bottom:1.25rem;display:flex;flex-direction:row;justify-content:space-between}@media(max-width:768px){.search-container .search-result aside ul li{margin-bottom:0;margin-left:1rem;margin-right:.5rem;white-space:nowrap}.search-container .search-result aside ul strong{margin-right:.5rem}}.search-container .search-result aside ul span{opacity:.3}@media(max-width:768px){.search-container .search-result aside .see-all{height:3rem;width:104px;padding:0;text-align:center;font-size:.75rem;line-height:1rem;position:fixed;bottom:1.5rem;left:50%;z-index:10;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.search-container .search-result aside .see-all span{width:100%}.search-container .search-result aside .see-all svg{display:none}}.search-container .search-result section{box-sizing:border-box;width:75%;padding-left:1rem;padding-right:1rem;padding-top:2rem;display:flex;flex-direction:column}@media(max-width:768px){.search-container .search-result section{width:100%;overflow-y:scroll;padding:0}}.search-container .search-result section .empty-search{margin-right:25vw;max-width:60vw;word-break:break-all;text-align:center}@media(max-width:768px){.search-container .search-result section .empty-search{margin-left:auto;margin-right:auto}}.search-container .search-result section .empty-search .empty-title{margin-bottom:2.5rem;margin-top:110px;text-align:center;font-family:Syncopate,serif;font-size:32px;font-weight:700;text-transform:uppercase;line-height:100%;letter-spacing:.02em}.search-container .search-result section .empty-search .base-btn{margin-left:auto;margin-right:auto;margin-top:2.5rem;height:4rem;width:146px}.search-container .search-result section .result-grid{container:search-result/inline-size;display:flex;width:100%;flex-direction:row;flex-wrap:wrap;overflow-y:scroll}.search-container .search-result section .result-grid .product-card-wrapper{aspect-ratio:352/440;width:33.333333%}@media(max-width:768px){.search-container .search-result section .result-grid .product-card-wrapper{aspect-ratio:188/480;width:50%}}.search-container .search-result .count{padding-left:1rem;padding-bottom:.25rem;font-size:.75rem;line-height:1rem;text-transform:uppercase}@media(max-width:768px){.search-container .search-result .count{display:none}}.search-container .overlay{position:fixed;inset:0;z-index:30;background-color:#00000040;opacity:1;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.search-container .overlay.overlay-enter-active,.search-container .overlay.overlay-leave-active{opacity:1}.search-container .overlay.overlay-enter-from,.search-container .overlay.overlay-leave-to{opacity:0}.search-container .overlay .progress{position:relative;top:50%;left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
