.variables{max-width:100%}.variables__chips{display:flex;flex-wrap:wrap;gap:4px}[dir] .variables__chips--rest{padding-top:4px}.variables__item{color:#fff;max-width:100%;word-break:break-word}[dir] .variables__item{border-radius:.357rem;background:#7367f0;padding:0 5px;cursor:pointer}.variables__toggle{display:flex;align-items:center;justify-content:center;width:100%;color:#7367f0;line-height:1}[dir] .variables__toggle{padding:6px 0 0;margin:0;border:none;background:transparent;cursor:pointer}.variables__toggle:hover{opacity:.85}.variables__toggle:focus{outline:none}.variables__rest{overflow:hidden}.variables-expand-enter-active,.variables-expand-leave-active{transition:max-height .35s ease-in-out,opacity .28s ease}.variables-expand-enter,.variables-expand-leave-to{max-height:0;opacity:0}.variables-expand-enter-to,.variables-expand-leave{max-height:2000px;opacity:1}[dir] .highlight-input{padding:.438rem 1rem;background-color:#fff;background-clip:padding-box;border:1px solid #d8d6de;border-radius:.357rem}[dir] .highlight-input:focus{box-shadow:0 3px 10px 0 rgba(34,41,47,.1)}.highlight-input span{font-family:Consolas,courier new,monospace;color:#090;font-size:105%}[dir] .highlight-input span{background-color:#f1f1f1!important;padding:2px;border-radius:4px}.highlight-input--textarea{min-height:100px}