body.builder{background:var(--teal) url(/img/ipc-logo-transparent.png) no-repeat 85% 75px fixed;background-size:300px 300px;min-height:100dvh}.drawer{background:var(--red-dark);background-image:var(--radial-red);z-index:20;width:320px;padding:10px;position:fixed;top:0;bottom:0;left:20px;overflow-y:auto}.drawer .scroll-indicator{color:#fff;pointer-events:none;font-size:3em;line-height:1;position:fixed;bottom:0;left:168px}.ingredient{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;display:block;position:relative}.shelf-item{touch-action:pan-y}.ingredient:focus-visible{outline-offset:-3px;outline:3px solid #fff}.shelf-item{background:url(/img/shelf.png) 50% 85%/100% no-repeat;padding-bottom:20px}.shelf-item img{width:100%;padding:40px 0 15px}.tooltip{opacity:0;text-transform:uppercase;color:var(--tooltip-red);z-index:-1;pointer-events:none;background:#ffffffbf;padding:5px 10px;font-size:14px;transition:opacity .4s linear;position:absolute;top:0;left:30%}.shelf-item .tooltip:before{content:"";border-top:18px solid #ffffffbf;border-bottom:10px solid #0000;border-right:10px solid #0000;position:absolute;bottom:-28px;left:7px}.ingredient:hover .tooltip,.ingredient:focus-visible .tooltip{opacity:1;z-index:10}.main-content{justify-content:center;align-items:flex-end;min-height:100dvh;padding-left:340px;display:flex}.baked-potato-wrap{text-align:center;width:100%;max-width:720px;padding:80px 40px 40px;transition:padding .5s ease-out}.baked-potato-wrap.weighted{padding-top:100px}.baked-potato{width:100%}.topping-list{z-index:1;width:83%;min-height:80px;margin:0 auto -36px;padding:15px;position:relative}.topping+.topping{margin-top:-30px}.drop-hint[hidden]{display:none}.topping{cursor:pointer}.topping img{width:100%}.topping .tooltip{text-align:center;pointer-events:auto;width:50%;top:43%;left:25%}.topping .remove{background:var(--tooltip-red);color:#fff;border:0;border-radius:50%;width:25px;height:25px;padding:0;font-size:20px;line-height:25px;position:absolute;top:-12px;right:-13px}.drag-mirror{z-index:9999;pointer-events:none;opacity:.9;will-change:transform;width:260px;position:fixed;top:0;left:0}.drag-mirror img{width:100%;display:block}.shelf-item.is-dragging{opacity:.35}body.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}body.is-dragging .tooltip{display:none}.baked-potato-wrap.drag-over .baked-potato{filter:drop-shadow(0 0 18px #ffffffe6)}.baked-potato{transition:filter .15s linear}.nutritionals{z-index:30;width:200px;transition:transform .25s linear;position:fixed;top:10px;right:20px;transform:translateY(0)}.shareable .nutritionals{transform:translateY(60px)}.nutritionals .top{background:var(--red-dark);background-image:var(--radial-red);padding:10px 15px}.calories{color:#fff;text-align:center;margin-bottom:10px;font-size:40px;font-weight:700;line-height:1}.calories .count{font-size:60px}.reveal-trigger{width:100%;color:var(--red-deep);text-align:center;background:0 0;border:0;padding:0;font-size:11px;line-height:1;display:block}.reveal-trigger .icon{width:2.5em;height:2.5em;margin:0 auto;display:block}.more-info{border-bottom:1px solid var(--red-deep)}.less-info{border-top:1px solid var(--red-deep);margin-top:15px;padding-top:4px}.nutrition-reveal{z-index:2;max-height:0;color:var(--brown);background-color:#ffffffd9;font-size:14px;transition:max-height .4s ease-out;position:relative;overflow:hidden}.nutrition-reveal.open{max-height:600px}.nutrition-reveal .content{padding:10px 15px}.nutrition-reveal h2{margin:0 0 8px;font-size:1.1rem}.nutrition-rows{margin:0}.nutritional-item{justify-content:space-between;gap:6px;line-height:1.5;display:flex}.nutritional-item dt{flex:1}.nutritional-item dd{white-space:nowrap;margin:0}.daily-value{margin-left:4px;font-size:.8em}.daily-value-info{margin-top:10px;font-size:10px;display:block}.recipes-button{z-index:1;box-shadow:-2px 2px 0 var(--teal-dark);transition:box-shadow .2s linear;display:block;position:absolute;top:calc(100% + 6px);left:0;right:0}.recipes-button:hover{box-shadow:-2px 2px 1px var(--teal-dark)}.recipes-button img{width:100%;height:auto;display:block}.share-bar{z-index:30;opacity:0;visibility:hidden;align-items:center;gap:.5rem;transition:opacity .2s linear,visibility .2s;display:flex;position:fixed;top:10px;right:20px}.shareable .share-bar{opacity:1;visibility:visible}.share-label{color:#fff;margin-right:.5rem;font-size:.85rem;line-height:1.2}.share-link{color:#ffffffe6;background:0 0;border:0;padding:0;font-size:2.4rem;line-height:1;transition:color .1s linear}.share-link .icon{display:block}.facebook-share:hover{color:#4267b2}.x-share:hover{color:#000}.pinterest-share:hover{color:#ba0f23}.copy-share:hover{color:var(--brown)}.share-status{color:#fff;white-space:nowrap;margin-top:4px;font-size:.8rem;position:absolute;top:100%;right:0}.logo{z-index:25;position:fixed;bottom:20px;right:20px}.intro{background:0 0;border:0;width:min(600px,100% - 32px);padding:0;overflow:visible}.intro::backdrop{background:#000000d9}.intro img{width:100%;display:block}.intro-close{color:#ddd;background:0 0;border:0;padding:0;font-size:2.5rem;line-height:1;position:absolute;top:-40px;right:-12px}.intro-close:hover{color:#fff}@media (width>=1280px){.nutritionals{width:20%}}@media (width<=900px) and (width>=641px){.drawer{width:240px;left:0}.drawer .scroll-indicator{left:108px}.main-content{padding-left:250px}}@media (width<=640px){body.builder{background-position:85% 15px;background-size:200px 200px}.logo{max-width:25%;inset:35px auto auto 20px}.main-content{align-items:center;padding:0 0 170px}.baked-potato-wrap{padding:185px 16px 16px}.drawer{-webkit-overflow-scrolling:touch;z-index:40;width:100%;height:160px;padding:10px 10px 0;top:auto;left:0;right:0;overflow:auto hidden}.shelf-list{gap:8px;height:100%;display:flex}.shelf-item{touch-action:pan-x;background-position:50% 90%;flex:0 0 150px;padding-bottom:0}.shelf-item img{padding:20px 0 30px}.shelf-item .tooltip{font-size:11px;top:0;left:0}.drawer .scroll-indicator{display:none}.topping-list{width:80%}.topping .tooltip{opacity:1;z-index:10;width:100%;top:20px;left:0}.nutritionals{width:auto;max-width:50%}.calories{font-size:20px}.calories .count{margin-right:.3em;font-size:20px;display:inline}.topping+.topping{margin-top:0}.topping-list{margin-bottom:0}.nutritional-item{font-size:.8em}.share-bar{justify-content:center;inset:auto 10px 170px}.shareable .nutritionals{transform:none}.share-link{font-size:2rem}.intro-close{top:-44px;right:0}}
