header-search-popdown{display:block;height:100%}header-search-popdown>details{height:100%}.search-popdown{font-family:var(--FONT-STACK-NAV);font-style:var(--FONT-STYLE-NAV);font-weight:var(--FONT-WEIGHT-NAV);letter-spacing:var(--LETTER-SPACING-NAV);--bg: var(--COLOR-SUBMENU-BG);--text: var(--COLOR-SUBMENU-LINK);--link: var(--COLOR-SUBMENU-LINK);--link-hover: var(--COLOR-SUBMENU-LINK-HOVER);--text-light: var(--COLOR-SUBMENU-TEXT-LIGHT);position:absolute;z-index:6002;top:0;right:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translateY(-100%);transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s;box-shadow:0 5px 10px #0000001a;background:var(--bg)}.search-popdown .search-form{position:static}.search-popdown input[type=search]{font-family:var(--FONT-STACK-NAV);font-style:var(--FONT-STYLE-NAV);font-weight:var(--FONT-WEIGHT-NAV);letter-spacing:var(--LETTER-SPACING-NAV);width:100%;border:none;margin:0;text-align:left;color:var(--text);font-size:calc(var(--font-nav-small) * var(--FONT-SIZE-NAV))}.search-popdown input[type=search]::placeholder{color:var(--text)}.search-popdown input[type=search]:focus,.search-popdown input[type=search]:active{box-shadow:none}.search-popdown .product-link{--link: var(--COLOR-HEADER-LINK);--link-hover: var(--COLOR-HEADER-LINK-HOVER)}.search-popdown .product-information .price{--text-light: var(--COLOR-HEADER-LINK)}.search-popdown+.underlay{z-index:6001}.theme__header header-search-popdown.is-open .search-popdown,.theme__header header-search-popdown.is-open .predictive-search{width:100vw;padding-right:var(--scrollbar-width)}header-search-popdown.is-open .search-popdown{opacity:1;transform:none;transition-delay:0s;visibility:unset;max-height:calc(100vh - var(--announcement-height))}.search-popdown__main{width:100%;height:var(--header-height);display:flex;justify-content:space-between;align-items:center;background:var(--bg);transition:transform .5s ease}.search-popdown__close{position:relative;width:80px;height:100%;display:flex}@media only screen and (max-width:749px){.search-popdown__close{width:20px}}.search-popdown__close__button{--icon-size: 24px;position:absolute;top:50%;right:4px;display:flex;align-items:center;justify-content:center;padding:5px;color:var(--link);background:transparent;border-radius:var(--RADIUS);font-size:0;text-decoration:none;transform:translate3d(0,-50%,0);transition:color .3s ease}.search-popdown__close__button .icon{display:block;fill:currentcolor;pointer-events:none;will-change:transform;transition:transform .4s cubic-bezier(.4,0,.22,1)}@media(hover:hover){.search-popdown__close__button:hover{color:var(--link-hover)}.search-popdown__close__button:hover .icon{transform:scale(1.25)}}.search-popdown__close__button{--icon-size: 24px;font-size:var(--FONT-SIZE-NAV);cursor:pointer;width:34px;height:34px;right:-11px}.search-popdown__submit{--icon-size: 24px;display:flex;align-items:center;justify-content:center;width:36px;margin-left:-8px;padding:0}.search-popdown>.wrapper{width:100%;max-width:var(--site-rail-max, calc(var(--content-max, 1320px) + 40px));padding-left:var(--site-gutter, 20px);padding-right:var(--site-gutter, 20px)}.search-popdown__main{min-height:88px;height:auto;gap:16px;padding-block:16px}.search-popdown predictive-search,.search-popdown header-search-form{min-width:0}.search-popdown .search-form{min-height:56px;align-items:center;overflow:hidden;border:1px solid var(--text);border-radius:999px;background:var(--bg);transition:border-color .18s ease,box-shadow .18s ease}.search-popdown .search-form:focus-within{border-color:var(--text)}.search-popdown input[type=search]{min-width:0;height:54px;padding:0 12px 0 0;font-size:var(--font-body-medium);line-height:1.4;background:transparent}.search-popdown input[type=search]:focus,.search-popdown input[type=search]:active{outline:0}.search-popdown .search-reset{min-height:44px;padding:0 20px;border-radius:999px;transition:color .18s ease,background-color .18s ease}.search-popdown__submit{flex:0 0 52px;width:52px;height:52px;margin-left:0;color:var(--link);transition:color .18s ease,transform .18s ease}.search-popdown__close{flex:0 0 56px;width:56px;height:56px;align-items:center;justify-content:flex-end}.search-popdown__close__button{position:static;width:56px;height:56px;padding:0;border:1px solid var(--text);border-radius:50%;transform:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.search-popdown__submit:focus-visible,.search-popdown .search-reset:focus-visible,.search-popdown__close__button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(hover:hover){.search-popdown__submit:hover{color:var(--link-hover);transform:scale(1.06)}.search-popdown .search-reset:hover,.search-popdown__close__button:hover{color:var(--link-hover);background:var(--text-a5);border-color:var(--text)}}header-search-popdown.is-open .search-popdown{max-height:calc(100dvh - var(--announcement-height))}@media only screen and (max-width:749px){.theme__header header-search-popdown.is-open .search-popdown,.theme__header header-search-popdown.is-open .predictive-search{padding-right:0}.search-popdown>.wrapper{width:calc(100% - 32px);max-width:none}.search-popdown__main{min-height:72px;gap:8px;padding-block:12px}.search-popdown .search-form{min-height:48px}.search-popdown__submit{--icon-size: 21px;flex-basis:44px;width:44px;height:46px}.search-popdown input[type=search]{height:46px;padding-right:6px;font-size:max(16px,var(--font-body-medium))}.search-popdown .search-reset{min-height:44px;padding-inline:10px}.search-popdown__close{flex-basis:48px;width:48px;height:48px}.search-popdown__close__button{--icon-size: 20px;width:48px;height:48px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/header-search-popdown.css.map */
