.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.txt-dark-mx{color:#fff}.txt-dark-hg{color:#f9fbfd}.txt-dark-md{color:#f0f3f8}.txt-dark-reg{color:#e5e9ef}.txt-dark-light{color:#cdd3db}.txt-dark-weak{color:#a9b1bc}.txt-dark-hp{color:#8f96a1}.txt-dark-ds{color:#656b76}.border-bottom{border-bottom:1px solid #303741}.border-top{border-top:1px solid #303741}.border-right{border-right:1px solid #303741}.border-left{border-left:1px solid #303741}.border-100{border-color:rgba(48,55,65,.1)}.border-200{border-color:rgba(48,55,65,.2)}.header-link[data-label=tokens]{color:#000}.page-content{padding-left:92px}.page-tokens{margin-top:72px}.breadcrumb a{font-size:15px;padding:4px 0;color:rgba(0,0,0,.68)}.breadcrumb a:last-child{color:rgba(0,0,0,.5)}.tokens-panel{font-size:14px}.tokens-panel .sidebar{width:304px;background-color:#1c222c;border-top-left-radius:20px;border-bottom-left-radius:20px}.tokens-panel .sidebar .chevron{border-color:#e5e9ef}.tokens-panel .tokens{height:687px;padding-bottom:56px}.tokens-panel .dropdown-icon{width:24px;height:24px}.tokens-panel .create,.tokens-panel .preview-ui,.tokens-panel .sidebar{height:800px}.tokens-panel .create{width:420px}.tokens-panel .create,.tokens-panel .create-token-wrapper{background-color:#12171f}.tokens-panel .dropdown{background-color:#39404c;padding:8px 8px 8px 12px;font-size:15px}.tokens-panel .dropdown:hover{background-color:#454c59;color:#f9fbfd}.tokens-panel .chevron{top:-2px}.tokens-panel .toggle-row{min-height:55px}.tokens-panel .token-row{min-height:48px}.tokens-panel .token-row:last-child{border-bottom:1px solid #303741}.tokens-panel .token-row:hover:not(.intermediate-node-info){background-color:rgba(28,34,44,.5)}.tokens-panel .theme-collections{min-height:632px}.tokens-panel .placeholder{margin-top:24px}.tokens-panel .placeholder p{padding:12px 0 32px}.tokens-panel .colorbox{width:20px;height:20px}.tokens-panel .colorbox .color{width:20px;height:20px;border:1px solid rgba(169,177,188,.24)}.tokens-panel .colorbox .texture{background-image:url(/assets/images/common/texture.png);background-size:25%;min-width:50%;min-height:16px;top:2px;left:2px}.tokens-panel .create-token:hover{color:#f9fbfd}.tokens-panel .more-button:hover{background-color:#39404c}.tokens-panel .alias-label{background-color:#2d343f}.tokens-panel .parent-node-name:last-child{font-weight:500;color:#a9b1bc}.tokens-panel .tree-view{height:675px;padding-bottom:40px}.tokens-panel .text-wrapper:hover{color:#e5e9ef}.tokens-panel .has-alias{width:20px;height:20px}.tokens-panel .has-alias .icon{width:4px;height:4px;background-color:#0a7e7e}.tokens-panel .has-alias:hover .tooltip{display:block}.tokens-panel .tooltip{background-color:#39404c}.tokens-panel .active .has-alias .icon{transform:scale(1.5)}.tokens-panel .clear-button:hover{opacity:.6}.coming-soon{margin:40px 0 100px}.plus-button{border:2px solid transparent}.plus-button:after,.plus-button:before{content:"";position:absolute;background-color:#e5e9ef;margin:auto;top:0;right:0;bottom:0;left:0;transition:all .3s cubic-bezier(.61,.03,.43,.85)}.plus-button:after{width:16px;height:1px}.plus-button:before{width:1px;height:16px}.plus-button:hover:not(.none){background-color:#2d343f}.more-button{width:40px;height:40px}.more-button.dots span{width:4px;height:4px}.more-button.light span{background-color:#fff}.more-button:hover{background-color:#008088}.more-button:hover span{background-color:#fff}.more-button.vertical{transform:rotate(90deg)}aside a[data-label=Shadow]{background-color:#a6e159}.header,body{background-color:#fff}.tokens-panel .toggle-row{min-height:60px}.create{border-top-right-radius:20px;border-bottom-right-radius:20px}