.search-dialog.search-overlay{width:min(calc(100% - 3rem),72rem);height:auto;max-height:min(84dvh,45rem);margin:clamp(1rem,5vh,3.5rem) auto auto;border:1px solid var(--color-border);border-radius:1rem;box-shadow:0 1.5rem 5rem #19171533;overflow:hidden;transform:translateY(-.75rem) scale(.99)}.search-dialog.search-overlay[open]{transform:translateY(0) scale(1)}@starting-style{.search-dialog.search-overlay[open]{opacity:0;transform:translateY(-.75rem) scale(.99)}}.search-dialog.search-overlay::backdrop{background:#1917158a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.search-dialog.search-overlay .dialog__inner{min-height:0;max-height:inherit}.search-dialog.search-overlay .dialog__header,.search-dialog.search-overlay .dialog__body{width:100%}.search-overlay__header{min-height:5.25rem;padding:.875rem clamp(1.25rem,3vw,2rem)}.search-overlay__heading{display:grid;gap:.2rem}.search-overlay__heading .eyebrow,.search-overlay__heading .dialog__title{margin:0}.search-overlay__heading .eyebrow{color:color-mix(in srgb,var(--color-foreground) 58%,transparent);font-size:.625rem}.search-overlay__heading .dialog__title{font-family:var(--font-heading-family),Georgia,serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:var(--font-heading-weight, 400);line-height:1}.search-dialog.search-overlay .dialog__close{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem}.search-dialog.search-overlay .search-overlay__body{padding:clamp(1.25rem,3vw,2rem)}.search-overlay puffle-predictive-search,.search-overlay .search-dialog__standard-search{display:block;min-width:0}.search-overlay .search-dialog__form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.1rem;padding-inline-start:1rem;border:1px solid color-mix(in srgb,var(--color-foreground) 24%,transparent);border-radius:.75rem;background:color-mix(in srgb,var(--color-background) 94%,var(--color-foreground));transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.search-overlay .search-dialog__form:focus-within{border-color:var(--color-focus, var(--color-accent, #4f5b4a));background:var(--color-background);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-focus, var(--color-accent, #4f5b4a)) 18%,transparent)}.search-overlay__input-icon{display:inline-flex;color:color-mix(in srgb,var(--color-foreground) 62%,transparent);line-height:0}.search-overlay__input-icon .icon{width:1.25rem;height:1.25rem}.search-dialog.search-overlay .search-dialog__form input[type=search]{width:100%;min-width:0;min-height:2.25rem;padding:0;border:0;border-radius:0;background:transparent;font-family:var(--font-heading-family),Georgia,serif;font-size:1rem;line-height:1.15;outline:0}.search-dialog.search-overlay .search-dialog__form input[type=search]:focus-visible{outline:0}.search-overlay .search-submit{display:inline-flex;min-width:4.25rem;min-height:2.25rem;align-items:center;justify-content:center;gap:.625rem;padding:.625rem .875rem;border:1px solid var(--color-foreground);border-radius:.5rem;background:var(--color-foreground);color:var(--color-background);font-size:.6875rem;transition:opacity .16s ease,transform .16s ease}.search-overlay .search-submit .icon{width:1rem;height:1rem}@media(hover:hover)and (pointer:fine){.search-overlay .search-submit:hover,.search-overlay__quick-list a:hover,.search-overlay__explore-list a:hover,.search-overlay .predictive-view-all:hover{opacity:.7}.search-overlay .predictive-products li a:hover,.search-overlay .predictive-pages li a:hover{background:color-mix(in srgb,var(--color-background) 88%,var(--color-foreground))}}.search-overlay__discovery{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(16rem,.9fr);gap:clamp(1.5rem,4vw,3.5rem);margin-top:clamp(1.25rem,2.5vw,1.75rem);padding-top:clamp(1.25rem,2.5vw,1.75rem);border-block-start:1px solid var(--color-border)}.search-overlay puffle-predictive-search:has(.predictive-search-results:not([hidden])) .search-overlay__discovery{display:none}.search-overlay__section-head,.search-overlay .predictive-section__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.search-overlay__section-head .eyebrow,.search-overlay .predictive-section__head .eyebrow{margin:0;font-size:.625rem}.search-overlay__section-head>span,.search-overlay .predictive-section__head>span{color:color-mix(in srgb,var(--color-foreground) 52%,transparent);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase}.search-overlay__quick-list{display:flex;flex-wrap:wrap;gap:.5rem}.search-overlay__quick-list a{display:inline-flex;min-height:2.75rem;align-items:center;padding:.625rem 1rem;border:1px solid color-mix(in srgb,var(--color-foreground) 22%,transparent);border-radius:999px;color:inherit;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:opacity .16s ease}.search-overlay__explore-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.search-overlay__explore-list a{display:flex;min-height:2.75rem;min-width:0;align-items:center;justify-content:space-between;gap:.75rem;border-block-end:1px solid var(--color-border);color:inherit;font-family:var(--font-heading-family),Georgia,serif;font-size:1rem;text-decoration:none;transition:opacity .16s ease}.search-overlay__explore-list a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-overlay__explore-list .icon{width:1rem;height:1rem}.search-overlay .predictive-search-results{margin:0}.search-overlay .predictive-results{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(14rem,.65fr);gap:1.5rem clamp(1.5rem,4vw,3rem);padding-top:clamp(1.25rem,2.5vw,1.75rem)}.search-overlay .predictive-results--single{grid-template-columns:1fr}.search-overlay .predictive-products,.search-overlay .predictive-pages{min-width:0}.search-overlay .predictive-products ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.search-overlay .predictive-products li a{display:grid;min-height:5.25rem;grid-template-columns:4.25rem minmax(0,1fr) auto;gap:.875rem;align-items:center;padding:.5rem;border-radius:.625rem;color:inherit;text-decoration:none;transition:background-color .16s ease}.search-overlay .predictive-product__image{width:4.25rem;aspect-ratio:1;border-radius:.4rem}.search-overlay .predictive-product__content{min-width:0}.search-overlay .predictive-products strong{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.search-overlay .predictive-products small{font-size:.6875rem}.search-overlay .predictive-product__price{margin-top:.25rem;color:color-mix(in srgb,var(--color-foreground) 62%,transparent);font-size:.6875rem}.search-overlay .predictive-product__price .price{font-size:inherit}.search-overlay .predictive-product__arrow{display:inline-flex;color:color-mix(in srgb,var(--color-foreground) 48%,transparent);line-height:0}.search-overlay .predictive-product__arrow .icon{width:1rem;height:1rem}.search-overlay .predictive-pages li a{min-height:3.5rem;justify-content:center;padding:.625rem .25rem;font-size:1rem;transition:background-color .16s ease}.search-overlay .predictive-results__footer{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:1rem;border-block-start:1px solid var(--color-border)}.search-overlay .predictive-results__footer p{margin:0;color:color-mix(in srgb,var(--color-foreground) 62%,transparent);font-size:.75rem}.search-overlay .predictive-view-all{display:inline-flex;min-height:2.75rem;align-items:center;gap:.625rem;margin:0;color:inherit;transition:opacity .16s ease}.search-overlay .predictive-view-all .icon{width:1rem;height:1rem}.search-overlay .predictive-empty{display:grid;justify-items:start;gap:.5rem;margin-top:1.25rem;padding:1.25rem;border-radius:.75rem;background:color-mix(in srgb,var(--color-background) 92%,var(--color-foreground))}.search-overlay .predictive-empty p{margin:0}.search-overlay .predictive-empty>p:not(.eyebrow){font-family:var(--font-heading-family),Georgia,serif;font-size:1.25rem}.search-overlay .predictive-empty a{display:inline-flex;min-height:2.75rem;align-items:center;gap:.5rem;color:inherit;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.search-overlay .predictive-empty .icon{width:1rem;height:1rem}@media(max-width:899px){.search-overlay .predictive-results{grid-template-columns:1fr}.search-overlay .predictive-pages ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}}@media(max-width:749px){.search-dialog.search-overlay{width:100%;max-height:min(92dvh,45rem);margin:0;border-width:0 0 1px;border-radius:0 0 .875rem .875rem}.search-overlay__header{min-height:4.5rem;padding:.625rem 1rem}.search-overlay__heading .eyebrow{display:none}.search-overlay__heading .dialog__title{font-size:1.5rem}.search-dialog.search-overlay .search-overlay__body{padding:1rem}.search-overlay .search-dialog__form{gap:.5rem;padding-inline-start:.75rem}.search-dialog.search-overlay .search-dialog__form input[type=search]{min-height:2rem;font-size:1rem}.search-overlay .search-submit{min-width:2.75rem;width:2.75rem;padding:0}.search-overlay .search-submit span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-overlay__discovery{grid-template-columns:1fr;gap:1.25rem;margin-top:1rem;padding-top:1rem}.search-overlay__quick-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.search-overlay__quick-list a{justify-content:center}.search-overlay__explore-list{grid-template-columns:1fr}.search-overlay .predictive-results{gap:1.25rem;padding-top:1rem}.search-overlay .predictive-products ul,.search-overlay .predictive-pages ul{grid-template-columns:1fr}.search-overlay .predictive-products li a{min-height:4.75rem;grid-template-columns:3.75rem minmax(0,1fr) auto;padding:.375rem}.search-overlay .predictive-product__image{width:3.75rem}.search-overlay .predictive-results__footer{align-items:stretch;flex-direction:column;gap:.75rem}.search-overlay .predictive-view-all{justify-content:space-between}}@media(max-width:349px){.search-overlay__input-icon{display:none}.search-overlay .search-dialog__form{grid-template-columns:minmax(0,1fr) auto}}@media(forced-colors:active){.search-overlay .search-dialog__form:focus-within{outline:2px solid Highlight;outline-offset:2px}}@media(prefers-reduced-motion:reduce){.search-dialog.search-overlay,.search-overlay .search-dialog__form,.search-overlay .search-submit,.search-overlay__quick-list a,.search-overlay__explore-list a,.search-overlay .predictive-products li a,.search-overlay .predictive-pages li a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/search-overlay.css.map */