.app-menu{--app-bg: #fdf6f8;--app-card: #fff;--app-ink: #1d1d1f;--app-text: #3a3a3c;--app-muted: #8e8e93;--app-hairline: rgba(60, 60, 67, .12);--app-pink: var(--bs-primary, #de3163);--app-pink-rgb: var(--bs-primary-rgb, 222, 49, 99);--app-ring: conic-gradient(from 210deg, #de3163, #ff7f50, #ecd448, #de3163);--app-ease: cubic-bezier(.32, .72, 0, 1);background:var(--app-bg)}#offcanvas-menu .app-menu__body{position:relative;overflow:hidden;padding:0;border-top:1px solid var(--app-hairline)}.app-menu__screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:1.25rem 1rem calc(2rem + env(safe-area-inset-bottom,0px));background:var(--app-bg)}.app-menu ul{margin:0;padding:0;list-style:none}.app-menu a{text-decoration:none}.app-menu__screen--root{transition:transform .32s var(--app-ease),opacity .32s var(--app-ease)}.app-menu__screen--root.is-behind{transform:translate(-24%);opacity:.5}.app-menu__screen--panel{z-index:1;padding-top:0;box-shadow:-8px 0 24px #0000000f;transform:translate(100%);transition:transform .32s var(--app-ease)}.app-menu__screen--panel.is-active{transform:translate(0)}.app-menu__section{margin-bottom:1.5rem}.app-menu__section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.875rem}.app-menu__heading{margin:0;font-family:var(--bs-headings-font-family);font-size:1.125rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;text-transform:none;color:var(--app-ink)}.app-menu__heading--sub{margin:1.5rem 0 .75rem;font-size:1rem}.app-menu__see-all{font-size:.875rem;font-weight:600;color:var(--app-pink)}.app-menu__tiles{display:flex;gap:1rem;margin:0 -1rem;padding:.25rem 1rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.app-menu__tiles::-webkit-scrollbar{display:none}.app-menu__tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:84px;padding:0;scroll-snap-align:start;background:none;border:0;color:var(--app-ink);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .14s ease-out}.app-menu__tile:active{transform:scale(.95)}.app-menu__tile-ring{display:block;padding:2.5px;border-radius:50%;background:var(--app-ring)}.app-menu__tile-img{display:block;width:76px;height:76px;object-fit:cover;border:2.5px solid var(--app-bg);border-radius:50%;background:#fff}.app-menu__tile-img--empty{display:grid;place-items:center;font-family:var(--bs-headings-font-family);font-size:1.75rem;font-weight:700;color:var(--app-pink);background:rgba(var(--app-pink-rgb),.08)}.app-menu__tile-label{max-width:100%;overflow:hidden;font-size:.8125rem;font-weight:600;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.app-menu__chips{display:flex;flex-wrap:wrap;gap:.5rem}.app-menu__chip{display:inline-flex;align-items:center;min-height:36px;padding:0 .875rem;font-size:.875rem;font-weight:600;color:var(--app-ink);background:var(--app-card);border:1px solid rgba(var(--app-pink-rgb),.22);border-radius:50rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .14s ease-out,background-color .14s ease}.app-menu__chip:active{transform:scale(.96);background:rgba(var(--app-pink-rgb),.06)}.app-menu__chip--hot{background:var(--brand-btn-bg, #ecd448);border:1.5px solid var(--brand-btn-ink, #131313);box-shadow:0 2px 0 var(--brand-btn-ink, #131313)}.app-menu__chip--hot:active{background:var(--brand-btn-bg-hover, #e4c92c);box-shadow:0 0 0 var(--brand-btn-ink, #131313);transform:translateY(2px)}.app-menu__list{overflow:hidden;background:var(--app-card);border:1px solid var(--app-hairline);border-radius:18px}.app-menu__list+.app-menu__list{margin-top:1rem}.app-menu__list>li+li .app-menu__row{box-shadow:inset 0 1px 0 var(--app-hairline)}.app-menu__row{display:flex;align-items:center;gap:.75rem;width:100%;min-height:52px;padding:0 1rem;font-size:1rem;font-weight:500;text-align:left;color:var(--app-ink);background:none;border:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .12s ease}.app-menu__row:active{background:rgba(var(--app-pink-rgb),.06)}.app-menu__row[aria-current=page] .app-menu__row-label{color:var(--app-pink);font-weight:700}.app-menu__row-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;color:var(--app-pink);background:rgba(var(--app-pink-rgb),.1);border-radius:10px}.app-menu__row-label{flex:1;min-width:0}.app-menu__row-chevron{display:grid;flex-shrink:0;color:#c7c7cc}.app-menu__badge{padding:.125rem .5rem;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--app-pink);border-radius:50rem}.app-menu__panel-head{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:52px;margin:0 -1rem 1rem;padding:0 .5rem;background:#fdf6f8e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 -1px 0 var(--app-hairline)}.app-menu__back{display:inline-flex;align-items:center;gap:.125rem;justify-self:start;min-height:44px;padding:0 .5rem;font-size:1rem;font-weight:600;color:var(--app-pink);background:none;border:0;-webkit-tap-highlight-color:transparent}.app-menu__back:active{opacity:.6}.app-menu__panel-title{margin:0;font-family:var(--bs-headings-font-family);font-size:1.0625rem;font-weight:700;text-transform:none;color:var(--app-ink)}.app-menu__panel-title:focus{outline:none}.app-menu__shop-all{display:flex;align-items:center;justify-content:center;gap:.375rem;min-height:48px;margin-bottom:1rem;font-weight:700;color:var(--brand-btn-ink, #131313);background:var(--brand-btn-bg, #ecd448);border:1.5px solid var(--brand-btn-ink, #131313);border-radius:12px;box-shadow:0 3px 0 var(--brand-btn-ink, #131313);-webkit-tap-highlight-color:transparent;transition:transform .14s ease-out,box-shadow .14s ease-out}.app-menu__shop-all:active{box-shadow:0 1px 0 var(--brand-btn-ink, #131313);transform:translateY(2px)}.app-menu__footer{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem}.app-menu__footer .social-icons{border-radius:50rem;background:var(--app-card);border:1px solid var(--app-hairline)}.app-menu__locale{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--app-muted)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/app-menu.css.map */