.squigli-nb{display:block;max-width:78rem;margin:0 auto;padding:0 1.5rem;text-align:center}.squigli-nb__title{font-family:var(--font-windsol);font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.1;margin:0 0 .5rem}.squigli-nb__subtitle{margin:0 auto .6rem;max-width:46rem;opacity:.75;font-size:1.4rem}.squigli-nb__description{max-width:52rem;margin:0 auto .8rem;font-size:1.3rem;opacity:.7}.squigli-nb__stage{position:relative;min-height:17rem;display:flex;align-items:center;justify-content:center;padding:1.5rem 0 2.5rem}.squigli-nb__cord{position:absolute;top:50%;left:8%;right:8%;height:.5rem;border-radius:1rem;background:rgba(var(--color-foreground),.1);transform:translateY(-.9rem);opacity:0;transition:opacity .3s ease}.squigli-nb.is-filled .squigli-nb__cord{opacity:1}.squigli-nb__clickers{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:1}.squigli-nb__empty{position:absolute;margin:0;opacity:.45;font-size:1.5rem;transition:opacity .2s ease}.squigli-nb.is-filled .squigli-nb__empty{opacity:0;pointer-events:none}.squigli-clicker{--size: 6.8rem;--wall: .6rem;position:relative;width:var(--size);height:var(--size);flex:0 0 auto;border:0;padding:0;border-radius:17.6%;background:var(--clicker-color, #89caac);cursor:pointer;box-shadow:0 var(--wall) 0 #0003,0 calc(var(--wall) + .4rem) 1.2rem #0003;transition:transform .12s cubic-bezier(.34,1.4,.64,1),box-shadow .12s ease}.squigli-clicker:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(170deg,#ffffff52,#ffffff14 45%,#0000000d);box-shadow:inset 0 .15rem .25rem #ffffff80,inset .1rem 0 .2rem #fff3,inset -.1rem -.2rem .3rem #0000001f;pointer-events:none}.squigli-clicker:after{content:"";position:absolute;right:-.2rem;top:-.2rem;width:1.7rem;height:1.7rem;border-radius:50%;background:conic-gradient(#89caac 0 25%,#ffc934 0 50%,#af99c8 0 75%,#9acedc 0);border:.22rem solid rgb(var(--color-background));box-shadow:0 .1rem .3rem #00000040;opacity:.9;transform:scale(.88);transition:transform .16s cubic-bezier(.34,1.56,.64,1)}.squigli-clicker:hover:after,.squigli-clicker:focus-visible:after{transform:scale(1.15)}.squigli-clicker:hover{transform:translateY(-.25rem);box-shadow:0 calc(var(--wall) + .25rem) 0 #0003,0 calc(var(--wall) + .8rem) 1.5rem #00000038}.squigli-clicker:active,.squigli-clicker.is-pressed{transform:translateY(var(--wall));box-shadow:0 0 #0003,0 .2rem .4rem #00000038}.squigli-clicker.is-selected{outline:.3rem solid rgb(var(--color-foreground));outline-offset:.5rem}@keyframes squigli-pip{0%,to{transform:scale(.88)}50%{transform:scale(1.2)}}.squigli-nb:not(.has-recolored) .squigli-clicker:after{animation:squigli-pip 1.9s ease-in-out infinite}.squigli-clicker__legend{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#fff;-webkit-mask:var(--legend-url) center / contain no-repeat;mask:var(--legend-url) center / contain no-repeat;pointer-events:none;filter:drop-shadow(0 .08em .06em rgba(0,0,0,.18))}@keyframes squigli-pop{0%{transform:scale(.2) rotate(-14deg);opacity:0}60%{transform:scale(1.14) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.squigli-clicker.is-new{animation:squigli-pop .34s cubic-bezier(.34,1.56,.64,1) both}@media screen and (max-width:749px){.squigli-clicker{--size: 5.2rem;--wall: .5rem}}.squigli-nb__canvas{display:block;width:100%;height:42rem;touch-action:none;cursor:grab}.squigli-nb__canvas:active{cursor:grabbing}.squigli-nb.is-3d .squigli-nb__clickers,.squigli-nb.is-3d .squigli-nb__cord{display:none}.squigli-nb.is-3d .squigli-nb__stage{display:block;padding:0 0 .2rem;min-height:0;width:100vw;margin-left:calc(50% - 50vw)}.squigli-nb__spin-hint{position:absolute;left:50%;bottom:.6rem;transform:translate(-50%);margin:0;font-size:1.1rem;opacity:.45;text-align:center;white-space:nowrap;pointer-events:none}.squigli-nb.is-3d .squigli-nb__empty{top:45%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:749px){.squigli-nb__canvas{height:34rem}}.squigli-nb__popover[hidden]{display:none}.squigli-nb__popover{position:absolute;left:50%;bottom:-.5rem;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:1rem;padding:.9rem 1.2rem;border-radius:5rem;background:rgb(var(--color-background));box-shadow:0 .4rem 2rem #0000002e;animation:squigli-popover .18s ease both}@keyframes squigli-popover{0%{opacity:0;transform:translate(-50%,.6rem)}to{opacity:1;transform:translate(-50%)}}.squigli-nb__popover-label{font-size:1.3rem;white-space:nowrap;opacity:.75}.squigli-nb__popover-label strong{font-family:var(--font-windsol);font-size:1.8rem;margin-left:.3rem;opacity:1}.squigli-nb__popover-close{border:0;background:none;font-size:2rem;line-height:1;cursor:pointer;opacity:.4;color:rgb(var(--color-foreground))}.squigli-nb__popover-close:hover{opacity:1}.squigli-nb__controls{display:flex;flex-direction:column;align-items:center;gap:1rem}.squigli-nb__field{width:100%;max-width:38rem}.squigli-nb__label{display:block;font-size:1.3rem;letter-spacing:.06rem;text-transform:uppercase;opacity:.7;margin-bottom:.6rem}.squigli-nb__input{width:100%;padding:1rem 2rem;font-family:var(--font-windsol);font-size:2.2rem;text-align:center;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.2rem solid rgba(var(--color-foreground),.16);border-radius:5rem;transition:border-color .2s ease}.squigli-nb__input:focus{outline:none;border-color:var(--squigli-mint)}.squigli-nb__hint{margin:.4rem 0 0;font-size:1.3rem;min-height:1.6rem;opacity:.7}.squigli-nb__hint.is-error{color:#c0392b;opacity:1}.squigli-nb__palette-hint{margin:0;font-size:1.3rem;opacity:.6}.squigli-nb__symbols{display:flex;align-items:center;justify-content:safe center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:min(92rem,calc(100vw - 3rem));margin-left:50%;transform:translate(-50%);gap:.6rem;margin-top:.2rem;padding:.4rem 1.6rem;-webkit-mask:linear-gradient(90deg,transparent,#000 1.8rem,#000 calc(100% - 1.8rem),transparent);mask:linear-gradient(90deg,transparent,#000 1.8rem,#000 calc(100% - 1.8rem),transparent)}.squigli-nb__symbols::-webkit-scrollbar{display:none}.squigli-nb__symbols-label{font-size:1.3rem;opacity:.7;margin-right:.4rem}.squigli-nb__symbol-btn{display:grid;place-items:center;flex:0 0 auto;width:4rem;height:4rem;padding:0;border:.2rem solid rgba(var(--color-foreground),.14);border-radius:1.2rem;background:rgb(var(--color-background));cursor:pointer;transition:transform .16s cubic-bezier(.34,1.56,.64,1),border-color .16s ease}.squigli-nb__tray-icon{display:block;width:2.3rem;height:2.3rem;background:rgba(var(--color-foreground),.75);-webkit-mask:var(--symbol-url) center / contain no-repeat;mask:var(--symbol-url) center / contain no-repeat}.squigli-nb__symbol-btn:hover{transform:translateY(-.2rem) scale(1.08);border-color:rgba(var(--color-foreground),.4)}.squigli-nb__symbol-btn:active{transform:scale(.94)}.squigli-nb__palette-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.squigli-nb__palette-label{font-size:1.3rem;opacity:.7}.squigli-nb__palette{display:flex;gap:.6rem}.squigli-nb__swatch{width:3.2rem;height:3.2rem;border-radius:50%;border:.2rem solid rgba(var(--color-foreground),.12);background:var(--swatch);cursor:pointer;padding:0;transition:transform .16s cubic-bezier(.34,1.56,.64,1)}.squigli-nb__swatch:hover,.squigli-nb__swatch.is-active{transform:scale(1.18);border-color:rgba(var(--color-foreground),.5)}.squigli-nb__shuffle,.squigli-nb__sound{border:.2rem solid rgba(var(--color-foreground),.16);background:transparent;color:rgb(var(--color-foreground));border-radius:5rem;padding:.7rem 1.6rem;font-size:1.3rem;cursor:pointer;transition:background .2s ease,transform .16s ease}.squigli-nb__sound{width:3.8rem;height:3.8rem;padding:0;border-radius:50%;font-size:1.6rem}.squigli-nb__shuffle:hover,.squigli-nb__sound:hover{background:rgba(var(--color-foreground),.06);transform:translateY(-.2rem)}.squigli-nb__sound[aria-pressed=false]{opacity:.45}.squigli-nb__summary{margin-top:1.4rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem}@media screen and (min-width:750px){.squigli-nb__summary{flex-direction:row;justify-content:center;gap:3rem}.squigli-nb__price{text-align:right}}.squigli-nb__price-value{font-family:var(--font-windsol);font-size:3.2rem;display:block}.squigli-nb__price-note{font-size:1.3rem;opacity:.65}.squigli-nb__submit{min-width:24rem}.squigli-nb__notice{font-size:1.2rem;opacity:.6;margin:0}@media(prefers-reduced-motion:reduce){.squigli-clicker,.squigli-nb__swatch,.squigli-nb__shuffle,.squigli-nb__sound{transition:none}.squigli-clicker.is-new,.squigli-nb:not(.has-recolored) .squigli-clicker:after,.squigli-nb__popover{animation:none}.squigli-clicker:hover{transform:none}}@media screen and (max-width:749px){.squigli-nb__symbols{justify-content:flex-start;-webkit-overflow-scrolling:touch}.squigli-nb__symbols-label{position:sticky;left:0}}.squigli-nb__loading{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);display:flex;gap:.8rem}.squigli-nb__loading span{width:1.4rem;height:1.4rem;border-radius:50%;animation:squigli-load .9s ease-in-out infinite}.squigli-nb__loading span:nth-child(1){background:var(--squigli-mint)}.squigli-nb__loading span:nth-child(2){background:var(--squigli-yellow);animation-delay:.15s}.squigli-nb__loading span:nth-child(3){background:var(--squigli-purple);animation-delay:.3s}@keyframes squigli-load{0%,to{transform:translateY(0)}50%{transform:translateY(-1rem)}}.squigli-nb.is-3d .squigli-nb__empty{display:none}.squigli-nb__canvas:focus-visible{outline:.3rem solid var(--squigli-mint);outline-offset:-.3rem;border-radius:1.6rem}.squigli-nb__sound{position:relative}.squigli-nb__sound[aria-pressed=false]:after{content:"";position:absolute;left:22%;top:48%;width:56%;height:.2rem;border-radius:.2rem;background:currentColor;transform:rotate(-40deg)}.squigli-nb__submit.is-adding{opacity:.75;box-shadow:none;transform:translateY(.35rem)}@media(prefers-reduced-motion:reduce){.squigli-nb__loading span{animation:none}}.squigli-nb__help{font-family:var(--font-windsol);font-size:1.8rem;opacity:1}@media screen and (max-width:749px){.squigli-nb__stage{scroll-margin-top:8rem}.squigli-nb__canvas{transition:height .25s ease}.squigli-nb.is-typing .squigli-nb__canvas{height:19rem}.squigli-nb.is-typing .squigli-nb__intro{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/squigli-name-builder.css.map */