body{--nav-height: 64px;--tab-height: 42px;font-size:14px;margin:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color:gray;background-color:#f8f8f8}.logo{height:40px;color:#2080f0;font-weight:500}.nav-container{height:var(--nav-height);display:flex;align-items:center;justify-content:space-around;gap:8px;flex:1}.nav-prefix{padding-left:24px;min-width:240px}.nav-suffix{justify-content:flex-end;line-height:1;display:flex;flex-direction:row;align-items:center;gap:20px}.nav-suffix .link{cursor:pointer;color:#303030;text-decoration:none}.nav-container .nav-main{border-radius:6px;margin-left:auto;margin-right:auto;width:100vw;max-width:680px;padding:12px 24px;display:inline-flex;align-items:center;gap:20px;max-width:500px}.z-color-picker{max-width:40px;min-width:40px}.package-version{font-size:14px;margin-left:8px;font-weight:500}.icon-wrapper{flex-grow:1;flex-basis:0;display:inline-flex;align-items:center;flex-direction:column;background-color:#fff;border-radius:4px;padding:0 16px;overflow:hidden;box-shadow:1px 1px 3px #9fa2b3;gap:8px}.icon-wrapper:hover{background-color:#eee}.icon-wrapper:empty{background-color:transparent}.icon{color:#000;width:1em;height:1em;display:inline-flex;cursor:pointer;font-size:24px}.icon-info{flex:1;font-size:14px;display:flex;align-items:center;flex-direction:column}.icon-name{max-width:100%;color:#30396d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.8px;display:flex;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.icon-name .z-icon{margin-left:4px}.z-tag__content .highlight,.icon-name .highlight{color:#2a4ff0;border-radius:2px;background-color:#2a4ff030}.icon-wrapper:hover .icon-action{opacity:1;padding-top:8px}.icon-wrapper.show-ns:hover .icon-action{opacity:1}.icon-actions{display:flex;flex-wrap:wrap;gap:8px;flex-direction:row}.icon-action-button{pointer-events:all;cursor:pointer;color:#2080f0;padding:8px 12px;border-radius:16px}.icon svg{width:1em;height:1em}.icon svg:not([fill]){fill:currentColor}.icon-card{cursor:pointer;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:12px;gap:4px}.z-layout{background-color:unset}.v-vl{height:calc(100vh - var(--nav-height) - var(--tab-height));box-sizing:border-box;width:100%;max-width:1968px;margin:auto}.empty{text-align:center;font-size:16px;margin:36px auto auto}.drawer-header-icon{color:#000;display:flex;align-items:center}.drawer-header-icon svg{height:4em;width:4em}.z-drawer-header,.z-drawer{border-top-left-radius:16px;border-top-right-radius:16px}.z-drawer-header__center{display:flex;align-items:center}.z-drawer .z-drawer-content .z-drawer-header{border-bottom:unset;background-color:#ffefdf}.z-button:not(.z-button--disabled):focus-visible{outline:unset}.copy-icon{cursor:pointer;margin-left:8px;color:#30396d;opacity:.7}.section-container{display:flex;gap:30px;flex-wrap:wrap}.section-container header{padding:4px;margin-bottom:5px;font-weight:600;color:#434b79}.copy-icon:hover{opacity:1}.nav{display:flex;gap:20px;align-items:center;padding:0 var(--side-padding)}.ui-logo{cursor:pointer;display:flex;align-items:center;font-size:18px}.ui-logo>.z-icon{margin-right:12px;height:52px;width:52px}.z-input{width:100%;max-width:400px}.v-vl-visible-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:16px;padding:16px 24px 4px}.icons-row{display:flex;text-align:center}.z-tabs.z-tabs--top .z-tab-pane{padding-top:0}