.mp-sugar .mp-visual-menu{left:24px;right:24px;max-width:1376px;margin:auto;background:#fffaf1;border:1px solid #eee3e4;border-radius:22px;box-shadow:0 22px 48px #25152e26;max-height:calc(100dvh - 175px);overflow:auto;overscroll-behavior:contain}.mp-sugar .mp-visual-panel{display:block;width:auto;min-height:0;margin:0;padding:24px;gap:0}.mp-sugar .mp-visual-panel[hidden]{display:none}.mp-sugar .mp-visual-panel:before{display:none}.mp-sugar .mp-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.mp-sugar .mp-nav-heading h2{font-size:28px;line-height:1.2;margin:0;color:#24162f}.mp-sugar .mp-nav-viewall{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;text-decoration:none;min-height:40px;color:#24162f}.mp-sugar .mp-nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mp-sugar .mp-nav-grid--highlights,.mp-sugar .mp-nav-grid--alle,.mp-sugar .mp-nav-grid--suesses{grid-template-columns:repeat(4,minmax(0,1fr))}.mp-sugar .mp-nav-grid--getraenke,.mp-sugar .mp-nav-grid--packs{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.mp-sugar .mp-nav-card{display:flex;flex-direction:column;min-width:0;color:#24162f;text-decoration:none;gap:10px}.mp-sugar .mp-nav-art{position:relative;display:flex;align-items:center;justify-content:center;gap:0;aspect-ratio:4/3;overflow:hidden;border-radius:15px;background:#f9edf3;width:100%;padding:14px}.mp-sugar .mp-nav-art img{min-width:0;width:100%;height:100%;object-fit:contain;flex:1 1 0;max-width:100%;transition:transform .18s ease}.mp-sugar .mp-nav-art img:first-child:nth-last-child(2),.mp-sugar .mp-nav-art img:first-child:nth-last-child(2)~img{width:50%}.mp-sugar .mp-nav-art img:first-child:nth-last-child(3),.mp-sugar .mp-nav-art img:first-child:nth-last-child(3)~img{width:33.333%}.mp-sugar .mp-nav-art--scene{padding:0;background:#1e142c}.mp-sugar .mp-nav-art--scene img{object-fit:cover}.mp-sugar .mp-nav-art--getranke,.mp-sugar .mp-nav-art--softdrinks,.mp-sugar .mp-nav-art--wasser-sportgetranke{background:#e4f4fb}.mp-sugar .mp-nav-art--snacks-geback,.mp-sugar .mp-nav-art--chips-knabberzeug,.mp-sugar .mp-nav-art--kekse-waffeln,.mp-sugar .mp-nav-art--kuchen-geback,.mp-sugar .mp-nav-art--fruhstuck,.mp-sugar .mp-nav-art--musliriegel,.mp-sugar .mp-nav-art--reiswaffeln-reiscracker{background:#fbefcf}.mp-sugar .mp-nav-art--alle-mystery-packs,.mp-sugar .mp-nav-art--uberraschungspakete,.mp-sugar .mp-nav-art--retouren-mystery-packs{background:#edf3dd}.mp-sugar .mp-nav-art--amerikanische-spezialitaten{background:#eaf2fc}.mp-sugar .mp-nav-card-title{font:800 clamp(15px,1.4vw,20px)/1.3 "Manrope",sans-serif;color:#24162f}.mp-sugar .mp-nav-soon{font-size:12px;color:#74647d;margin-top:-6px}.mp-sugar .mp-nav-card:hover .mp-nav-art img{transform:scale(1.035)}.mp-sugar .mp-nav-card:hover .mp-nav-card-title,.mp-sugar .mp-nav-viewall:hover{color:#d42d83}.mp-sugar .mp-nav-themes{display:flex;gap:26px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid #e4dbe5;font-size:13px}.mp-sugar .mp-nav-themes a{min-height:32px;display:flex;align-items:center;color:#493452}.mp-sugar .mp-nav-chevron{width:12px;height:12px;margin-left:3px;transition:transform .16s}.mp-sugar .is-active .mp-nav-chevron,.mp-sugar .is-expanded>button>.mp-nav-chevron{transform:rotate(180deg)}.mp-sugar .desktop-nav.mp-menu-refresh button.is-active{background:#fff0f6;color:#db287f}.mp-sugar .desktop-nav.mp-menu-refresh button:focus-visible,.mp-sugar .mp-nav-card:focus-visible,.mp-sugar .mp-nav-viewall:focus-visible{outline:2px solid #8c548e;outline-offset:4px}@media(min-width:901px){.mp-sugar.mp-visual-menu-open:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#22172b50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:59;pointer-events:none}.mp-sugar .mp-nav-grid--snacks .mp-nav-art{aspect-ratio:2.3/1;max-height:160px}.mp-sugar .mp-nav-grid--snacks{row-gap:18px}}@media(max-width:900px){.mp-sugar .mp-visual-menu{display:none}}@media(prefers-reduced-motion:reduce){.mp-sugar .mp-nav-art img{transition:none}}.mp-sugar .mp-nav-viewall>img,.mp-sugar .mp-nav-all-mobile>img{width:18px!important;height:18px!important;flex:0 0 18px;object-fit:contain}.mp-sugar .mp-nav-viewall{white-space:nowrap}.mp-sugar .mp-nav-art:not(.mp-nav-art--scene){background:#fff}.mp-sugar .mp-nav-art--getranke,.mp-sugar .mp-nav-art--softdrinks{background:#e4f4fb!important;display:block}.mp-sugar .mp-nav-art--getranke img,.mp-sugar .mp-nav-art--softdrinks img{position:absolute!important;height:88%!important;width:58%!important;max-width:none;top:6%;left:-11%;object-fit:contain}.mp-sugar .mp-nav-art--getranke img:nth-child(2),.mp-sugar .mp-nav-art--softdrinks img:nth-child(2){left:25%;width:50%!important;z-index:1}.mp-sugar .mp-nav-art--getranke img:nth-child(3),.mp-sugar .mp-nav-art--softdrinks img:nth-child(3){left:47%;width:70%!important;height:105%!important;top:-9%}.mp-sugar .mp-nav-grid--alle article{min-width:0}.mp-sugar .mp-nav-sublinks{display:flex;flex-direction:column;gap:9px;margin-top:12px;font-size:12px;line-height:1.4;color:#493452}@media(min-width:901px){.mp-sugar:has(.mp-visual-menu.is-open):before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#22172b50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:59;pointer-events:none}}@media(min-width:901px){.mp-sugar .mp-visual-panel{padding:24px 26px}.mp-sugar .mp-nav-grid{gap:20px}.mp-sugar .mp-nav-card--banner{position:relative;display:block;border-radius:13px;overflow:hidden}.mp-sugar .mp-nav-card--banner .mp-nav-art--photo{display:block;aspect-ratio:4/3;padding:0;border-radius:13px;background:#f9edf3}.mp-sugar .mp-nav-card--banner .mp-nav-art--photo .mp-nav-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .2s}.mp-sugar .mp-visual-menu .mp-nav-card--banner .mp-nav-card-title{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:14px 16px;font:800 clamp(15px,1.35vw,20px)/1.25 "Manrope",sans-serif;color:#24162f;background:var(--mp-menu-caption-bg, #fff4ddc9);z-index:2}.mp-sugar .mp-nav-card-title>img{width:18px;height:18px;flex:0 0 18px;object-fit:contain}.mp-sugar .mp-nav-card--banner:hover .mp-nav-card-title{color:#cf2879}.mp-sugar .mp-nav-card--banner .mp-nav-soon{position:absolute;top:10px;left:10px;padding:5px 9px;border-radius:6px;background:#fffaf1;color:#493452;font-size:11px;margin:0}.mp-sugar .mp-nav-sublinks{margin:14px 16px 0;gap:10px;font-size:14px}.mp-sugar .mp-nav-themes{margin-top:24px}.mp-sugar .mp-nav-grid--snacks .mp-nav-art--photo{aspect-ratio:4/3;max-height:none}.mp-sugar .mp-nav-art--original-drinks .mp-nav-drink{position:absolute;object-fit:contain;height:72%;width:auto;max-width:none;top:7%;transform:translate(-50%);transition:none}.mp-sugar .mp-nav-art--original-drinks .mp-nav-drink--fanta{left:27%}.mp-sugar .mp-nav-art--original-drinks .mp-nav-drink--monster{left:51%;z-index:1}.mp-sugar .mp-nav-art--original-drinks .mp-nav-drink--cola{left:75%;height:94%;top:-15%}.mp-sugar .mp-nav-card:hover .mp-nav-art--original-drinks .mp-nav-drink{transform:translate(-50%)}.mp-sugar .mp-nav-art--original-sport .mp-nav-sport-photo{position:absolute;height:72%;width:50%;top:7%;left:25%;object-fit:contain;mix-blend-mode:multiply}}@media(min-width:901px){.mp-sugar .mp-nav-grid--snacks .mp-nav-art--photo{aspect-ratio:5/3}.mp-sugar .mp-nav-grid--snacks .mp-nav-scene{object-position:center top}.mp-sugar .mp-nav-grid--snacks .mp-nav-card-title{background:#fff4ddc9}}@media(min-width:901px){.mp-sugar .mp-nav-card--wasser-sportgetranke .mp-nav-art--original-sport{background:#e4f4fb}.mp-sugar .mp-nav-card--wasser-sportgetranke .mp-nav-art--original-sport>.mp-nav-scene:first-child{width:100%;height:100%;max-width:none;object-fit:cover}.mp-sugar .mp-nav-card--wasser-sportgetranke .mp-nav-art--original-sport>.mp-nav-sport-photo:last-child{width:70%;height:90%;max-width:none;top:auto;bottom:15%;left:15%;object-fit:contain;object-position:center bottom;transform:none}}@media(min-width:901px){.mp-sugar .mp-nav-grid--highlights{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/mypacks-visual-menu.css.map */