@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--highlight-color-main:#dd7230;--highlight-color-secondary:#eb5160;--highlight-color-tertiary:#2b7fff}html,body{margin:0;padding:0;overflow-x:hidden}body{background-color:var(--primary-color);color:var(--secondary-color-4);font-optical-sizing:auto;margin:0;padding:0;font-family:Inter,sans-serif;font-style:normal;font-weight:400}@supports (scrollbar-width:auto){:not(:hover){scrollbar-color:transparent transparent}:hover{scrollbar-color:var(--secondary-color-2) transparent}}@supports selector(::-webkit-scrollbar){:root::-webkit-scrollbar-track{background:0 0}}.dx-dark-mode-only{display:var(--dark,initial) var(--light,none)}.dx-light-mode-only{display:var(--dark,none) var(--light,initial)}.dx-preview-navbar{z-index:1000;box-sizing:border-box;border-bottom:1px solid var(--primary-color-6);background-color:var(--primary-color);justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;display:flex;position:sticky;top:0}.dx-navbar-link{color:var(--secondary-color-4);padding:.5em 0;font-size:1.2em;font-weight:700;text-decoration:none}.dx-navbar-link:hover{color:var(--secondary-color-3)}.dx-navbar-links{gap:1rem;display:flex}.dx-navbar-brand{color:var(--secondary-color-4);align-items:center;font-size:1.5em;font-weight:700;text-decoration:none;display:flex}.dx-demos-link{border:1px solid var(--primary-color-6);background-color:var(--primary-color-1);color:var(--secondary-color-4);border-radius:.5rem;align-items:center;margin:.425rem .75rem;padding:.05em .6em;font-size:1em;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.dx-demos-link:hover{background-color:var(--primary-color-3);color:var(--secondary-color-3)}.dx-code-block{box-sizing:border-box;white-space:pre;border-radius:.5rem;width:100%;max-width:calc(100vw - 2rem);height:100%;max-height:80vh;margin:0;padding:.5rem;font-family:Courier New,Courier,monospace;overflow:scroll}.dx-dark-code-block{display:var(--dark,block) var(--light,none)}.dx-light-code-block{display:var(--dark,none) var(--light,block)}.dx-code-block[data-collapsed=true]{backdrop-filter:blur(1px);-webkit-user-select:none;user-select:none;height:20em;-webkit-mask:linear-gradient(#000 0% 60%,transparent 100%);mask:linear-gradient(#000 0% 60%,transparent 100%)}.dx-dark-mode-toggle{color:var(--secondary-color-4);cursor:pointer;background:0 0;border:none}.dx-copy-button{color:var(--secondary-color-4);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5em;margin:0;padding:0;display:flex}.dx-copy-button:hover{color:var(--highlight-color-tertiary)}.dx-copy-button[data-copied=true]{color:var(--secondary-success-color)}.dx-component-preview{flex-direction:column;justify-content:center;align-items:center;width:100vw;display:flex}.dx-component-preview-contents{flex-direction:column;justify-content:center;align-items:center;width:75vw;margin:20px 0;display:flex}.dx-component-preview-frame{box-sizing:border-box;border:1px solid var(--primary-color-6);background-color:var(--primary-color-2);border-radius:.5em;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:20rem;max-height:100%;padding:20px;display:flex}.dx-component-title{text-align:center;text-transform:capitalize;width:100%;margin-top:20px;margin-bottom:20px;font-size:2em}.dx-component-variants-title{text-align:center;text-transform:capitalize;width:100%;margin-top:20px;margin-bottom:20px;font-size:1.5em}.dx-component-description{max-width:90vw;margin-left:5vw;margin-right:5vw;font-size:1em;overflow-x:scroll}.dx-component-installation{width:100%;padding:1rem}.dx-component-installation-list{padding-left:2rem;list-style-type:decimal}.dx-component-installation-list li{margin-bottom:.5rem;font-size:1em}.dx-component-code{box-sizing:border-box;border-top-left-radius:.5em;border-top-right-radius:.5em;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:20rem;max-height:100%;padding-top:2rem;display:flex}.dx-masonry-with-columns{flex-wrap:wrap;padding:0 0 0 1rem;display:flex}.dx-masonry-with-columns .dx-masonry-preview-frame{box-sizing:border-box;border:1px solid var(--primary-color-6);background-color:var(--primary-color-2);border-radius:.5rem;flex-direction:column;flex:1 0 auto;align-items:center;max-width:calc(100vw - 2rem);min-height:10rem;margin:0 1rem 1rem 0;padding:3rem;display:flex}.dx-masonry-with-columns .dx-masonry-component-frame{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dx-preload *{transition:none!important;animation-duration:1ms!important}