.wg9umku{position:relative;display:flex;font-size:1rem;padding:2px;margin:2px;transition:opacity .4s;will-change:opacity;animation:fadeFromTransparent .4s}.iizukyq{flex:1 1;display:flex;justify-content:center;align-items:center;padding:10px 16px;font-family:var(--font-family-mono)}.wisrit8{--inset:8px;position:relative;margin:calc(var(--inset) * -1);padding:16px 24px;border:1px solid var(--color-gray-300);border-radius:4px;background:var(--syntax-bg);animation:fadeIn .5s cubic-bezier(.54,.18,.02,1)}@media (max-width:750px){.wisrit8{grid-template-columns:1fr;gap:32px;padding:16px}}.wisrit8 h4{font-size:1.125rem;font-weight:var(--font-weight-bold)}.wisrit8 h4,.wisrit8 p{text-align:center}.gijc6j0{display:grid;grid-template-columns:1fr 2px 1fr;grid-gap:24px;gap:24px}@media (max-width:750px){.gijc6j0{grid-template-columns:1fr;gap:32px}}.t1bolryu{width:35px;position:absolute;top:-21.5px;left:70px;animation:bulge-t1bolryu .5s cubic-bezier(.18,.57,.44,1.1);transform-origin:50% 78%}@keyframes bulge-t1bolryu{0%{transform:scaleY(.25)}}.c1r1buo0{animation:contentRise-c1r1buo0 .3s cubic-bezier(0,.33,.41,1.01) both;animation-delay:var(--delay)}@keyframes contentRise-c1r1buo0{0%{opacity:0;transform:translateY(8px)}}.mrpt25n.c1r1buo0{display:none}@media (max-width:750px){.mrpt25n.c1r1buo0{display:revert}.d1aj769.c1r1buo0{display:none}}.d18mkrov{border-left:1px solid var(--color-gray-100);animation:fadeIn .5s cubic-bezier(.54,.18,.02,1)}@media (max-width:750px){.d18mkrov{display:none}}.g1nrkimi{display:grid;width:100%;height:100%;border-radius:4px;padding:2px;outline:1px solid var(--color-gray-300)}.bu47715{--block-padding-override:8px;--inline-padding-override:8px;flex:1 1;position:relative;align-self:center;background:#151f28;padding:16px;border-radius:8px;overflow:auto;max-width:100%}.ljraie7{--border-width:2px;--start-radius:5px;position:relative;margin-top:-2rem;border-left:var(--border-width) dashed var(--color-gray-500);border-right:var(--border-width) dashed var(--color-gray-500);padding:0 10px;line-height:calc(2rem - 3px);text-align:center;background:rgba(13,15,18,.6);font-weight:var(--font-weight-bold);transform-style:preserve-3d}.ljraie7:after{content:"";position:absolute;top:calc(var(--start-radius) * -1);left:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);width:calc(100% + var(--border-width) * 2);height:var(--start-radius);border:var(--border-width) dashed var(--color-gray-500);border-bottom:unset;border-radius:var(--start-radius) var(--start-radius) 0 0}.l12tgnsh{--border-width:2px;--start-radius:5px;position:relative;display:flex;flex-direction:column;justify-content:center;margin-left:-2.5rem;border-top:var(--border-width) dashed var(--color-gray-500);border-bottom:var(--border-width) dashed var(--color-gray-500);padding:0 10px;background:rgba(13,15,18,.6);font-weight:var(--font-weight-bold);transform-style:preserve-3d}.l12tgnsh:after{content:"";position:absolute;top:calc(var(--border-width) * -1);left:calc(var(--start-radius) * -1);bottom:calc(var(--border-width) * -1);width:var(--start-radius);height:calc(100% + var(--border-width) * 2);border:var(--border-width) dashed var(--color-gray-500);border-right:unset;border-radius:var(--start-radius) 0 0 var(--start-radius)}.o17lus0i{display:grid;grid-template-areas:"header" "main-content";margin-left:-32px;margin-right:-32px;margin-bottom:64px;padding:32px;border-radius:0;background:var(--syntax-bg);outline:1px solid var(--color-content-outline)}@media (min-width:48.015625rem){.o17lus0i{border-radius:6px}}.hqd1ik0{display:flex;gap:8px;margin-bottom:32px}.b1qnbhvb{height:48px;border:1px solid var(--color-gray-300);border-radius:4px;opacity:.7}.b1qnbhvb:hover{opacity:1;border:1px solid var(--color-gray-500)}.scx171y.b1qnbhvb{display:grid;place-content:center;width:48px;min-height:48px}.scx171y.b1qnbhvb:focus{outline-offset:4px}.l1yemk7c.b1qnbhvb{display:flex;align-items:center;gap:8px;margin-left:auto;padding:0 12px}.l1yemk7c.b1qnbhvb:focus{outline-offset:4px}.rbgsiuj{grid-area:main-content;display:flex;justify-content:center;align-items:flex-start;gap:16px;transition:opacity .4s}@media (max-width:750px){.rbgsiuj{flex-direction:column-reverse;align-items:center;justify-content:flex-start}}.dk3un81{position:relative;width:320px;aspect-ratio:1/1;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:750px){.dk3un81{width:100%;max-width:400px}}.g6jq72a{display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr)}.ch7ifsm{pointer-events:none}.ch7ifsm,.i1cjixrm{position:absolute;inset:0;width:100%;height:100%}.i1cjixrm{border:1px solid var(--color-gray-300);border-radius:4px}.i30rx4p{position:absolute;inset:0;overflow:hidden}.i1jpd98j.g6jq72a{width:calc(100% + 2px);height:calc(100% + 2px);touch-action:none}.g1x6i8n8{position:relative;border-right:2px dashed var(--color-gray-500);border-bottom:2px dashed var(--color-gray-500);overflow:hidden}.g1x6i8n8:focus{outline-offset:0}.g1x6i8n8:after{content:"";position:absolute;inset:2px;background:radial-gradient(circle at 50% 50%,#fff 0,hsla(0,0%,100%,.987) 4.1%,hsla(0,0%,100%,.896) 11.25%,hsla(0,0%,100%,.741) 17.5%,hsla(0,0%,100%,.55) 23.5%,hsla(0,0%,100%,.352) 29.4%,hsla(0,0%,100%,.175) 35.5%,hsla(0,0%,100%,.049) 42.25%,hsla(0,0%,100%,0) 50%);opacity:0;transition:all .5s}@media (pointer:fine){.g1x6i8n8:hover:after{opacity:.6;transform:scale(1.5);transition:all .2s}}.g1x6i8n8:focus-visible:after{opacity:.6;transform:scale(1.5);transition:all .2s}.c3mbpr.g6jq72a{width:100%;height:100%}.cxqv44g{min-height:190px;width:310px;align-self:flex-start}@media (max-width:750px){.cxqv44g{flex:unset;align-self:center;width:100%;max-width:400px}}
/*# sourceMappingURL=ea0e25bb89fdc9cb.css.map*/