sparnatural
Version:
Visual client-side SPARQL query builder and knowledge graph exploration tool
269 lines (246 loc) • 265 kB
CSS
.awesomplete [hidden] {
display: none;
}
.awesomplete .visually-hidden {
position: absolute;
clip: rect(0, 0, 0, 0);
}
.awesomplete {
display: inline-block;
position: relative;
}
.awesomplete > input {
display: block;
}
.awesomplete > ul {
position: absolute;
left: 0;
z-index: 1;
min-width: 100%;
box-sizing: border-box;
list-style: none;
padding: 0;
margin: 0;
background: #fff;
}
.awesomplete > ul:empty {
display: none;
}
.nice-select {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: inline-block;
/*float: left;*/
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto; }
.nice-select:hover {
border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999; }
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px; }
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); }
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cccccc; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
-o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 1000; }
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f6f6; }
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default; }
.no-csspointerevents .nice-select .list {
display: none; }
.no-csspointerevents .nice-select.open .list {
display: block; }
/*!
* Datepicker v1.0.10
* https://fengyuanchen.github.io/datepicker
*
* Copyright 2014-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2020-09-29T14:46:09.037Z
*/.datepicker-container{background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none}
/**
Note how the theme applies to Sparnatural as well as other technical classes with absolute positioning that
also needs to benefits from the variables.
**/
.Sparnatural,
.SparnaturalForm,
.select2-container--default,
.tippy-box
{
/**
* Color of the criteria arrows (orange)
**/
--primary-color-main: rgb(250,136,3);
/**
* Color of the "unselect" buttons in criterias (dark orange)
**/
--primary-color-important: rgb(182, 97, 0) ;
/**
* Color of the bottom : folded variable selector, and of a selected value in a criteria (light orange)
**/
--primary-color-medium: rgb(255, 210, 157) ;
/**
* variable selector background & tooltip background (even lighter orange)
**/
--primary-color-light: rgb(255, 231, 203) ;
/**
* Color of the options arrow (optional / negation) (strong green)
**/
--secondary-color-main: rgb(107,215,171) ;
/**
* Color of the highlight of arrows
**/
--secondary-color-important: rgb(2,184,117) ;
/**
* Color of the options arrow when not selected (light green)
**/
--secondary-color-light: rgb(151,227,196) ;
/**
* Color of the service option enabled
**/
--ternary-color-main: rgb(3, 201, 250) ;
/**
* Color of the hover of autocomplete selection
**/
--ternary-color-light: rgb(184, 211, 224);
/**
* Color of variable d&d grip, disabled query button, disabled options
**/
--silver-color-main: rgb(167,167,167) ;
/**
*
**/
--silver-color-light: rgb(230, 230, 230) ;
/**
* Default text color
**/
--default-text-color: #666 ;
/**
* Red, Green and Blue components for the background color.
* An alpha is added to this color at each line (0.1, 0.2, 0.3, etc.)
**/
--bg-red: 29 ;
--bg-green: 224 ;
--bg-blue: 153 ;
}
.submitSection{height:41px;background:var(--secondary-color-main);position:relative;margin:0 auto;width:100%}.submitSection a{position:absolute;display:flex;top:14px;width:fit-content;right:30px;padding:10px;padding-left:12px;border-radius:5px;background:var(--secondary-color-important);box-shadow:0px 2px 3px 0px #cfcfcf;cursor:pointer;z-index:2}.submitSection a svg{display:block;max-width:34px;height:34px}.submitSection a svg path{fill:#fff;width:auto;height:auto}.submitSection a svg.playLoader{display:none;max-width:44px;height:44px}.submitSection a.submitDisable{background:var(--silver-color-light);cursor:default}.submitSection a.submitDisable svg path{fill:var(--silver-color-main)}.submitSection a.submitDisable.loadingEnabled{padding:4px}.submitSection a.submitDisable.loadingEnabled svg.playIcon{display:none}.submitSection a.submitDisable.loadingEnabled svg.playLoader{display:block}.submitSection a.submitDisable.loadingEnabled svg.playLoader path{fill:var(--secondary-color-important)}.builder-section{display:block;padding:0 30px}.builder-section .reset-wrapper{position:relative;height:0;max-width:100%;margin:0 auto}.builder-section .reset-wrapper>.reset-form{position:absolute;right:0;top:1px;width:54px;height:54px;margin-top:30px;margin-bottom:30px;border:1px solid #ddd;border-radius:5px;background:#fff;box-shadow:0px 2px 3px 0px #cfcfcf}.builder-section .reset-wrapper>.reset-form a{display:block;margin:5px;cursor:pointer}.variablesSelection{background:#ffe7cb;margin-bottom:22px;border-top:2px solid #8d8d8d;background:var(--primary-color-light);margin-bottom:22px;border-top:2px solid var(--silver-color-main)}.variablesSelection .flexWrap{display:flex;flex-direction:row;flex-wrap:nowrap}.variablesSelection .linesWrapper{height:0;overflow:hidden}.variablesSelection.displayed .linesWrapper{height:auto}.variablesSelection.displayed .VariableSelectorDisplay a{margin-top:-22px;transition:margin-top .7s ease}.variablesSelection .VariableSelectorDisplay{background:var(--primary-color-medium);height:41px;position:relative}.variablesSelection .VariableSelectorDisplay a{position:absolute;left:50%;display:block;height:44px;width:44px;margin:0 auto;margin-top:18px;margin-left:-22px;border-radius:22px;background:var(--primary-color-medium);line-height:1;padding:10px;transition:margin-top .7s ease;cursor:pointer}.variablesSelection .VariableSelectorDisplay a .arrow-icon{margin-top:4px;display:inline}.variablesSelection .line1,.variablesSelection .line2{display:flex;flex-direction:row;flex-wrap:wrap;width:calc(100% - 60px);margin:0 auto;border:1px solid #ddd;background:#fff;max-width:96%}.variablesSelection .line1>div.variablesOtherSelect,.variablesSelection .line2>div.variablesOtherSelect{display:block}.variablesSelection .line2{border-radius:0 0 5px 5px;border-bottom:0px solid rgba(0,0,0,0);min-height:61px;margin-bottom:41px}.variablesSelection .line2 .sortableItem{padding:10px;display:inline-block}.variablesSelection .line2 .sortableItem:first-child{min-width:150px}.variablesSelection .line2 .variablesOtherSelect>div:first-child{background:#d3d3d3;height:100%;display:block;float:left}.variablesSelection .line2 .variableSelected{position:relative;padding:3px 7px 3px 2px;border:1px solid gray;font-size:12px;color:var(--default-text-color);border-radius:5px;background:#fff;align-items:center;width:fit-content;min-width:110px}.variablesSelection .line2 .variableSelected .variable-handle{display:inline-block;padding:0 3px;height:24px;color:rgba(0,0,0,0);cursor:grab}.variablesSelection .line2 .variableSelected .variable-handle svg{width:15px;height:24px}.variablesSelection .line2 .variableSelected .variable-handle svg path{stroke:var(--silver-color-main);stroke-width:.264583}.variablesSelection .line2 .variableSelected .tmpicon{font-size:22px}.variablesSelection .line2 .variableSelected input{line-height:30px;padding:1px;min-width:3ch;margin-left:5px;border:0px;text-align:center}.variablesSelection .line2 .variableSelected input:invalid{border:2px dashed red}.variablesSelection .line2 .variableSelected [contenteditable=true]:active,.variablesSelection .line2 .variableSelected [contenteditable=true]:focus{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;padding:0 5px;outline:none}.variablesSelection .line2 .variableSelectedAggr{padding-left:8px}.variablesSelection .line2 .variableSelectedAggr .variableAggr-handle{display:inline-block;padding:0 1px 0 8px;height:24px;color:rgba(0,0,0,0);border-left:1px solid var(--silver-color-main);cursor:pointer}.variablesSelection .line2 .variableSelectedAggr .variableAggr-handle svg{width:11px;height:24px}.variablesSelection .line2 .variableSelectedAggr .variableAggr-handle svg .st0{stroke:var(--default-text-color);stroke-width:1}.variablesSelection .line2 .aggrOptions{background-color:#fff;position:absolute;right:0;top:110%;width:100%;z-index:1000;border-radius:5px;border:1px solid gray}.variablesSelection .line2 .aggrOptions ul{list-style-type:none;margin:0;padding:0}.variablesSelection .line2 .aggrOptions ul li{padding:3px 8px;border-bottom:1px solid var(--silver-color-light)}.variablesSelection .line2 .aggrOptions ul li:first-child{border-radius:5px 5px 0 0}.variablesSelection .line2 .aggrOptions ul li:has(+li:hover),.variablesSelection .line2 .aggrOptions ul li:has(+li.selected){border-bottom:1px solid rgba(0,0,0,0)}.variablesSelection .line2 .aggrOptions ul li:hover,.variablesSelection .line2 .aggrOptions ul li.selected{cursor:pointer;color:#fff;background-color:var(--primary-color-main);margin-top:-1px;border-top:1px solid var(--primary-color-main);border-bottom:1px solid var(--primary-color-main);-webkit-background-clip:padding-box;background-clip:padding-box}.variablesSelection .line2 .aggrOptions ul li:hover:first-child,.variablesSelection .line2 .aggrOptions ul li.selected:first-child{border-top:1px solid gray}.variablesSelection .line2 .aggrOptions ul li.revealIf{background-color:var(--silver-color-light);color:var(--silver-color-main)}.variablesSelection .line2 .aggrOptions ul li.revealIf:hover{border-top:1px solid var(--silver-color-light);border-bottom:1px solid var(--silver-color-light)}.variablesSelection .line2 .aggrOptions ul li.revealIf.selected{color:#fff;background-color:var(--primary-color-main);margin-top:-1px;border-top:1px solid var(--primary-color-main);border-bottom:1px solid var(--primary-color-main);-webkit-background-clip:padding-box;background-clip:padding-box}.variablesSelection .line2 .aggrOptions.is-num ul li.revealIf.revealIf-num{background-color:#fff;color:var(--default-text-color);border-bottom:1px solid var(--silver-color-light)}.variablesSelection .line2 .aggrOptions.is-num ul li.revealIf.revealIf-num:hover,.variablesSelection .line2 .aggrOptions.is-num ul li.revealIf.revealIf-num.selected{color:#fff;background-color:var(--primary-color-main);margin-top:-1px;border-top:1px solid var(--primary-color-main);border-bottom:1px solid var(--primary-color-main);-webkit-background-clip:padding-box;background-clip:padding-box}.variablesSelection .line2 .aggrOptions.is-time ul li.revealIf.revealIf-time{background-color:#fff;color:var(--default-text-color);border-bottom:1px solid var(--silver-color-light)}.variablesSelection .line2 .aggrOptions.is-time ul li.revealIf.revealIf-time:hover,.variablesSelection .line2 .aggrOptions.is-time ul li.revealIf.revealIf-time.selected{color:#fff;background-color:var(--primary-color-main);margin-top:-1px;border-top:1px solid var(--primary-color-main);border-bottom:1px solid var(--primary-color-main);-webkit-background-clip:padding-box;background-clip:padding-box}.variablesSelection .line2 .aggrOptions.reducted ul li{display:none}.variablesSelection .line2 .aggrOptions.reducted ul li.selected,.variablesSelection .line2 .aggrOptions.reducted ul li.reducted-visible{display:list-item}.variablesSelection .line2 .aggrOptions .aggrOptionsExtend{border-radius:0 0 5px 5px}.variablesSelection .line2 .aggrOptions .aggrOptionsExtend span{padding:3px 8px;text-align:center}.variablesSelection .line2 .aggrOptions .aggrOptionsExtend:hover{cursor:pointer;color:#fff;padding-bottom:1px;background-color:var(--primary-color-main);margin-top:-1px;margin-bottom:-1px;border-top:1px solid var(--primary-color-main);border-bottom:1px solid gray}.variablesSelection .line2 .aggrOptions.extended .aggrOptionsExtend .reducted-action{display:none}.variablesSelection .line2 .aggrOptions.extended .aggrOptionsExtend .extended-action{display:block}.variablesSelection .line2 .aggrOptions.reducted .aggrOptionsExtend .reducted-action{display:block}.variablesSelection .line2 .aggrOptions.reducted .aggrOptionsExtend .extended-action{display:none}.variablesSelection .line2 .aggrBadgeValue{position:absolute;background-color:var(--primary-color-main);color:#fff;border-radius:5px;left:50%;top:0;transform:translate(-50%, -50%);padding:2px 4px;font-size:10px;line-height:14px;white-space:nowrap;overflow:hidden}.variablesSelection .line1{margin-top:41px;border-radius:5px 5px 0 0;justify-content:space-between;border-bottom:1px solid #a9a9a9;line-height:20px;-moz-box-shadow:0px 2px 3px 0px #cfcfcf;-webkit-box-shadow:0px 2px 3px 0px #cfcfcf;-o-box-shadow:0px 2px 3px 0px #cfcfcf;box-shadow:0px 2px 3px 0px #cfcfcf;color:var(--default-text-color)}.variablesSelection .line1 .variablesOrdersSelect{background:#d3d3d3;padding:0 10px;min-width:148px}.variablesSelection .line1 .variablesOrdersSelect strong{font-size:12px}.variablesSelection .line1 .variablesOrdersSelect a{cursor:pointer}.variablesSelection .line1 .variablesOrdersSelect a svg{width:20px;height:20px}.variablesSelection .line1 .variablesOrdersSelect a.selected{cursor:default}.variablesSelection .line1 .variablesOrdersSelect a.selected svg path{fill:var(--primary-color-main)}.variablesSelection .line1 .variablesOptionsSelect{display:flex;text-align:right;padding:5px 5px 5px 5px;font-size:14px;font-weight:bolder}.variablesSelection .line1 .variablesOptionsSelect p{border-top:10px;margin-bottom:auto;margin-right:10px}.variablesSelection .line1 a{display:inline-block;padding:5px;color:var(--default-text-color)}.variablesSelection .switch{position:relative;display:inline-block;width:50px;height:26px;margin-bottom:0}.variablesSelection .switch input{opacity:0;width:0;height:0}.variablesSelection .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.variablesSelection .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.variablesSelection input:checked+.slider{background-color:var(--primary-color-medium)}.variablesSelection input:focus+.slider{box-shadow:0 0 1px #ccc}.variablesSelection input:checked+.slider:before{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translateX(22px);background-color:var(--primary-color-main)}.variablesSelection .slider.round{border-radius:26px;border:1px solid #555}.variablesSelection .slider.round:before{border-radius:50%;border:1px solid #555}ul.componentsListe{padding:0;width:100%;margin:0 auto}ul.componentsListe ul li li.OnEdit>div>div>.ActionWhere.ShowOnEdit{display:none}ul.componentsListe li.groupe.optional-enabled .CriteriaGroup{border:3px dashed var(--primary-color-main)}ul.componentsListe li.groupe.optional-enabled ul.childsList .ActionAnd>.trait-and-bottom{border-left:3px dashed var(--primary-color-main)}ul.componentsListe li.groupe.optional-enabled ul.childsList .ActionAnd>a{border:2px dashed var(--primary-color-main)}ul.componentsListe li.groupe.optional-enabled ul.childsList>li.hasAnd>span{border-left:3px dashed var(--primary-color-main)}ul.componentsListe li.groupe.optional-enabled ul.childsList>li.hasAnd>span>span{border:2px dashed var(--primary-color-main)}ul.componentsListe li.groupe:first-child>.CriteriaGroup{width:calc(100% - 54px - 20px)}li.groupe{margin:0;padding-top:1px;padding-bottom:1px;display:block;clear:both}li.groupe>li.groupe{margin-left:75px}.CriteriaGroup{border:1px solid #ddd;display:flex;position:relative;border-radius:5px;background:#fff;margin-top:30px;margin-bottom:80px;padding:2px 0 2px 5px;clear:both;-moz-box-shadow:0px 2px 3px 0px #cfcfcf;-webkit-box-shadow:0px 2px 3px 0px #cfcfcf;-o-box-shadow:0px 2px 3px 0px #cfcfcf;box-shadow:0px 2px 3px 0px #cfcfcf;filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=3)}.CriteriaGroup .flexWrap{display:flex;flex-direction:row;flex-wrap:nowrap}.CriteriaGroup .componentBackArrow svg{height:48px}.CriteriaGroup .componentBackArrow svg path{fill:rgba(0,0,0,0);stroke:rgba(0,0,0,0);stroke-width:2.5px}.CriteriaGroup .componentFrontArrow svg{height:48px}.CriteriaGroup .componentFrontArrow svg path{fill:rgba(0,0,0,0);stroke:var(--silver-color-light);stroke-width:3px}.CriteriaGroup .componentFrontArrow svg rect{fill:#fff}.CriteriaGroup.optionalEnabled{border:3px dashed var(--primary-color-main)}.CriteriaGroup.notExistsEnabled{border:3px dashed #000}.CriteriaGroup.serviceEnabled{border:3px dashed var(--ternary-color-main)}.CriteriaGroup span.unselect{display:block;position:absolute;top:15px;right:10px;width:22px;height:22px !important;padding:0 0;text-align:center;cursor:pointer;color:var(--primary-color-important);line-height:22px;font-size:18px;box-sizing:border-box;border-radius:11px;z-index:2}.CriteriaGroup .currentWrapper{height:48px;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);padding-left:8px;padding-right:12px;border-width:0;border-top-width:3px;border-bottom-width:3px;border-top:3px solid #fff;border-bottom:3px solid #fff}.CriteriaGroup .currentWrapper span.current{display:inline-block;height:42px;line-height:42px;vertical-align:bottom;white-space:nowrap;opacity:.6;background-color:var(--primary-color-light);padding:0 14px}.CriteriaGroup .currentWrapper span.current:not(:has(span.label)){max-width:200px;overflow:hidden;text-overflow:ellipsis}.CriteriaGroup .currentWrapper span.current span{display:inline-block;vertical-align:middle;min-width:20px}.CriteriaGroup .currentWrapper span.current>span.label{max-width:200px;overflow:hidden;text-overflow:ellipsis}.CriteriaGroup .currentWrapper span.current.selected{background-color:#fff;opacity:1;padding:0 0;color:var(--default-text-color)}.CriteriaGroup .currentWrapper span.current.selected span i{font-size:22px}.CriteriaGroup .focus .currentWrapper span.current{min-width:345px}.CriteriaGroup .focus.selectorIsFlat .currentWrapper span.current{min-width:315px}.CriteriaGroup .focus:not(.selectorHasIcon) .currentWrapper span.current{min-width:297px}.CriteriaGroup .focus.selectorIsFlat:not(.selectorHasIcon) .currentWrapper span.current{min-width:267px}.CriteriaGroup .VariableSelected .currentWrapper{color:var(--default-text-color);border-color:rgba(0,0,0,0);border-radius:0}.CriteriaGroup .ClassTypeId.Highlited .currentWrapper{border-radius:unset;background-color:var(--primary-color-main);border-color:#fff}.CriteriaGroup .ClassTypeId.Highlited .currentWrapper .current{color:#fff;background-color:var(--primary-color-main)}.CriteriaGroup .StartClassGroup .ClassTypeId.Highlited .currentWrapper{border-top-left-radius:6px;border-bottom-left-radius:6px}.CriteriaGroup .ClassTypeId.Highlited.VariableSelected .currentWrapper{border-color:var(--secondary-color-important)}.CriteriaGroup .StartClassGroup .ClassTypeId .currentWrapper{border-left:3px solid #fff}li.groupe.completed>.CriteriaGroup{margin-bottom:30px}.OptionsGroup{display:flex;flex-direction:row;flex-wrap:nowrap;min-width:fit-content;margin-left:-22px}.OptionsGroup .componentBackArrow svg{height:48px}.OptionsGroup .componentBackArrow svg path{fill:var(--secondary-color-main);stroke:#fff}.OptionsGroup.Disabled{display:flex}.OptionsGroup.Disabled .componentBackArrow svg{height:48px}.OptionsGroup.Disabled .componentBackArrow svg path{fill:var(--silver-color-main);stroke:#fff}.OptionsGroup.NoOptionEnabled{display:none !important}.OptionsGroup.NoOptionEnabled .componentBackArrow svg{height:48px}.OptionsGroup.NoOptionEnabled .componentBackArrow svg path{fill:var(--silver-color-light);stroke:#fff}.OptionsGroup .Optional,.OptionsGroup .NotExists{padding-right:13px;margin-left:-7px;position:relative;display:flex;zoom:1;margin-bottom:0;line-height:42px;color:#fff;margin-left:3px;padding-right:0;font-size:14px;margin-right:-20px;cursor:pointer}.OptionsGroup .Optional .componentBackArrow svg,.OptionsGroup .NotExists .componentBackArrow svg{height:48px}.OptionsGroup .Optional .componentBackArrow svg path,.OptionsGroup .NotExists .componentBackArrow svg path{fill:var(--secondary-color-light);stroke:#fff}.OptionsGroup .Optional .componentFrontArrow svg,.OptionsGroup .NotExists .componentFrontArrow svg{height:48px}.OptionsGroup .Optional .componentFrontArrow svg path,.OptionsGroup .NotExists .componentFrontArrow svg path{fill:var(--secondary-color-light);stroke:#fff}.OptionsGroup .Optional .componentFrontArrow svg rect,.OptionsGroup .NotExists .componentFrontArrow svg rect{fill:rgba(0,0,0,0)}.OptionsGroup .Optional span,.OptionsGroup .NotExists span{text-indent:13px;background:var(--secondary-color-light);border-top:3px solid #fff;border-bottom:3px solid #fff}.OptionsGroup .Optional input,.OptionsGroup .NotExists input{display:none}.OptionsGroup .Optional:hover .componentBackArrow svg,.OptionsGroup .Optional.Enabled .componentBackArrow svg,.OptionsGroup .NotExists:hover .componentBackArrow svg,.OptionsGroup .NotExists.Enabled .componentBackArrow svg{height:48px}.OptionsGroup .Optional:hover .componentBackArrow svg path,.OptionsGroup .Optional.Enabled .componentBackArrow svg path,.OptionsGroup .NotExists:hover .componentBackArrow svg path,.OptionsGroup .NotExists.Enabled .componentBackArrow svg path{fill:var(--secondary-color-important);stroke:#fff}.OptionsGroup .Optional:hover .componentFrontArrow svg,.OptionsGroup .Optional.Enabled .componentFrontArrow svg,.OptionsGroup .NotExists:hover .componentFrontArrow svg,.OptionsGroup .NotExists.Enabled .componentFrontArrow svg{height:48px}.OptionsGroup .Optional:hover .componentFrontArrow svg path,.OptionsGroup .Optional.Enabled .componentFrontArrow svg path,.OptionsGroup .NotExists:hover .componentFrontArrow svg path,.OptionsGroup .NotExists.Enabled .componentFrontArrow svg path{fill:var(--secondary-color-important);stroke:#fff}.OptionsGroup .Optional:hover .componentFrontArrow svg rect,.OptionsGroup .Optional.Enabled .componentFrontArrow svg rect,.OptionsGroup .NotExists:hover .componentFrontArrow svg rect,.OptionsGroup .NotExists.Enabled .componentFrontArrow svg rect{fill:rgba(0,0,0,0)}.OptionsGroup .Optional:hover span,.OptionsGroup .Optional.Enabled span,.OptionsGroup .NotExists:hover span,.OptionsGroup .NotExists.Enabled span{background:var(--secondary-color-important)}.ObjectPropertyGroup{padding-left:10px}.ObjectPropertyGroup .nice-select{padding-left:1em}.ObjectPropertyGroup .current{font-style:italic}.ObjectPropertyGroup .currentWrapper span.current.temporary-label{line-height:42px;font-size:16px;height:42px;padding-left:20px;padding-right:20px;display:inline-block;color:var(--default-text-color);background-color:#fff}.ObjectPropertyTypeId{position:relative;display:flex}.ObjectPropertyTypeId .currentWrapper{padding-left:15px;padding-right:15px}.ObjectPropertyTypeId span.current{width:232px}.ObjectPropertyTypeId span.current.selected{width:auto}.ObjectPropertyTypeId span.current.temporary-label{width:auto}.StartClassGroup,.EndClassGroup{position:relative;margin-right:9px}.StartClassGroup.Highlited .componentFrontArrow,.ClassTypeId.Highlited .componentFrontArrow{margin-right:5px}.EndClassGroup{position:relative;min-width:auto;display:flex;z-index:10}.EndClassGroup .EditComponents{position:absolute;left:36px;top:51px;line-height:35px;z-index:101;height:54px;padding:0 0;width:auto;font-size:14px;z-index:1000}.EndClassGroup .EditComponents .edit-trait{position:absolute;top:50%;left:0;width:20px;border-top:3px solid var(--primary-color-main);display:inline-block}.EndClassGroup .EditComponents .edit-trait .edit-trait-top{position:absolute;bottom:3px;left:-2px;display:none;border-left:3px solid var(--primary-color-main);height:24px}.EndClassGroup .EditComponents .edit-num{position:absolute;top:-2px;left:-1px;transform:translate(-50%, -50%);border:3px solid var(--primary-color-main);border-radius:10px;width:20px;height:20px;text-align:center;line-height:14px;font-size:10px;background:#fff;font-style:italic}.EndClassGroup span.current{width:232px}.EndClassGroup span.current.selected{width:auto}.ClassTypeId{display:flex}.ClassTypeId span.unselect{position:relative;top:-10px;right:29px}.ClassTypeId.Highlited .componentBackArrow svg{height:48px}.ClassTypeId.Highlited .componentBackArrow svg path{fill:var(--primary-color-main);stroke:#fff}.ClassTypeId.Highlited .componentFrontArrow svg{height:48px}.ClassTypeId.Highlited .componentFrontArrow svg path{fill:var(--primary-color-main);stroke:#fff}.ClassTypeId.Highlited .componentFrontArrow svg rect{fill:rgba(0,0,0,0)}.ClassTypeId.Highlited .nice-select{border-radius:unset;color:#fff;background-color:var(--primary-color-main);border-color:#fff}.ClassTypeId.Highlited.VariableSelected .componentFrontArrow svg{height:48px}.ClassTypeId.Highlited.VariableSelected .componentFrontArrow svg path{fill:var(--primary-color-main);stroke:var(--secondary-color-important)}.ClassTypeId.Highlited.VariableSelected .componentFrontArrow svg rect{fill:rgba(0,0,0,0)}.ClassTypeId.Highlited.VariableSelected .componentBackArrow svg{height:48px}.ClassTypeId.Highlited.VariableSelected .componentBackArrow svg path{fill:var(--primary-color-main);stroke:var(--secondary-color-important)}.ClassTypeId.Highlited.VariableSelected .nice-select{border-color:var(--secondary-color-important)}.ClassTypeId.Highlited .htmlSelectUiUx .currentWrapper{border-radius:unset;color:#fff;background-color:var(--primary-color-main);border-color:#fff}.StartClassGroup .ClassTypeId.Highlited .htmlSelectUiUx .currentWrapper{border-top-left-radius:6px;border-bottom-left-radius:6px}.ClassTypeId.Highlited.VariableSelected .htmlSelectUiUx .currentWrapper{border-color:var(--secondary-color-important)}.StartClassGroup .ClassTypeId .htmlSelectUiUx .currentWrapper{border-left:3px solid #fff}.ObjectPropertyTypeId .htmlSelectUiUx{left:15px}.EndClassGroup .htmlSelectUiUx{left:28px}.htmlSelectUiUx{position:absolute;top:0;left:13px;display:block;white-space:nowrap;background-color:#fff}.htmlSelectUiUx.open .htmlSelectUiUxLists{display:block}.htmlSelectUiUx .currentWrapper{height:48px;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);padding-left:10px;padding-right:26px;border-width:0;border-top-width:3px;border-bottom-width:3px;border-top:3px solid #fff;border-bottom:3px solid #fff}.htmlSelectUiUx.disabled .currentWrapper{color:var(--default-text-color);border-color:rgba(0,0,0,0);border-radius:0}.htmlSelectUiUx span.current{display:inline-block;height:42px;line-height:42px;vertical-align:bottom;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:.6;background-color:var(--primary-color-light);padding:0 14px}.htmlSelectUiUx span.current span{display:inline-block;vertical-align:bottom;min-width:20px}.htmlSelectUiUx span.current.selected{background-color:#fff;opacity:1;padding:0 0}.htmlSelectUiUx span.current.selected span i{font-size:22px}.htmlSelectUiUx.isFlat .htmlSelectUiUxLists{width:315px}.htmlSelectUiUx.isFlat .htmlSelectUiUxLists ul{width:315px}.htmlSelectUiUx:not(.hasIcon) .htmlSelectUiUxLists{width:297px}.htmlSelectUiUx:not(.hasIcon) .htmlSelectUiUxLists ul{width:297px}.htmlSelectUiUx:not(.hasIcon) .htmlSelectUiUxLists ul .label-icon{display:none}.htmlSelectUiUx:not(.hasIcon) .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight{width:249px}.htmlSelectUiUx:not(.hasIcon) .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumPath .htmlBreadCrumPathParents .ancestor-item{max-width:101px}.htmlSelectUiUx:not(.hasIcon) .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumParentLabel>span{max-width:233px}.htmlSelectUiUx.isFlat:not(.hasIcon) .htmlSelectUiUxLists{width:267px}.htmlSelectUiUx.isFlat:not(.hasIcon) .htmlSelectUiUxLists ul{width:267px}.htmlSelectUiUx .htmlSelectUiUxLists{display:none;overflow-x:hidden;position:absolute;width:345px;height:400px;top:50px;z-index:3;transition-property:height;transition-duration:.1s;transition-delay:0;border-radius:4px;box-shadow:0px 0px 8px 0px rgba(0,0,0,.1490196078)}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum{display:flex;height:55px;align-items:center;width:100%;background-color:#fff;border-bottom:1px solid #e8e8e8;margin-left:0;transition-property:margin-left;transition-duration:.5s;transition-delay:0}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumLeft .htmlBreadCrumBack{display:block;width:31px;height:55px;text-align:center;padding:9px 18px;border-right:1px solid #e8e8e8;display:table;cursor:pointer}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumLeft .htmlBreadCrumBack span{display:table-cell;vertical-align:middle;text-align:center}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight{display:block;padding:8px;line-height:13.62px;width:297px;height:55px}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumPath{width:100%}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumPath>div{display:inline-block;vertical-align:middle;font-size:10px;font-weight:700;line-height:13.62px;text-align:left;opacity:.5}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumPath .htmlBreadCrumPathHome.onHiddenUp{display:none}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumPath .htmlBreadCrumPathParentsPrefix{display:none}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumPath .htmlBreadCrumPathParentsPrefix.onHiddenUp{display:inline-block}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumPath .htmlBreadCrumPathParents{vertical-align:middle}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumPath .htmlBreadCrumPathParents .ancestor-item{display:inline-block;vertical-align:middle;margin-left:300px;text-overflow:ellipsis;overflow:hidden;transition-property:margin-left;transition-duration:.5s;transition-delay:0;max-width:125px}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumPath .htmlBreadCrumPathParents .ancestor-item.appened{margin-left:0}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumPath .htmlBreadCrumPathParents .ancestor-item.onHiddenUp{display:none}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumParentLabel{display:block;position:relative;font-size:16px;font-weight:700;line-height:21.79px;text-align:left;opacity:1}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumParentLabel>span{display:inline-block;position:absolute;top:0;left:300px;max-width:281px;overflow-x:hidden;text-overflow:ellipsis;transition-property:left;transition-duration:.5s;transition-delay:0s}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumParentLabel>span:first-of-type{left:0}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumParentLabel>span.move-left{left:-350px}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumParentLabel>span.move-to-display{left:0}.htmlSelectUiUx .htmlSelectUiUxLists .htmlSelectUiUxBreadCrum .htmlBreadCrumRight .htmlBreadCrumParentLabel>span.move-right{left:350px}.htmlSelectUiUx .htmlSelectUiUxLists.root-display .htmlSelectUiUxBreadCrum{margin-left:345px}.htmlSelectUiUx .htmlSelectUiUxLists.root-display ul{top:0;border-top:solid 0 #fff}.htmlSelectUiUx ul{position:absolute;top:55px;left:0;width:345px;padding:0;margin:0;margin-left:345px;list-style:none;max-height:35vh;overflow-y:auto;overflow-x:hidden;display:inline-block;white-space:normal;vertical-align:top;max-height:400px;transition-property:margin-left,top;transition-duration:.5s,0s;transition-delay:0,.6s;z-index:1000}.htmlSelectUiUx ul.root{top:0}.htmlSelectUiUx ul.active-pane{margin-left:0}.htmlSelectUiUx ul.active-pane-hide-left{margin-left:-345px}.htmlSelectUiUx ul li{cursor:pointer;border-bottom:solid 1px #e8e8e8;height:40px;display:flex;background:#fff;position:relative;z-index:11}.htmlSelectUiUx ul li .item-count{position:absolute;display:block;left:0;top:0;width:calc(100% - 29px);height:39px;z-index:-1}.htmlSelectUiUx ul li .item-count>span{display:block;height:39px;background-color:var(--primary-color-light)}.htmlSelectUiUx ul li .item-count-number{position:absolute;display:none;right:0;top:0;height:40px;font-size:12px;font-weight:700;line-height:16.34px;text-align:right;line-height:21.79px;color:#000;padding:11px 5px;z-index:1}.htmlSelectUiUx ul li span.item-sel{display:inline-block;position:relative;width:100%;padding:9px 9px;height:40px;font-size:16px;font-weight:400;line-height:21.79px;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.htmlSelectUiUx ul li span.item-sel .label-icon{width:48px;font-size:22px;display:inline-block;padding:0 9px 0 0;text-align:center}.htmlSelectUiUx ul li span.item-sel .item-label{vertical-align:top}.htmlSelectUiUx ul li.disabled span.item-traverse{border-left:1px solid rgba(0,0,0,0)}.htmlSelectUiUx ul li span.item-traverse{display:none;width:30px;text-align:center;padding:5px 5px;border-left:1px solid #e8e8e8;height:40px}.htmlSelectUiUx ul li.have-childs span.item-sel{width:315px}.htmlSelectUiUx ul li.have-childs .item-count-number{right:31px}.htmlSelectUiUx ul li.have-childs span.item-traverse{display:inline-block;position:relative}.htmlSelectUiUx ul li img{height:40px}.htmlSelectUiUx ul li img.highlited{display:none}.htmlSelectUiUx ul li.selected img,.htmlSelectUiUx ul li.focus img,.htmlSelectUiUx ul li>span.item-traverse:hover img,.htmlSelectUiUx ul li>span.item-sel:hover img{display:none}.htmlSelectUiUx ul li.selected img.highlited,.htmlSelectUiUx ul li.focus img.highlited,.htmlSelectUiUx ul li>span.item-traverse:hover img.highlited,.htmlSelectUiUx ul li>span.item-sel:hover img.highlited{display:inline}.htmlSelectUiUx ul li.selected:after,.htmlSelectUiUx ul li.focus:after,.htmlSelectUiUx ul li>span.item-traverse:hover:after,.htmlSelectUiUx ul li>span.item-sel:hover:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--primary-color-light);z-index:-2}.htmlSelectUiUx ul li.disabled:hover{background-color:var(--primary-color-light)}.htmlSelectUiUx ul li:hover .item-count>span{background-color:var(--primary-color-medium)}.htmlSelectUiUx ul li:hover .item-count-number{display:block}.htmlSelectUiUx ul.hasTraverseItem.hasNoEnabledWithChilds li .item-count{width:100%}.htmlSelectUiUx ul.hasTraverseItem.hasNoEnabledWithChilds li.have-childs .item-count{width:100%}.htmlSelectUiUx ul.hasNoEnabledWithChilds li .item-count{width:100%}.htmlSelectUiUx ul.hasNoEnabledWithChilds li.have-childs .item-count{width:100%}.htmlSelectUiUx .htmlSelectUiUxLists::-webkit-scrollbar,.htmlSelectUiUx ul::-webkit-scrollbar{width:3px;height:3px;background-color:rgba(0,0,0,0)}.htmlSelectUiUx .htmlSelectUiUxLists::-webkit-scrollbar-track,.htmlSelectUiUx ul::-webkit-scrollbar-track{border-radius:3px;background-color:rgba(0,0,0,0)}.htmlSelectUiUx .htmlSelectUiUxLists::-webkit-scrollbar-thumb,.htmlSelectUiUx ul::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(0,0,0,0)}.htmlSelectUiUx .htmlSelectUiUxLists,.htmlSelectUiUx ul{-moz-width:thin}.htmlSelectUiUx ul.active-pane::-webkit-scrollbar{background-color:#e8e8e8}.htmlSelectUiUx ul.active-pane::-webkit-scrollbar-track{background-color:#e8e8e8}.htmlSelectUiUx ul.active-pane::-webkit-scrollbar-thumb{background-color:var(--primary-color-main)}@-moz-document url-prefix(){.htmlSelectUiUxLists,.htmlSelectUiUx ul{scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0)}.htmlSelectUiUx ul.active-pane{scrollbar-color:var(--primary-color-main) #e8e8e8}}.ActionsGroup{position:absolute;display:block;top:100%;width:100%;height:46px;z-index:1}.ActionsGroup:hover .ActionAnd{display:block}.ActionsGroup>div{position:absolute}.ActionsGroup .ActionAnd{display:none;left:15px;left:36px;top:17px;line-height:46px;text-align:center}.ActionsGroup .ActionAnd .trait-and-bottom{position:absolute;top:-14px;left:-1px;border-left:3px solid var(--primary-color-main);margin-left:-1px;height:15px}.ActionsGroup .ActionAnd .trait-and-bottom:before{content:"";display:block;position:absolute;top:-10px;left:-6px;width:9px;height:9px;-moz-box-shadow:0px 6px 3px -3px #cfcfcf;-webkit-box-shadow:0px 6px 3px -3px #cfcfcf;-o-box-shadow:0px 6px 3px -3px #cfcfcf;box-shadow:0px 6px 3px -3px #cfcfcf;filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=3)}.ActionsGroup .ActionAnd a{cursor:pointer;display:block;background:#fff;border:2px solid var(--primary-color-main);border-radius:15px;height:30px;line-height:20px;padding:2px 10px;transform:translate(-50%, 0)}.ActionsGroup .ActionAnd a:hover{color:var(--primary-color-main)}.ActionWhere{line-height:26px;position:absolute;display:flex;margin-top:-4px;border-left:3px solid rgba(0,0,0,0)}.ActionWhere div{margin-left:25px;width:max-content}.ActionWhere a{position:absolute;left:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--primary-color-main);border-radius:13px;height:23px;min-width:23px !important;fill:var(--primary-color-main) !important;font-weight:bold;margin-left:10px}.ActionWhere a svg{height:10px}span.unselect{cursor:pointer;top:12px;right:25px;border-radius:100%}span.unselect svg{fill:var(--primary-color-important);width:18px;background-color:#fff;border-radius:100%}.optionalArrow{height:48px;width:34px;margin-right:-20px;position:relative;cursor:pointer}.optionalArrow svg{stroke:var(--silver-color-light);stroke-width:3px;fill:var(--secondary-color-main);stroke-width:2.5px;position:absolute;z-index:1;left:-7px}.optionalArrow svg path{filter:url(#filter19278)}.optionalArrow.disabledbutton{pointer-events:none}.optionalArrow.disabledbutton svg{fill:gray;opacity:.4}#icon_reset{fill:none;stroke:#1d1d1b;stroke-linecap:round;stroke-linejoin:round}.StartClassGroup .selectViewVariableBtn{color:#fff;position:absolute;top:50%;right:20px;height:16px;margin-top:-8px;z-index:2;cursor:pointer}.StartClassGroup .selectViewVariableBtn.disabled{opacity:.5;cursor:default}.StartClassGroup .selectViewVariableBtn svg{width:100%;height:100%;vertical-align:top}.EndClassGroup .selectViewVariableBtn{color:#fff;position:absolute;top:50%;right:43px;height:16px;margin-top:-8px;z-index:2;cursor:pointer}.EndClassGroup .selectViewVariableBtn.disabled{opacity:.5;cursor:default}.EndClassGroup .selectViewVariableBtn svg{width:100%;height:100%;vertical-align:top}.button-add{border:3px solid var(--primary-color-main);border-radius:15px;background:#fff;padding:0 10px;line-height:25px;margin-left:5px}.button-add:hover{color:var(--primary-color-main);cursor:pointer}.circle-info{margin-left:5px}.AddWidgetValueBtn{display:flex;color:#000;font-size:20px;cursor:pointer;vertical-align:middle;max-width:220px;height:48px;margin-right:-13px;position:relative;padding:0}.AddWidgetValueBtn .componentBackArrow svg{height:48px}.AddWidgetValueBtn .componentBackArrow svg path{fill:var(--primary-color-medium);stroke:#fff}.AddWidgetValueBtn .componentFrontArrow svg{height:48px}.AddWidgetValueBtn .componentFrontArrow svg path{fill:var(--primary-color-medium);stroke:#fff}.AddWidgetValueBtn .componentFrontArrow svg rect{fill:rgba(0,0,0,0)}.AddWidgetValueBtn p{height:inherit;background:var(--primary-color-medium);padding:0 0 0 3px;border:3px solid #fff;border-left:0;border-right:0;width:0px;overflow:visible;position:relative;margin-top:0}.AddWidgetValueBtn p span{line-height:42px;color:var(--default-text-color)}.AddWidgetValueBtn span.label-two-line{line-height:24px;line-height:21px}div.edit span{display:inline-block}div.edit svg{fill:var(--primary-color-important);width:18px;background-color:#fff;border-radius:100%}.EndClassWidgetGroup{width:auto;padding:0 15px 0 0;margin-left:-43px;display:flex}.EndClassWidgetGroup span.unselect{top:-10px}.EndClassWidgetGroup div.edit{display:block;position:absolute;top:-10px;right:32px;width:22px;height:22px !important;padding:0 0;text-align:center;cursor:pointer;color:var(--primary-color-important);line-height:22px;font-size:18px;box-sizing:border-box;border-radius:11px;z-index:2}.EndClassWidgetValue{position:relative;display:flex;color:#000;font-size:14px;padding:0;max-width:220px;height:46px;margin-right:-13px}.EndClassWidgetValue .componentBackArrow svg{height:48px}.EndClassWidgetValue .componentBackArrow svg path{fill:var(--primary-color-medium);stroke:#fff}.EndClassWidgetValue .componentFrontArrow svg{height:48px}.EndClassWidgetValue .componentFrontArrow svg path{fill:var(--primary-color-medium);stroke:#fff}.EndClassWidgetValue .componentFrontArrow svg rect{fill:rgba(0,0,0,0)}.EndClassWidgetValue span.label-two-line{line-height:24px;line-height:21px}.EndClassWidgetValue p{line-height:48px;height:48px;background:var(--primary-color-medium);background-clip:padding-box;margin:0;padding:0 5px 0 5px;display:inline-block;overflow:hidden;border:3px solid #fff;border-left:0;border-right:0;text-align:center}.EndClassWidgetValue p>span{line-height:42px;display:inline-block;vertical-align:baseline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--default-text-color);width:100%}.nb-choice-2 .WidgetWrapper{border-left:3px solid var(--primary-color-main)}.nb-choice-2 .WidgetWrapper:before{display:none}.WidgetWrapper{position:relative;height:51px;padding-bottom:3px;padding-left:25px;padding-right:5px;line-height:48px;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%;min-width:1px}.WidgetWrapper:before{content:"";display:block;position:absolute;top:0;left:-3px;width:3px;height:20px;background:var(--primary-color-main)}.WidgetWrapper:after{content:"";display:block;position:absolute;top:-10px;left:-6px;width:9px;height:9px;-moz-box-shadow:0px 6px 3px -3px #cfcfcf;-webkit-box-shadow:0px 6px 3px -3px #cfcfcf;-o-box-shadow:0px 6px 3px -3px #cfcfcf;box-shadow:0px 6px 3px -3px #cfcfcf;filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=3)}.WidgetWrapper .underline{text-decoration:underline}.WidgetWrapper .boolean-value{text-decoration:underline;cursor:pointer}.WidgetWrapper .or{color:var(--primary-color-main);font-weight:600}.WidgetWrapper .selectAll .underline{cursor:pointer}.WidgetWrapper>a,.WidgetWrapper>div{position:absolute;left:100%;top:0}.awesomplete>ul{border-radius:.3em;margin:.2em 0 0;background:rgba(255,255,255,.9);background:linear-gradient(to bottom right, white, hsla(0deg, 0%, 100%, 0.8));border:1px solid rgba(0,0,0,.3);box-shadow:.05em .2em .6em rgba(0,0,0,.2);text-shadow:none}@supports(transform: scale(0)){.awesomplete>ul{transition:.3s cubic-bezier(0.4, 0.2, 0.5, 1.4);transform-origin:1.43em -0.43em}.awesomplete>ul[hidden],.awesomplete>ul:empty{opacity:0;transform:scale(0);display:block;transition-timing-function:ease}}.awesomplete>ul:before{content:"";position:absolute;top:-0.43em;left:1em;width:0;height:0;padding:.4em;background:#fff;border:inherit;border-right:0;border-bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.awesomplete>ul>li{position:relative;padding:.2em .5em;cursor:pointer}.awesomplete>ul>li:hover{background:var(--ternary-color-light);color:#000}.awesomplete>ul>li[aria-selected=true]{background:var(--tern