@font-face{font-family:Excalifont;src:url(excalifont-latin.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0020-007E,U+00A0-00A3,U+00A5-00A6,U+00A8-00AB,U+00AD-00B1,U+00B4,U+00B6-00B8,U+00BA-00FF,U+0131,U+0152-0153,U+02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+2013-2014,U+2018-201A,U+201C-201E,U+2020,U+2022,U+2024-2026,U+2030,U+2039-203A,U+20AC,U+2122,U+2212}html:has(body.sketchbook-password-page){width:100%;min-height:100%;margin:0;background:#eef5ff}body.sketchbook-password-page{width:100%;min-width:320px;min-height:100%;margin:0;padding:0;overflow:hidden;background:#eef5ff}body.sketchbook-password-page .sketchbook-password-main,body.sketchbook-password-page .shopify-section{width:100%;min-height:100svh;margin:0;padding:0}.sketchbook-landing,.sketchbook-landing *,.sketchbook-landing *:before,.sketchbook-landing *:after{box-sizing:border-box}.sketchbook-landing{position:relative;isolation:isolate;width:100%;min-height:100vh;min-height:100svh;overflow:hidden;color:#10131a;background-color:#eef5ff;background-image:url(sketchbook-paper-blank.webp);background-repeat:no-repeat;background-position:center;background-size:cover;font-family:Excalifont,Comic Sans MS,cursive}.sketchbook-landing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url(sketchbook-rules.svg),radial-gradient(circle at 50% 44%,rgba(255,255,255,.06),transparent 48%),linear-gradient(180deg,#ffffff08,#809dbd09);background-position:center 19px,center,center;background-repeat:repeat-y,no-repeat,no-repeat;background-size:100% 44px,100% 100%,100% 100%}.sketchbook-landing:before{content:"";position:absolute;top:-2%;bottom:-2%;left:13.5%;z-index:1;width:clamp(1px,.12vw,2px);pointer-events:none;background:linear-gradient(90deg,#e0376861,#e63c69b8,#e0376857);box-shadow:0 0 1px #d12e5833;opacity:.78;transform:rotate(-.15deg);transform-origin:center}.sketchbook-landing__logo{position:absolute;top:clamp(-.7rem,-.4vh,-.2rem);left:clamp(-.8rem,-.55vw,-.35rem);z-index:5;display:block;width:min(var(--landing-logo-width, 275px),14.3vw);max-height:18vh;color:inherit;line-height:0;text-decoration:none;transform:rotate(-.8deg);transform-origin:center;transition:transform .18s ease;-webkit-tap-highlight-color:transparent}.sketchbook-landing__logo:hover{transform:rotate(-.2deg) scale(1.025)}.sketchbook-landing__logo:focus-visible{border-radius:.35rem;outline:2px dashed #11141b;outline-offset:5px}.sketchbook-landing__logo-image{display:block;width:100%;height:auto;max-height:18vh;object-fit:contain}.sketchbook-landing__nav{position:absolute;top:48%;left:50%;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;width:min(78vw,900px);transform:translate(-50%,-50%)}.sketchbook-landing__link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:.45em .35em;color:#11141b;font:inherit;font-size:clamp(1.35rem,2.35vw,2.05rem);font-weight:400;letter-spacing:0;line-height:1;text-align:center;text-decoration:none;text-transform:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,color .15s ease}.sketchbook-landing__link:before,.sketchbook-landing__link:after{content:"";position:absolute;right:18%;bottom:.18em;left:18%;height:.14em;pointer-events:none;-webkit-mask-image:var( --sketch-underline-mask, linear-gradient(to bottom, transparent 24%, #fff 36%, #fff 72%, transparent 84%) );mask-image:var( --sketch-underline-mask, linear-gradient(to bottom, transparent 24%, #fff 36%, #fff 72%, transparent 84%) );-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;clip-path:inset(-.35em 0)}.sketchbook-landing__link:before{background:#363a3e85;filter:blur(.9px);mix-blend-mode:multiply;opacity:0;transform:translateY(calc(var(--sketch-underline-offset, 0px) + 1px)) rotate(var(--sketch-underline-angle, -1.5deg)) scaleX(var(--sketch-underline-length, 1)) scaleY(1.45);transform-origin:left center}.sketchbook-landing__link:after{border-radius:72% 28% 64% 36%;background:currentColor;opacity:0;transform:translateY(var(--sketch-underline-offset, 0)) rotate(var(--sketch-underline-angle, -1.5deg)) scaleX(0);transform-origin:left center;transition:opacity .14s ease,transform .55s cubic-bezier(.2,.75,.25,1)}.sketchbook-landing__link:hover{color:#000;transform:translateY(-2px) rotate(-.6deg)}.sketchbook-landing__link.is-drawn:after,.no-js .sketchbook-landing__link:hover:after,.no-js .sketchbook-landing__link:focus-visible:after{opacity:.82;transform:translateY(var(--sketch-underline-offset, 0)) rotate(var(--sketch-underline-angle, -1.5deg)) scaleX(var(--sketch-underline-length, 1))}.sketchbook-landing__link.is-erasing:after{animation:sketchbook-erase-stroke var(--sketch-erase-duration, .55s) cubic-bezier(.35,.05,.65,.95) forwards;transition:none}.sketchbook-landing__link.is-erasing:before{animation:sketchbook-smudge-residue var(--sketch-erase-duration, .55s) ease-out forwards}@keyframes sketchbook-erase-stroke{0%{clip-path:inset(-.35em 0);filter:blur(0);opacity:.82}32%{clip-path:inset(-.35em 0 -.35em 43%);filter:blur(.4px);opacity:.62}50%{clip-path:inset(-.35em 0 -.35em 45%);filter:blur(.55px);opacity:.56}84%{clip-path:inset(-.35em 0 -.35em 91%);filter:blur(1px);opacity:.2}to{clip-path:inset(-.35em 0 -.35em 100%);filter:blur(1.5px);opacity:0}}@keyframes sketchbook-smudge-residue{0%{clip-path:inset(-.45em 0);filter:blur(.8px);opacity:0}32%{clip-path:inset(-.45em 0 -.45em 39%);filter:blur(1px);opacity:.16}50%{clip-path:inset(-.45em 0 -.45em 43%);filter:blur(1.15px);opacity:.13}84%{clip-path:inset(-.45em 0 -.45em 88%);filter:blur(1.35px);opacity:.07}to{clip-path:inset(-.45em 0 -.45em 100%);filter:blur(2px);opacity:0}}.sketchbook-landing__link:focus-visible{border-radius:.3em;outline:2px solid #11141b;outline-offset:5px}.sketchbook-landing__star-prompt{position:absolute;bottom:max(1.4rem,3.5vh);left:50%;z-index:2;display:flex;flex-direction:column;align-items:center;color:#11141b;font-size:clamp(1.35rem,2.2vw,1.95rem);font-weight:400;line-height:1;text-align:center;transform:translate(-50%) rotate(-.35deg);white-space:nowrap}.sketchbook-landing__arrow{width:2.5rem;height:3.2rem;margin-bottom:.05rem;overflow:visible;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}@media(max-width:680px){.sketchbook-landing__logo{top:-.35rem;left:-.45rem;width:min(var(--landing-logo-width, 275px),42vw);max-height:16vh}.sketchbook-landing__logo-image{max-height:16vh}.sketchbook-landing__nav{top:46%;width:calc(100% - 2rem)}.sketchbook-landing__link{padding-right:.2em;padding-left:.2em;font-size:clamp(1.05rem,5.3vw,1.45rem)}.sketchbook-landing__star-prompt{bottom:max(1rem,3vh);font-size:clamp(1.15rem,5.6vw,1.45rem)}.sketchbook-landing__arrow{width:2.1rem;height:2.75rem}}@media(max-height:480px)and (orientation:landscape){.sketchbook-landing__nav{top:46%}.sketchbook-landing__star-prompt{bottom:.75rem;font-size:1.1rem}.sketchbook-landing__arrow{width:1.75rem;height:2rem}}@media(prefers-reduced-motion:reduce){.sketchbook-landing__link,.sketchbook-landing__link:before,.sketchbook-landing__link:after{transition:none}.sketchbook-landing__link.is-erasing:before,.sketchbook-landing__link.is-erasing:after{animation-duration:1ms}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sketchbook-landing__star-canvas,.sketchbook-landing__star-hitboxes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sketchbook-landing__star-canvas{z-index:2;pointer-events:none;transition:opacity .3s ease}.sketchbook-landing__star-hitboxes{z-index:3;pointer-events:none}.sketchbook-landing__star-hitbox{position:absolute;width:2.8rem;height:2.8rem;margin:0;padding:0;border:0;border-radius:50%;outline:none;background:transparent;cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%);-webkit-tap-highlight-color:transparent}.sketchbook-landing__star-hitbox:focus-visible{outline:2px dashed rgba(17,20,27,.8);outline-offset:4px}.sketchbook-landing__nav{z-index:4;transition:top .6s cubic-bezier(.22,.75,.25,1)}.sketchbook-landing__star-prompt{z-index:7;min-width:9rem;min-height:4.5rem;margin:0;padding:0;border:0;outline:none;background:transparent;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.sketchbook-landing__star-prompt:focus-visible{border-radius:.35rem;outline:2px dashed #11141b;outline-offset:5px}.sketchbook-landing__prompt-open{display:flex;flex-direction:column;align-items:center;clip-path:inset(-.35em 0);opacity:1}.sketchbook-landing__prompt-close{position:absolute;bottom:.55rem;left:50%;display:block;clip-path:inset(-.35em 100% -.35em 0);opacity:0;transform:translate(-50%) rotate(.7deg)}.sketchbook-landing.is-prompt-erasing .sketchbook-landing__prompt-open{animation:sketchbook-copy-erase var(--prompt-erase-duration, .55s) ease-in forwards}.sketchbook-landing.is-form-open .sketchbook-landing__prompt-open{visibility:hidden;opacity:0}.sketchbook-landing.is-form-open .sketchbook-landing__prompt-close{clip-path:inset(-.35em 0);opacity:1}.sketchbook-landing.is-form-opening .sketchbook-landing__prompt-close,.sketchbook-landing.is-prompt-restoring .sketchbook-landing__prompt-open{animation:sketchbook-copy-write .55s cubic-bezier(.2,.75,.25,1) forwards}.sketchbook-landing.is-form-erasing .sketchbook-landing__prompt-close{animation:sketchbook-copy-erase var(--form-erase-duration, .55s) ease-in forwards}.sketchbook-landing.is-prompt-restoring .sketchbook-landing__prompt-open{visibility:visible}@keyframes sketchbook-copy-write{0%{clip-path:inset(-.35em 100% -.35em 0);opacity:.2}to{clip-path:inset(-.35em 0);opacity:1}}@keyframes sketchbook-copy-erase{0%{clip-path:inset(-.35em 0);filter:blur(0);opacity:1}32%{clip-path:inset(-.35em 0 -.35em 43%);filter:blur(.4px);opacity:.64}50%{clip-path:inset(-.35em 0 -.35em 45%);filter:blur(.55px);opacity:.58}84%{clip-path:inset(-.35em 0 -.35em 91%);filter:blur(1px);opacity:.2}to{clip-path:inset(-.35em 0 -.35em 100%);filter:blur(1.4px);opacity:0}}.sketchbook-landing__star-entry{position:absolute;right:calc(10.5% + 3rem);bottom:clamp(4.5rem,8vh,5.5rem);left:calc(16.5% + 3rem);z-index:6;overflow:visible;visibility:hidden;opacity:0;pointer-events:none}.sketchbook-landing.is-form-open .sketchbook-landing__star-entry{visibility:visible;opacity:1;pointer-events:auto}.sketchbook-landing.is-form-open .sketchbook-landing__nav{top:31%}.sketchbook-landing.is-form-open .sketchbook-landing__star-canvas,.sketchbook-landing.is-form-open .sketchbook-landing__star-hitboxes{opacity:.42}.sketchbook-star-form{display:grid;grid-template-columns:repeat(4,minmax(8rem,1fr));gap:.65rem clamp(1rem,2.7vw,2.8rem);align-items:start;width:100%;color:#11141b;font-family:inherit}.sketchbook-star-form__heading,.sketchbook-star-form__field,.sketchbook-star-form__colors,.sketchbook-star-form__agreements,.sketchbook-star-form__submit{min-width:0;clip-path:inset(-.35em 100% -.35em 0);opacity:0}.sketchbook-landing.is-form-opening :is(.sketchbook-star-form__heading,.sketchbook-star-form__field,.sketchbook-star-form__colors,.sketchbook-star-form__agreements,.sketchbook-star-form__submit){animation:sketchbook-copy-write .46s cubic-bezier(.2,.75,.25,1) forwards;animation-delay:calc(var(--write-order, 0) * 85ms)}.sketchbook-landing.is-form-open:not(.is-form-opening) :is(.sketchbook-star-form__heading,.sketchbook-star-form__field,.sketchbook-star-form__colors,.sketchbook-star-form__agreements,.sketchbook-star-form__submit){clip-path:none;opacity:1}.sketchbook-landing.is-form-erasing :is(.sketchbook-star-form__heading,.sketchbook-star-form__field,.sketchbook-star-form__colors,.sketchbook-star-form__agreements,.sketchbook-star-form__submit){animation:sketchbook-copy-erase var(--form-erase-stroke-duration, 375ms) ease-in forwards;animation-delay:calc((7 - var(--write-order, 0)) * var(--form-erase-delay-step, 25ms))}.sketchbook-star-form__heading{grid-column:1 / -1;margin:0 0 .1rem;font:inherit;font-size:clamp(1.35rem,2vw,1.85rem);font-weight:400;line-height:1;transform:rotate(-.7deg)}.sketchbook-star-form__field{display:grid;gap:.15rem;font-size:clamp(.9rem,1.25vw,1.1rem)}.sketchbook-star-form__field>span,.sketchbook-star-form__colors legend{font-size:.94em;line-height:1.1}.sketchbook-star-form em{font-size:.72em;font-style:normal;opacity:.64}.sketchbook-star-form input[type=text],.sketchbook-star-form input[type=email]{width:100%;min-width:0;height:2rem;padding:.1rem .15rem 0;border:0;border-bottom:2px solid rgba(17,20,27,.78);border-radius:0;outline:none;color:#11141b;background:transparent;box-shadow:none;font:inherit;font-size:1.08em;transform:rotate(-.15deg);-webkit-appearance:none;appearance:none}.sketchbook-star-form input[type=text]:focus,.sketchbook-star-form input[type=email]:focus{border-bottom-style:dashed;border-bottom-color:#000}.sketchbook-star-form input::placeholder{color:#11141b6b;opacity:1}.sketchbook-star-form__colors{grid-column:1 / span 2;min-width:0;margin:0;padding:0 0 .4rem;border:0;overflow:visible}.sketchbook-star-form__colors legend{margin-bottom:.3rem;padding:0}.sketchbook-star-form__swatches{display:flex;flex-wrap:wrap;gap:.28rem;margin:0;padding:.3rem .4rem .4rem .2rem;overflow:visible}.sketchbook-star-form__swatch{position:relative;display:block;flex:0 0 1.8rem;width:1.8rem;height:1.7rem;cursor:pointer}.sketchbook-star-form__swatch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.sketchbook-star-form__swatch>span[aria-hidden=true]{position:absolute;top:.28rem;right:.18rem;bottom:.12rem;left:.18rem;display:block;border:2px solid rgba(17,20,27,.72);border-radius:47% 53% 42% 58%;background:var(--star-swatch);transform:rotate(var(--swatch-turn, -4deg))}.sketchbook-star-form__swatch:nth-child(2n)>span[aria-hidden=true]{--swatch-turn: 5deg;border-radius:55% 45% 58% 42%}.sketchbook-star-form__swatch:nth-child(3n)>span[aria-hidden=true]{--swatch-turn: -7deg;border-radius:43% 57% 51% 49%}.sketchbook-star-form__swatch input:checked+span{outline:2px dashed #11141b;outline-offset:2px;transform:rotate(var(--swatch-turn, -4deg)) scale(1.04)}.sketchbook-star-form__swatch input:focus-visible+span{outline:2px solid #11141b;outline-offset:4px}.sketchbook-star-form__agreements{grid-column:3 / -1;display:grid;gap:.28rem;font-size:clamp(.73rem,1vw,.9rem);line-height:1.15}.sketchbook-star-form__agreements label{display:grid;grid-template-columns:1rem 1fr;gap:.4rem;align-items:start;cursor:pointer}.sketchbook-star-form__agreements input{width:.95rem;height:.95rem;margin:0;accent-color:#11141b}.sketchbook-star-form__submit{position:relative;left:-3vw;grid-column:1 / -1;justify-self:center;margin:.65rem 0 0;padding:.18rem .5rem .38rem;border:0;outline:none;color:#11141b;background:transparent;cursor:pointer;font:inherit;font-size:clamp(1.08rem,1.45vw,1.28rem);transform:rotate(-.8deg)}.sketchbook-star-form__submit:after{content:"";position:absolute;right:.15rem;bottom:.08rem;left:.05rem;height:2px;border-radius:50%;background:currentColor;opacity:.84;transform:rotate(.8deg) scaleX(.97)}.sketchbook-star-form__submit:hover{transform:translateY(-1px) rotate(.3deg)}.sketchbook-star-form__submit:focus-visible{outline:2px dashed #11141b;outline-offset:4px}.sketchbook-star-form__message{position:relative;left:-3vw;grid-column:1 / -1;min-height:1.15rem;margin:0;font-size:clamp(.78rem,1vw,.95rem);line-height:1.15;text-align:center}.sketchbook-landing__star-note{position:absolute;z-index:8;display:grid;gap:.08rem;width:max-content;max-width:min(15rem,calc(100vw - 2rem));padding:.15rem .25rem;clip-path:inset(-.35em 100% -.35em 0);color:#11141b;font-size:clamp(.88rem,1.2vw,1.05rem);line-height:1.08;opacity:0;pointer-events:none;transform:rotate(var(--note-turn, -.6deg))}.sketchbook-landing__star-note strong{font-weight:400;font-size:1.12em}.sketchbook-landing__star-note span:empty{display:none}.sketchbook-landing__star-note em{margin-top:.12rem;font-size:.8em;font-style:normal;opacity:.68}.sketchbook-landing__star-note.is-writing{animation:sketchbook-copy-write .52s cubic-bezier(.2,.75,.25,1) forwards}.sketchbook-landing__star-note.is-visible{clip-path:inset(-.35em 0);opacity:1}.sketchbook-landing__star-note.is-erasing{animation:sketchbook-copy-erase var(--note-erase-duration, .55s) ease-in forwards}@media(max-width:1024px){.sketchbook-landing__star-entry{right:calc(10.5% + 3rem);left:calc(16.5% + 3rem)}.sketchbook-star-form{grid-template-columns:repeat(2,minmax(8rem,1fr));gap:.55rem 1.5rem}.sketchbook-star-form__colors{grid-column:1}.sketchbook-star-form__agreements{grid-column:2}}@media(max-width:680px){.sketchbook-landing.is-form-open .sketchbook-landing__nav{top:22%}.sketchbook-landing__star-hitbox{width:3rem;height:3rem}.sketchbook-landing__star-entry{right:calc(13.5% + 1.8rem);bottom:5.2rem;left:calc(13.5% + 1.8rem);max-height:54vh;padding:.4rem .4rem .65rem;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.sketchbook-landing__star-entry::-webkit-scrollbar{width:0;height:0}.sketchbook-star-form{grid-template-columns:1fr;gap:.55rem}.sketchbook-star-form__heading,.sketchbook-star-form__colors,.sketchbook-star-form__agreements,.sketchbook-star-form__submit,.sketchbook-star-form__message{grid-column:1}.sketchbook-star-form__submit,.sketchbook-star-form__message{left:0}.sketchbook-star-form__field{font-size:.9rem}.sketchbook-star-form__agreements{font-size:.76rem}.sketchbook-landing__star-note{font-size:.9rem}}@media(max-height:650px){.sketchbook-landing__star-entry{bottom:4.4rem;max-height:55vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.sketchbook-landing__star-entry::-webkit-scrollbar{width:0;height:0}.sketchbook-landing.is-form-open .sketchbook-landing__nav{top:18%}.sketchbook-star-form{row-gap:.35rem}.sketchbook-star-form__heading{margin-bottom:0}}@media(prefers-reduced-motion:reduce){.sketchbook-landing__nav,.sketchbook-landing__star-canvas,.sketchbook-landing__prompt-open,.sketchbook-landing__prompt-close,.sketchbook-landing__star-note,.sketchbook-star-form>*{transition:none!important;animation-duration:1ms!important;animation-delay:0ms!important}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/sketchbook-landing.css.map */