body #header-component[data-menu-style] .header__drawer{display:flex}body .menu-drawer.bl-menu{--bl-menu-ink: #502210;width:85vw;max-width:none;height:100dvh;color:var(--bl-menu-ink);background:var(--bl-home-sand, #dcc099);font-family:Manrope,sans-serif;border:0;isolation:isolate;overflow:hidden;--drawer-animation-speed: .28s}body .bl-menu+.menu-drawer__backdrop{-webkit-backdrop-filter:blur(4px) brightness(.75);backdrop-filter:blur(4px) brightness(.75)}.bl-menu *,.bl-menu *:before,.bl-menu *:after{box-sizing:border-box}.bl-menu-scenery{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.bl-menu-scenery img{width:100%;height:100%;object-fit:cover;object-position:center}.bl-menu-scenery:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#003c431a,transparent 45%)}.bl-menu-layout{width:min(100%,560px);height:100%;margin-inline:auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;gap:clamp(18px,3.4dvh,30px);padding:env(safe-area-inset-top,0px) max(6px,env(safe-area-inset-right,0px)) max(18px,env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px))}.bl-menu-top{position:relative;flex:0 0 auto;padding:clamp(62px,10dvh,88px) 22px 0;color:#fff}.bl-menu-close{position:absolute;z-index:2;top:max(14px,env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffffc7;border-radius:50%;background:#bfe3df4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;font:36px/1 Manrope,sans-serif;cursor:pointer;box-shadow:0 3px 8px #003c4326}.bl-menu-brand{text-align:center;font-size:clamp(34px,9vw,44px);line-height:1.2;font-weight:500}.menu-drawer.bl-menu .bl-menu-wave{display:block;width:64px;min-width:64px;height:14px;max-width:none;aspect-ratio:auto;margin:10px auto 18px}.bl-menu-search{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:1px solid #ffffffd9;border-radius:99px;background:#005562cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #ffffff40,0 3px 9px #0049441f}.bl-menu-studio{justify-content:center;color:#fff;text-decoration:none;font-size:var(--bl-type-small);padding:12px 18px;gap:16px}.bl-menu-studio>span{margin-left:auto}.bl-menu-globe{display:flex;align-items:center;gap:12px;margin-top:12px;padding:5px 18px 5px 8px;min-height:72px;border-radius:99px;background:linear-gradient(160deg,#fffbf4,#f3e8d8);color:var(--bl-menu-ink);text-decoration:none;box-shadow:inset 0 1px #fff,0 6px 14px #23432b26}.bl-menu-globe img{width:64px;height:64px;object-fit:contain;flex-shrink:0}.bl-menu-globe>span:nth-child(2){flex:1;min-width:0}.bl-menu-globe strong,.bl-menu-globe small{display:block;font-size:var(--bl-type-small);line-height:1.25}.bl-menu-globe small,.bl-menu-globe>span:last-child{color:#007f90}.bl-menu-globe strong{font-weight:600}.bl-menu-globe>span:last-child{font-size:24px}.bl-menu-globe:focus-visible,.bl-menu-studio:focus-visible{outline:2px solid white;outline-offset:4px}.bl-menu-sand{position:relative;display:flex;flex-direction:column;flex:1 0 auto;gap:14px;padding:22px 12px;border-radius:30px;border:1px solid #fff8e4da;background:linear-gradient(135deg,#f7f0e3bf,#dfc29ac9 70%,#f6dfc8c9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #fffcf0e0,0 10px 24px #70492226}.bl-menu-sand>nav{flex:1;display:flex;flex-direction:column;gap:clamp(18px,3dvh,28px)}.bl-menu-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:15px 0;border:1px solid #fffaed;border-radius:24px;background:linear-gradient(155deg,#fffaf2,#f4eadccf 55%,#eedcc6e6);box-shadow:inset 0 2px 3px #fffc,inset 0 -2px 4px #d5b89529,0 9px 15px #7354302b}.bl-menu-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:64px;padding:0 3px;color:var(--bl-menu-ink);text-decoration:none}.bl-menu-tile+.bl-menu-tile{border-left:1px solid #cfae8470}.bl-menu-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--bl-menu-ink)}.bl-menu-tile .bl-menu-icon{width:30px;height:30px}.bl-menu-icon svg{width:100%;height:100%;stroke-width:1.5}.bl-menu-tile-label{font-size:var(--bl-type-small);line-height:1.3;font-weight:500;text-align:center;overflow-wrap:anywhere}.bl-menu-secondary{flex:1;display:flex;flex-direction:column;padding-inline:10px}.bl-menu-secondary a{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 0;border-bottom:1px solid #fff8e4e6;font-size:var(--bl-type-small);line-height:1.4;color:var(--bl-menu-ink);text-decoration:none}.bl-menu-secondary a:last-child{border-bottom:0}.bl-menu-secondary span{font-size:var(--bl-type-small)}.bl-menu-account{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:14px 12px;border:1px solid #fff8e4;border-radius:23px;background:linear-gradient(135deg,#fffaf0e6,#f7ecdfcc);box-shadow:inset 0 1px 1px #fffcf5,0 8px 15px #7952271f}.bl-menu-account .bl-menu-icon{width:38px;height:38px;padding:8px;border-radius:50%;background:#ead0ad80}.bl-menu-account strong{display:block;font-size:var(--bl-type-small);font-weight:600;overflow-wrap:anywhere}.bl-menu-account small{display:block;margin-top:3px;font-size:var(--bl-type-small);line-height:1.35;color:#71685e}.bl-menu-account button{min-height:44px;padding:7px 12px;border:1px solid #078e9c;border-radius:99px;background:transparent;color:#006e7a;font:600 var(--bl-type-small) Manrope,sans-serif;cursor:pointer}.bl-menu a:focus-visible,.bl-menu button:focus-visible,.bl-menu input:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-height:700px){.bl-menu-top{padding-top:56px}.bl-menu-wave{margin-block:6px 12px}.bl-menu-layout{gap:18px;padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}.bl-menu-sand{padding-block:16px;gap:10px}.bl-menu-sand>nav{gap:14px}}@media(max-width:370px){.bl-menu-top{padding-inline:16px}.bl-menu-tile-label{letter-spacing:-.02em}.bl-menu-sand{padding-inline:9px}.bl-menu-account{gap:6px;padding-inline:9px;grid-template-columns:32px minmax(0,1fr) auto}.bl-menu-account .bl-menu-icon{width:32px;height:32px;padding:6px}.bl-menu-account button{padding-inline:9px}}@media(min-width:750px){.bl-menu-layout{padding-bottom:28px;min-height:min(100%,900px)}.bl-menu-top{padding-top:64px;padding-inline:30px}.bl-menu-close{left:calc(50% - 274px)}.bl-menu-brand{font-size:44px}.bl-menu-sand{padding:24px}.bl-menu-tile-label,.bl-menu-account strong,.bl-menu-account small,.bl-menu-account button{font-size:var(--bl-type-small)}}@media(prefers-reduced-motion:reduce){body .bl-menu,body .menu-drawer__backdrop{transition-duration:0s;animation:none}}@media(max-width:749px){.bl-menu-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0}.bl-menu-account{grid-template-columns:38px minmax(0,1fr)}.bl-menu-account button{grid-column:1/-1}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/beachlock-menu.css.map */