@font-face{font-family:Inter;src:url(inter-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}#shopify-section-header:has(.bl-header){position:sticky;top:0;z-index:30}.header.bl-header{position:relative;max-width:none;grid-template-areas:"heading navigation search icons";grid-template-columns:auto minmax(0,1fr) minmax(180px,280px) auto;column-gap:24px;padding:12px 32px}.bl-header .header__inline-menu{min-width:0}.bl-header .header__heading-logo{display:block;width:150px;max-width:150px;height:auto}.bl-header .header__icons{grid-area:icons}.bl-header .bl-header-search{grid-area:search;display:block;min-width:0;position:relative}.bl-header-search__form{margin:0}.bl-header-search__field{position:relative;height:40px;display:flex;align-items:center;gap:8px;padding:0 4px 0 12px;background:#2d2a260d;border-radius:24px;color:var(--bl-ink);outline:1px solid transparent;transition:width .2s cubic-bezier(.4,0,.2,1)}.bl-header-search__field:focus-within{outline-color:var(--bl-ink)}.bl-header-search__input{flex:1;min-width:0;width:100%;height:40px;padding:0;border:0;border-radius:0;background:transparent;color:var(--bl-ink);font:400 16px/24px Inter,Arial,sans-serif;outline:none;box-shadow:none;-webkit-appearance:none}.bl-header-search__input::placeholder{color:inherit;opacity:1}.bl-header-search__input::-webkit-search-cancel-button,.bl-header-search__input::-webkit-search-decoration{-webkit-appearance:none}.bl-header-search__submit,.bl-header-search__clear{display:grid;place-items:center;flex-shrink:0;border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.bl-header-search__submit{width:20px;height:40px}.bl-header-search__clear{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.bl-header-search__input{transition:padding .2s cubic-bezier(.4,0,.2,1)}.bl-header-search__field:has(input[type=search]:not(:placeholder-shown)) .bl-header-search__clear{opacity:1;visibility:visible}.bl-header-search__input:not(:placeholder-shown){padding-right:40px}.bl-header-search>form .bl-header-search__input{padding-right:0}.bl-header-search .icon{width:18px;height:18px}.bl-header-search .predictive-search{top:calc(100% + 8px);left:0;width:max(100%,340px);right:0;max-width:calc(100vw - 32px);max-height:min(65svh,600px);overflow:auto;border-radius:0;background:var(--bl-surface)}.bl-header-search__input:focus-visible{outline:none;box-shadow:none}@media(min-width:1024px){.bl-header header-drawer{display:none}.bl-header .header__inline-menu{grid-area:navigation}.bl-header .header__heading-logo{max-width:150px}.bl-header .header__menu-item{font-size:10px;padding-left:9px;padding-right:9px}}@media(max-width:1023px){html:has(.bl-header){overflow-anchor:none}.bl-header-shell{position:relative;padding-bottom:52px;transition:padding-bottom .3s cubic-bezier(.4,0,.2,1)}.header.bl-header{position:static;display:flex;align-items:center;justify-content:space-between;height:56px;min-height:56px;padding:0 16px;column-gap:0}.bl-header .header__inline-menu{display:none}.bl-header .header__heading,.bl-header>.header__heading-link{margin:0;align-self:flex-start;flex-shrink:0}.bl-header .header__heading-link{display:flex;align-items:center;justify-content:flex-start;width:108px;height:56px;padding:0}.bl-header .header__heading-logo{display:block;width:96px;max-width:96px;height:auto;object-fit:contain}.bl-header .header__icons{align-self:flex-start;padding-right:40px;height:56px;gap:16px}.bl-header .header__icon{width:24px;min-width:24px;height:56px;min-height:44px}.bl-header .header__icon--account{display:flex!important}.bl-header .header__icon--cart{margin-right:0}.bl-header header-drawer{display:block;position:absolute;right:6px;top:0;margin:0;z-index:3}.bl-header header-drawer .header__icon{width:44px;min-width:44px}.bl-header .bl-header-search{position:absolute;top:60px;left:16px;right:16px;z-index:2;transition:top .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),right .3s cubic-bezier(.4,0,.2,1)}.bl-header--compact .bl-header-shell{padding-bottom:0}.bl-header--compact .bl-header .bl-header-search{top:8px;left:128px;right:144px}.bl-header-search .predictive-search{position:fixed;top:var(--header-bottom-position,56px);left:16px;right:16px;width:auto;max-width:none}}@media(prefers-reduced-motion:reduce){.bl-header-search__field,.bl-header-search__input,.bl-header-search__clear{transition:none}}html.bl-search-open{overflow:hidden;scrollbar-gutter:stable}.bl-search-dialog,.bl-search-dialog *{box-sizing:border-box}dialog.bl-search-dialog{position:fixed;inset:var(--bl-search-top,0px) 0 0;margin:0;padding:0;width:var(--bl-search-width,100vw);max-width:none;height:calc(100dvh - var(--bl-search-top,0px));max-height:none;border:0;background:transparent;color:var(--bl-ink);overflow:hidden;font:14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:normal}.bl-search-dialog:not([open]),.bl-search-dialog [hidden]{display:none!important}.bl-search-dialog::backdrop{background:#2d2a2699;animation:bl-search-fade-in .3s cubic-bezier(0,0,.2,1) both}.bl-search-dialog.is-closing::backdrop{animation:bl-search-fade-out .3s cubic-bezier(0,0,.2,1) both}.bl-search-panel{background:#fff;width:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;animation:bl-search-down .3s cubic-bezier(0,0,.2,1) both}.bl-search-dialog.is-closing .bl-search-panel{animation:bl-search-up .3s cubic-bezier(0,0,.2,1) both}.bl-search-bar{display:flex;align-items:center;gap:24px;padding:16px 16px 8px}.bl-search-form{flex:1;min-width:0;margin:0}.bl-search-dialog .bl-header-search__field{background:#2d2a260d}.bl-search-dialog .bl-header-search__field:focus-within{outline-color:var(--bl-ocean)}.bl-search-dialog .bl-header-search__input{font:400 16px/24px Inter,Arial,sans-serif}.bl-search-cancel{flex-shrink:0;padding:0;border:0;background:none;color:inherit;font:700 14px/20px Arial,Helvetica,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.bl-search-dialog :focus-visible{outline:1px solid var(--bl-ocean);outline-offset:2px}.bl-search-dialog .bl-header-search__input:focus-visible{outline:none}.bl-search-common{padding:12px 16px 16px}.bl-search-dialog h2{margin:0 0 12px;color:inherit;font:400 13px/18px Arial,Helvetica,sans-serif;letter-spacing:normal}.bl-search-common h2{text-transform:uppercase}.bl-search-chips{display:flex;flex-wrap:wrap;gap:8px}.bl-search-chips a{display:flex;align-items:center;gap:12px;min-height:42px;border:1px solid #e3e2e0;border-radius:2px;padding:8px 12px;color:inherit;text-decoration:none;font-size:14px}.bl-search-chips a svg{color:var(--bl-ocean);flex-shrink:0}.bl-search-chips a:hover{border-color:var(--bl-ocean)}.bl-search-suggestions{padding:12px 16px 8px}.bl-search-suggestions h2{margin-bottom:4px}.bl-search-suggestions ul{list-style:none;margin:0;padding:0}.bl-search-suggestions a{display:block;padding:8px 0;line-height:20px;color:inherit;text-decoration:none}.bl-search-suggestions a:hover,.bl-search-suggestions a[aria-selected=true]{text-decoration:underline;text-underline-offset:4px;color:var(--bl-ocean)}.bl-search-suggestions p{margin:8px 0}.bl-search-products{display:none}@media(min-width:1024px){dialog.bl-search-dialog{top:0;right:0;bottom:0;left:0;height:100dvh}.bl-search-panel{margin-left:auto;width:50%;height:100%;max-height:100dvh;animation-name:bl-search-left}.bl-search-dialog.is-closing .bl-search-panel{animation-name:bl-search-right}.bl-search-bar{padding:56px 24px 24px}.bl-search-common{padding:12px 24px 16px}.bl-search-suggestions{padding:12px 24px 8px;min-height:244px}.bl-search-products{display:block;padding:0 0 24px}.bl-search-products h2{font-weight:700;font-size:14px;margin:12px 24px 16px}.bl-search-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.bl-search-product{color:inherit;text-decoration:none;min-width:0}.bl-search-product img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#f5f2ed}.bl-search-product img.bl-search-product__placeholder{padding:16px;object-fit:contain}.bl-search-product span{display:block;padding:16px 20px;font:600 13px/20px Arial,Helvetica,sans-serif;text-transform:uppercase}.bl-search-product:hover span{text-decoration:underline}}@keyframes bl-search-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes bl-search-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes bl-search-left{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes bl-search-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes bl-search-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bl-search-fade-out{0%{opacity:1}to{opacity:0}}@media(max-width:1023px){html:has(.bl-header #Details-menu-drawer-container[open]){overflow:hidden}.bl-header header-drawer .menu-drawer{position:fixed;top:56px;left:0;right:0;width:100%;max-width:none;height:calc(100dvh - 56px);border:0;filter:none;background:#fff;transform:translate(100%);visibility:hidden;transition:transform .3s cubic-bezier(0,0,.2,1),visibility .3s}.bl-header header-drawer details[open].menu-opening>.menu-drawer{transform:translate(0);visibility:visible}.bl-header header-drawer>details>summary:before{display:none}.bl-header:has(#Details-menu-drawer-container[open]) .bl-header-search{visibility:hidden;pointer-events:none}.bl-header .menu-drawer__navigation{padding:28px 0}.bl-header .menu-drawer__menu-item{padding:16px 24px;font:400 18px/1.35 Inter,Arial,sans-serif;color:var(--bl-ink)}.bl-header .menu-drawer__utility-links{padding:24px;background:var(--bl-fog)}.bl-header .menu-drawer__submenu{background:#fff}.bl-header header-drawer>details>summary:focus:not(:focus-visible){outline:none;box-shadow:none}}.bl-header .header__icon--cart .icon{width:40px;height:40px;max-width:none;flex-shrink:0}.bl-header .header__icon--cart .cart-count-bubble{left:auto;right:-6px;top:10px;bottom:auto;min-width:16px;height:16px}@media(min-width:1024px){.bl-search-dialog::backdrop{background:transparent}.bl-search-dialog:before{content:"";position:absolute;left:0;top:var(--bl-search-header-bottom,72px);bottom:0;width:50%;background:#2d2a2699;pointer-events:none}.bl-search-panel{padding-top:var(--bl-search-header-bottom,72px);background:linear-gradient(to bottom,transparent var(--bl-search-header-bottom,72px),#fff var(--bl-search-header-bottom,72px));animation:none}.bl-search-dialog.is-closing .bl-search-panel{animation:none}.bl-search-bar{position:fixed;top:var(--bl-search-field-top,16px);left:var(--bl-search-field-left);width:var(--bl-search-field-width,260px);padding:0;gap:0}.bl-search-bar .bl-search-cancel{position:absolute;left:-9999px}.bl-search-bar .bl-search-cancel:focus-visible{left:auto;right:0;top:48px;background:#fff;padding:8px}.bl-search-common{padding:20px 24px 16px}.bl-search-dialog:not(.has-query) .bl-search-products{padding-top:60px}.bl-search-dialog.has-query .bl-search-products{padding-top:0}.bl-search-suggestions{min-height:212px;padding-top:20px}.bl-search-dialog .bl-header-search__field{background:#f4f4f4}.bl-search-dialog .bl-header-search__field:focus-within{outline-color:transparent}}html:has(.bl-header){overflow-anchor:none}@media(min-width:1024px){.bl-search-panel,.bl-search-dialog:before{animation:bl-search-fade-in .24s cubic-bezier(0,0,.2,1) both}.bl-search-dialog.is-closing .bl-search-panel,.bl-search-dialog.is-closing:before{animation:bl-search-fade-out .24s cubic-bezier(.4,0,1,1) both}}.bl-header .bl-header-search__field{transition:background-color .36s cubic-bezier(.4,0,.2,1),color .36s cubic-bezier(.4,0,.2,1),outline-color .36s cubic-bezier(.4,0,.2,1)}.bl-header .bl-header-search__input{transition:padding .2s cubic-bezier(.4,0,.2,1),color .36s cubic-bezier(.4,0,.2,1)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/beachlet-header-search.css.map */