component._1slyjdr{height:var(--height);overflow:hidden;width:var(--width)}container._1slyjdr{opacity:1;transition:opacity .3s var(--ease-slow-slow)}container.override._1slyjdr *{fill:var(--colour-override);stroke:var(--colour-override)}container.unloaded._1slyjdr{opacity:0}overlay._v3occd._v3occd{background:var(--colour-background-primary);-webkit-clip-path:inset(100% 100% 100% 100%);clip-path:inset(100% 100% 100% 100%);height:100vh;width:100vw}overlay.left._v3occd._v3occd{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);left:0;top:0;transition:-webkit-clip-path .8s var(--ease-slow-slow);transition:clip-path .8s var(--ease-slow-slow);transition:clip-path .8s var(--ease-slow-slow),-webkit-clip-path .8s var(--ease-slow-slow)}.active._v3occd>overlay.left._v3occd{-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0)}overlay.top._v3occd._v3occd{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);left:0;top:0;transition:-webkit-clip-path .3s var(--ease-fast-slow);transition:clip-path .3s var(--ease-fast-slow);transition:clip-path .3s var(--ease-fast-slow),-webkit-clip-path .3s var(--ease-fast-slow)}.active._v3occd>overlay.top._v3occd{-webkit-clip-path:inset(0 0 50.05% 0);clip-path:inset(0 0 50.05% 0)}overlay.right._v3occd._v3occd{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);right:0;top:0;transition:-webkit-clip-path .8s var(--ease-slow-slow);transition:clip-path .8s var(--ease-slow-slow);transition:clip-path .8s var(--ease-slow-slow),-webkit-clip-path .8s var(--ease-slow-slow)}.active._v3occd>overlay.right._v3occd{-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%)}overlay.bottom._v3occd._v3occd{bottom:0;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);left:0;transition:-webkit-clip-path .3s var(--ease-fast-slow);transition:clip-path .3s var(--ease-fast-slow);transition:clip-path .3s var(--ease-fast-slow),-webkit-clip-path .3s var(--ease-fast-slow)}.active._v3occd>overlay.bottom._v3occd{-webkit-clip-path:inset(50.05% 0 0 0);clip-path:inset(50.05% 0 0 0)}.button._v3occd._v3occd{position:relative;transition:z-index 0s .8s;z-index:0}.active._v3occd>.button._v3occd{transition:unset;z-index:3}.toppings._v3occd._v3occd{grid-row-gap:32px;align-items:center;display:grid;grid-template-rows:var(--grid-template-rows);height:100%;justify-items:center;left:0;pointer-events:none;position:fixed;row-gap:32px;top:0;width:100%;z-index:1}.topping._v3occd heading._v3occd{color:var(--colour-text);display:flex;font-size:1rem;white-space:nowrap}.topping._v3occd span._v3occd{display:inline-block}.topping._v3occd._v3occd{grid-row:var(--grid-row);height:56px;pointer-events:auto;transition:width .5s var(--ease-slow-slow),height .5s var(--ease-fast-slow);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.topping._v3occd._v3occd:active,.topping._v3occd._v3occd:hover,.topping.chosen._v3occd._v3occd{height:112px}component._zvvqnv{height:auto;width:auto}component._ypsg8t{display:contents;pointer-events:none}.hamburger._ypsg8t{display:flex;grid-area:hamburger;pointer-events:auto}.line._ypsg8t{align-self:center;background:var(--colour-text-primary);grid-area:line;height:1px;margin:0 16px}.salad._ypsg8t{align-items:center;display:grid;grid-template-areas:"socials line hamburger";grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;grid-template-rows:auto;width:100%}.topping._ypsg8t{transition:transform .3s var(--ease-fast-slow)}.topping._ypsg8t:hover{transform:translateY(-4px)}.logo._ypsg8t{pointer-events:auto}