@keyframes popin{0%{transform:scale(0)}to{transform:scale(1)}}.ui-btns{position:fixed;bottom:var(--s);left:var(--s);z-index:10;display:flex;flex-direction:column;gap:var(--xxs);animation:popin .3s ease-out}@media (max-width: 479px){.ui-btns{top:initial;bottom:var(--s);left:50%;right:initial;transform:translate(-50%)}}.ui-btns.hide{display:none}.draw-outer{display:flex;overflow:visible;flex-wrap:nowrap;gap:var(--xxs);align-items:center}.draw-outer>button:not(:first-child){display:none}.draw-outer.active>button:not(:first-child){display:block}.draw-outer button{animation:popin .3s ease-out}.draw-outer .toggle{width:100%}.draw-outer .colour,.draw-outer .thickness{position:absolute;left:calc(100% + var(--xxs));border-radius:10rem;background:var(--cream);border:1px solid black}.draw-outer .colour{height:2em;width:2em;background:black}.draw-outer .colour.d83627{background:var(--red)}.draw-outer .colour.f7efea{background:var(--cream)}.draw-outer .thickness{height:1em;width:1em;left:calc(100% + 2em + var(--xs));background:var(--red)}.draw-outer .thickness.m-4{height:1.5em;width:1.5em}.draw-outer .thickness.l-8{height:2em;width:2em}.btn{background:var(--cream)}.nav-inner a:hover{color:var(--red)}body.hide-ui .navs,body.hide-ui .slide-inner{visibility:hidden}.draggable{position:absolute;top:0;left:0;width:15rem;max-width:15%;z-index:1;cursor:url(/dist/assets/move-cursor.e97f80e2.svg),auto;visibility:hidden;transform-origin:50% 50%}.draggable.medium{width:25rem;max-width:25%}.draggable.large{width:45rem;max-width:45%}.draggable img{display:block;width:100%;height:100%;object-fit:contain}.resizer{position:absolute;top:0;right:0;transform:translate(50%,-50%);width:3rem;height:3rem;border:1px solid var(--black);background:var(--cream);cursor:nesw-resize}.home .slide-inner{z-index:2;pointer-events:none}@media (max-width: 479px){.home .slide-inner{margin:0}}.canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}