@import "https://fonts.googleapis.com/css2?family=Gluten:wght@600&family=Quicksand:wght@300..700&display=swap";.copy-btn{position:absolute;bottom:8px;right:8px}@media (prefers-color-scheme:dark){.shiki,.shiki span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;-webkit-text-decoration:var(--shiki-dark-text-decoration)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}:root{interpolate-size:allow-keywords;--bulma-body-family:"Quicksand", sans-serif}html{scroll-behavior:smooth}.hero:first-of-type:before{content:"";z-index:-2;background:tan;position:absolute;inset:0}.card{height:100%;color:light-dark(#222,#eee);background:light-dark(#f3f4f6,#1f2229);flex:1;height:stretch}figure{&.image{color:#fff;border-radius:.5rem}}@keyframes hueCycle{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}p{line-height:1.4}.title{text-wrap-style:balance}.title.is-1{font-size:5.7rem;& figure{font-optical-sizing:auto;font-variation-settings:"slnt" 0;font-family:Gluten;font-style:normal;font-weight:600}}kbd{color:#343a40;font-size:87.5%;font-size:inherit;line-height:inherit;backface-visibility:hidden;text-align:left;transform-style:preserve-3d;zoom:.8;background-color:#fff;border:1px solid #e6e6e6;border-radius:.25rem;margin:.25rem .25rem .4375rem;padding:.1rem .4rem;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:400;transition:all .25s cubic-bezier(.2,1,.2,1);display:inline-block;transform:translateZ(5px);box-shadow:0 0 #d9d9d9,0 0 #d9d9d9,0 1px #d9d9d9,0 2px #d9d9d9,0 3px #d9d9d9,0 4px #d9d9d9,0 5px #d9d9d9,2px 2.5px 4px #adb5bd,0 -1px 2.5px #adb5bd}.psoda-can{aspect-ratio:3/4;z-index:0;width:clamp(20vw,460px,60vw);margin:auto;display:grid;position:relative;scale:.6;&>*{grid-area:1/1;position:relative}&>img{position:fixed}& .psoda-can-tooltip-r{z-index:4;top:-100px;left:320px}& .psoda-can-tooltip-m{z-index:0;top:-180px;left:100px}& .psoda-can-tooltip-l{z-index:4;top:-103px;left:-60px}& .psoda-can-modal{z-index:2;width:max(26vw,280px);bottom:-161px;right:-180px}& .psoda-can-can{z-index:1;animation:6s ease-out infinite alternate float}& .psoda-can-alert{z-index:-1;top:220px;left:-150px}}@media screen and (width<=430px){.title.is-1{font-size:6rem}.psoda-can{& .psoda-can-tooltip-l{left:-151px}& .psoda-can-tooltip-m{left:0}& .psoda-can-can{top:30px;scale:1.3}& .psoda-can-modal{bottom:-110px;right:-150px}& .psoda-can-tooltip-r{left:190px}}}@keyframes float{0%{transform:translateY(-10px)}50%{transform:translateY(10px)}to{transform:translateY(-10px)}}.example-block{--bulma-pre-background:inherit;border:3px solid light-dark(#f4f4f6,#1e2229);border-top-left-radius:12px;border-top-right-radius:12px;flex-direction:column;align-items:center;display:flex;& .header{align-items:center;min-height:60px;padding:.5rem;display:flex}& .content{width:100%;width:stretch;& .code{border-radius:0!important}}}.code{& .code_header{flex:0 30px}& .code_area{flex:1}}.version{position:absolute;transform:translate(-16px,18px)}@media screen and (width<=600px){.version{transform:translate(-55px,15px)}}.anchor-link{opacity:0;transition:display .3s ease-in-out allow-discrete, opacity .18s ease-in-out, transform .3s cubic-bezier(.18,.89,.32,1.27) allow-discrete;position:absolute;transform:rotate(180deg)}:is(h1,h2,h3,h4,h5,h6):has(.anchor-link){padding-left:20px;transform:translate(-20px);&:hover{& .anchor-link{opacity:1;transform:translate(-20px)rotate(0)}}}[popover].fizz{all:revert;--tether-offset:0px;--tether-size:8px;isolation:isolate;container-type:anchored;position-try-order:most-height, most-width;position-visibility:no-overflow;box-sizing:border-box;margin:0 0 var(--tether-size) 0;clip-path:inset(var(--tether-offset)) margin-box;backface-visibility:hidden;background:var(--psoda-background,black);min-width:8ch;max-width:30ch;color:var(--psoda-color,white);border:var(--psoda-border);padding:.7rem;padding-bottom:calc(initial + .1px);box-shadow:none;border-radius:6px;outline:2px solid #0000;align-content:center;font-size:1rem;overflow:visible;&:before,&:after{content:"";z-index:-1;background:inherit;position:absolute}&:before{width:calc(var(--tether-size) * 2);height:calc(100% + var(--tether-size) * 2);left:50%;top:calc(var(--tether-size) * -1);clip-path:polygon(0 var(--tether-size), 50% 0, 100% var(--tether-size), 100% calc(100% - var(--tether-size)), 50% 100%, 0 calc(100% - var(--tether-size)));transform:translate(-50%)}&:after{height:calc(var(--tether-size) * 2);width:calc(100% + var(--tether-size) * 2);top:50%;left:calc(var(--tether-size) * -1);clip-path:polygon(var(--tether-size) 0, calc(100% - var(--tether-size)) 0, 100% 50%, calc(100% - var(--tether-size)) 100%, var(--tether-size) 100%, 0 50%);transform:translateY(-50%)}&[data-position=top]{&:after{display:none}&:before{height:calc(100% + var(--tether-size) * 1);top:calc(var(--tether-size) * 0);background:linear-gradient(to top, var(--psoda-border-color) var(--tether-size), transparent var(--tether-size))}position-try-fallbacks:flip-block;@container anchored(fallback: flip-block){position-area:bottom;&:before{top:calc(var(--tether-size) * -1);background:linear-gradient(to bottom, var(--psoda-border-color) var(--tether-size), transparent var(--tether-size))}}}&[data-position=bottom]{position-try-fallbacks:flip-block;margin:var(--tether-size) 0 0 0;&:after{display:none}&:before{height:calc(100% + var(--tether-size) * 0);top:calc(var(--tether-size) * -1);background:linear-gradient(to bottom, var(--psoda-border-color) var(--tether-size), transparent var(--tether-size))}@container anchored(fallback: flip-block){position-area:top;&:before{top:calc(var(--tether-size) * 1);background:linear-gradient(to top, var(--psoda-border-color) var(--tether-size), transparent var(--tether-size))}}}&[data-position=left]{position-try-fallbacks:flip-inline;margin:0 var(--tether-size) 0 0;&:before{display:none}&:after{width:calc(100% + var(--tether-size) * 1);left:calc(var(--tether-size) * 0);background:linear-gradient(to left, var(--psoda-border-color) var(--tether-size), transparent var(--tether-size))}@container anchored(fallback: flip-inline){position-area:right;margin:0 0 0 var(--tether-size);&:after{left:calc(var(--tether-size) * -1);background:linear-gradient(to right, var(--psoda-border-color) var(--tether-size), transparent var(--tether-size))}}}&[data-position=right]{position-try-fallbacks:flip-inline;margin:0 0 0 var(--tether-size);&:before{display:none}&:after{width:calc(100% + var(--tether-size) * 1);left:calc(var(--tether-size) * -1);background:linear-gradient(to right, var(--psoda-border-color) var(--tether-size), transparent var(--tether-size))}@container anchored(fallback: flip-inline){position-area:left;&:after{left:calc(var(--tether-size) * 0);background:linear-gradient(to left, var(--psoda-border-color) var(--tether-size), transparent var(--tether-size))}}}}@starting-style{.fizz{&:popover-open{opacity:0;scale:0}}}.pop{box-sizing:border-box;border:var(--psoda-border);background:var(--psoda-background);color:var(--psoda-color);filter:drop-shadow(0 0 2px light-dark(#0006,#78787866));opacity:0;inline-size:88vw;min-width:unset;max-width:var(--psoda-pop-max-width,400px);overscroll-behavior:contain;transition-behavior:allow-discrete;min-height:180px;max-height:max-content;transition:opacity .25s, scale .25s cubic-bezier(.11, 1.06, .72, 1.41), overlay .25s allow-discrete, display .4s allow-discrete;border-radius:8px;justify-content:center;align-items:center;padding:.5rem .7rem;font-size:1.2rem;display:flex;scale:0;&[open]{opacity:1;scale:1}& .close{all:revert;cursor:pointer;border-top-right-radius:var(--psoda-border-radius,9px);background:0 0;border:0;font-size:1.5rem;position:absolute;top:0;right:0}&::backdrop{overscroll-behavior:contain;background:#00000080;overflow:hidden}}.pop.snackbar{max-width:var(--psoda-snackbar-max-width,60vw);overscroll-behavior:none;opacity:1;min-height:80px;position:fixed;top:auto;bottom:0;transform:translateY(100%)scale(1);& .dialog-inner{flex-direction:row;& footer{align-self:center}}&::backdrop{display:none}transition:transform .45s cubic-bezier(.175,.885,.32,1.275);&[open]{transform:translateY(-10px)}}@starting-style{.pop:not(.snackbar){transition-behavior:allow-discrete}.pop:not(.snackbar)[open]{opacity:0;scale:0}.pop.snackbar{transition-behavior:allow-discrete;transform:translateY(0)}.pop.snackbar[open]{opacity:1;transform:translateY(100%)scale(1)}}.dialog-inner{height:100%;width:100%;height:stretch;flex-direction:column;width:stretch;display:flex;& .dialog-content{height:-webkit-fill-available;flex:1 0;align-content:center;align-self:center;height:stretch}& footer,& header{flex-direction:row;justify-content:space-between;display:flex}}:root{color-scheme:light dark;--psoda-text-emphasis-color:light-dark(var(--psoda-underline-color-light,#ff5303),var(--psoda-underline-color-dark,#f0400a));--psoda-text-emphasis:var(--psoda-text-emphasis-character,dot) var(--psoda-text-emphasis-color,orangered);--psoda-border-color-light:#222;--psoda-border-color-dark:#bbb;--psoda-border-color:light-dark(var(--psoda-border-color-light),var(--psoda-border-color-dark));--psoda-border-size:1px;--psoda-border-style:solid;--psoda-border:var(--psoda-border-size) var(--psoda-border-style) var(--psoda-border-color);--psoda-border-radius:9px;--psoda-background:light-dark(#f6f6f6,#181818);--psoda-text-color-light:#131313;--psoda-text-color-dark:#d5d5d5;--psoda-color:light-dark(var(--psoda-text-color-light),var(--psoda-text-color-dark));--psoda-fizz-anchor-font-family:sans-serif}.psoda{font-family:inherit;display:inline;&.anchor{text-emphasis:var(--psoda-text-emphasis);font-family:var(--psoda-fizz-font-family);transition:all .25s ease-in-out allow-discrete;&:hover,&:focus,&:focus-within{text-emphasis-color:#0000}}}