.matita.matita .studio{--studio-sheet:var(--paper);background:var(--paper);overflow-x:clip}.matita.matita .studio__inner{max-width:calc(var(--shell) + 2*var(--gutter));padding:var(--section-y)var(--gutter);gap:26px;margin-inline:auto;display:grid}.matita.matita .studio__lede{max-width:42ch}@media (min-width:640px) and (max-width:860px){.matita.matita .studio__inner{max-width:calc(560px + 2*var(--gutter))}}.matita.matita .studio__slot{position:relative}.matita.matita .studio__sheet{flex-direction:column;gap:34px;display:flex}.matita.matita .studio__field{order:-1}.matita.matita .studio__stage{place-items:center;min-height:0;display:grid;position:relative}.matita.matita .studio__frame{--bottle-h:min(62svh,560px);width:min(100%,calc(var(--bottle-h)*5/8));aspect-ratio:5/8;position:relative}.matita.matita .studio__disc{background:var(--butter);clip-path:ellipse(50% 50%);position:absolute;inset:0}.matita.matita .studio .studio__bottle{aspect-ratio:auto;width:100%;height:100%}.matita.matita .studio__frame:has(.dorica:focus-visible){outline:2px solid var(--olive);outline-offset:6px;border-radius:50%}.matita.matita .studio .studio__ring{width:104.8%;height:104.8%;position:absolute;inset:-2.4%;transform:translate(-1.2%,-.6%)}.matita.matita .studio .studio__sprig{z-index:1;transition:opacity .3s;position:absolute}.matita.matita .studio .studio__sprig--l{width:60%;top:49%;left:-26%;transform:rotate(-20deg)}.matita.matita .studio .studio__sprig--r{width:42%;top:17%;left:68%;transform:rotate(-14deg)}.matita.matita .studio[data-close-in] .studio__sprig{opacity:0}.matita.matita .studio__label{font:600 13px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;display:block}.matita.matita .studio__row{border:1.5px solid var(--field);border-radius:var(--pill);background:var(--white);min-height:58px;color:var(--ink);align-items:center;gap:10px;padding:5px 6px 5px 24px;transition:border-color .18s,box-shadow .18s;display:flex;position:relative}.matita.matita .studio__row:focus-within{border-color:var(--olive);box-shadow:0 0 0 3px var(--olive-tint)}.matita.matita .studio__row input{min-width:0;min-height:44px;color:var(--ink);font:500 max(16px,1.125rem)/1.2 var(--sans);background:0 0;border:0;flex:auto;padding:0}.matita.matita .studio__row input::placeholder{color:#6f7169;opacity:1}.matita.matita .studio__row input:focus{outline:none}.matita.matita .studio__count{font:500 15px/1 var(--sans);letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;position:absolute;top:calc(100% + 10px);right:6px}.matita.matita .studio__done{appearance:none;border-radius:var(--pill);background:var(--olive);color:#fff;min-height:44px;font:600 16px/1 var(--sans);cursor:pointer;border:0;flex:none;align-items:center;padding:0 20px;display:none}.matita.matita .studio__hint{color:var(--muted);margin:8px 0 0 6px;font-size:14px;display:none}.matita.matita .studio__next{justify-items:stretch;gap:12px;margin-top:6px;display:grid}.matita.matita .studio__cta{min-height:56px}.matita.matita .studio__note{text-align:center;color:var(--muted);margin:0;font-size:15px}.matita.matita .studio.is-typing .studio__sheet{inset:var(--vvt,0px)0 0 0;z-index:1000;padding:12px 16px calc(10px + var(--kb,0px));box-sizing:border-box;background:var(--studio-sheet,var(--paper));touch-action:none;overscroll-behavior:contain;gap:10px;position:fixed}.matita.matita .studio.is-typing .studio__stage{animation:.26s ease-out both mt-studio-sheet}.matita.matita .studio.is-typing .studio__field{order:0}.matita.matita .studio.is-typing .studio__stage{flex:auto}.matita.matita .studio.is-typing .studio__frame{aspect-ratio:auto;width:100%;height:100%}.matita.matita .studio.is-typing .studio__disc{clip-path:inset(0 round 28px)}.matita.matita .studio.is-typing .studio__ring,.matita.matita .studio.is-typing .studio__sprig,.matita.matita .studio.is-typing .bottle-zoom{display:none}.matita.matita .studio.is-typing .studio__bottle{aspect-ratio:auto;width:100%;height:100%}.matita.matita .studio.is-typing .studio__count{position:static}.matita.matita .studio.is-typing .studio__done{display:inline-flex}.matita.matita .studio.is-typing .studio__hint{display:block}.matita.matita .studio.is-typing .studio__label{display:none}@keyframes mt-studio-sheet{0%{opacity:0;transform:translateY(12px)}}@media (min-width:861px){.matita.matita .studio__inner{grid-template:"copy stage""field stage""next stage"1fr/minmax(0,1fr) minmax(340px,480px);align-items:start;gap:34px clamp(40px,7vw,120px)}.matita.matita .studio__copy{grid-area:copy;align-self:end}.matita.matita .studio__slot,.matita.matita .studio__sheet{display:contents}.matita.matita .studio__stage{grid-area:stage;align-self:center}.matita.matita .studio__frame{--bottle-h:min(74vh,640px)}.matita.matita .studio__field{grid-area:field;max-width:440px}.matita.matita .studio__next{margin-top:var(--space-6);grid-area:next;justify-items:start}.matita.matita .studio__note{text-align:left}}@media (prefers-reduced-motion:reduce){.matita.matita .studio.is-typing .studio__stage{animation:none}}