.frame-menu,.frame-menu-spacer{--fm-size: 48px;--fm-gap: 10px;--fm-top: calc(var(--site-frame-inset, 0px) + 1px + var(--fm-gap));--fm-ease: cubic-bezier(.22, .7, .12, 1)}@media screen and (min-width:750px){.frame-menu,.frame-menu-spacer{--fm-size: 52px;--fm-gap: 14px}}.frame-menu-spacer{height:calc(var(--fm-size) + 2 * var(--fm-gap))}.frame-menu--dark{--fm-bg: rgb(13 11 10 / .88);--fm-text: #ece4d6;--fm-line: rgb(236 228 214 / .18);--fm-muted: rgb(236 228 214 / .22);--fm-logo-filter: brightness(0) invert(1)}.frame-menu--matte{--fm-bg: var(--site-frame-color, #ffffff);--fm-text: #0d0b0a;--fm-line: var(--site-frame-border-color, #d6d6d6);--fm-muted: rgb(13 11 10 / .16);--fm-logo-filter: brightness(0)}.frame-menu__shell{position:fixed;top:var(--fm-top);left:var(--fm-top);z-index:var(--layer-header-menu);width:var(--fm-size);height:var(--fm-size);box-sizing:border-box;color:var(--fm-text);background:var(--fm-bg);border:1px solid var(--fm-line);border-radius:var(--site-frame-radius, 20px);overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:width .65s var(--fm-ease),height .65s var(--fm-ease)}.frame-menu[open] .frame-menu__shell{width:var(--fm-open-w, var(--fm-size));height:var(--fm-open-h, var(--fm-size))}.frame-menu__inner{position:absolute;top:0;left:0;display:flex;align-items:center;width:max-content}.frame-menu__toggle{position:relative;flex:none;display:grid;place-items:center;width:calc(var(--fm-size) - 2px);height:calc(var(--fm-size) - 2px);color:inherit;cursor:pointer}.frame-menu__mark,.frame-menu__close{grid-area:1 / 1;display:grid;place-items:center;transition:opacity .4s var(--fm-ease),transform .65s var(--fm-ease)}.frame-menu__logo{display:block;width:var(--fm-logo-width, 26px);height:auto;filter:var(--fm-logo-filter);border-radius:0!important}.frame-menu__initial{font-family:var(--font-heading--family);font-weight:600;font-size:20px;line-height:1}.frame-menu__close{opacity:0;transform:rotate(-90deg)}.frame-menu[open] .frame-menu__mark{opacity:0;transform:rotate(90deg)}.frame-menu[open] .frame-menu__close{opacity:1;transform:none}.frame-menu__dot{position:absolute;top:3px;right:3px;display:none;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;place-items:center;font-family:var(--font-body--family);font-size:10px;font-weight:600;line-height:16px;text-align:center;color:#fff;background:var(--fm-accent);border-radius:999px;transition:opacity .3s var(--fm-ease)}.frame-menu[data-has-cart] .frame-menu__dot{display:grid}.frame-menu[open] .frame-menu__dot{opacity:0}.frame-menu__nav{display:flex;align-items:center;gap:28px;padding:0 24px 0 6px;opacity:0;transform:translate(-8px);transition:opacity .3s var(--fm-ease),transform .3s var(--fm-ease)}.frame-menu[open] .frame-menu__nav{opacity:1;transform:none;transition:opacity .6s var(--fm-ease) .2s,transform .6s var(--fm-ease) .2s}.frame-menu__links{display:flex;align-items:center;gap:28px;margin:0;padding:0;list-style:none}.frame-menu__link,.frame-menu__action{position:relative;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body--family);font-weight:500;font-size:12px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .3s var(--fm-ease)}.frame-menu__link:after{content:"";position:absolute;left:0;right:.18em;bottom:-6px;height:1px;background:var(--fm-accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--fm-ease)}.frame-menu__link:hover,.frame-menu__action:hover,.frame-menu__link[aria-current=page]{color:var(--fm-accent)}.frame-menu__link:hover:after,.frame-menu__link[aria-current=page]:after{transform:scaleX(1)}.frame-menu__actions{display:flex;align-items:center;gap:22px;padding-left:28px;border-left:1px solid var(--fm-muted);height:18px}.frame-menu__action .svg-wrapper{display:inline-grid;width:16px;height:16px}.frame-menu__action .svg-wrapper svg{width:16px;height:16px}@media screen and (min-width:750px){.frame-menu__action-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.frame-menu :focus-visible{outline:1px solid currentColor;outline-offset:4px}@media screen and (max-width:749px){.frame-menu__inner{flex-direction:column;align-items:flex-start;width:min(272px,calc(100vw - 2 * var(--fm-top) - 2px))}.frame-menu__nav{flex-direction:column;align-items:stretch;gap:0;width:100%;box-sizing:border-box;padding:10px 24px 22px;transform:translateY(-8px)}.frame-menu__links{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:22px}.frame-menu__link{font-family:var(--font-heading--family);font-weight:600;font-size:26px;line-height:1.1;letter-spacing:-.01em;text-transform:none}.frame-menu__link:after{bottom:-3px;right:0}.frame-menu__actions{height:auto;padding:18px 0 0;border-left:0;border-top:1px solid var(--fm-muted);justify-content:space-between}}@media(prefers-reduced-motion:reduce){.frame-menu__shell,.frame-menu__nav,.frame-menu__mark,.frame-menu__close,.frame-menu__link:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/frame-menu.css.map */
