.atelier-menu{color:#f5f5ed;background:linear-gradient(130deg,#364139f0,#181f1bf7);border:1px solid rgb(255 255 255/.22);box-shadow:inset 0 1px #ffffff24,0 24px 64px #090f0b47;backdrop-filter:blur(28px) saturate(130%);-webkit-backdrop-filter:blur(28px) saturate(130%)}.mega-menu.atelier-menu{top:calc(100% + 10px);padding:30px 32px 0;border-radius:12px;max-height:calc(100dvh - 144px);overflow:auto;animation:atelier-menu-in .26s cubic-bezier(.22,1,.36,1)}.atelier-menu .mega-columns{grid-template-columns:1fr .85fr 1.6fr;gap:clamp(24px,4vw,70px);max-width:none;margin:0}.atelier-menu .mega-columns>div>p{color:#b8c1b7;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 20px}.atelier-menu .mega-columns>div>a{font-size:clamp(16px,1.7vw,25px);line-height:1.25;min-height:42px;padding:7px 0;display:flex;gap:12px;align-items:center;transition:transform .2s ease,color .2s ease}.atelier-menu .mega-columns .menu-categories>a{font-size:16px;min-height:39px}.atelier-menu .menu-worlds{display:grid;grid-template-columns:1fr 1fr;gap:12px}.atelier-menu .menu-worlds>a{display:block;position:relative;width:100%;padding:0;aspect-ratio:4/5;min-height:0;max-height:300px;overflow:hidden;border-radius:5px;background:#465147;isolation:isolate}.menu-world img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform .55s cubic-bezier(.22,1,.36,1)}.menu-world:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,transparent 48%,rgb(5 13 9/.67))}.menu-world>span{position:absolute;inset:auto 17px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:20px;letter-spacing:-.03em;z-index:1;color:#fff}.menu-world svg{width:19px;height:19px}.atelier-menu .menu-saved{display:flex;align-items:center;gap:8px}.atelier-menu .mega-columns .menu-saved{font-size:13px;margin-top:20px;color:#d8ded5}.menu-saved>svg{width:16px;height:16px;flex:none}.menu-saved [data-wishlist-count]{font-size:10px;border:1px solid #ffffff40;border-radius:2px;min-width:20px;min-height:20px;text-align:center;line-height:18px}.atelier-menu .menu-outlet{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff29;margin-top:14px;padding-top:14px!important;color:#d8e1cb}.atelier-menu .menu-bottom{display:flex;align-items:center;justify-content:space-between;padding:19px 0;margin-top:26px;border-top:1px solid #ffffff24;color:#bcc6bb;font-size:9px;letter-spacing:.08em;line-height:1.5}.menu-bottom>a{display:flex;align-items:center;gap:15px;min-height:30px}.menu-bottom svg{width:16px;height:16px}#MenuDialog.atelier-menu{top:8px;right:8px;bottom:8px;left:8px;margin:0;width:calc(100% - 16px);max-width:480px;height:calc(100dvh - 16px);max-height:none;border-radius:12px;padding:0;overflow:hidden}#MenuDialog[open]{display:flex;flex-direction:column}#MenuDialog::backdrop{background:#0a110c8c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}#MenuDialog .panel-heading{padding:12px 18px;border-bottom:1px solid #ffffff24;flex:none;min-height:70px}#MenuDialog .panel-heading img{width:172px;height:auto;filter:brightness(0) invert(1)}#MenuDialog .icon-button{color:#fff;border:1px solid #ffffff35;border-radius:5px;background:#ffffff08;width:40px;height:40px}.menu-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#879183 transparent}#MenuDialog .mobile-links{padding:12px 20px 20px}#MenuDialog .mobile-links>a{font-size:27px;letter-spacing:-.035em;padding:12px 0;min-height:54px;border:0;line-height:1.1}#MenuDialog .mobile-links svg{width:20px;height:20px}#MenuDialog .menu-worlds{margin:0 20px}#MenuDialog .menu-world{aspect-ratio:1.2;max-height:190px}#MenuDialog .menu-world>span{font-size:18px;inset:auto 12px 12px}#MenuDialog .menu-world img{object-position:center 38%}#MenuDialog .mobile-subnav{padding:18px 20px 0;gap:2px 20px}#MenuDialog .mobile-subnav>a{font-size:15px;min-height:44px}#MenuDialog .mobile-outlet{margin:10px 20px 0;min-height:50px;padding-block:12px;font-size:16px}#MenuDialog .menu-secondary{border-top:1px solid #ffffff24;margin:10px 20px 0;padding:12px 0 0}#MenuDialog .menu-secondary>a{font-size:12px;color:#d0d8cb}#MenuDialog .menu-bottom{margin:18px 20px 0;padding:16px 0}#MenuDialog .menu-region{display:flex;justify-content:flex-start;align-items:center;gap:10px;min-height:60px;padding:14px 20px;margin:0;border-top:1px solid #ffffff26;background:#18201970;font-size:11px;flex:none;width:100%;color:#e2e7de}#MenuDialog .menu-region>svg{width:16px;height:16px}#MenuDialog .menu-region>svg:last-child{margin-left:auto}.atelier-menu :focus-visible{outline:2px solid #e1eccf;outline-offset:4px}@media(hover:hover)and (pointer:fine){.atelier-menu .mega-columns>div>a:not(.menu-world):hover{transform:translate(4px);color:#d9e8c5}.menu-world:hover img{transform:scale(1.04)}}@keyframes atelier-menu-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mega-menu.atelier-menu{animation:none}.atelier-menu a,.menu-world img{transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/atelier-menu.css.map */