dialog[aria-label="Search modal"]{--nn-search-top: var(--headerGroupHeight, 88px)}dialog[aria-label="Search modal"][open]{position:fixed!important;inset:var(--nn-search-top) 0 0 0!important;width:100vw!important;max-width:100vw!important;height:calc(100dvh - var(--nn-search-top))!important;max-height:calc(100dvh - var(--nn-search-top))!important;margin:0!important;padding:0!important;background:#f7f7f5!important;border:0!important;border-radius:0 0 26px 26px!important;box-shadow:none!important;overflow:hidden!important}dialog[aria-label="Search modal"]::backdrop{background:#0c0c0c14!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog[aria-label="Search modal"]>dialog-wrapper{position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0 4.5vw 64px!important;background:transparent!important;overflow-y:auto!important;scrollbar-width:none}dialog[aria-label="Search modal"]>dialog-wrapper::-webkit-scrollbar{display:none}dialog[aria-label="Search modal"]>dialog-wrapper>header{position:absolute!important;top:26px!important;right:4.5vw!important;left:auto!important;z-index:5;width:auto!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important}dialog[aria-label="Search modal"]>dialog-wrapper>header h2{display:none!important}dialog[aria-label="Search modal"]>dialog-wrapper>header button[data-close]{width:38px!important;height:38px!important;min-width:38px!important;padding:7px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#111!important}dialog[aria-label="Search modal"]>dialog-wrapper>main{width:min(100%,1000px)!important;margin:108px auto 0!important;padding:0!important}dialog[aria-label="Search modal"] search-engine,dialog[aria-label="Search modal"] predictive-search,dialog[aria-label="Search modal"] main-search,dialog[aria-label="Search modal"] form.search,dialog[aria-label="Search modal"] .search-section{display:block!important;width:100%!important;max-width:none!important}dialog[aria-label="Search modal"] .search-bar{display:block!important;width:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}dialog[aria-label="Search modal"] .search-bar x-stack{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;align-items:center!important;width:100%!important;min-height:58px!important;padding:0 18px!important;border:1.5px solid #111!important;border-radius:100vw!important;background:transparent!important;box-shadow:none!important;box-sizing:border-box!important;overflow:hidden!important}dialog[aria-label="Search modal"] .search-bar label{display:grid!important;place-items:center!important;padding:0!important;color:#111!important}dialog[aria-label="Search modal"] .search-bar label svg{width:27px!important;height:27px!important;stroke-width:1.5!important}dialog[aria-label="Search modal"] .s-input input[type=search]{width:100%!important;height:58px!important;padding:0 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#111!important;font:inherit!important;font-size:18px!important;letter-spacing:0!important}dialog[aria-label="Search modal"] .s-input input[type=search]::placeholder{color:#aaa!important;opacity:1!important}dialog[aria-label="Search modal"] .s-input input[type=search]:focus{outline:0!important}dialog[aria-label="Search modal"] .s-buttons{padding:0!important}dialog[aria-label="Search modal"] .predictive-search-area{width:100%!important;margin-top:28px!important}.nn-search-discovery{margin-top:70px;color:#111}.nn-search-section+.nn-search-section{margin-top:72px}.nn-search-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:34px}.nn-search-heading h3,.nn-search-heading button{margin:0;padding:0;border:0;background:transparent;color:#111;font:inherit;font-size:16px;font-weight:500;letter-spacing:0;text-transform:uppercase}.nn-search-heading button{cursor:pointer}.nn-product-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,7vw,96px);align-items:start}.nn-product-card{display:block;min-width:0;color:#111!important;text-decoration:none!important}.nn-product-image{display:grid;place-items:center;width:100%;aspect-ratio:1.45 / 1;background:transparent;overflow:hidden}.nn-product-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease}.nn-product-card:hover .nn-product-image img{transform:scale(1.035)}.nn-product-title{display:block;margin-top:20px;font-size:15px;line-height:1.35;text-align:left}dialog[aria-label="Search modal"].nn-has-query .nn-search-discovery{display:none}@media(max-width:749px){dialog[aria-label="Search modal"]{--nn-search-top: var(--headerGroupHeight, 72px)}dialog[aria-label="Search modal"][open]{border-radius:0 0 20px 20px!important}dialog[aria-label="Search modal"]>dialog-wrapper{padding:0 18px 38px!important}dialog[aria-label="Search modal"]>dialog-wrapper>header{top:18px!important;right:14px!important}dialog[aria-label="Search modal"]>dialog-wrapper>header button[data-close]{width:34px!important;height:34px!important;min-width:34px!important}dialog[aria-label="Search modal"]>dialog-wrapper>main{margin-top:74px!important}dialog[aria-label="Search modal"] .search-bar x-stack{grid-template-columns:30px minmax(0,1fr) auto!important;min-height:52px!important}dialog[aria-label="Search modal"] .search-bar label svg{width:23px!important;height:23px!important}dialog[aria-label="Search modal"] .s-input input[type=search]{height:52px!important;padding:0 12px!important;font-size:16px!important}.nn-search-discovery{margin-top:48px}.nn-search-section+.nn-search-section{margin-top:54px}.nn-search-heading{margin-bottom:24px}.nn-search-heading h3,.nn-search-heading button{font-size:13px}.nn-product-row{display:grid;grid-auto-flow:column;grid-auto-columns:43vw;grid-template-columns:none;gap:22px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-bottom:4px}.nn-product-row::-webkit-scrollbar{display:none}.nn-product-title{margin-top:13px;font-size:13px}}dialog[aria-label="Search modal"] .search-bar:focus,dialog[aria-label="Search modal"] .search-bar:focus-within,dialog[aria-label="Search modal"] .search-bar x-stack:focus,dialog[aria-label="Search modal"] .search-bar x-stack:focus-within{outline:0!important;box-shadow:none!important;border-color:#111!important}dialog[aria-label="Search modal"][open]{inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:min(1180px,90vw)!important;max-width:1180px!important;height:min(760px,82dvh)!important;max-height:82dvh!important;margin:0!important;box-sizing:border-box!important;border:1px solid #161616!important;border-radius:12px!important;background:#f7f7f5!important;box-shadow:0 16px 42px #00000029!important}dialog[aria-label="Search modal"]::backdrop{background:#12121238!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important}dialog[aria-label="Search modal"]>dialog-wrapper{padding-inline:clamp(28px,4vw,58px)!important}dialog[aria-label="Search modal"]>dialog-wrapper>header{right:clamp(22px,3vw,42px)!important}@media(max-width:749px){dialog[aria-label="Search modal"][open]{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;height:min(720px,82dvh)!important;max-height:82dvh!important;border-radius:12px!important}dialog[aria-label="Search modal"]>dialog-wrapper{padding-inline:18px!important}}#searchBox{--dialogAnimationOpen: .42s nn-search-fade-in ease-in-out both;--dialogAnimationClose: .42s nn-search-fade-out ease-in-out both;--dialogBackdropAnimationIn: .42s nn-search-fade-in ease-in-out both;--dialogBackdropAnimationOut: .42s nn-search-fade-out ease-in-out both}#searchBox[closing]{animation:.42s nn-search-fade-out ease-in-out forwards!important}#searchBox dialog::backdrop,#searchBox dialog::-webkit-backdrop{animation:.42s nn-search-fade-in ease-in-out both!important}#searchBox[closing] dialog::backdrop,#searchBox[closing] dialog::-webkit-backdrop{animation:.42s nn-search-fade-out ease-in-out both!important}@keyframes nn-search-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nn-search-fade-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){#searchBox,#searchBox[closing],#searchBox dialog,#searchBox dialog::backdrop,#searchBox dialog::-webkit-backdrop{animation-duration:1ms!important}}#searchBox dialog[aria-label="Search modal"]{--dialogAnimationOpen: .42s nn-search-fade-in ease-in-out both !important;--dialogAnimationClose: .42s nn-search-fade-out ease-in-out both !important}dialog[aria-label="Search modal"] .s-input{position:relative!important}dialog[aria-label="Search modal"] .s-input input[type=search]::placeholder{color:transparent!important}dialog[aria-label="Search modal"] .nn-search-rotating-prompt{position:absolute;top:0;right:16px;bottom:0;left:16px;display:flex;align-items:center;min-width:0;overflow:hidden;pointer-events:none;color:#888;font:inherit;font-size:18px;line-height:1.2;letter-spacing:0;opacity:1;transition:opacity .16s ease}dialog[aria-label="Search modal"] .nn-search-prompt-prefix{flex:0 0 auto;white-space:nowrap}dialog[aria-label="Search modal"] .nn-search-prompt-window{display:block;height:1.2em;min-width:0;overflow:hidden}dialog[aria-label="Search modal"] .nn-search-prompt-list{display:flex;flex-direction:column;height:4.8em;animation:nn-search-prompt-slide 9s cubic-bezier(.65,0,.35,1) infinite;will-change:transform}dialog[aria-label="Search modal"] .nn-search-prompt-list>span{display:block;flex:0 0 1.2em;height:1.2em;white-space:nowrap}dialog[aria-label="Search modal"] .s-input:has(input[type=search]:not(:placeholder-shown)) .nn-search-rotating-prompt{opacity:0}@keyframes nn-search-prompt-slide{0%,23%{transform:translateY(0)}30%,53%{transform:translateY(-1.2em)}60%,83%{transform:translateY(-2.4em)}90%,to{transform:translateY(-3.6em)}}@media(max-width:749px){dialog[aria-label="Search modal"] .nn-search-rotating-prompt{inset-inline:12px;font-size:16px}}@media(prefers-reduced-motion:reduce){dialog[aria-label="Search modal"] .nn-search-prompt-list{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/nana-search-redesign.css.map */