.slop-on{overflow-x:hidden;overflow-x:clip;--tile:#DCEEE2;--tile-line:#B3D8C4;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='416' height='364'><rect x='106' y='54' width='50' height='50' fill='%23D9C27A' fill-opacity='.36'/><rect x='54' y='262' width='50' height='50' fill='%23D9C27A' fill-opacity='.22'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='676' height='572'><rect x='314' y='210' width='50' height='50' fill='%23B89A5E' fill-opacity='.28'/><rect x='574' y='470' width='50' height='50' fill='%23A7B79E' fill-opacity='.3'/><rect x='2' y='106' width='50' height='50' fill='%23C9AE6A' fill-opacity='.2'/><path d='M470 318 l14 10 -6 12 18 9 -4 14 9 6' stroke='%235F7F70' stroke-width='1.3' fill='none' stroke-opacity='.4'/></svg>"),linear-gradient(var(--tile-line) 2px,transparent 2px),linear-gradient(90deg,var(--tile-line) 2px,transparent 2px);background-size:416px 364px,676px 572px,52px 52px,52px 52px;background-position:-1px -1px}.slop-on:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;mix-blend-mode:multiply;opacity:.55;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='900' height='900'><filter id='s'><feTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 .52 0 0 0 0 .42 0 0 0 0 .16 3.2 0 0 0 -1.75'/></filter><rect width='100%25' height='100%25' filter='url(%23s)'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .3 0 0 0 0 .26 0 0 0 0 .12 0 0 0 .5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.spork{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><g transform='rotate(-38 15 15)'><rect x='13.5' y='13' width='3.2' height='16' rx='1.6' fill='%23EDE9DF' stroke='%23333' stroke-width='1'/><path d='M8.5 2.5c0 8 2.8 11 6.6 11s6.6-3 6.6-11' fill='%23EDE9DF' stroke='%23333' stroke-width='1'/><path d='M12 2.5v4.5M15.1 2.5v5.5M18.2 2.5v4.5' stroke='%23333' stroke-width='1'/></g></svg>") 5 4,auto}.slop-on .tray,.slop-on .product-tray,.slop-on .big-tray,.slop-on .menu-board,.slop-on .nf,.slop-on .ticket,.slop-on .rule,.slop-on .sticky{position:relative}.splat{position:absolute;pointer-events:none;z-index:3;overflow:visible;filter:drop-shadow(0 1px 0 rgba(0,0,0,.18))}.slop-on .pa{position:relative;z-index:5}.slop-on .pa:after{content:"";position:absolute;left:0;right:0;top:100%;height:22px;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='22' viewBox='0 0 160 22'><path fill='%23C8312B' d='M0 0h160v4c-6 0-7 3-8 8s-2 8-4 8-3-3-3-7-2-9-7-9-9 1-11 5-2 11-5 11-3-5-4-9-4-7-10-7-13 0-15 4-1 6-4 6-4-2-5-5-5-5-12-5-18 1-20 6-1 9-4 9-4-4-5-8-6-7-13-7-8 2-9 5-2 4-4 4-3-3-4-5-4-4-13-4z'/></svg>") repeat-x 0 0/160px 22px}.slop-on .btn:not(.btn--ghost){position:relative}.slop-on .btn:not(.btn--ghost):after{content:"";position:absolute;left:12%;width:76%;top:100%;height:14px;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='14' viewBox='0 0 120 14' preserveAspectRatio='none'><path fill='%238F1F1B' d='M0 0h120c-4 0-5 2-5 5s-1 6-3 6-3-3-3-6-2-5-6-5H62c-3 0-4 2-4 7s-1 7-3 7-3-3-3-7-1-7-5-7H22c-3 0-4 2-4 4s-1 4-2 4-2-2-2-4-1-4-4-4z'/></svg>") no-repeat center/100% 100%}.slop-on .btn[disabled]:after{display:none}.slop-on .site-footer{position:relative}.slop-on .site-footer:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:26px;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='26' viewBox='0 0 200 26'><path fill='%231E1E20' d='M0 26V14c10 0 12-10 24-10s14 12 26 12 12-14 28-14 16 16 30 16 14-10 26-10 14 8 24 8 12-6 22-6 12 4 20 4v12z'/></svg>") repeat-x 0 100%/200px 26px}.slop-on .logo{rotate:-2deg}.slop-on .menu-board{rotate:-.6deg}.slop-on .strip{rotate:-1.6deg}.slop-on .product__title{rotate:.8deg}.slop-on .board__jitter span:nth-child(5n){transform:translateY(2px) rotate(4deg)}.slop-on .board__jitter span:nth-child(11n){transform:translateY(5px) rotate(-9deg)}.scrawl{position:absolute;right:22px;bottom:-16px;z-index:4;font-family:var(--f-hand);color:var(--mustard);font-size:21px;text-transform:none;letter-spacing:0;rotate:-6deg;pointer-events:none}.slop-on .tray-grid .tray:nth-child(odd){rotate:-1.3deg}.slop-on .tray-grid .tray:nth-child(2n){rotate:1.1deg}.slop-on .tray:hover{transform:none;animation:jiggle .7s ease}@keyframes jiggle{0%{transform:scale(1)}18%{transform:scale(1.04,.96)}36%{transform:scale(.97,1.03)}54%{transform:scale(1.02,.98)}72%{transform:scale(.99,1.01)}to{transform:scale(1)}}.slop-on .tray__wells .well:nth-child(2){background-color:#ede3c8;background-image:radial-gradient(circle at 74% 76%,#8A5A2E 0 15%,#6B4424 16% 18%,transparent 19%),radial-gradient(ellipse at 28% 26%,rgba(255,255,255,.8) 0 17%,transparent 18%),radial-gradient(ellipse at 52% 58%,rgba(150,120,70,.2) 0 32%,transparent 33%)}.slop-on .tray__wells .well:nth-child(3){background-color:#768a36;background-image:radial-gradient(circle at 35% 35%,#CDE57F 0 2px,#8DB23C 3px 5px,#5A7620 6px,transparent 7px),radial-gradient(circle at 35% 35%,#CDE57F 0 2px,#8DB23C 3px 5px,#5A7620 6px,transparent 7px);background-size:15px 14px,17px 16px;background-position:0 0,7px 8px}.slop-on .well__tag{background:var(--paper);color:var(--ink);padding:3px 7px;border-radius:3px;rotate:-6deg;box-shadow:0 1px #00000040}.slop-on .sticky:before,.slop-on .rule:before{content:"";position:absolute;top:-13px;left:50%;width:92px;height:26px;margin-left:-46px;background:#faf8eb9e;box-shadow:0 1px 2px #00000024;rotate:-3deg}.slop-on .rule:nth-child(odd){rotate:-1.4deg}.slop-on .rule:nth-child(2n){rotate:1.2deg}.slop-on .rule:nth-child(2n):before{rotate:4deg}.slop-on .rule:nth-child(odd):after{content:"";position:absolute;right:14px;bottom:12px;width:34px;height:42px;pointer-events:none;border-radius:50% 50% 46% 54%/60% 60% 40% 40%;rotate:22deg;background:repeating-radial-gradient(ellipse at 50% 62%,rgba(122,82,48,.28) 0 2px,transparent 2px 4px)}.slop-on .nf:after{content:"";position:absolute;right:-16px;top:46%;width:130px;height:115px;pointer-events:none;mix-blend-mode:multiply;border-radius:44% 56% 52% 48%/47% 41% 59% 53%;background:radial-gradient(closest-side,#cd963252,#cd96322e 65%,#cd963200)}.slop-on .nf:before{content:"";position:absolute;left:-24px;top:-28px;width:92px;height:92px;border-radius:50%;pointer-events:none;border:5px solid rgba(110,64,20,.22);border-top-width:3px;border-left-width:7px}.slop-on .ticket:after{content:"";position:absolute;right:-20px;bottom:-22px;width:86px;height:86px;border-radius:50%;pointer-events:none;border:5px solid rgba(110,64,20,.2);border-bottom-width:8px;border-right-width:3px}.flies{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.fly{position:absolute;top:0;left:0;will-change:transform}.fly--1{animation:fly-a 19s ease-in-out infinite}.fly--2{animation:fly-b 27s ease-in-out infinite;animation-delay:-11s}.fly__wing{animation:flutter .05s linear infinite alternate}@keyframes flutter{0%{opacity:.95}to{opacity:.25}}@keyframes fly-a{0%{transform:translate(6vw,22vh) rotate(10deg)}12%{transform:translate(28vw,10vh) rotate(-25deg)}20%,34%{transform:translate(36vw,34vh) rotate(40deg)}48%{transform:translate(64vw,16vh) rotate(-10deg)}60%{transform:translate(86vw,46vh) rotate(70deg)}70%,84%{transform:translate(58vw,70vh) rotate(-5deg)}to{transform:translate(6vw,22vh) rotate(10deg)}}@keyframes fly-b{0%{transform:translate(90vw,78vh) rotate(-120deg)}15%,30%{transform:translate(72vw,58vh) rotate(-80deg)}45%{transform:translate(40vw,84vh) rotate(-160deg)}60%{transform:translate(14vw,52vh) rotate(-60deg)}72%,86%{transform:translate(22vw,30vh) rotate(-100deg)}to{transform:translate(90vw,78vh) rotate(-120deg)}}@media(max-width:600px){.fly svg{width:15px;height:15px}.scrawl{font-size:18px}.menu-board .splat--ketchup{width:52px;height:52px;top:-30px!important;right:-16px!important}.product-tray .splat{width:56px;height:56px}}@media(prefers-reduced-motion:reduce){.flies{display:none}.slop-on .tray:hover{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/slop.css.map */