.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}.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}.copy-link{padding:4px 8px;background-color:#08795e;opacity:0}.copy-link:hover{background-color:#129b7a;transform:scale(1.1)}.copy-link:hover .tooltip{display:block;right:-40px}.copy-link:focus-visible{border-color:#3852e2}.copy-link.active .tooltip{display:none}.copy-link svg{width:16px;height:16px}.tooltip{background-color:#232a35;animation:FadeIn .2s cubic-bezier(.61,.03,.43,.85);animation-fill-mode:forwards;position:absolute}.tooltip.sm{padding:10px 14px;font-size:12px;max-width:212px;width:max-content}.tooltip.md{font-size:16px;padding:16px;line-height:24px;column-gap:12px}.tooltip button{width:20px;height:20px}.tooltip.top-pos{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%)}.tooltip.bottom-pos{top:calc(100% + 8px);left:50%;transform:translateX(-50%)}.tooltip.left-pos{right:100%;top:50%;transform:translateY(-50%)}.tooltip.right-pos{left:100%;top:50%;transform:translateY(-50%)}.copy-button-wrapper .tooltip.sm{bottom:calc(101% + .4rem)}.ttip-white .tooltip{width:320px;border:1px solid rgba(0,0,0,.1);white-space:break-spaces;box-shadow:-2px 3px 2px rgba(0,0,0,.1);font-size:15px;line-height:22px;border-radius:8px;padding:16px}.anchorjs-link:hover .tooltip,.tooltip-hover:hover .tooltip{display:block}.copy-button-wrapper:hover .tooltip,.tooltip-wrapper:hover .tooltip{visibility:visible;opacity:1}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}.preview-ui{width:520px;background-color:#1c222c;border-top-right-radius:20px;border-bottom-right-radius:20px}.ui-mockup{min-height:800px;width:372px;margin-top:88px;border-radius:24px 24px 0 0;background:linear-gradient(180deg,hsla(0,0%,100%,.48) 28.73%,rgba(255,33,79,.36) 68.32%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ui-mockup:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;border-radius:24px 24px 0 0;border:2px solid #fff;border-bottom:none}.ui-mockup .gradient-bar{width:2px;background:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));top:44px}.ui-mockup .module{min-height:84px}.ui-mockup .bar{background-color:#169954;width:20px;border-radius:3px 3px 0 0}.ui-mockup .bar-1{height:20px}.ui-mockup .bar-2{height:52px}.ui-mockup .bar-3{height:40px}.ui-mockup .bar-4{height:28px}.ui-mockup .bar-5{height:44px}.ui-mockup .bar-6{height:12px}.ui-mockup .bar-7{height:32px}.ui-mockup .bar-8{height:48px}.ui-mockup .bar-9{height:20px}.ui-mockup .bar-10{height:32px}.ui-mockup .bar-11{height:8px}.ui-mockup .bar-12{height:40px}.preview-title{min-height:55px;background-color:rgba(0,0,0,.7)}.intro-title{min-height:240px}.intro-title h1{width:740px;font-size:44px;line-height:48px}.intro-title h1 span{color:#19bb69}.intro-title p{width:600px}.canva-animation{height:268px}.button.white-solid{color:#000;border:2px solid hsla(0,0%,100%,.1);background-color:#fff}.button.white-solid:hover{background-color:hsla(0,0%,100%,0);border:2px solid #fff;color:#fff}.button.white-solid:focus{background-color:hsla(0,0%,100%,.4)}.button.white-outline{border:2px solid #000}.button.white-outline:hover{background-color:#000;color:#fff}.reviews{max-width:520px;width:520px}.reviews .author-avatar{width:48px;height:48px;background-color:#41bbc2}.callout .callout-close:hover{opacity:.7}.callout-user-guide{background-color:#fff7ec}.callout-info{background-color:#f6f8fa}.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)}.error-panel{background-color:#ffe5e5;border:1px solid #fcc;padding:16px;margin-bottom:16px;border-radius:4px}.error-panel h3{color:#d9534f;margin-bottom:8px}.error-panel ul{margin:0;padding:0;list-style:none}.error-panel ul li{color:#333;margin:4px 0}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.popup-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.2);width:400px;text-align:center}.popup-content ul{max-height:480px;overflow-y:auto}.error-panel h3{color:#e74c3c}body{background-color:#fff}.intermediate-node-info{display:none}.three-level-node,.two-level-node{display:flex}.has-three-level-nodes .intermediate-node-info{display:none}.has-three-level-nodes .three-level-node{display:flex}.breadcrumb.disabled{display:none}.reviews{width:540px;margin-top:0}.reviews .author-details{column-gap:12px}.no-h1{background:linear-gradient(90deg,#000 20%,#099993 30%,#000 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:500% auto;animation:TextGradientAnimation 5s ease-in-out infinite alternate}@keyframes TextGradientAnimation{0%{background-position:0 50%}to{background-position:100% 50%}}