.configurator__buttons-title{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-style:normal;font-weight:normal;font-size:14px;line-height:inherit;color:inherit;width:200px}.configurator__buttons{display:flex;flex-direction:column;gap:20px;margin-top:40px;margin-bottom:55px}.button__wrap{display:flex;gap:45px;color:rgba(0,0,0,0.75)}.button__wrap.disabled{color:rgba(0,0,0,0.25);display:none}.button__wrap.disabled .btn.btn_o{opacity:0.5;pointer-events:none}.buttons-group{display:flex;align-items:center;column-gap:10px}.btn.disabled:not(.active){opacity:0.5;pointer-events:none}.btn_o:not(.active):hover{border:2px solid rgba(0,102,255,0.5)}.btn.active{background:var(--main-color);color:#fff}.configurator__views-buttons{display:flex;gap:15px;margin-bottom:30px;border-bottom:2px solid var(--active-tabs-color)}.configurator__views-buttons .btn.btn_o{height:auto;color:var(--active-tabs-color);border:2px solid var(--tabs-color);border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:8px 30px}.configurator__views-buttons .btn.btn_o.active{box-sizing:border-box;background:var(--active-tabs-color);border:none;color:#fff;pointer-events:none}.configurator__views-buttons .btn_o:not(.active):hover{border:2px solid var(--active-tabs-color);border-bottom:0}.view__item{display:none;opacity:0;height:0;position:relative;z-index:-1}.view__item.active{display:inherit;opacity:1;min-height:500px;height:fit-content;z-index:1}.configurator span.tooltip-text{display:inline-block;width:12px;height:12px;background-image:url("images/icons/question_mark.svg");background-position:center center;background-repeat:no-repeat;background-size:100%;opacity:.2}.codesandbox__wrap{width:100%;overflow:auto;border-radius:4px;border:0;line-height:0}.codesandbox__wrap iframe{width:1281px !important;height:500px;border:0;border-radius:4px;overflow:hidden}.view__item:not(.active) .codesandbox__wrap iframe{position:absolute;left:-5000px}.viewer__wrap{position:relative;display:flex;gap:15px;height:500px;background:#191919;color:#fff;padding:20px 7px 20px 0;border-radius:10px;overflow:hidden}.directory-structure{min-width:240px;overflow:auto}.files-view__wrap::-webkit-scrollbar-track,.directory-structure::-webkit-scrollbar-track{background-color:#2c2c2c;border-radius:5px}.files-view__wrap::-webkit-scrollbar,.directory-structure::-webkit-scrollbar{width:8px}.files-view__wrap::-webkit-scrollbar-thumb,.directory-structure::-webkit-scrollbar-thumb{background:#4d4d4d;border-radius:5px}.files-view__wrap{overflow:auto;width:100%}.files-view__wrap::before{position:absolute;content:'';display:block;width:2px;height:100%;background:#272822;margin-top:-20px;margin-left:-10px}.folder-icon,.file-icon{background-size:16px;background-position:0 center;background-repeat:no-repeat;width:16px;height:16px;display:inline-block;-webkit-font-smoothing:antialiased;vertical-align:top;flex-shrink:0;align-self:flex-start}.folder-icon{background-image:url("images/folder-icon.svg");margin-left:4px}.file-icon{background-image:url("images/file-icon.svg")}.folder-name,.file-name{flex:1;margin-left:4px}.folder,.file__wrap{display:flex;-webkit-box-align:center;align-items:center;font-size:13px;background-color:transparent;cursor:pointer;padding:4px 0}.folder:before{content:'';width:7px;height:7px;display:inline-block;background:url(../assets/images/icons/dropdown.svg) no-repeat;background-size:contain;margin-left:-5px;transition:transform .3s ease}.folder__wrap.open>.folder:before{transform:rotate(-90deg)}[data-depth="1"]>.folder{padding-left:15px}.folder:hover,.file__wrap:hover{background:#2c2c2c}.file__wrap{padding-left:15px}.file__wrap.active{background:#2c2c2c}.file-view{display:none}.file-view.active{display:block}.hidden{display:none}.docs .configurator .viewer__wrap pre code{white-space:pre-wrap}.docs .configurator .viewer__wrap div.highlight,.docs .configurator .viewer__wrap div.highlight span.w{background:transparent}.docs .configurator .viewer__wrap pre.highlight{background:transparent;padding:0}
/*# sourceMappingURL=/assets/source-maps/configurator.css.map */
/*# sourceURL=assets/css/configurator.css */