mrl-mobile-nav{--ink:#242424;--paper:#f8f8f8;--line:rgba(36,36,36,.09);--acc:#4F6F52;--acc2:#C89B3C;--ease:cubic-bezier(.2,.8,.2,1);--dur:.32s;display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;pointer-events:none;font-family:var(--body-font-stack,inherit);color:var(--ink)}mrl-mobile-nav[hidden]{display:block}mrl-mobile-nav *{box-sizing:border-box}#NavDrawer,#NavDrawerOverlay{display:none!important}.mrlnav__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#14161400;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background var(--dur) var(--ease),backdrop-filter var(--dur) var(--ease),-webkit-backdrop-filter var(--dur) var(--ease)}.mrlnav__panel{position:absolute;top:0;left:0;bottom:0;width:min(88vw,400px);display:flex;flex-direction:column;background:#f8f8f8db;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border-right:1px solid rgba(255,255,255,.6);box-shadow:0 24px 60px #24242438;transform:translate(-104%);transition:transform var(--dur) var(--ease);overflow:hidden;outline:none}.mrlnav__panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--acc),var(--acc2));z-index:2}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.mrlnav__panel{background:#f8f8f8}}mrl-mobile-nav[data-open=true]{pointer-events:auto}mrl-mobile-nav[data-open=true] .mrlnav__backdrop{background:#1416146b;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}mrl-mobile-nav[data-open=true] .mrlnav__panel{transform:translate(0)}.mrlnav__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 12px 20px;border-bottom:1px solid var(--line);flex:0 0 auto}.mrlnav__logo{display:block;line-height:0}.mrlnav__logo img{height:34px;width:auto;display:block}.mrlnav__close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.mrlnav__close:active{background:#2424240f}.mrlnav__close svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}.mrlnav__scroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:6px 0 12px}.mrlnav__list,.mrlnav__sublist{list-style:none;margin:0;padding:0}.mrlnav__item{border-bottom:1px solid var(--line)}.mrlnav__row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:0 16px 0 20px;border:0;background:transparent;color:var(--ink);text-align:left;font:inherit;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}.mrlnav__row:active{background:#2424240d}.mrlnav__row .mrlnav__txt{display:flex;align-items:center;gap:10px}.mrlnav__item.is-active .mrlnav__txt:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc);flex:0 0 auto}.mrlnav__chev{width:44px;height:44px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin-right:-8px;border-radius:10px;color:var(--acc2)}.mrlnav__chev svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur) var(--ease)}.mrlnav__row[aria-expanded=true] .mrlnav__chev svg{transform:rotate(180deg)}.mrlnav__row[aria-expanded=true]{color:var(--acc)}.mrlnav__sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur) var(--ease)}.mrlnav__sub>div{overflow:hidden;min-height:0}.mrlnav__row[aria-expanded=true]+.mrlnav__sub{grid-template-rows:1fr}.mrlnav__sublist{padding:2px 0 12px;background:#ffffff73}.mrlnav__sublink{display:flex;align-items:center;min-height:48px;padding:10px 20px 10px 32px;color:var(--ink);font-size:16px;line-height:1.3;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s}.mrlnav__sublink:active{background:#4f6f5214;color:var(--acc)}.mrlnav__sublink.is-active{color:var(--acc);font-weight:600}.mrlnav__label{display:block;padding:14px 20px 4px 32px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--acc2)}.mrlnav__ext{width:14px;height:14px;margin-left:6px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.55;flex:0 0 auto}.mrlnav__footer{flex:0 0 auto;padding:14px 20px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#f8f8f8b3;display:grid;gap:10px}.mrlnav__btn{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;border-radius:14px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.mrlnav__btn--gold{background:var(--acc2);color:#242424!important}.mrlnav__btn--ghost{background:#ffffffbf;color:var(--ink)!important;border:1px solid var(--ink)}.mrlnav__btn:active{transform:translateY(1px)}.mrlnav__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}.mrlnav__meta a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);font-size:13px;letter-spacing:.06em;text-decoration:none;opacity:.8}.mrlnav__meta svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}html.mrlnav-lock,html.mrlnav-lock body{overflow:hidden!important;overscroll-behavior:none}html.mrlnav-lock #chat-button,html.mrlnav-lock #mount-floating-engagement-widget,html.mrlnav-lock #gorgias-chat-container iframe,html.mrlnav-lock #attentive_creative,html.mrlnav-lock #attentive_overlay,html.mrlnav-lock back-to-top{visibility:hidden!important;pointer-events:none!important}@media(prefers-reduced-motion:reduce){mrl-mobile-nav{--dur:1ms}}@media(min-width:990px){mrl-mobile-nav{display:none!important}}@media(max-width:989px){.announcement_bar animated-background-text-colors{min-height:66px}.announcement_bar .announcement_block{font-size:12px!important;letter-spacing:.04em!important;line-height:1.35}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/mrl-mobile-nav.css.map */