.mobile-search{display:none}@media screen and (max-width:950px){.mobile-search{display:block}.mobile-search:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#00000059;opacity:0;pointer-events:none;transition:opacity .4s ease}.mobile-search.is-open:before{opacity:1;pointer-events:auto}html.mobile-search-open,html.mobile-search-open body{overflow:hidden}.mobile-search__sheet{position:fixed;inset:auto 0 0;z-index:1000;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 15vw);height:calc(100svh - 15vw);padding:2vw;border-radius:30px 30px 0 0;color:rgb(var(--color-base-text));background:var(--mobile-search-background, #ffffff);clip-path:circle(0% at 50% 100%);opacity:0;pointer-events:none;transition:clip-path .6s cubic-bezier(.32,.72,0,1),opacity .3s ease}.is-open .mobile-search__sheet{clip-path:circle(150% at 50% 100%);opacity:1;pointer-events:auto}.mobile-search__close{position:absolute;inset-block-start:-12vw;inset-inline-start:50%;display:flex;align-items:center;justify-content:center;width:10vw;height:10vw;padding:0;border:0;border-radius:50%;color:rgb(var(--color-base-text));background:var(--mobile-search-background, #ffffff);opacity:0;transform:translate(-50%);transition:opacity .4s ease-out;cursor:pointer}.mobile-search__close svg{width:16px;height:16px}.is-open .mobile-search__close{opacity:1}.mobile-search__form{flex:0 0 auto;height:15vw}.mobile-search__field{position:relative}.mobile-search__input{box-sizing:border-box;width:100%;height:12.5vw;margin:0;padding:4vw 24vw 0 5vw;border:1px solid #dcdcdc;border-radius:23vw;font-family:var(--font-body-family);font-weight:400;font-size:16px;color:inherit;background:var(--mobile-search-field, #ececec);outline:none;appearance:none;-webkit-appearance:none}.mobile-search__input::-webkit-search-cancel-button{display:none}.mobile-search__input:focus-visible{border-color:#a7a7a7}.mobile-search__label{position:absolute;inset-block-start:50%;inset-inline-start:5vw;font-family:var(--font-body-family);font-weight:400;font-size:3vw;color:#a7a7a7;transform:translateY(-50%);transition:top .2s ease,font-size .2s ease,transform .2s ease;pointer-events:none}.mobile-search__input:focus+.mobile-search__label,.mobile-search__input:not(:placeholder-shown)+.mobile-search__label{inset-block-start:2vw;font-size:2.5vw;transform:none}.mobile-search__reset,.mobile-search__submit{position:absolute;inset-block-start:50%;display:flex;align-items:center;justify-content:center;width:9vw;height:9vw;padding:2vw;border:0;color:rgb(var(--color-base-text));background:none;transform:translateY(-50%);cursor:pointer}:is(.mobile-search__reset,.mobile-search__submit) svg{width:100%;height:100%}.mobile-search__reset{inset-inline-end:13vw}.mobile-search__reset:after{content:"";position:absolute;inset-block:1.5vw;inset-inline-end:-2vw;width:1px;background:#dcdcdc}.mobile-search__input:placeholder-shown~.mobile-search__reset{display:none}.mobile-search__submit{inset-inline-end:3vw;padding:2.4vw;color:#a7a7a7}.mobile-search__loading{position:absolute;inset-block-start:50%;inset-inline-end:24vw;width:4vw;height:4vw;border:2px solid #dcdcdc;border-top-color:rgb(var(--color-base-text));border-radius:50%;animation:mobile-search-spin .7s linear infinite;translate:0 -50%}.mobile-search__loading[hidden]{display:none}@keyframes mobile-search-spin{to{rotate:1turn}}.mobile-search__dropdown{position:absolute;inset-block-start:calc(100% + 1.2vw);inset-inline:0;z-index:2;display:flex;flex-direction:column;max-height:calc(100svh - 37vw);overflow:hidden;border:1px solid #dcdcdc;border-radius:7vw;background:var(--mobile-search-field, #ececec);animation:mobile-search-fade .25s ease}.mobile-search__dropdown[hidden]{display:none}@keyframes mobile-search-fade{0%{opacity:0;transform:translateY(1vw)}}.mobile-search__results{display:flex;flex-direction:column;min-height:0;padding:5vw 5vw 0;font-family:var(--font-body-family)}.mobile-search__results--empty{padding-block-end:5vw;font-size:3.4vw}.mobile-search__results--empty p{margin:0}.mobile-search__results-heading{margin:0;padding-block-end:2vw;border-block-end:1px solid #000000;font-family:var(--font-body-family);font-weight:400;font-size:3vw;letter-spacing:.04em;text-transform:uppercase}.mobile-search__list{flex:1 1 auto;min-height:0;margin:0;padding:2vw 0;overflow-y:auto;overscroll-behavior:contain}.mobile-search__item{display:flex;align-items:center;gap:6vw;padding-block:.6vw;color:inherit;text-decoration:none}.mobile-search__thumb{flex:0 0 auto;width:17vw;height:auto;aspect-ratio:4 / 5;border-radius:10px;object-fit:cover;background:#dcdcdc}.mobile-search__item-title{font-weight:400;font-size:3.7vw;line-height:1.3}.mobile-search__search-for{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:4.5vw 0;border-block-start:1px solid #dcdcdc;font-weight:400;font-size:4vw;color:inherit;text-decoration:none}.mobile-search__search-for svg{width:3.6vw;height:auto}.mobile-search__explore{display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;min-height:0;padding:3vw 2vw 0;font-family:var(--font-body-family)}.mobile-search__collections{display:flex;flex-direction:column;min-height:0}.mobile-search__collections-heading{margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:3vw;line-height:1;letter-spacing:0;text-transform:none}.mobile-search__collection-list{min-height:0;margin:0;padding:2vw 0;overflow-y:auto;overscroll-behavior:contain}.mobile-search__collection-list li{height:18vw;padding-block:1vw;border-block-end:1px solid #dcdcdc}.mobile-search__collection{display:flex;align-items:center;gap:3vw;height:100%;color:inherit;text-decoration:none}.mobile-search__collection-image{width:17%;height:100%;border-radius:8px;object-fit:cover}.mobile-search__collection-image--placeholder{fill:rgba(var(--color-base-text),.3);background:#ececec}.mobile-search__collection-title{font-family:var(--font-heading-family);font-weight:700;font-size:3vw;line-height:1.3}.mobile-search__footer{display:flex;flex:0 0 auto;justify-content:space-between;min-height:20vw;padding-block-end:env(safe-area-inset-bottom);border-block-start:1px solid #dcdcdc}.mobile-search__footer-links{width:35%;margin:0;padding:2vw 0 0}.mobile-search__footer-links li{line-height:1.4}.mobile-search__footer-links a{font-weight:400;font-size:3vw;color:inherit;text-decoration:none}.mobile-search__hint{margin:0;font-size:3vw;opacity:.6}.mobile-search :focus-visible{outline:.2rem solid rgb(var(--color-keyboard-focus, 0 0 0));outline-offset:.2rem}}@media(prefers-reduced-motion:reduce){.mobile-search__sheet,.mobile-search__close,.mobile-search:before,.mobile-search__dropdown{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-mobile-search.css.map */