body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:block}body::-webkit-scrollbar{width:0;height:0}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:transparent}.settings-container{display:flex;flex-direction:column;gap:1rem}.settings-container p{font-style:normal;font-weight:700;font-size:16px;line-height:20px}.settings-theme-container{display:flex;flex-direction:row;gap:.5rem}.theme-selector-container{padding:1rem;display:flex;width:35%;flex-direction:column;gap:1rem;border:1px solid var(--gray-400);border-radius:6px}.theme-selector-divider{height:1px;background-color:var(--gray-400);margin:0 -1rem}.theme-item{padding:.5rem;display:flex;flex-direction:row;gap:1rem;border-radius:6px}.theme-item svg{margin:auto 0}.theme-item:hover{cursor:pointer}.selected-theme-item:not(.nohover),.theme-item:hover{background:var(--brand-secondary-2);transition:background,.5s}.selected-theme-item:not(.nohover){cursor:default}.settings-color-panel-container{padding:1rem;width:100%;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--gray-400);border-radius:6px}.color-pick-container{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;height:30rem}.color-item{padding:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;background:#f8f9fa;border-radius:6px}.color-item p{width:70%}.color-item-pick{width:10px;height:26px;border-radius:4px;border:1px solid var(--gray-400)}.color-item-pick-circle{width:26px;height:26px;border-radius:26px;border:1px solid var(--gray-400)}.color-item-input{height:1rem!important;width:8rem!important}.scroll-x-container{overflow-x:scroll}.scroll-x-container::-webkit-scrollbar{width:0;height:0}.config-parameter-container{display:flex;flex-direction:column;gap:1rem;overflow-x:hidden}.container-settings-button div{display:flex;align-items:center;height:40px}.container-settings-button{padding:10px 0;display:flex;flex-direction:row;gap:10px;align-items:center}.button-style-container{padding-left:.25rem;display:flex;flex-direction:row;gap:.5rem;align-items:center;min-height:3rem}.allow-color-pick-container{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;height:20rem}.allow-color-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem;background:var(--gray-50);border-radius:6px;border:1px solid var(--brand-secondary-3)}.allow-color-item-disable{color:gray;border:1px solid var(--gray-50);opacity:.65}.allow-color-item>.style-item{width:10px!important}.style-item{width:32px;height:26px;border-radius:4px;border:1px solid var(--gray-400);transition:.5s;flex-shrink:0}.style-item-selected{margin:0 10px;transform:scale(1.5);border:none;box-shadow:0 0 3px 0 var(--gray-400)}.color-input{border:1px solid var(--gray-200)!important;padding:var(--spacing-sm)!important;border-radius:var(--rounded-sm)!important;color:var(--gray-700)!important;font-size:var(--fs-sm)!important;padding-right:50px!important;text-overflow:ellipsis}.color-input:focus,.color-input:hover{border:1px solid #9068e3!important}.color-input:focus{border-radius:var(--rounded-md)!important}.color-input-error{border:1px solid red!important}.additional-color-input-container{padding-right:23px}.additional-color-input-container label{font-size:var(--fs-sm)}.segmented-container{min-height:2rem;color:var(--gray-400)}.slider-style-container{min-height:1.5rem;display:flex;padding:0 8px;flex-direction:column;justify-content:center}.horizontal-slider{width:100%;height:.6rem;border-radius:6px;background:var(--gray-300);position:relative;cursor:pointer;.track-0{border-radius:6px;background:var(--accent-light);height:100%}}.slider-error{background-color:var(--action-destructive-disabled)}.error-container{margin:18px 0;display:flex;align-items:center;gap:8px;color:var(--action-destructive-disabled);svg{color:var(--action-destructive-disabled)}}.slider-error-text{color:var(--action-destructive-disabled);display:block}.slider-thumb{background-color:var(--accent-dark);outline:none}.slider-thumb,.slider-thumb-unset{top:-8px;width:26px;height:26px;border-radius:100%;border:1px solid #fff}.slider-thumb-unset{background-color:var(--gray-500);display:flex;justify-content:center;align-items:center}.slider-thumb-unset-inner{width:8px;height:2px;border-radius:1px;background-color:#fff}.slider-thumb-value{color:var(--brand-secondary-1);position:absolute;top:45px;text-align:center;font-size:var(--fs-sm)}.slider-thumb-value,.wrong-value-container{display:flex;justify-content:center;align-items:center}.wrong-value-container{flex-direction:row;gap:1rem}.delete-button{padding:1rem;background-color:#f7f7f7;display:flex;justify-content:center;align-items:center;border:1px solid #d1d5db}.read-only-container{opacity:.5}.read-only-container *{pointer-events:none}.margin-top{fill:var(--gray-200);cursor:pointer}.margin-right{fill:var(--gray-100);cursor:pointer}.margin-bottom{fill:var(--gray-200);cursor:pointer}.margin-left{fill:var(--gray-100);cursor:pointer}.padding-top{fill:var(--gray-300);cursor:pointer}.padding-right{fill:var(--gray-200);cursor:pointer}.padding-bottom{fill:var(--gray-300);cursor:pointer}.padding-left{fill:var(--gray-200);cursor:pointer}.hover{fill:var(--accent-light-hover)}.vertical-rect{stroke:#fff}.horizontal-rect{stroke:#fff;fill:#fff}.space-control{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;width:208px;height:112px;.container{position:absolute;inset:1px;display:grid;grid-column-gap:4px;column-gap:4px;grid-template-columns:34px 34px minmax(0,1fr) 34px 34px;grid-template-rows:24px 4px 24px auto 24px 4px 24px;pointer-events:none}.item{color:var(--gray-500);font-weight:700;letter-spacing:5%;text-transform:uppercase;font-size:8px;line-height:1;margin-top:3px;margin-left:4px;grid-area:1/1/auto/6}.item-iner{grid-area:3/2/auto/5}.value{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;padding:0 2px}.property-marginTop{grid-area:1/2/auto/5}.property-marginRight{grid-area:1/5/8}.property-marginBottom{grid-area:7/2/auto/5}.property-marginLeft{grid-area:1/1/8}.property-paddingTop{grid-area:3/3/auto/4}.property-paddingRight{grid-area:3/4/6}.property-paddingBottom{grid-area:5/3/auto/4}.property-paddingLeft{grid-area:3/2/6}.button-wrapper{position:absolute;width:0;height:0}.button{width:-moz-fit-content;width:fit-content;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border:none;border-radius:3px;width:100%;height:100%;background-color:transparent;.value{font-weight:500;font-size:10px;line-height:10px;text-transform:none;text-decoration:none;text-indent:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:4px;border-radius:2px;width:100%;height:100%;color:var(--gray-500);.label{padding:4px;&:hover{background-color:#ffffff80;color:var(--gray-700)}}}.value-selected{color:#7953c6}}.button-source-local{color:#016ccc;background-color:#e1f0ff}.button-events{pointer-events:all}.modal-container{position:absolute;width:110px;padding:8px;background-color:var(--gray-50);border-radius:8px;z-index:1000;overflow:hidden;box-shadow:0 2px 7px 0 #0000001a,0 5px 17px 0 #0000004d}.modal-input-wrapper{display:flex;justify-content:space-between;border:1px solid var(--input-border);border-radius:8px;overflow:hidden;width:100%}.modal-input-wrapper.focused{border:2px solid var(--primary-action-active)}.input{border:none;outline:none!important;font-weight:400;font-size:12px;line-height:16px;letter-spacing:.005em;text-transform:none;text-decoration:none;text-indent:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:2px;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}-moz-appearance:textfield}.select{border:none;cursor:pointer;background-color:var(--gray-50);border-radius:0!important;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none!important;left:0;right:0;top:0;bottom:0;font-weight:400;font-size:12px;line-height:16px;option{padding:8px}}}.read-only-container{cursor:not-allowed;.button,.select{cursor:not-allowed}}.preview-container{border:1px solid var(--gray-300);background-color:var(--gray-50);padding:16px;.preview-label{font-size:12px;line-height:16px;text-transform:uppercase}.children-wrapper{padding:16px 0;position:relative}.update-button-wrapper{display:flex;justify-content:flex-end;width:100%}}.options-container{padding-left:8px;padding-right:8px}.buttons-container{display:flex;align-items:center;justify-content:center;font-size:12px}.responsive-container{margin-top:16px}.reset-button{margin:8px 0;background:transparent;border:none}.reset-bottom-posiiton{width:100%;display:flex;justify-content:flex-end;.reset-section{width:max-content}}.reset-all-button{position:absolute;right:0;gap:4px;width:unset}.reset-section{display:flex;align-items:center;justify-content:center;width:100%;.reset-section-label{font-size:12px;line-height:16px;text-align:center}.reset-section-divider{width:1px;height:16px;background-color:var(--gray-300);margin:0 8px}}.slider-configuration-steps-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.clear-parameter-container{display:flex;justify-content:space-between;gap:4px}.clear-parameter-container-callout{flex-grow:1}