.svg-solid-yellow{fill:#dfdf1a;color:#dfdf1a}.svg-outline-yellow{color:#dfdf1a}.star-grey{color:#f7f7b9}.cursor-pointer{cursor:pointer}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.flex{display:flex}.block{display:block}.flex-wrap{flex-wrap:wrap}.overflow-hidden{overflow:hidden}.align-self-cen{align-self:center}.justify-self-cen{justify-self:center}.algin-left,.align-left{align-items:flex-end}.btn-fill-white{background-color:#e8e8e8;color:#000}.outline-white{border:1px solid white;color:#f0f8ff}.red{background-color:red!important}.svg-white-fill{color:var(--svg-primary-bg);fill:var(--svg-primary-bg)}.display-none{display:none}.margin-auto{margin:auto}.margin-left-auto{margin-left:auto}.fd-row{flex-direction:row}.fd-column{flex-direction:column}.space-between{justify-content:space-between}.align-items-cen{align-items:center}.justify-content-cen{justify-content:center}.justify-content-end{justify-content:end}.align-self-end{align-self:flex-end}.width100per{width:100%}.width-max-con{max-width:max-content}.no-text-select{-webkit-user-select:none;user-select:none}.disabled-btn{border-color:gray;color:gray}.disabled-btn:hover{border-color:gray;color:gray;background-color:transparent;cursor:default}span.code{font-style:italic;background-color:#333;padding:2px 5px;line-height:1.5;border-radius:3px;white-space:normal;word-break:break-word;line-height:1.8}span.code.green{color:#71f171}span.code.yellow{color:#dfdf1a}span.code.yellow-shade{color:#fbe1ac}span.code.green-shade{color:#71f171}.opacity-0{opacity:0}.screen-height200px{height:300px}.new-line-active{white-space:pre-line}.text-align-center{text-align:center}.gap-10{gap:10px}.link-design{color:var(--link-color)}.link-design:hover{text-decoration:underline;cursor:pointer}*{padding:0;margin:0;border:0;box-sizing:border-box}button{background:transparent}svg{color:#fff}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}body>#root{--font-style: sans-serif;--custom-font-style: "Sometype Mono", monospace;--theme-color: yellow;--bod-color: rgb(255, 255, 255);--svg-primary-bg: aliceblue;--accent-color: rgb(207, 207, 249);--modal-bg: #000000de;--primary-btn-bg: #17a1cf;--header-height: 70px;--overview-width: 320px;--body-bg: #1a1a19;--link-color: #64e964;background-color:var(--body-bg);display:flex;flex-direction:column;color:var(--bod-color);font-family:var(--custom-font-style);min-height:100vh;height:100%;width:100%;padding-bottom:5px;font-size:15px}#root>main{flex:1}.page{padding-block:20px;margin:auto}.next-page-btns-box{padding:0 20px;margin-top:20px;width:100%;align-self:center}.next-page-btns-box .next-page-btn{margin:0}.next-page-btn{padding:10px;height:80px;display:flex;align-items:center;justify-content:center;gap:15px;border-radius:10px;margin-left:auto;margin-top:10px}.next-page-btn p{font-size:16px}.next-page-btn p.page-name{margin-top:5px}.next-page-btn:hover{background:#ffffff0f;text-decoration:none}.next-page-btn:focus{background:#ffffff0f;text-decoration:none}.next-page-btn:hover .page-name{text-decoration:underline;color:var(--link-color)}.next-page-btn:focus .page-name{text-decoration:underline;color:var(--link-color)}.modal{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#000000c8;z-index:1}.spinner{position:relative;left:50%;top:50%;transform:translate(-50%,-50%);border:8px solid #f3f3f3;border-top:8px solid var(--primary-btn-bg);border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media screen and (max-width:1000px){.page{width:100%}}@media screen and (max-width:500px){.main-page>section p,.main-page li{width:100%;font-size:14px}.next-page-btns-box{overflow:hidden;padding:0;gap:5px}.next-page-btn{padding:8px;gap:5px}.next-page-btn p{font-size:13px}}.code-block{margin-top:20px;height:max-content;border-radius:10px;overflow:hidden;border:1px solid #e2e2e234;position:relative}.code-block>button{--size: 35px;width:var(--size);height:var(--size);padding:6px;background:#000;border-radius:10px;opacity:0;align-items:center;justify-content:center;position:absolute;top:8px;right:10px;background-color:#a5a5a580;display:flex}.code-block button:hover{cursor:pointer}.code-block button:focus{opacity:1}.code-block:hover>button{opacity:1}.code-block:focus>button{opacity:1}.code-block .header{background:#e2e2e21a;padding:15px;display:block;font-size:15px;border-bottom:1px solid #e2e2e21a}.code-block .content{flex-direction:column}.code-block .content img{max-width:450px;width:100%;margin:0 auto}@media screen and (max-width:500px){.code-block .header{font-size:13px}}.main-page{padding:20px}.main-page li{line-height:25px}.main-page h2{margin-top:20px;font-size:26px}.main-page .sub-header{margin-block:15px}.main-page .inner-section-1{margin-left:10px}.main-page .inner-section-2{margin-left:20px}.main-page section#features .inner-section-1{margin-left:25px}.main-page section#introduction p{color:#eaeaea}.main-page p,.main-page li{color:#dedede}.main-page hr,.main-page>section p:not(.auto-width){width:95%}.main-page .paragraph{margin-top:15px}.main-page .paragraph-05{margin-top:7.5px}.main-page hr{border:None;border-top:1px solid white;margin-block:20px}@media screen and (max-width:500px){.main-page section#features p{font-size:13px}.main-page h2.long-title{font-size:20px}}header{background-color:#171716;position:sticky;top:0;padding:0 30px;height:var(--header-height);box-shadow:1px 1px 0 1px #4b4a4a18;gap:20px;z-index:2}header .brand{--size: 40px;width:var(--size);height:var(--size)}header .css-dropdown{gap:5px;position:relative;justify-content:center;align-items:center;height:50px}header .css-dropdown .active .up-svg{display:none}header .css-dropdown .active{gap:5px}header .css-dropdown .opts{position:absolute;border:1px solid grey;top:40px;background:#262626;height:auto;width:100px;display:none}header .css-dropdown:hover .opts{display:block}header .css-dropdown:hover .active .up-svg{display:block}header .css-dropdown:hover .active .down-svg{display:none}header .css-dropdown .opts button{padding:10px;display:block;width:100%;color:#fff;font-size:unset}header .css-dropdown .opts button:hover{background:#555454;cursor:pointer}header .version-no{font-size:18px}header .page-title{font-size:19px;font-weight:600;margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header .icon-nav{gap:15px}header .icon-nav .btn-link{border-radius:5px;padding:5px 6px;display:flex;align-items:center;justify-content:center}header .icon-nav .btn-link:hover{background:#323232;cursor:pointer}header .icon-nav svg{--size: 25px;width:var(--size);height:var(--size)}.page-toggler{margin:0 auto!important}@media screen and (max-width:500px){header{gap:10px}header .page-title{font-size:14px;margin-left:0}header .version-no{font-size:15px}header .icon-nav .btn-link{border-radius:5px}header .icon-nav svg{--size: 20px;width:var(--size);height:var(--size)}header .brand{--size: 25px;width:var(--size);min-width:var(--size);height:var(--size)}}#site-overview{z-index:1;min-width:var(--overview-width);width:var(--overview-width);position:sticky;top:calc(var(--header-height));height:calc(100vh - calc(var(--header-height) + 2px));overflow-y:auto;padding-block:10px 20px;background-color:#171716}#site-overview .dropdown .header{padding:0 15px;height:55px}#site-overview .dropdown .header button{--size: 35px;border-radius:60%;width:var(--size);height:var(--size);padding-top:3px}#site-overview .dropdown .header button:hover{background-color:#2b2b2b}#site-overview .dropdown .content{gap:10px;list-style:none;padding:0 30px;overflow:hidden}#site-overview .dropdown .content a{color:#bdbcbc;display:block}#site-overview .dropdown .content a.active{color:var(--link-color)}#site-overview .dropdown .content li:has(a.active){background:#2b2a2a}#site-overview .dropdown .content li{border-radius:5px;height:30px;padding-left:5px;display:flex;align-items:center}@media screen and (max-width:1000px){div#site-overview{position:fixed;width:0;min-width:0}}@media screen and (max-width:500px){#site-overview p,#site-overview li{font-size:14px}}.components-page #images ul{margin-left:20px;margin-top:10px}.components-page li{margin-block:7px}@media screen and (max-width:500px){.components-page .app-icon-h3{font-size:15px}}.adv-methods-page{padding:20px}.adv-methods-page .progressbar-warning{max-width:max-content;font-size:15px}@media screen and (max-width:500px){.adv-methods-page .progressbar-warning{font-size:14px}}ref-code .p-6{padding:1.5rem}.p-4{padding:1rem}.space-y-8>*+*{margin-top:2rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-1>*+*{margin-top:.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-left{text-align:left}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.text-blue-600{color:#2563eb}.text-gray-700{color:#374151}.bg-gray-50{background-color:#f9fafb;background-color:#232323}.border-l-4{border-left-width:4px}.border-blue-600{border-color:#2563eb}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.transition{transition:box-shadow .2s ease,transform .2s ease}.hover\:underline:hover{text-decoration:underline}code{background-color:#1b1f230d;padding:.2em .4em;border-radius:3px;font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em}dt{margin-block:5px;font-weight:500;color:#8ddede;width:max-content;padding:0 5px;border-radius:3px;background-color:#393939}dd{margin-block:10px;margin-left:1rem;word-break:break-word;overflow-wrap:break-word}.ref-code{background-color:#333;white-space:pre-line;padding:10px;font-size:1.125rem;line-height:1.75rem;font-weight:600;margin-bottom:.25rem}.styles-container{gap:20px}.styles-container>div{min-height:100px;min-width:300px;padding:10px}.reference-page p{width:100%!important}.reference-page .handler-method{font-size:16px;font-weight:600;line-height:1.75rem;margin-bottom:.25rem;word-break:break-word;overflow-wrap:break-word}.reference-page .style-attr{font-weight:600;margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem}@media screen and (max-width:500px){.reference-page .handler-method{font-size:13px}.ref-code.init{font-size:12px;padding:10px}dt{font-size:14px}dd{font-size:13px}}.versions-page .rules p{margin-block:5px;padding:5px 8px;border-radius:5px}.versions-page .ver-badge{border-style:solid;border-width:1px;--size: 28px;width:var(--size);height:var(--size);min-width:var(--size);min-height:var(--size);border-radius:60%;margin-right:10px}.versions-page .good{color:#71f171;border-color:#71f171}.dropdown .content li.good::marker{color:#71f171}.versions-page .warning{color:#dfdf1a;border-color:#dfdf1a}.dropdown .content li.warning::marker{color:#dfdf1a}.versions-page .bad{color:#fe5b5b;border-color:#fe5b5b}.versions-page .dropdown .content li.bad::marker{color:#fe5b5b}.versions-page .dropdown{background:#2b2b2b;margin-top:5px;padding:0 20px;padding-block:10px}.versions-page .dropdown .header{gap:15px;justify-content:end}.versions-page .dropdown .header p{width:auto}.versions-page .dropdown .header button{--size: 35px;border-radius:60%;width:var(--size);height:var(--size);min-width:var(--size);min-height:var(--size);padding-top:3px}.versions-page .dropdown .header button:hover{background-color:#2b2b2b}.versions-page .dropdown .header .switch-to-docs-btn{width:max-content;height:auto;border:1px solid grey;color:#f5f5f5;padding:5px 10px;margin:0 10px;border-radius:5px;font-size:inherit}.versions-page .dropdown .header button:hover{background-color:#575858}.versions-page .dropdown .header .switch-to-docs-btn:hover{cursor:pointer}.versions-page .dropdown .content{gap:10px;padding:10px 15px 0;overflow:hidden}.versions-page .dropdown .content li{border-radius:5px;padding-left:5px;word-break:break-word;overflow-wrap:break-word;align-items:center}@media screen and (max-width:500px){.versions-page .dropdown,.versions-page .dropdown .content li p{font-size:12px}}.home-page .huge{font-size:5rem;font-weight:700;text-align:center;margin:10px}footer{padding:2rem 15px;background-color:#171716;font-size:13px;color:#fff;width:100%;gap:50px;flex-wrap:wrap}footer .support-links-box{align-self:center;gap:5px;background-color:#b5d4b019;padding:10px;border-radius:5px;border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:#464747;width:max-content;max-width:100%}