@layer sections{.sm-mega-menu-live__backdrop{pointer-events:none;position:fixed;inset:var(--sm-live-nav-top, var(--header-h)) 0 0 0;z-index:900;background:var(--overlay-backdrop-drawer);backdrop-filter:blur(8.4px);-webkit-backdrop-filter:blur(8.4px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}.sm-mega-menu-live[data-open] .sm-mega-menu-live__backdrop{opacity:1;visibility:visible}.sm-mega-menu-live__dropdown{position:fixed;top:var(--sm-live-nav-top, var(--header-h));left:0;right:0;background:var(--color-cream);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:950;max-height:calc(100vh - var(--sm-live-nav-top, var(--header-h)));overflow-y:auto}.sm-mega-menu-live__dropdown[data-active]{opacity:1;visibility:visible;transform:none}.sm-mega-menu-live__shop.sm-container,.sm-mega-menu-live__cols.sm-container{padding-inline:0}.sm-mega-menu-live__shop{display:grid;grid-template-columns:300px minmax(0,1fr)}.sm-mega-menu-live__side{padding:32px 28px;display:flex;flex-direction:column;gap:8px}.sm-mega-menu-live__tab{text-align:left;background:none;border:0;font:inherit;font-size:16px;font-weight:600;color:var(--color-muted);border-radius:var(--radius-pill);padding:14px 20px;cursor:pointer;transition:background .15s,color .15s}.sm-mega-menu-live__tab:hover{background:color-mix(in srgb,var(--color-paper) 60%,transparent);color:var(--color-ink)}.sm-mega-menu-live__tab--active{background:var(--color-paper);color:var(--color-ink)}.sm-mega-menu-live__outlet{margin-top:auto;align-self:flex-start;background:transparent;border:1.5px solid var(--color-ink);color:var(--color-ink);font-weight:600;font-size:14px;padding:11px 20px;border-radius:var(--radius-pill);text-decoration:none}.sm-mega-menu-live__shopall{align-self:flex-start;margin-top:12px;background:var(--sm-cta);color:var(--sm-cta-text);font-weight:600;font-size:15px;padding:12px 24px;border-radius:var(--radius-pill);text-decoration:none}.sm-mega-menu-live__main{padding:32px 40px}.sm-mega-menu-live__panel{display:none}.sm-mega-menu-live__panel--active{display:block}.sm-mega-menu-live__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sm-mega-menu-live__cat{position:relative;display:flex;flex-direction:column;background:var(--color-paper);border-radius:var(--radius-tile);padding:20px;min-height:150px;text-decoration:none;color:var(--color-ink);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.sm-mega-menu-live__cat:hover{transform:translateY(-3px)}.sm-mega-menu-live__cat-label{font-size:20px;font-weight:700;z-index:2}.sm-mega-menu-live__cat-img{flex:1;display:flex;align-items:center;justify-content:center;margin-top:8px}.sm-mega-menu-live__cat-img .sm-image{width:140px;max-width:100%;height:140px;object-fit:contain}.sm-mega-menu-live__cat>.sm-icon{position:absolute;left:16px;bottom:16px;width:44px;height:44px;border-radius:var(--radius-pill);background:var(--color-cream);display:grid;place-items:center;color:var(--color-ink);z-index:2;transition:transform .18s ease;padding:10px;box-sizing:border-box;--icon-size: 20px}.sm-mega-menu-live__cat:hover>.sm-icon{transform:translate(4px)}.sm-mega-menu-live__grid--goal{grid-template-columns:repeat(4,minmax(0,1fr))}.sm-mega-menu-live__goal{position:relative;display:block;min-height:266px;background:var(--color-ink);border-radius:var(--radius-tile);overflow:hidden;text-decoration:none;color:var(--color-paper)}.sm-mega-menu-live__goal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#00000040,#0000 45%)}.sm-mega-menu-live__goal-img{position:absolute;top:0;right:0;bottom:0;left:0}.sm-mega-menu-live__goal-img .sm-image{width:100%;height:100%;object-fit:cover}.sm-mega-menu-live__goal-label{position:absolute;top:18px;left:20px;z-index:2;font-size:20px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.4)}.sm-mega-menu-live__goal>.sm-icon{position:absolute;left:16px;bottom:16px;z-index:2;width:44px;height:44px;border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);display:grid;place-items:center;padding:10px;box-sizing:border-box;--icon-size: 20px}.sm-mega-menu-live__help{display:grid;grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);gap:24px}.sm-mega-menu-live__help-learn{display:flex;flex-direction:column;gap:16px}.sm-mega-menu-live__eyebrow{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:var(--tt-label);letter-spacing:var(--ls-label);color:var(--color-muted)}.sm-mega-menu-live__help-link{font-size:18px;font-weight:600;color:var(--color-ink);text-decoration:none}.sm-mega-menu-live__help-link:hover{text-decoration:underline}.sm-mega-menu-live__feature{position:relative;min-height:300px;border-radius:var(--radius-tile);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;text-decoration:none;color:var(--color-ink);background:var(--color-paper)}.sm-mega-menu-live__feature--quiz{background:var(--color-ink);color:var(--color-cream)}.sm-mega-menu-live__feature--quiz .sm-mega-menu-live__feature-btn{background:var(--sm-cta);color:var(--sm-cta-text)}.sm-mega-menu-live__feature--quiz:hover .sm-mega-menu-live__feature-btn{background:var(--sm-cta-hover)}.sm-mega-menu-live__feature-img{position:absolute;top:0;right:0;bottom:0;left:0}.sm-mega-menu-live__feature-img .sm-image{width:100%;height:100%;object-fit:cover}.sm-mega-menu-live__feature-title{position:relative;z-index:2;font-size:22px;font-weight:700;margin-bottom:16px;max-width:80%}.sm-mega-menu-live__feature-btn{position:relative;z-index:2;align-self:flex-start;background:var(--color-paper);padding:10px 20px;border-radius:var(--radius-pill);font-weight:600;font-size:14px}.sm-mega-menu-live__dropdown--cols .sm-mega-menu-live__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding:48px 60px;max-width:1100px;margin:0 auto}.sm-mega-menu-live__col{display:flex;flex-direction:column;gap:16px}.sm-mega-menu-live__col-link{font-size:18px;font-weight:600;color:var(--color-ink);text-decoration:none}.sm-mega-menu-live__col-link:hover{text-decoration:underline}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/sm-mega-menu-live.css.map */