@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.component-warper{height:100%;border:1px solid lightgray;display:grid;gap:5px;grid-template-rows:max-content 1fr;justify-items:center;border-radius:5px;background-color:#cbdce169}.component-warper>h3,.component-doc>h3{border-bottom:3px solid white;width:100%;padding:5px;display:flex;align-items:center;justify-content:center;color:#6a7e90;cursor:pointer;transition:all .3s;text-decoration:underline}.component-warper>h3:hover{background-color:#cbdce1}.component-warper>div{height:100%;width:100%;padding:5px}.component-doc{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:max-content;background-color:#fff;width:80vw;height:90vh;padding:10px;border-radius:10px;overflow:auto}.component-doc>h3{grid-column:1 / span 2;justify-content:space-between;border-bottom:1px solid lightgray;cursor:auto;text-decoration:none}.component-doc>div:nth-child(2){border-right:1px solid lightgray}.doc-tab{background-color:#b5d3dd33;overflow:auto}.doc-overview{padding:10px;display:grid;gap:10px}.doc-overview>p{font-size:.9rem}.doc-overview>pre>div:nth-child(1){display:flex;justify-content:space-between;background-color:#cbdce1;padding:5px;color:#6a7e90;font-weight:700}.doc-overview>pre>div:nth-child(2){border:3px solid #cbdce1;padding:5px;background-color:#fff}@media (max-width: 767px){.component-doc{grid-template-columns:1fr;grid-template-rows:max-content max-content 80vh}.component-doc>h3{grid-column:1}.component-doc>div:nth-child(2){border-right:none;border-bottom:1px solid lightgray;height:max-content;padding:10px 5px}}.toggle{display:flex;align-items:center;gap:4px;width:max-content;padding:2px}.toggle-area{display:flex;justify-content:flex-end;width:calc(var(--ballSize) * 2 + 8px);background-color:#d3d3d3;border-radius:100000px;padding:4px;transition:all;cursor:pointer}.toggle-ball-container{transition:width}.toggle-ball{width:var(--ballSize);aspect-ratio:1/1;border-radius:50%;background-color:gray}.hover-card{border:.5px solid lightgray;border-radius:10px;transition:all .3s;transition-duration:transform .3s;box-shadow:0 0 10px #d3d3d3;perspective:1500px}.type-writer{overflow:hidden;margin:0 auto;letter-spacing:.15em;position:relative}.type-writer:after{content:"";border-right:1px solid black;height:100%;animation:blink-caret 1s step-end infinite}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#000}}.animated-button{background-color:#fff;box-shadow:3px 3px 10px 1px var(--color),inset 0 0 5px var(--color);border:1px solid var(--color);color:#000;padding:5px 10px;display:inline-block;font-size:1rem;text-align:center;cursor:pointer;border-radius:5px;transition:transform .3s ease}.animated-button:hover{transform:scale(1.01)}.animated-button:active{transform:scale(.95)}.animated-button:focus{outline:none}.animated-button:disabled{background-color:#d3d3d3;cursor:not-allowed}.Modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#d3d3d399;z-index:1000000}.modal-center{display:flex;justify-content:center;align-items:center}.simplicity-table{height:max-content;max-height:100%;display:grid;grid-template-rows:1fr max-content;overflow:auto}.simplicity-table-container{height:100%;overflow:auto}.simplicity-table-container>table{background-color:#fff;font-size:.95rem;border-spacing:0;width:100%}.simplicity-table-container>table>thead{position:sticky;top:0;background-color:#cbdce1}.simplicity-table-container>table>tbody td,.simplicity-table-container>table>thead th{border:1px solid lightgray;padding:5px}.simplicity-table-container>table>thead th{border-color:#fff;color:#6a7e90}.simplicity-table-pagination{display:flex;justify-content:center;align-items:center;gap:10px;border-top:1px solid lightgray;padding:5px 10px}.simplicity-table-pagination button{background-color:#d3d3d3;border-radius:50%;padding:2px;width:24px;aspect-ratio:1/1;border:none;cursor:pointer}.simplicity-table-pagination button:disabled{cursor:not-allowed}.Tabs{height:100%;display:grid;grid-template-rows:max-content 1fr;padding:5px;background-color:#fff}.Tabs-names{display:flex;gap:5px}.Tab-name{padding:2px 12px;transition:border-radius .3s;cursor:pointer}.active-tab{border:2px solid var(--tabColor);border-bottom:none;border-radius:5px 5px 0 0;position:relative}.active-tab:after{content:"";position:absolute;width:100%;height:2px;background-color:#fff;left:0;bottom:-2px;z-index:1}.Tab-name:hover{border:2px solid var(--tabColor);border-bottom:none;border-radius:5px 5px 0 0}.Tabs-area{height:100%;position:relative;overflow:hidden;border:2px solid var(--tabColor)}.Tabs-area>div{height:100%;width:100%;display:flex;position:absolute;transition:left .3s}.Tab{width:100%;min-width:100%;height:100%}.card1{background-image:url(/kitten.jpg);background-position:center;background-size:contain;background-repeat:no-repeat;color:#fff;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:10px;height:30vh}.hover-card-doc-dis{display:grid;align-items:center;padding:10px}#toggle-displayName{display:grid;place-content:center;place-items:center;gap:10px;height:100%}.type-writer-display{height:100%;padding:10px;display:flex;justify-content:center;align-items:center}.tab-display{display:flex;align-items:center;justify-content:center;font-size:100px}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}code{font-family:monospace!important}header{font-size:xx-large;border-bottom:1px solid lightgray;display:flex;align-items:center;justify-content:center;padding:10px;box-shadow:0 0 10px #d3d3d3;position:sticky;top:0;z-index:1;background-color:#fff}header img{height:32px}main{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:max-content;gap:10px;padding:10px}main>*{min-height:40vh}#welcome-section{height:60vh;grid-column:1 / span 3;display:grid;gap:5px;border-radius:5px;place-content:center;place-items:center;background-image:url(/bg.webp);background-position:center;background-size:cover;background-repeat:no-repeat;padding:10px}#welcome-section>p:nth-child(1){font-size:3vw}#install-message{opacity:0;animation:easeInTop .5s ease-in .2s forwards;display:grid;place-content:center;place-items:center;gap:5px;margin-top:10vh}#install-message p{background-color:#e3f4f9;padding:2px;border-radius:5px}#install-message code{border:1px solid white;background-color:#d3d3d3;font-size:16px;padding:5px;border-radius:5px;display:flex;align-items:center;gap:5px}@keyframes easeInTop{0%{translate:0 -100%;opacity:0}to{translate:0;opacity:1}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background-color:#d3d3d3}@media (max-width: 767px){body{font-size:14px}main{grid-template-columns:1fr}#welcome-section{grid-column:1}#welcome-section>p:nth-child(1){font-size:7vw}}@media (min-width: 768px) and (max-width: 1024px){body{font-size:16px}main{grid-template-columns:1fr}#welcome-section{grid-column:1}#welcome-section>p:nth-child(1){font-size:7vw}}