:root{--base_color: #02488a;--base_dark_color: #01294f;--base_light_color: #0a74db}*{margin:0;padding:0;box-sizing:border-box;font-family:Fira Code,monospace}.hidden{display:none}section.content{padding-block:1rem}section.content *{margin:revert;padding:revert}section.content .example{max-width:350px;margin-block:2rem;margin-inline:auto;aspect-ratio:1/1;overflow:auto;display:flex;justify-content:center;align-items:center;border:1px solid #000}header[data-astro-cid-xbstl6g3]{--menu_size: 40px;--header-height: 100px;--header-height-pc: auto}header ul{list-style:none}header a{text-decoration:none;color:#000}.headerContainer[data-astro-cid-xbstl6g3]{display:flex;align-items:center;width:100%;height:var(--header-height);background-color:var(--base_color);color:#fff;padding:.5rem 1rem}.headerContainer[data-astro-cid-xbstl6g3] .logo[data-astro-cid-xbstl6g3]{flex:1}.headerContainer[data-astro-cid-xbstl6g3] .logo[data-astro-cid-xbstl6g3] [data-astro-cid-xbstl6g3]{width:fit-content}.headerContainer[data-astro-cid-xbstl6g3] .logo[data-astro-cid-xbstl6g3] a[data-astro-cid-xbstl6g3]{text-decoration:none;color:#fff;display:flex;align-items:center;gap:10px}.menuIcon[data-astro-cid-xbstl6g3]{color:#fff;width:var(--menu_size);height:var(--menu_size)}.astronav-items[data-astro-cid-xbstl6g3]{height:calc(100vh - var(--header-height));background-color:#ffffff85;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);overflow-x:hidden;position:absolute;right:0;z-index:1;transition:.5s;transition-timing-function:ease-out}.astronav-items[data-astro-cid-xbstl6g3].hidden{display:block;width:0}.astronav-items[data-astro-cid-xbstl6g3]:not(.hidden){width:100%}.astronav-items[data-astro-cid-xbstl6g3] .menuItems[data-astro-cid-xbstl6g3]{background-color:#fff;transition:1.5s;float:right;height:100%;user-select:none;border-top:1px solid #fff;border-left:.5px solid #eeeeee}.astronav-items[data-astro-cid-xbstl6g3].hidden .menuItems[data-astro-cid-xbstl6g3]{width:0;overflow-x:hidden}.astronav-items[data-astro-cid-xbstl6g3]:not(.hidden) .menuItems[data-astro-cid-xbstl6g3]{width:80%}.astronav-items[data-astro-cid-xbstl6g3] .menuItems[data-astro-cid-xbstl6g3] .MItem[data-astro-cid-xbstl6g3]{display:block;text-align:center;padding:2rem;cursor:pointer;background-color:transparent;border:none;width:100%}.astronav-items[data-astro-cid-xbstl6g3] .menuItems[data-astro-cid-xbstl6g3] .MItem[data-astro-cid-xbstl6g3]:hover,.astronav-items[data-astro-cid-xbstl6g3] .menuItems[data-astro-cid-xbstl6g3] .MItem[data-astro-cid-xbstl6g3].selected{background-color:var(--base_color);color:#fff}#astronav-menu{background-color:transparent;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.astronav-items[data-astro-cid-xbstl6g3] .menuItems[data-astro-cid-xbstl6g3] button[data-astro-cid-xbstl6g3].MItem{display:flex;align-items:center;justify-content:center}.astronav-items[data-astro-cid-xbstl6g3] .menuItems[data-astro-cid-xbstl6g3] .tagList[data-astro-cid-xbstl6g3].open button[data-astro-cid-xbstl6g3]{background-color:var(--base_color);color:#fff}.astronav-items .menuItems .tagList .dropdown-arrow{transition:.5s}.astronav-items .menuItems .tagList.open .dropdown-arrow{transform:rotate(180deg)}.astronav-items .menuItems .astronav-dropdown.dropdown-toggle{--dropdown-border-color: #bbbbbb;--dropdown-border-size: 2px;border-top:var(--dropdown-border-size) solid var(--dropdown-border-color);border-bottom:var(--dropdown-border-size) solid var(--dropdown-border-color)}@media screen and (min-width: 1000px){.headerContainer[data-astro-cid-xbstl6g3]{height:var(--header-height-pc)}.headerContainer[data-astro-cid-xbstl6g3] .logo[data-astro-cid-xbstl6g3]{display:flex;justify-content:center}#astronav-menu{display:none}.astronav-items[data-astro-cid-xbstl6g3]:not(.hidden),.astronav-items[data-astro-cid-xbstl6g3].hidden{width:100%;height:fit-content;position:relative;background-color:transparent;overflow-x:unset;transition:none}.astronav-items[data-astro-cid-xbstl6g3] .menuItems[data-astro-cid-xbstl6g3],.astronav-items[data-astro-cid-xbstl6g3].hidden .menuItems[data-astro-cid-xbstl6g3]{width:1000px;margin-inline:auto;float:initial;background-color:transparent;transition:none;display:flex;flex-direction:row;justify-content:flex-end;gap:5px}.astronav-items[data-astro-cid-xbstl6g3] .menuItems[data-astro-cid-xbstl6g3]>[data-astro-cid-xbstl6g3]:first-child>.MItem[data-astro-cid-xbstl6g3]{border-bottom-left-radius:10px}.astronav-items[data-astro-cid-xbstl6g3] .menuItems[data-astro-cid-xbstl6g3]>[data-astro-cid-xbstl6g3]:last-child button[data-astro-cid-xbstl6g3].MItem{border-bottom-right-radius:10px}.astronav-items[data-astro-cid-xbstl6g3] .menuItems[data-astro-cid-xbstl6g3] .MItem[data-astro-cid-xbstl6g3]{background-color:#fff;padding:.7rem 2rem}.tagList[data-astro-cid-xbstl6g3] .astronav-dropdown[data-astro-cid-xbstl6g3].dropdown-toggle{border:none;position:absolute;z-index:5}}html,body{margin:0;width:100%;height:100%}body{display:flex;flex-direction:column;background-color:#eee;min-width:400px}body:not(:has(header>.astronav-items.hidden)){overflow:hidden}main[data-astro-cid-sckkx6r4]{flex:1;padding:0 1rem}main>*{max-width:1000px;margin:auto}footer[data-astro-cid-sckkx6r4]{padding-block:5rem}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.title[data-astro-cid-jgrc2lfe]{display:block;margin-bottom:-.5rem}hr[data-astro-cid-wlunv6bf]{margin-block:2rem}.wrapper[data-astro-cid-zdezt4hr]{display:flex;gap:5px}.card[data-astro-cid-zdezt4hr]{width:70px;height:100px;background-color:red;border-radius:3px}.wrapper[data-astro-cid-zdezt4hr]:hover>:not(:hover)[data-astro-cid-zdezt4hr]{filter:blur(5px);opacity:.5}.example[data-astro-cid-faddyfhh]{background:linear-gradient(45deg,#fd6225,#f5d549);padding:20px}.glass[data-astro-cid-faddyfhh]{padding:2rem 3rem;background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.example[data-astro-cid-gqtq24o4]{background:linear-gradient(90deg,#2a7b9b,#57c785,#eddd53)}.glass[data-astro-cid-gqtq24o4]{padding:2rem 3rem;background:#fff3;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}section[data-astro-cid-bylqm2bu]{--width: 50%;--max-width: 350px}section[data-astro-cid-bylqm2bu].content .example[data-astro-cid-bylqm2bu]{color:#fff;display:block;aspect-ratio:unset;min-width:250px}.example[data-astro-cid-bylqm2bu]>[data-astro-cid-bylqm2bu]{overflow:auto;margin-block:1rem;padding:2px 10px}.example1[data-astro-cid-bylqm2bu]{width:var(--width);max-width:var(--max-width);background-color:#d42828}.example2[data-astro-cid-bylqm2bu]{width:min(var(--width),var(--max-width));background-color:#4141d3}@media screen and (min-width: 1000px){section[data-astro-cid-bylqm2bu].content .example[data-astro-cid-bylqm2bu]{width:350px;max-width:1000px;resize:horizontal}}.wrapper[data-astro-cid-dita7xav]{width:100%;height:100%;overflow:hidden}.wrapper[data-astro-cid-dita7xav] img[data-astro-cid-dita7xav]{width:100%;height:100%;object-fit:cover;transition:scale .3s}.wrapper[data-astro-cid-dita7xav] img[data-astro-cid-dita7xav]:hover{scale:1.2}.content[data-astro-cid-z5vdyecw]>button[data-astro-cid-z5vdyecw]{padding:1rem 2rem}#modal[data-astro-cid-z5vdyecw]{border:none;padding:1rem;box-shadow:5px 5px 10px gray}.example[data-astro-cid-3xkhp2qj]{flex-direction:column;gap:1rem}