.studio{display:block;position:relative;overflow:hidden;overflow:clip;border-radius:2.8rem;max-width:128rem;margin:2rem auto}.studio__stage{position:relative;height:46rem;background:radial-gradient(120% 90% at 50% 0%,#fff,#fff0 60%),linear-gradient(180deg,#eef8f2,#f4fbf7)}.studio__canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.studio__canvas:active{cursor:grabbing}.studio__typefield{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:0;background:transparent;pointer-events:none;font-size:16px;scroll-margin-top:24rem}.studio__prompt{position:absolute;top:1.6rem;left:50%;transform:translate(-50%);z-index:5;border:0;cursor:pointer;background:#ffffffeb;color:rgb(var(--color-foreground));font-weight:700;font-size:1.5rem;padding:1.1rem 1.9rem;border-radius:5rem;box-shadow:0 .6rem 1.8rem #3d3d3d29}.studio__prompt{display:none}.studio.is-empty:not(.is-typing) .studio__prompt{display:block}.studio__tip{position:absolute;bottom:1rem;left:0;right:0;text-align:center;font-size:1.2rem;opacity:.5;margin:0;pointer-events:none}.studio__dock{background:rgb(var(--color-background));padding:1.6rem 2rem 2rem}.studio__tabs{display:flex;gap:.4rem;background:rgba(var(--color-foreground),.06);border-radius:5rem;padding:.3rem;max-width:34rem;margin:0 auto 1.6rem}.studio__tabs button{flex:1;border:0;background:transparent;padding:.9rem 1rem;border-radius:5rem;font-size:1.4rem;cursor:pointer;color:rgb(var(--color-foreground));transition:background .15s ease}.studio__tabs button[aria-selected=true]{background:rgb(var(--color-background));font-weight:700;box-shadow:0 .2rem .6rem #3d3d3d1f}.studio__panels{min-height:9rem}.studio__panel{animation:studio-fade .2s ease both}.studio__namefield{text-align:center;margin-bottom:1.8rem}.studio__namefield .studio__hint{margin-top:.6rem}.studio__build{display:flex;flex-direction:column;gap:1.8rem}.studio__colors{text-align:center}.studio__colors-head{display:flex;align-items:baseline;justify-content:center;gap:.6rem;margin-bottom:.6rem}.studio__colors-hint{font-size:1.4rem;font-weight:700;transition:color .15s ease}.studio__colors-hint.is-active{color:var(--squigli-mint, #89caac)}.studio__coach{position:absolute;top:auto;bottom:3rem;left:50%;max-width:calc(100% - 3rem);background:var(--squigli-mint, #89caac);color:#fff;font-size:1.45rem;font-weight:700;line-height:1.35;text-align:center;padding:1rem 1.6rem;border-radius:1.6rem;z-index:4;pointer-events:none;box-shadow:0 .4rem 1.4rem #3d3d3d38;animation:studio-coach-bob 1.4s ease-in-out infinite,studio-coach-glow 1.6s ease-in-out infinite}.studio__coach:after{content:"";position:absolute;top:-.7rem;left:50%;margin-left:-.7rem;border-left:.7rem solid transparent;border-right:.7rem solid transparent;border-bottom:.7rem solid var(--squigli-mint, #89caac)}@media screen and (max-width:749px){.studio__coach{font-size:1.3rem;padding:.8rem 1.2rem;bottom:4.5rem}}@keyframes studio-coach-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-.5rem)}}@keyframes studio-coach-glow{0%,to{box-shadow:0 .4rem 1.4rem #3d3d3d38,0 0 #89caac8c}50%{box-shadow:0 .4rem 1.4rem #3d3d3d38,0 0 0 .8rem #89caac00}}@media(prefers-reduced-motion:reduce){.studio__coach{animation:none}}.studio.is-selecting .studio__chips{border-radius:1.6rem;animation:studio-chips-pulse 1.1s ease-in-out infinite}@keyframes studio-chips-pulse{0%,to{box-shadow:0 0 #89caac00}50%{box-shadow:0 0 0 .5rem #89caac47}}@media(prefers-reduced-motion:reduce){.studio.is-selecting .studio__chips{animation:none}}@keyframes studio-fade{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}.studio__input{width:100%;max-width:42rem;display:block;margin:0 auto;padding:1.3rem 2rem;font-family:var(--font-windsol, inherit);font-size:2.4rem;text-align:center;text-transform:uppercase;letter-spacing:.12em;border:.2rem solid rgba(var(--color-foreground),.16);border-radius:5rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.studio__input:focus{outline:none;border-color:var(--squigli-mint, #89caac);box-shadow:0 0 0 .4rem #89caac40}.studio__input{scroll-margin-top:34rem}@media screen and (max-width:749px){.studio__input{scroll-margin-top:24rem}}.studio__hint{text-align:center;font-size:1.3rem;opacity:.7;margin:0;min-height:1.2rem}.studio__note{width:100%;max-width:42rem;margin:0 auto;text-align:center}.studio__note-label{display:block;font-size:1.2rem;opacity:.6;margin:0 0 .5rem}.studio__note-input{width:100%;display:block;padding:1rem 1.4rem;font-family:inherit;font-size:1.5rem;line-height:1.4;text-align:center;border:.2rem solid rgba(var(--color-foreground),.16);border-radius:1.6rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));resize:vertical;min-height:4.6rem}.studio__note-input:focus{outline:none;border-color:var(--squigli-mint, #89caac);box-shadow:0 0 0 .4rem #89caac40}.studio__note-input::placeholder{opacity:.5}.studio__brushline{text-align:center}.studio__brush-label{font-size:1.3rem;opacity:.75}.studio__chips{display:flex;justify-content:center;flex-wrap:wrap;gap:.9rem;margin:0 0 1.2rem}@media screen and (max-width:749px){.studio__chips{display:grid;grid-template-columns:repeat(4,auto);justify-content:center;gap:1.1rem}}.studio__chip{width:4.4rem;height:4.4rem;border-radius:50%;border:.3rem solid rgb(var(--color-background));background:var(--chip);cursor:pointer;box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.12);transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease}.studio__chip:hover{transform:scale(1.12)}.studio__chip.is-active{transform:scale(1.18);box-shadow:0 0 0 .3rem var(--squigli-mint,#89caac)}.studio__quick{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem}.studio__quick button{border:.2rem solid rgba(var(--color-foreground),.14);background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:5rem;padding:.7rem 1.5rem;font-size:1.3rem;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),border-color .15s ease}.studio__quick button:hover{transform:translateY(-.2rem);border-color:var(--squigli-mint,#89caac)}.studio__symbols{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem}.studio__sym{width:4.6rem;height:4.6rem;display:grid;place-items:center;border:.2rem solid rgba(var(--color-foreground),.14);border-radius:1.4rem;background:rgb(var(--color-background));cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),border-color .15s ease}.studio__sym:hover{transform:translateY(-.2rem) scale(1.06);border-color:var(--squigli-mint,#89caac)}.studio__sym-icon{width:2.6rem;height:2.6rem;background:rgba(var(--color-foreground),.75);-webkit-mask:var(--symbol-url) center / contain no-repeat;mask:var(--symbol-url) center / contain no-repeat}.studio__bar{display:flex;align-items:center;justify-content:center;gap:2.4rem;margin-top:2.2rem;flex-wrap:wrap}.studio__price span{font-family:var(--font-windsol, inherit);font-size:3rem}.studio__price small{display:block;font-size:1.2rem;opacity:.6}.studio__add{min-width:22rem}.studio__add.is-adding{opacity:.7}@media screen and (max-width:749px){.studio__stage{height:32rem}.studio__input{font-size:2rem}}@media(prefers-reduced-motion:reduce){.studio__panel{animation:none}}.studio__symbols{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;max-width:100%;margin:0 auto;padding:.4rem .2rem}.studio__sym-label{font-size:1.2rem;opacity:.6;white-space:nowrap;flex:0 0 100%;text-align:center;margin-bottom:.2rem}.studio__symbols .studio__sym{flex:0 0 auto;width:4rem;height:4rem}.studio__intro{text-align:left;padding:3rem 3rem .5rem;max-width:70rem;margin:0}.studio__intro--below{background:rgb(var(--color-background));padding:2.4rem 3rem 3rem;border-top:.1rem solid rgba(var(--color-foreground),.1);margin:0}.studio__title{font-family:var(--font-windsol, inherit);font-weight:400;font-size:clamp(2.6rem,4vw,3.8rem);margin:0 0 .6rem}.studio__sub{font-size:1.5rem;opacity:.75;margin:0 0 1.4rem;text-align:left}.studio__desc{font-size:1.4rem;line-height:1.55;opacity:.8;text-align:left;display:block}.studio__desc ul{padding-left:1.8rem;margin:1rem 0}.studio__desc li{margin-bottom:.4rem}.studio__orient{display:flex;align-items:center;justify-content:center;gap:1rem;margin:0 auto 1.8rem}.studio__orient-label{font-size:1.3rem;opacity:.7}.studio__seg{display:inline-flex;background:rgba(var(--color-foreground),.06);border-radius:5rem;padding:.3rem}.studio__seg button{border:0;background:transparent;color:rgb(var(--color-foreground));padding:.7rem 1.5rem;border-radius:5rem;font-size:1.3rem;cursor:pointer;transition:background .15s ease,color .15s ease}.studio__seg button[aria-pressed=true]{background:var(--squigli-mint, #89caac);color:#fff;box-shadow:0 .2rem #0000001f}.studio__floaters{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.studio__floaters span{position:absolute;width:7rem;height:7rem;background-color:var(--dc, var(--squigli-mint));-webkit-mask:var(--doodle) center / contain no-repeat;mask:var(--doodle) center / contain no-repeat;opacity:.16}.studio__intro,.studio__stage,.studio__dock{position:relative;z-index:1}.studio__stage{background:transparent}@media screen and (max-width:749px){.studio__floaters span{width:5rem;height:5rem;opacity:.12}}.studio__help{position:absolute;top:1.2rem;right:1.2rem;z-index:6;width:3rem;height:3rem;border-radius:50%;border:0;cursor:pointer;background:var(--squigli-mint, #89caac);color:#fff;font-size:1.7rem;font-weight:700;line-height:1;box-shadow:0 .2rem .6rem #3d3d3d33;transition:transform .15s ease}.studio__help:hover{transform:scale(1.1) rotate(8deg)}.studio__tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.studio__tour[hidden]{display:none}.studio__tour-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;background:#282c2a8c;pointer-events:none;animation:studio-tour-fade .2s ease both}.studio-tour-target{position:relative;z-index:1001;border-radius:1.4rem;box-shadow:0 0 0 .35rem var(--squigli-mint, #89caac),0 0 0 .9rem #89caac59}.studio__tour-pop{position:fixed;z-index:1002;pointer-events:auto;width:min(30rem,calc(100vw - 3rem));background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:2rem;padding:2rem 1.8rem 1.4rem;text-align:center;box-shadow:0 1.2rem 3rem #3d3d3d4d;animation:studio-tour-pop .26s cubic-bezier(.34,1.56,.64,1) both}.studio__tour-x{position:absolute;top:.6rem;right:1rem;border:0;background:transparent;cursor:pointer;font-size:2.2rem;line-height:1;color:rgba(var(--color-foreground),.4)}.studio__tour-emoji{font-size:3rem;line-height:1;margin-bottom:.4rem}.studio__tour-title{font-family:var(--font-windsol, inherit);font-weight:400;font-size:2.2rem;margin:0 0 .4rem}.studio__tour-body{font-size:1.4rem;line-height:1.4;opacity:.8;margin:0 0 1.4rem}.studio__tour-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem}.studio__tour-dots{display:flex;gap:.5rem}.studio__tour-dot{width:.8rem;height:.8rem;border-radius:50%;background:rgba(var(--color-foreground),.18)}.studio__tour-dot.is-on{background:var(--squigli-mint, #89caac);transform:scale(1.15)}.studio__tour-btns{display:flex;gap:.4rem;align-items:center}.studio__tour-prev{border:0;background:transparent;cursor:pointer;font-size:1.3rem;color:rgba(var(--color-foreground),.6);padding:.6rem .8rem}.studio__tour-next{font-size:1.4rem;padding:.9rem 1.6rem;border-radius:1.2rem}@keyframes studio-tour-fade{0%{opacity:0}to{opacity:1}}@keyframes studio-tour-pop{0%{opacity:0;transform:translateY(.8rem) scale(.95)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.studio__tour-backdrop,.studio__tour-pop{animation:none}}.studio__tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:52rem;margin:.2rem auto 1.4rem;padding:.6rem .4rem 0}.studio__tiles[hidden]{display:none}.studio__tile{position:relative;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:1.1rem;cursor:pointer;background:var(--tile, #ccc);box-shadow:inset 0 -.35rem #00000029,0 .15rem .4rem #3d3d3d2e;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease}.studio__tile-legend{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;-webkit-mask:var(--legend) center / contain no-repeat;mask:var(--legend) center / contain no-repeat}.studio__tile.is-symbol .studio__tile-legend{top:22%;right:22%;bottom:22%;left:22%}.studio__tile.is-blank .studio__tile-legend{display:none}.studio__tile:hover{transform:translateY(-.2rem)}.studio__tile.is-selected{transform:translateY(-.5rem);box-shadow:inset 0 -.35rem #00000029,0 0 0 .3rem rgb(var(--color-background)),0 0 0 .55rem var(--squigli-mint, #89caac)}.studio__tile:focus-visible{outline:.3rem solid var(--squigli-mint, #89caac);outline-offset:.3rem}@media screen and (max-width:749px){.studio__tile{width:4.2rem;height:4.2rem}}.studio__share-wrap{position:absolute;top:1.2rem;left:1.2rem;z-index:6}.studio__share{display:inline-flex;align-items:center;gap:.6rem;height:3rem;padding:0 1.3rem 0 1.1rem;border:0;border-radius:5rem;cursor:pointer;background:#fffffff0;color:rgb(var(--color-foreground));font-family:inherit;font-size:1.3rem;font-weight:700;box-shadow:0 .2rem .6rem #3d3d3d2e;transition:transform .15s ease}.studio__share:hover{transform:scale(1.05)}.studio__share svg{width:1.4rem;height:1.4rem}.studio__share[hidden]{display:none}.studio__share-menu{position:absolute;top:calc(100% + .6rem);left:0;display:flex;flex-direction:column;min-width:16rem;padding:.6rem;border-radius:1.4rem;background:rgb(var(--color-background));box-shadow:0 .8rem 2.4rem #3d3d3d38;animation:studio-fade .15s ease both}.studio__share-menu[hidden]{display:none}.studio__share-opt{display:block;padding:1rem 1.2rem;border:0;border-radius:1rem;background:transparent;cursor:pointer;font-family:inherit;font-size:1.4rem;text-align:left;text-decoration:none;color:rgb(var(--color-foreground))}.studio__share-opt:hover,.studio__share-opt:focus-visible{background:rgba(var(--color-foreground),.06)}.studio__bar{row-gap:1.2rem}.studio__next{flex:1 0 100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem 1.2rem;padding:.9rem 1.2rem;border-radius:1.4rem;background:#89caac29;text-align:center}.studio__next[hidden]{display:none}.studio__next-text{margin:0;font-size:1.35rem;line-height:1.35}.studio__next-text [data-next-added]{font-weight:700}.studio__next-btn{border:0;cursor:pointer;background:var(--squigli-mint, #89caac);color:#fff;font-family:inherit;font-size:1.3rem;font-weight:700;padding:.7rem 1.4rem;border-radius:5rem}@media screen and (max-width:749px){.studio__bar{margin:2rem -2rem -2rem;padding:1.2rem 1.6rem;gap:1rem 1.6rem;flex-wrap:wrap;background:rgb(var(--color-background));z-index:8}.studio.is-ready .studio__bar{position:sticky;bottom:0}.squigli-bar-up .studio.is-ready .studio__bar{box-shadow:0 -.6rem 1.6rem #3d3d3d1f}.studio__bar form{flex:1;display:flex}.studio__add{min-width:0;flex:1}.studio__price span{font-size:2.6rem}}.studio__orient-label,.studio__sym-label,.studio__note-label,.studio__price small,.studio__sub,.studio__hint,.studio__brush-label{opacity:1;color:#666a68}.studio__desc,.studio__desc p,.studio__desc li,.studio__desc strong{opacity:1;color:#5f6461}.studio__seg button[aria-pressed=true]{color:#1d3b2f}.studio__flat{position:absolute;top:5rem;right:2rem;bottom:8rem;left:2rem;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.studio__flat-row{position:relative;display:inline-flex;align-items:center;gap:8px;pointer-events:auto}.studio__flat.is-vertical .studio__flat-row{flex-direction:column}.studio__flat-row:before{content:"";position:absolute;z-index:-1;left:calc(var(--size, 72px) / 2);right:calc(var(--size, 72px) / 2);top:50%;height:3px;margin-top:-1.5px;border-radius:2px;background:#3d3d3d47}.studio__flat.is-vertical .studio__flat-row:before{left:50%;right:auto;top:calc(var(--size, 72px) / 2);bottom:calc(var(--size, 72px) / 2);width:3px;height:auto;margin:0 0 0 -1.5px}.studio__flatcap{position:relative;flex:none;width:var(--size, 72px);height:var(--size, 72px);padding:0;border:0;border-radius:26%;cursor:pointer;background:var(--cap, #ccc);box-shadow:inset 0 calc(var(--size, 72px) * -.07) 0 #0000002e,inset 0 0 0 calc(var(--size, 72px) * .07) #ffffff1f,0 .3rem .8rem #3d3d3d33;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease}.studio__flatcap-legend{position:absolute;top:14%;right:14%;bottom:14%;left:14%;background:#fff;-webkit-mask:var(--legend) center / contain no-repeat;mask:var(--legend) center / contain no-repeat}.studio__flatcap.is-symbol .studio__flatcap-legend{top:24%;right:24%;bottom:24%;left:24%}.studio__flatcap.is-space{width:calc(var(--size, 72px) * .4);background:transparent;box-shadow:none;pointer-events:none}.studio__flatcap.is-space .studio__flatcap-legend{display:none}.studio__flatcap:hover{transform:translateY(-.3rem)}.studio__flatcap.is-selected{transform:translateY(-.8rem);box-shadow:inset 0 calc(var(--size, 72px) * -.07) 0 #0000002e,0 0 0 .3rem #fff,0 0 0 .6rem var(--squigli-mint, #89caac)}.studio__flat.is-vertical .studio__flatcap.is-selected{transform:translate(.8rem)}.studio__flatcap:focus-visible{outline:.3rem solid var(--squigli-mint, #89caac);outline-offset:.3rem}.studio__flat.is-ghost .studio__flatcap{opacity:.55;pointer-events:none}.studio__no3d{position:absolute;left:50%;bottom:1.4rem;z-index:3;transform:translate(-50%);width:max-content;max-width:calc(100% - 3rem);margin:0;padding:.6rem 1.2rem;border-radius:1.2rem;background:#ffffffd9;font-size:1.25rem;line-height:1.4;text-align:center;color:#3d3d3dcc}.studio.is-flat .studio__tip{display:none}.studio.is-flat .studio__coach{bottom:6.4rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/squigli-studio.css.map */